@media screen and (max-width:1800px){

    /******  Home Page ********/
    .writer-hero__area-bg {
        left: 22.92%;
    }
    .writer-hero__area-bg::after {
        bottom: -2%;
    }

    /******* Work Page ********/

    /********* Password ********/

    /******* Detail Page ******/


}
@media screen and (max-width:1700px){
    
    /******  Home Page ********/

    .writer-hero__area-bg {
        left: 20.32%;
    }

    /******* Work Page ********/
    
    .work .title h3 {
        padding-bottom: 140px;
    }

    .work_main .title .sec-title-11::after {
        width: 74%;
        top: 16%;
    }

    /********* Password ********/



    /******* Detail Page ******/
	
/* 	#global {
   	 width: 24% !important;
	} */
	.big_image img {
		max-height: 650px;
		min-height: 650px;
}

}


@media screen and (max-width:1600px){

    /******  Home Page ********/

    .writer-hero__area-bg {
        left: 18.32%;
    }
    .row_main {
        padding-left: 40px;
    }
    .writer-about__area .sec-title-11::after{
        width: 73%;
    }
    .writer-hero__title{
        font-size: 100px;
    }
    .title_professional .sec-title-11::after{
        width: 72%;
    }
    .professional_content{
        max-width: 82%;
    }
    .sfluence-event__area .sec-title-11::after{
        width: 77%;
    }
    .pdesigner-brand__title-pb .sec-title-11::after{
        width: 29%;
    }
    .deginer_patch {
        bottom: -15%
    }
    
    /***************************************** work Page  ***************************************************/

    .work_main .title .sec-title-11::after {
        width: 73%;
        top: 18%;
    }
    .work {
        padding: 120px 0px 90px;
    }
    .work .title h3 {
        padding-bottom: 120px;
    }

    /**************************************** PASSWORD *******************************************************/
	

    /* **************************************** Detail Page ************************************************** */

    .space_main .title .sec-title-11::after {
        top: 44%;
        width: 81%;
    }
    .space_main .title {
        padding: 100px 0px 110px;
    }
    .design_concept_main .sec-title-11::after {
        width: 77%;
    }

}
@media screen and (max-width:1440px){

    /*************************************  Home Page ************************************************/

    .writer-hero__area-bg {
        left: 14.32%;
    }
    .writer-hero__btm .right{
        padding-top: 60px;
    }
    .writer-about__area .sec-title-11::after {
        width: 70%;
    }
    .writer-about__content{
        grid-gap: 50px 80px;
        padding-top: 45px;
    }
    .intDesigner-service__area .sec-title-11::after {
        width: 36%;
    }
    .intDesigner-service__area .sec-title-11{
        margin-bottom: 80px;
    }
    .intDesigner-service__items .nav-tabs .nav-item:not(:last-child) {
        margin-bottom: 45px;
    }
    .intDesigner-service__name-wrapper {
        margin-bottom: 60px;    
    }
    .title_professional .sec-title-11::after {
        width: 69%;
    }
    .professional_experience .content_section_raw p:nth-child(2) {
        padding: 0px 80px 0px 100px;
    }
    .sfluence-event__area .sec-title-11::after {
        width: 75%;
    }
    .brand_logo_slider .swiper-slide{
        width: 140px;
    }
    .intDesigner-footer__area {
        padding-bottom: 150px;
    }
    .pdesigner-brand__title-pb .sec-title-11::after {
   		 width: 27%;
	}
    .cf-cta__text {
		max-width: 348px;
		margin-left: -53px;
		margin-top: 124px;
		margin-right: -109px;
	}
    /******* Work Page ********/

    .work_main .title .sec-title-11::after {
        width: 70%;
        top: 17%;
    }   
    .work {
        padding: 100px 0px 60px;
    }
    .work .title h3 {
        padding-bottom: 100px;
    }
    .img_section {
        display: grid;
        grid-template-columns: auto auto;
        gap: 150px 130px;
    } 
    .mt_170 {
        position: relative;
        top: -200px;
    }
	.img_section .boxes:nth-last-child(1) {
		margin-bottom: -200px;
	}
	
    /********* Password ********/

    /* .custom-password-form form {
        gap: 180px;
    }
    .password_form_box p::before{
        top: 4px;
        background-size: 70%;
        left: -56px;
    }
    .password_form_box p{
        font-size: 26px;
    }
    .custom-password-form form {
        gap: 130px;
    } */
	
	.password_form_box p {
		font-size: 24px;
		padding-bottom:50px;
	}
	.password_form_box p::before {
		background-size: 80%;
	}
	.password-input-wrapper ::placeholder{
		font-size:24px
	}

    /******* Detail Page ******/

    .space_main .title .sec-title-11::after {
        width: 78%;
    }
    .space_main .title {
        padding: 80px 0px 90px;
    }
    .design_concept_main .sec-title-11::after {
        width: 75%;
    }
	.big_image img {
		max-height: 580px;
		min-height: 580px;
	}

}
@media screen and (max-width:1300px){

    /******  Home Page ********/
    .main-menu ul {
        gap: 60px;
    }
    .writer-hero__area-bg {
        left: 10.32%;
    }
    .writer-hero__title {
        font-size: 90px;
    }
    .writer-hero__top .btn-width {
        width: 200px;
    }
    .writer-hero__top {
        margin: 157px 10px 0px 0px;
    }
    .writer-hero__area .shape {
        right: 5%;
    }
    .wc-btn-oval {
        padding: 40px 40px;
    }
    .sec-title-11 span,.sec-title-11 {
        font-size: 48px;
    }
    .sec-title-11::after{
        bottom: 35px !important;
    }
    .writer-about__area .sec-title-11::after {
        width: 74%;
    }
    .pt-100 {
        padding-top: 90px;
    }
    .sec-title-11 span::before {
        left: -55px;
        top: 10px;
        background-size: 75%;
    }
    .writer-about__content {
        padding-top: 35px;
        grid-gap:30px 60px;
    }
    .deginer_patch {
        bottom: -15%;
        width: 20%;
    }
    
   
    .intDesigner-service__name h3 {
        font-size: 30px;
    }
    .intDesigner-service__items .nav-tabs .nav-item:not(:last-child) {
        margin-bottom: 35px;
    }
    .intDesigner-service__text {
        gap: 40px;
    }
    .title_professional .sec-title-11::after {
        width: 72%;
    }
    .professional_experience .title_professional p {
        line-height: 28px;
    }
    .professional_experience .content_section_raw p:nth-child(2) {
        padding: 0px 40px 0px 40px;
    }
    .intDesigner-service__area .sec-title-11::after {
        width: 37%;
    }
    .sfluence-event__area .sec-title-11::after {
        width: 77%;
    }
    .pdesigner-brand__title-pb .sec-title-11::after {
        width: 30%;
    }
    .brand_logo_slider .swiper-slide {
        width: 120px;
    }
    .cf-cta__text-wrapper {
        gap: 120px;
    }
	.cf-cta__text {
		max-width: 250px;
		margin-left: -120px;
		margin-top: 125px;
		margin-right: -81px;
	}		
    .logo_section_main::before {
        top: 50px;
    }
    .logo_section_main::after {
       
        height: 55.2%;
        bottom: -13px;
    }
    .intDesigner-footer__area {
        padding-bottom: 120px;
    }


    /******* Work Page ********/

    .work {
        padding: 80px 0px 60px;
    }
    .work .title h3 {
        padding-bottom: 80px;
    }
    .intDesigner-portfolio__title {
        font-size: 27px;
        padding: 25px 0px 15px;
    }
    .mt_170 {
        top: -149px;
    }
	
	.img_section .boxes:nth-last-child(1) {
		margin-bottom: -149px;
	}
    .img_section {
        gap: 130px 130px;
    }

    /********* Password ********/

	.btn_main_div {
		gap: 30px;
	}
	
	.password_form_box {
		width: 55%;
	}
	.password_right_image {
		width: 40%;
	}
	
	
    /******* Detail Page ******/
	
	.big_image img {
		max-height: 460px;
		min-height: 460px;
	}

    .space_main .title .sec-title-11::after {
        width: 80%;
    }
    .space_main .title {
        padding: 70px 0px 60px;
    }
    .design_concept_main .sec-title-11::after {
        width: 77%;
    }
    .overview_image_section {
        padding: 60px 0px;
    }

/* 	#global {
  	  width: 27% !important;
	} */
}
@media screen and (max-width:1200px){

    /******  Home Page ********/

    .header__nav {
       display: block;
    }
    .main-menu ul {
        gap: 50px;
    }
    .writer-hero__title {
        font-size: 75px;
    }
    .writer-hero__area {
        padding-top: 60px;
    }
    p,.tablet_text p {
        line-height: 26px;
    }
    .wc-btn-oval {
        padding: 30px 30px;
    }
    .btn-wrapper a, .btn-wrapper button{
        font-size: 16px;
    }
    .writer-hero__btm .right {
        padding-top: 25px;
    }
    .row_main {
        padding-left: 20px;
    }
    .writer-hero__top {
        margin: 120px 10px 0px 0px;
    }
    .writer-hero__top .btn-width {
        width: 180px;
    }
    .writer-hero__area .shape {
        right: 3%;
        width: 18%;
        margin-top: 10px;
    }
    .writer-hero__area {
        padding-top: 40px;
    }
    .writer-hero__area-bg::after {
        bottom: -3%;
    }
    .writer-about__area .sec-title-11::after {
        width: 69%;
    }
    .writer-about__content {
        display: grid;
        grid-template-columns: 450px auto;
    }
    .writer-about__content .thumb:last-of-type {
        height: 500px;
    }
    .writer-about__content .thumb:last-of-type img {
        max-width: 100%;
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: top;
    }
	.sfluence-event__item .date {
		padding-top: 26px;
	}
   
    .intDesigner-service__area .sec-title-11::after {
        width: 35%;
    }
    .intDesigner-service__name-wrapper ,.intDesigner-service__text{
        margin-left: 53% !important;
    }
    .intDesigner-service__name-wrapper {
        margin-bottom: 50px;
    }
    .intDesigner-service__items .nav-tabs .nav-item:not(:last-child) {
        margin-bottom: 30px;
    }
    .intDesigner-service__text {
        gap: 30px;
    }
    .title_professional .sec-title-11::after {
        width: 67%;
    }
    .professional_experience .title_professional p {
        line-height: 26px;
    }
    .title_professional {
        padding-bottom: 50px;
    }
    .professional_experience .content_section_raw p:nth-child(1) {
        font-size: 18px;
    }
    .professional_experience .content_section_raw p:nth-child(2) {
        padding: 0px 20px;
    }
    .professional_experience::before {
        background-size: 87%;
    }
    .sfluence-event__area .sec-title-11::after {
        width: 74%;
    }
    .sfluence-event__top {
        padding-bottom: 60px;
    }
    .pdesigner-brand__title-pb .sec-title-11::after {
        width: 27%;
    }
    .brand_logo_slider .swiper-slide {
        width: 100px;
    }
    .cf-cta__text {
        margin-left: -95px;
        margin-top: 100px;
    }
    .cf-cta__sec-title-wrapper .sec-title-18 {
        font-size: 100px;
    }
    .intDesigner-footer__widgets-wrapper {
        grid-template-columns: auto auto auto;
        grid-gap: 50px;
    }
    .footer__widge.footer_logo {
        grid-column: span 3;
    }
    .intDesigner-footer__area {
        padding-bottom: 100px;
    }
   

    /******* Work Page ********/
    .work {
        padding: 60px 0px;
    }
    .work .title h3 {
        padding-bottom: 60px;
    }
    .work_main .title .sec-title-11::after {
        width: 67%;
        top: 22%;
    }


    /********* Password ********/

    /* .password_form_box p {
        font-size: 20px;
        padding-bottom: 40px;
    }
    .password_form_box p::before {
        background-size: 55%;
        left: -44px;
    }
    .password-input-wrapper ::placeholder{
        font-size: 26px;
    }
    .custom-password-form form {
        padding-left: 20px;
    }
    .custom-password-form form {
        gap: 60px;
    }
    .password_form_box {
        width: 63%;
    } */
	
	

    /******* Detail Page ******/

    .space_main .title .sec-title-11::after {
        width: 76%;
    }
    .space_main .title {
        padding: 60px 0px;
    }
    .image_discription.has_fade_anim {
        gap: 60px;
    }
    .image_discription_content p {
        font-size: 18px;
    }
    .overview_section {
        padding-top: 40px;
    }
    .overview_image_section {
        padding: 40px 0px 60px;
    }
    .design_concept_main .sec-title-11::after {
        width: 74%;
    }
    .design_concept_main .title {
        padding-bottom: 40px;
    }
    .content_box {
        gap: 30px 50px;
    }
    .content_box p {
        line-height: 26px;
    }
    .design_concept_imgs_main{
        padding: 80px 0px;
    }

/* 	#global {
   		 width: 31% !important;
	} */

}
@media screen and (max-width:1024px){

    .container_big ,.container_lg{
        padding: 0px 30px;
    }

    /******  Home Page ********/

    .main-menu li a{
        font-size: 16px;
    }
    .main-menu ul {
        gap: 40px;
    }
    .writer-hero__area {
        padding-top: 30px;
    }
    .writer-hero__top {
        margin: 80px 0px 0px 0px;
    }
    .writer-hero__top .btn-width .award-text {
        font-size: 16px;
    }
    .row_main {
        padding-left: 0px;
    }
    .writer-hero__title {
        font-size: 70px;
    }
    .writer-hero__btm .right p {
        padding-bottom: 10px;
    }
    .writer-hero__area .shape {
        right: 6%;
        width: 15%;
        margin-top: 0px;
    }
    .writer-about__content .thumb:last-of-type {
        height: 400px;
    }
    .deginer_patch {
        bottom: -15%;
        width: 17%;
        left: -5%;
    }
    .writer-about__area .sec-title-11::after {
        width: 66%;
    }
    .writer-about__content {
        padding-top: 35px;
        grid-gap: 30px 50px;
        grid-template-columns: 400px auto;
    }
    
    .intDesigner-service__area .sec-title-11::after {
        width: 33%;
    }
    .intDesigner-service__area .sec-title-11 {
        margin-bottom: 60px;
    }
    .intDesigner-service__hoverImg {
        max-width: 400px;
    }
    .intDesigner-service__items .nav-tabs .nav-item:not(:last-child) {
		margin-bottom: 20px;
	}
    .intDesigner-service__name-wrapper {
        margin-bottom: 30px;
    }
    .intDesigner-service__text {
        gap: 20px;
    }
    .intDesigner-service__text p {
        font-size: 16px;
        line-height: 25px;
    }
    .intDesigner-service__items {
        min-height: 570px;
    }
    .type_of_area .bullet_colum ul {
        column-count: 1;
    }
    .professional_experience .title_professional p {
        line-height: 24px;
    }
    p,.tablet_text p {
        font-size: 16px;
    }
    .title_professional .sec-title-11::after {
        width: 63%;
    }
    .title_professional {
        padding-bottom: 40px;
    }
    .professional_experience .content_section_raw p:nth-child(1) {
        font-size: 16px;
    }
    .professional_experience .content_section_raw p:nth-child(2) {
        padding: 0px 15px;
    }
    .sfluence-event__area .sec-title-11::after {
        width: 70%;
    }
    .professional_experience .content_section_raw {
        padding: 25px 0px;  
    } 
    .pdesigner-brand__title-pb .sec-title-11::after {
        width: 25%;
    }
    .cf-cta__sec-title-wrapper .sec-title-18 {
        font-size: 80px;
    }
    .cf-cta__text {
		margin-left: -100px;
		margin-top: 50px;
		margin-right: -80px;
	}
    .intDesigner-footer__area {
        padding-bottom: 60px;
    }
    .social_link_btn {  
        width: 73%;
    }
    .intDesigner-footer__logo {
        width: 30%;
    }
	.sec-title-11::after {
  	  bottom: 29px !important;
	}
   

    /******* Work Page ********/

    .work_main .title .sec-title-11::after {
        width: 64%;
        top: 22%;
    }
    .intDesigner-portfolio__title {
        font-size: 24px;
        padding: 20px 0px 10px;
    }
    .img_section {
        gap: 100px 80px;
    }
    .mt_170 {
        top: -100px;
    }
	.img_section .boxes:nth-last-child(1) {
		margin-bottom: -100px;
	}

    

    /********* Password ********/

    .custom-password-form form {
		flex-direction: column-reverse;
		gap: 40px;
	}
	
/* 	.password_right_image {
		width: 50%;
	} */
	
	.password_form_box {
		width: 80%;
	}
	
    /******* Detail Page ******/

    .space_main .title .sec-title-11::after {
        width: 73%;
    }
    .image_discription.has_fade_anim {
        gap: 20px;
    }
    .design_concept_main .sec-title-11::after {
        width: 72%;
        bottom: 30px !important;
    }
    .designer_content_otr{
        padding: 0px;
    }
    .content_box {
        gap: 30px 40px;
    }
    .design_concept_imgs_main {
        padding: 0px 0px 90px 0px;
    }
	.wc-btn-oval {
		padding: 30px 50px;
	}
	
/* loader */
/*    
	#global {
		width: 37% !important;
	} */
	#percent {
		font-size: 60px !important;
		padding: 0 50px 0 50px !important;
		font-weight: 500 !important;
	}
}
@media screen and (max-width:900px){

    .pb-100{
       padding-bottom: 80px;
    }
    
    .pt-100, .pt-88{
        padding-top: 80px;
    }

    /******  Home Page ********/
    .header__logo img {
        width: 78%;
    }
    .writer-hero__area-bg {
        left: 8.32%;
        margin-top: -30px;
    }
    .writer-hero__area {
        padding-top: 0px
    }
    .writer-hero__btm {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .writer-hero__title {
        font-size: 60px;
        text-align: left !important;
    }
    .writer-hero__btm .left {
        max-width: 300px;
    }
    .anim-reveal-line {
        text-align: left !important;
    }
    .writer-hero__btm .right {
        padding-top: 0px;
        max-width: 100%;
    }
    .writer-hero__btm .right p {
        padding-bottom: 0px;
    }
    .writer-hero__top{
        flex-direction: column-reverse;
    }
    .writer-hero__btm {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-top: -113px;
    }
    .writer-hero__top {
        margin: 320px 0px 0px 0px;
    }
    .shape img {
        transform: rotatex(181deg);
    }
    .writer-hero__area .shape{
        margin-bottom: 53px;
        right: 0;
    }
    .writer-about__content {
        grid-template-columns: 329px auto;
        grid-gap: 20px 35px;
    }
    .sec-title-11 span, .sec-title-11 {
        font-size: 42px;
    }
    .intDesigner-service__area_main h3>div{
        text-align: left !important;
    }
    .writer-about__area .sec-title-11 span, .sfluence-event__top .sec-title-11 span, .title_professional .sec-title-11 span ,.intDesigner-service__area .sec-title-11 span {
        left: 50px;
    }
    .intDesigner-service__area .sec-title-11::after {
        width: 68%;
    }
    .sec-title-11 span::before {
        left: -48px;
        background-size: 65%;
    }
    .sec-title-11::after {
        bottom: 30px !important;
        width: 69%;
    }
    
    .professional_experience::before {
        top: 16.7%;
        width: 103px;
        height: 183px;
    }
    .professional_experience .title_professional p {
        max-width: 390px;
    }
    .title_professional {
        padding-bottom: 80px;
    }
    .content_section_raw br {
        display: block;
    }
    .professional_experience .content_section_raw {
        justify-content: space-between;
        padding: 30px 0px;
    }
    .professional_experience .content_section_raw p:nth-child(1){
        text-align: left;
    }
    .professional_experience .content_section_raw p:nth-child(2) {
        padding: 0px;
    }
    .professional_content {
        max-width: 90%;
    }
    .font_16 p{
        line-height: 22px;
    }
    .professional_content{
        margin-bottom: 50px;
    }
    .professional_experience{
        padding-bottom: 80px;
    }
    .sfluence-event__top {
        padding-bottom: 50px;
    }
    .dekstop_text{
        display: none;
    }
    .tablet_text{
        display: block;
    }
    .title-wrap .tablet_text {
        padding-top: 8px;
    }
    .sfluence-event__item .date{
        padding-top: 16px;
    }
    .sfluence-event__item a {
        grid-template-columns: 0.6fr 1.2fr 0.1fr;
    }
    .desk_design{
        display: none;
    }
    .tablet_design{
        display: flex;
    }
    .pdesigner-brand__title-pb .sec-title-11::after {
        width: 24%;
    }   
    .cf-cta__sec-title-wrapper {
        flex-direction: column;
    }
    .cf-cta__text-wrapper {
        gap: 0;
        align-items: flex-start;
    }
    .cf-cta__text {
        padding-top: 40px;
        margin: 0px;
		max-width:100%;
    }
    .cf-cta__text-wrapper .d-block{
        padding-top: 18px;
    }
    .intDesigner-footer__area {
        padding-bottom: 40px;
    }
	.intDesigner-service__title {
		 font-size: 35px;
	}
    .accordion_main {
		display: flex;
		flex-direction: column;
		gap: 50px;
	}
    
    /******* Work Page ********/

    .work_main .title .sec-title-11::after {
        width: 61%;
    }
    .work {
        padding: 50px 0px;
    }
    .work .title h3{
        padding-bottom: 50px;
    }
    .img_section {
        gap: 70px 60px;
    }
    .mt_170 {
        top: -70px;
    }
	.img_section .boxes:nth-last-child(1) {
		margin-bottom: -70px;
	}
    /********* Password ********/

    .password_form_box p {
		font-size: 22px;
		padding-bottom: 40px;
	}
	
	.password_form_box p::before {
		background-size: 60%;
		left:-35px;
	}
	.password_form_box p{
		margin-left:36px;
	}
	.password-input-wrapper input {
		font-size: 22px;
		padding: 10px 0px 10px 8px;
	}
	.password-toggle svg {
		width: 100%;
	}
	.password-toggle-icon {
		width: 6%;
		bottom: -10px;
	}
	.password-input-wrapper ::placeholder{
		font-size:22px
	}
	.custom-password-form form {
		gap: 30px;
	}

	
    /******* Detail Page ******/

    .space_main .title {
        padding: 50px 0px;
    }
    .overview_title h4 {
        font-size: 35px;
    }
    .image_discription_content p {
        font-size: 16px;
    }
    .overview_section_main p {
        line-height: 24px;
    }
    .overview_feature {
        column-count: 2;
    }
    .design_concept_main .sec-title-11::after {
        width: 70%;
        bottom: 26px !important;
    }
    .title .sec-title-11 span {
        text-indent: 48px;
    }
    .content_box {
        gap: 30px 25px;
    }
    .feature {
        padding-top: 25px;
        column-count: 1;
        padding-left: 30px;
    }
    
	/* loader */
   
/* 	#global {
		width: 40% !important;
	} */
	#percent {
		font-size: 50px !important;
		padding: 0 30px 0px 30px !important;
		font-weight: 500 !important;
	}
    
	
	.garmond_white_V_left svg g rect {
		animation: tablettransv1 4s ease-in infinite 0s backwards !important;
	}


	.garmond_white_V_right svg g rect {
		animation: tablettransv2 4s ease-out infinite 2s backwards !important;
	}
	
	
	
	
	
}

@media screen and (max-width:767px){

    /******  Home Page ********/
    .writer-hero__area-bg {
        margin: 0px auto;
        width: 100%;
        left: 3%;
        margin-top: -28px;
    }
    .writer-hero__area-bg::after {
        bottom: 0%;
    }
    .pb-100 {
        padding-bottom: 70px;
    }
    .pt-100{
        padding-top: 70px;
    }
    .pt-88{
        padding-top: 70px;
    }
    .header__logo img {
        width: 70%;
    }
    .writer-hero__title{
        font-size: 50px;
    }
    .writer-hero__top {
        margin: 260px 0px 0px 0px;
    }
    .writer-hero__top .btn-width {
        width: 160px;
    }
    .writer-about__area .sec-title-11{
        font-size: 35px;
    }
    .writer-about__area .sec-title-11::after {
        width: 61%;
        top: 72%;
    }
    .sec-title-11 span::before {
        left: -40px;
        background-size: 58%;
        top: 6px;
    }
	.writer-about__area .sec-title-11 span, .sfluence-event__top .sec-title-11 span, .title_professional .sec-title-11 span, .intDesigner-			service__area .sec-title-11 span {
        left: 40px;
    }
    .writer-about__content{
        grid-template-columns: auto auto;
        gap: 20px;
    }
    .writer-about__area .img_anim_reveal {
        height: auto;
    }
    .writer-about__content p {
        line-height: 20px !important;
    }
    .intDesigner-service__area .sec-title-11::after {
        width: 65%;
    }
    .intDesigner-service__area .sec-title-11 {
        margin-bottom: 50px;
    }
    h3 {
        font-size: 28px;
    }
    p ,.professional_experience .title_professional p ,.writer-about__content p ,.tablet_text p  {
        line-height: 20px;
    }
    .accordion_content_img img {
        height: 300px;
    }
    .accordion-content .type_of_area {
        padding-bottom: 35px;
    }
    .sec-title-11 span, .sec-title-11 {
        font-size: 35px;
    }
    .title_professional .sec-title-11::after {
        width: 65%;
    }
    .sec-title-11::after {
        bottom: 28% !important;
    }
    .writer-about__content p {
        line-height: 20px !important;
    }
    .title_professional .sec-title-11::after {
        width: 59%;
    }
    .professional_content {
        max-width: 100%;
    }
    .professional_experience::before {
		top: 11.7%;
	}
    .sfluence-event__area .sec-title-11::after {
        width: 67%;
    }
    .sfluence-event__top {
        padding-bottom: 40px;
    }
    .sfluence-event__item .text{
        line-height: 22px;
    }
    .brand_logo_slider .swiper-slide {
        width: 90px;
    }
    .pdesigner-brand__title-pb .sec-title-11::after {
        width: 22%;
        bottom: 53% !important;
    }
    .cf-cta__sec-title-wrapper .sec-title-18 {
        font-size: 65px;
        padding-bottom: 0px;
    }
    .cf-cta__text {
        padding-top: 20px;
		max-width:100%;
    }
    .intDesigner-footer__area {
        padding-bottom: 30px;
    }
    .social_link_btn {
        width: 90%;
    }
	.accordion-title{
		gap:24px;
	}
	.intDesigner-service__title {
		font-size: 30px;
	}
	.accordion_main{
		gap:35px;
	}
	.cf-cta__text-wrapper .d-block {
		padding-top: 0px;
		position: absolute;
		right: 4%;
		top: 8%;
	}
	.cf-cta__text-wrapper {
		position: relative;
	}
	.cf-cta__sec-title-wrapper {
		width:100%;
	}
	.sfluence-event__item .title {
		font-size: 18px;
	}
	.intDesigner-service__title {
		font-size: 26px;
	}
	.accordion_main {
		gap: 30px;
	}
	.sec-title-11::after {
		bottom: 27% !important;
	}
	.title_professional .sec-title-11::after {
		width: 57%;
	}
	.professional_experience .content_section_raw p:nth-child(2) {
		text-align: left;
	}
	.professional_experience .content_section_raw p:nth-child(3){
		text-align:right;
	}
	.writer-hero__btm .right .cf_text p {
		line-height: 23px;
	}
	.accordion-title {
		gap: 18px;
	}
	
    /******* Work Page ********/

    .title .sec-title-11 span {
        text-indent: 45px;
    }
    .work_main .title .sec-title-11::after {
        width: 59%;
    }
    .img_section {
        gap: 50px ;
    }
    .intDesigner-portfolio__title {
        font-size: 20px;
    }
    .work_main .img_section .box_text p {
        line-height: 22px;
    }   
    .mt_170 {
        top: -50px;
    }
	.img_section .boxes:nth-last-child(1) {
		margin-bottom: -50px;
	}
    
    /********* Password ********/
	
	.password_form_box {
		width: 100%;
	}
	.password_form_box p {
		font-size: 20px;
		padding-bottom: 35px;
	}

    /******* Detail Page ******/
	
	.big_image img {
		max-height: 300px;
		min-height: 300px;
	}
    .space_main .title .sec-title-11::after {
        width: 70%;
    }   
    .image_discription.has_fade_anim {
        gap: 20px 0px;
        display: grid;
        grid-template-columns: auto auto auto;
        padding: 30px 0px;
    }
    .overview_section {
        padding-top: 30px;
    }
    .overview_title h4 {
        font-size: 28px;
    }
    .overview_content {
        padding: 22px 0px 30px;
    }
    .design_concept_main .sec-title-11::after {
        width: 66%;
        bottom: 19px !important;
    }
    .design_concept_main .title {
        padding-bottom: 30px;
    }
    .content_box{
        grid-template-columns: auto;
        gap: 25px 0px;
    }
    .content_box .span_2 {
        grid-column: span 1;
    }
    .feature ul li:last-of-type{
        padding-bottom: 0px;
    }
    .overview_image_section {
        padding: 40px 0px 50px;
    }
	.btn-wrapper a, .btn-wrapper button {
		font-size: 14px;
	}
	
	/* loader */
   
	#percent {
		font-size: 40px !important;
		padding: 0 20px 0 20px !important;
	}
	
	section.garmond_V_box {
		width: 40vw !important;
		height: 60vh !important;
	}

}
@media screen and (max-width:600px){
    .container_big ,.container_lg {
        padding: 0px 20px;
    }

    /******  Home Page ********/
    .header__logo img {
        width: 60%;
    }
    .main-menu ul {
        gap: 30px;
    }
    .main-menu li a {
        font-size: 14px;
    }
    .writer-hero__top .btn-width .award-text {
        font-size: 14px;
    }
    .writer-hero__area-bg {
        margin-top: -15px;
    }
    .writer-hero__top {
        margin: 200px 0px 0px 0px;
    }
    .writer-hero__top .btn-width {
        width: 130px;
    }
    .wc-btn-oval {
		padding: 27px 40px;
	}
    .pb-100 {
        padding-bottom: 50px;
    }
    .pt-100{
        padding-top: 50px;
    }
    .pt-88{
        padding-top: 50px;
    }
    .sec-title-11 span, .sec-title-11 {
        font-size: 30px !important;
    }
    .sec-title-11 span::before {
        left: -36px;
        background-size: 49%;   
    }
    .writer-about__area .sec-title-11::after {
        width: 58%;
    }
    .writer-about__content .deginer_patch {
      display: none;
    }
    .writer-about__content {
        padding-top: 25px;
        grid-template-columns: auto;
        grid-gap: 16px 38px;
    }
    .intDesigner-service__area .sec-title-11::after {
        width: 64%;
    }
    .accordion_content_img img {
        height: 250px;
        object-position: top;
    }   
    h3 {
        font-size: 24px;
    }
    p {
        font-size: 14px;
    }
    .type_of_area .bullet_colum li{
        font-size: 14px;
    }
    .accordion-content .type_of_area {
        padding-top: 16px;
        padding-bottom: 24px;
    }
    .professional_experience::before{
        display: none;
    }
    .professional_experience .title_professional p {
        max-width: 100%;
    }
    .title_professional {
        padding-bottom: 50px;
    }
    .professional_experience .content_section_raw p:nth-child(1){
        line-height: 30px;
        grid-column: span 2;
        padding-top: 0px;
    }
    .professional_experience .content_section_raw {
        padding-top: 20px;
        display: grid;
        grid-template-columns: auto auto;
        gap: 10px 0px;
    }
    .content_section_raw br {
        display: none;
    }
    .font_16 p{
        font-size: 14px;
    }
    .sfluence-event__item a {
        grid-gap: 10px 40px;
        grid-template-columns: 1.2fr 0.1fr;
    }
    .title-wrap {
        grid-column-start: 1;
    }
    .title-wrap .title br {
        display: none;
    }
    .sfluence-event__item .text {
        font-size: 14px;
        line-height: 22px;
    }
    .sfluence-event__item a {
        padding: 25px 0;
    }
    .sfluence-event__item .title {
        font-size: 18px;
    }
    .pdesigner-brand__title-pb {
        padding-bottom: 40px;
    }
    .pdesigner-brand__title-pb .sec-title-11::after {
        width: 20%;
    }
    .cf-cta__sec-title-wrapper .sec-title-18 {
        font-size: 55px;
        margin-bottom: 0px;
    }
    .cf-cta__text-wrapper {
        position: relative;
        width: 100%;
    }
    .cf-cta__text-wrapper .d-block{
        position: absolute;
        right: 0;
        padding-top: 0;
    }
    .cf-cta__text{
        max-width: 100%;
    }
    .cf-cta__sec-title-wrapper {
        width:100%;
    }
    .intDesigner-footer__logo img {
        max-width: 40%;
    }
    .intDesigner-footer__widgets-wrapper {
        grid-template-columns: auto auto;   
        gap: 40px;
    }
    .footer__widge.footer_logo {
        grid-column: span 2;
    }
    .intDesigner-footer__menu p ,.footer__widget ul li a {
        font-size: 16px;
    }
    .social_link_btn img {
        max-width: 74%;
    }
    .social_link_btn {
        gap: 16px;
        width: 83%;
    }
    .intDesigner-footer__area{
        padding-bottom: 60px;
    }
    .intDesigner-footer__area {
        padding-bottom: 30px;
    }
    .intDesigner-footer__logo {
        width: 100%;
    }
    
    /******* Work Page ********/

    .work_main .title .sec-title-11::after {
        width: 54%;
        top: 19%;
    }
    
    .work {
        padding: 40px 0px;
    }
    .work .title h3 {
        padding-bottom: 40px;
    }
    .img_section {
        gap: 30px;
    }
    .mt_170 {
        top: -30px;
    }
	.img_section .boxes:nth-last-child(1) {
		margin-bottom: -30px;
	}


    /********* Password ********/
	
	.password_right_image {
		width: 50%;
	}
	.password_form_box p {
		font-size: 18px;
		padding-bottom: 25px;
	}
	.password-input-wrapper input {
		font-size: 22px;
		padding: 0px 0px 6px 6px;
	}

   
    /******* Detail Page ******/

    .space_main .title .sec-title-11::after {
        width: 66%;
    }
    .overview_title h4 {
        font-size: 28px !important;
    }
    .overview_image_section {
        padding: 30px 0px 50px;
        gap: 25px;
    }
    .content_box p {
        line-height: 24px;
        gap: 20px 0px;
    }
    .feature{
        padding-top: 20px;
    }

    .design_concept_main .sec-title-11::after {
        width: 66%;
        bottom: 19px !important;
    }
    .design_concept_main .title {
        padding-bottom: 30px;
    }
    .content_box{
        grid-template-columns: auto;
        gap: 20px 0px;
    }
    .content_box .span_2 {
        grid-column: span 1;
    }
    .feature ul li:last-of-type{
        padding-bottom: 0px;
    }
    .feature ul li {
        line-height: 24px;
        padding-bottom: 15px;
    }
    /* .overview_image_section{
        grid-template-columns: auto ;
    } */
   
    .big_image img , .design_concept_imgs_main .design_concept_img_box:first-child img{
        height: 100%;
        object-fit: cover;
        object-position: top;
    }
	
	
	
	/* loader */
   
/* 	#global {
		width: 64% !important;
	} */

	#percent {
		font-size: 35px !important;
		padding: 0 20px 0 20px !important;
	}
	#bar {
		border-top: 3px solid #e8bf96;
	}
/* 	#loader{
		bottom:60px !important
	} */

}
@media screen and (max-width:479px){

    /******  Home Page ********/
    .header__logo {
        width: 41%;
    }
    .header__logo img {
        width: 100%;
    }
    .writer-hero__title {
        font-size: 40px;
    }
    .writer-hero__top .btn-width .award-text {
        font-size: 12px;
    }
    .writer-hero__top .btn-width {
/*         gap: 16px; */
		gap:5px;
        padding-top: 8px;
    }
    .writer-hero__area .shape{
        position: relative; 
        z-index: 1;
        width: 20%;
    }
    .writer-hero__area-bg {
        margin-top: 15px;
    }
    .writer-hero__area-bg img {
        height: 500px;
        object-fit: cover;
    }
    .writer-hero__btm .right .cf_text p ,p ,.writer-about__content p{
        font-size: 14px;
    }
    .btn-wrapper a, .btn-wrapper button {
        font-size: 12px;
    }
    .sec-title-11 span, .sec-title-11 {
        font-size: 28px !important;
    }
    .sec-title-11 span::before {
        left: -36px;
        background-size: 46%;
    }
    .writer-about__area .sec-title-11::after {
        width: 52%;
    }
    .writer-about__content {
        padding-top: 20px;
    }
    .intDesigner-service__area .sec-title-11::after {
        width: 57%;
    }
    .accordion-title {
        gap: 14px;
        /* align-items: baseline; */
    }
    .accordion-content p {
        padding-top: 16px;
    }
    .accordion-content .type_of_area .bullet_colum ul {
        column-count: 1;
    }
    .accordion_content_img img {
        height: 200px;
    }
    .title_professional .sec-title-11::after {
        width: 48%;
    }
    .professional_experience .title_professional p{
        padding-top: 16px;
    }
    .font_16 p {
        font-size: 12px;
    }
    .professional_experience .content_section_raw p:nth-child(1) {
        font-size: 14px;
    }
    .sfluence-event__area .sec-title-11::after {
        width: 57%;
    }
    .text-center {
        text-align: left!important;
    }
    .sfluence-event__top {
        padding-bottom: 30px;
    }
    .sfluence-event__item a {
        padding: 20px 0;
    }
    .sfluence-event__item .title {
        font-size: 16px;
    }
    .sfluence-event__item .text ,.sfluence-event__item .date{
        font-size: 12px;
        line-height: 18px;
    }
    .pdesigner-brand__title-pb {
        padding-bottom: 30px;
    }
    .logo_section_main::before {
        width: 22.71%;
        height: 100%;
        top: 50px;
    }
    .logo_section_main::after {
        width: 25.2%;
        height: 57.2%;
        bottom: -9px;
    }
    .pdesigner-brand__title-pb .sec-title-11::after {
        width: 14%;
    }
    .brand_logo_slider .swiper-slide {
        width: 80px;
    }
    .logo_main {
        gap: 60px;
    }
    .cf-cta__sec-title-wrapper .sec-title-18 {
        font-size: 50px;
    }
    .cf-cta__text {
        padding-top: 20px;
    }
    .cf-cta__text p {
        font-size: 14px;
        line-height: 24px;
    }
    .social_link_btn {
        width: 94%;
    }
    .social_link_btn img {
        max-width: 100%;
    }
    .intDesigner-footer__menu p, .footer__widget ul li a {
        font-size: 14px;
    }
    .intDesigner-footer__area {
        padding-bottom: 30px;
    }
    .social_link_btn {
        width: 75%;
    }
    .accordion-title span{
        font-size: 16px;
    }
    h3 {
        line-height: normal;
    }
    .tablet_design {
        gap: 20px;
    }
    .professional_experience {
        padding-bottom: 50px;
    }
	
    /******* Work Page ********/
    
    .work_main .title .sec-title-11::after {
        width: 44%;
		top: 20%;
    }
    .img_section {
        grid-template-columns: auto;
		gap: 60px;
    }
    .mt_170 {
        top: 0;
    }
	.img_section .boxes:nth-last-child(1) {
		margin-bottom: 0;
	}
	.intDesigner-portfolio__title {
		padding: 15px 0px 10px;
	}
	
    /********* Password ********/
	
	.password_form_box p::before {
		background-size: 46%;
		left: -31px;
	}
	
	.password_right_image {
		width: 70%;
	}
	.password-input-wrapper ::placeholder{
		font-size:18px;
	}
	.password-toggle-icon {
		width: 9%;
		bottom:-15px;
	}
	.password-toggle svg {
   		 width: 100%;
	}
	.password_form_box p {
		font-size: 14px;
		padding-bottom: 20px;
	}
	.btn_main_div {
		flex-direction: column;
		align-items: center;
	}
	.btn_main_div button {
		font-size: 14px;
	}
	.password-input-wrapper input{
		font-size:20px;
	}
	
	
    /******* Detail Page ******/
    .big_image img {
		max-height: 230px;
		min-height: 230px;
	}
    .design_concept_imgs_main .design_concept_img_box:first-child{
        height: 230px;
    }
    .title .sec-title-11 span {
        text-indent: 35px;
    }   
    .space_main .title .sec-title-11::after {
        width: 60%;
    }
     .overview_image_section{
        grid-template-columns: auto ;
    }
    .design_concept_main .sec-title-11::after {
        width: 58%;
        bottom: 17px !important;
    }
    .design_concept_imgs_main{
        grid-template-columns: auto;
    }
    .design_concept_imgs_main .design_concept_img_box:nth-child(1) {
        grid-column: span 1;
    }
    .feature ul li {
        line-height: 24px;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .overview_title h4 {
        font-size: 26px !important;
    }
    .overview_content {
        padding: 22px 0px 20px;
    }
	.intDesigner-service__title {
		font-size: 24px;
	}
	.accordion_main {
		gap: 20px;
	}
	.black_line_main {
		gap: 0;
	}
	.title .sec-title-11 span{
		text-align:left;
	}
	.space_main h3 {
		max-width: 220px;
	}
	.wc-cursor.visible:before {
    transform: scale(0.5);
}
	
	/* loader */
   
/* 	#global {
		width: 81% !important;
	} */
	#percent {
		font-size: 30px !important;
		padding: 0 20px 0 20px !important;
	}
	#bar {
		border-top: 2px solid #e8bf96 !important;
	}
	#loader{
		bottom:60px !important;	
	}
	section.garmond_V_box {
		width: 60vw !important;
		height: 70vh !important;
	}
	
	
	
	
	
	
	
	.garmond_white_V_left svg g rect {
    animation: mobiletransv1 4s ease-in infinite 0s backwards !important;
    width: 240vw !important;
    height: 240vw !important;
}



	.garmond_white_V_right svg g rect {
    animation: mobiletransv2 4s ease-out infinite 2s backwards !important;
    width: 110vw !important;
    height: 180vw !important;
}
	
}

@media screen and (max-width:374px){

    /******  Home Page ********/
    .main-menu ul {
        gap: 20px;
    }
    .writer-hero__title {
        font-size: 35px;
    }
    .writer-hero__btm .left {
        max-width: 220px;
    }
    .writer-hero__top .btn-width {
        width: 109px;
    }
    .pt-88 {
        padding-top: 40px;
    }
    .pb-100 {
        padding-bottom: 40px;
    }
    .pt-100{
        padding-top: 40px;
    }
    .writer-about__area .sec-title-11::after {
        width: 41%;
    }
    .intDesigner-service__area .sec-title-11::after {
        width: 47%;
    }
    .intDesigner-service__area .sec-title-11 {
        margin-bottom: 40px;
    }
    h3 {
        font-size: 18px;
    }
    .tablet_design {
        gap: 40px;
    }
    .title_professional .sec-title-11::after {
        width: 38%;
    }
    .title_professional {
        padding-bottom: 40px;
    }
    .content_section_raw br {
        display: block;
    }
    .professional_content {
        margin-bottom: 40px;
    }
    .professional_experience {
        padding-bottom: 40px;
    }
    .sfluence-event__area .text-center {
        padding-top: 40px;
    }
    .pdesigner-brand__title-pb .sec-title-11::after{
        display: none;
    }
    .pdesigner-brand__title-pb .sec-title-11 span{ 
        left: 8px;
    }
    .cf-cta__text {
        padding-top: 10px;
    }
    .intDesigner-footer__widgets-wrapper{
        grid-template-columns: auto;
    }
    .footer__widge.footer_logo {
        grid-column: span 1;
    }
    .social_link_btn {
        width: 35%;
    }
    .sfluence-event__area .sec-title-11::after {
        width: 51%;
    }
	
	.cf-cta__text-wrapper .d-block {
		/* position: absolute; */
		right: -10px;
	}
	
	.cf-cta__text-wrapper .d-block .wc-btn-oval {
		padding: 16px 9px;
	}
    /******* Work Page ********/

    /********* Password ********/

    /******* Detail Page ******/
    .space_main .title {
        padding: 40px 0px;
    }
    .space_main .title .sec-title-11::after {
        width: 56%;
    }
    .image_discription.has_fade_anim {
        grid-template-columns: auto auto;
    }
    .overview_image_section {
        padding: 30px 0px 40px;
        gap: 20px;
    }
    .design_concept_main .sec-title-11::after {
        width: 51%;
    }
	
	
	
	/* loader */
/*    
	#global {
		width: 95% !important;
	} */
}

@media screen and (min-height: 600px) and (max-height: 775px) {
		#global {
		width: 100% !important;
		min-width: 384px !important;
		max-width: 384px !important;
		margin: 0 auto !important;
		height: 326px !important;
	}


	#top {
		transform: skew(15deg, 0) !important;
		left: 100px !important;
		width: 86px;
		height: 326px;
	}

	#bottom {
		transform: skew(-15deg, 0) !important;
		right: 111px !important;
		left: unset !important;
		width: 86px;
		height: 326px;
	}
}