@media(max-width:1920px){
.hero-section{
        margin-top:145px;
    }
    
    .down-arrow-shape{
        height: 215px;
    }
    
    .readytotransform-images {
    width: 32%;
    
    
}
    .trnssFXX_2{
            display: flex;
    align-items: center;
    }
    
    
}


@media(max-width:1550px){
        .down-arrow-shape {
        height: 180px;
    }
    
        .hero-section {
        margin-top: 75px;
    }
    
    
}


@media(max-width:1440px){
        .readytotransform-images {
        width: 43%;
    }
}

@media(max-width:1366px){
    .down-arrow-shape{
        height: 160px;
    }
      
   
}

@media(max-width:1199px){
    .heroBtn_cl{
        width:40%;
    }
}
@media(max-width:1200px){
    
.header_fx_main {
    width: 93%;
 
}    
    
}

@media(max-width:1024px){
  
    
    .btn-servBtns {
    display: block;
    width: 100%;
    margin-top: 10px;
}
    
    
    .heroBtn_cl{
        width:35%;
    }
      .navList_main ul a{
            font-size: 13px;
    }
    
    .hero-section {
    background-size: 122% 100%;
  
}
    
    
    .abtLay_2 {
    left: 15%;

}
    
    
    .abtLay_1 {
    left: 15%;

}
    .btn-about{
        width:45%;
    }
    
    
       .service-card a{
            font-size: 13px;
    }
    
    .transf_btnn{
            width: 50% !important;
    }
    
    .bannerINN_fxx_conttt{
            width: 55%;
    }
    
      .gallery-section h2::after{
        display:none;
    } 
  
}



@media(max-width:991px){
    .text_boxINN_serv h1{
        max-width: 100% !important ;
}

  .heroBtn_cl{
      margin-top:100px !important;
  }
    .story-left{
            padding: 20px;
    }
    .faq-images img{
        position:inherit !important;
    }
    .serviNN_divTxt{
        padding: 20px;
    }
    .serviNN_divTxt h2, p{
            /*text-align: center;*/
    }
    .othImg_srv {
    height: auto;
    /*overflow: hidden;*/
}
        .servMN_txxt {
        padding-top: 75px !important;
    }
    .story-left a {

    width: 80%;

    margin: auto;
}
    .gall1stNAV_2 .nav-link:hover{
        color:inherit !important;
    }
    
 .dfdf{
flex-direction:column-reverse;
    }
.servvv-image_mnn{
        padding: 8px;
}

.map-wrapper{
    margin-top:20px ;
    height: auto;
}

.servMN_txxt
 {

    padding: 30px;
    padding-right: 30px;
    padding-left: 30px !important;
    clip-path: polygon(50% 0%, 100% 10%, 100% 100%, 0 100%, 0 10%);
    text-align: center;
    margin-top:20px;
}

    .servvv-image_mnn{
        margin-top:20px;
    }
    #animated-heading{
            font-size: 40px;
    }
    #highlight-text{
           font-size: 18px;
     padding: 0 16px;
    margin-top: 0;
    
    }
        .heroBtn_cl {
        position: relative;
        top: 22px;
    }
    .revHd_btn{
        width:65%;
    }
    
    .whtsPP_icon {
            width: 10%;
                bottom: 75px;
    z-index: 5000;
    }
    
        .navFx_main .navbar-toggler{
                 border: none;
        top: -10px;
        }
        
        
        .header_fx_main{
                    z-index: 1000;
        }
        
        
        .navbar-toggler-icon{
            background-image:url(../images/togCusttt.png );
        }
        
        .navbar-toggler{
            position:absolute;
            right:0;
        }
        
        .header_fx{
            padding:20px;
        }
        
        
           .logo {
        left: 85px;
        top: -62px;
        width: 15%;
    }
        
            .down-arrow-shape {
        height: 160px;
        left: 104px;
        height: 145px;
    }
    
    
    .navList_main ul{
        width:100%;
    }
    .navList_main ul a{
        text-align:center;
    }
    .icBtn_mnn {
    width: 100%;
    /* justify-content: center; */
    flex-direction: column;
    align-items: center;
    margin-top:20px;
    row-gap:10px !important;
}
    .icons::before{
        display:none;
    }
    .hero_BannFx h1{
        font-size:40px;
        max-width: 100%;
    }
    
    .hero_BannFx{
        position:relative;
        padding-top: 55px;
    }
    
    
    .text-box {
        position: absolute;
        top: -70px;
        max-width: 100% !important;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        /*background: #ffffffc7;*/
    }
    
    
    .highlight-text{
              font-size:14px;
    }
    
    .heroBtn_cl {
            width: 42%;
    font-size: 20px;
   
    }
    
    .heroBtn_cl span {
    width: 35px;
    height: 35px;
    left: 7px;
    top: 8px;

}

    .btnDv_hro::before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 15px solid #ffffff;
    position: absolute;
    left: 40px;
    top: 17px;
}
    
    
    .herP_txt .spnImg_gg{
        width: 26%;
    }
    
    .herP_txt{
        /*flex-direction:column;*/
        display:hidden;
        width: 100%;
    }
    
    .navList_main ul a{
            font-size: 16px;
    }
    
  .hero-section {
    background-size: cover !important;
    /*padding-bottom:142px; */
}
    
    
  @media (max-width: 500px) {
    .highlight-text {
        font-size: 14px;
    }
}

    
/***** About     */

.about-us-section .row{
    flex-direction:column-reverse;
}
    .about-title::before{
        display:none;
    }
    
    .about-content{
        text-align:center;
            padding: 0;
    background: no-repeat;
    border: none;
    }
    .gall1stNAV{
        margin:auto;
    }
   
    .mtmt{
        margin-top:
        30px;
    }
    
    .service-card img{
        height:inherit;
    }
    
    .parallax-section::before{
          height: 5%;
    }
    
    .parallax-form{
        margin-top:30px;
    }
 
 
 .readytotransform-section{
     padding-bottom:0;
 }
     .readytotransform-images {
        width: 75%;
        margin: auto;
        position:inherit;
    }
 .readytotransform-text{
     text-align:center;
         max-width: 100%;
 }
 
 
 .trnssFXX_1 {
    padding: 50px;
    padding-left: 50px;
    order:2;
}
  .trnssFXX_2{
  order: 1;
        padding: 50px 0;
        background: #000000a6;
        padding-right: 50px;
        padding-left: 50px;
        /* clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 50%); */
        text-align: center;
        /* clip-path: polygon(100% 80%, 0 80%, 50% 100%); */
        clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
  }
 
     .transf_btnn {
        /*width: 50% !important;*/
        margin: auto;
    }
    
    
    
    .mbFT{
        margin-bottom:10px;
    }
    
    .parallax-content{
        padding-left:0 !important;
    }
    
    .transformation-section{
        overflow-x:hidden;
    }
           .trnssFXX_1 {
        padding: 25px;
        padding-left: 25px;
        order: 2;
    }
    
    
    .missFXX_sec .row{
    flex-direction:column-reverse;
}

.faq-main .row{
      flex-direction:column-reverse;
}

    
    
    .video-wrapper {
    margin-top: 50px;
}
.vdSec_brnch h2 {
    text-align: center;
}
    
    
    .branch-item h4 {
    width: auto !important;
    text-align: center !important;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 60% 85%, 50% 100%, 40% 85%, 0 85%) !important;
    padding-bottom: 20px !important;
}
    
    .branch-item a{
        display:block;
        text-align:center;
    }
    .crdFx_txt{
        height: auto;
    }
    .service-card{
        height: auto;
    }
    
    .icBtn_mnn{
        margin-top: inherit;
    }
    
}

@media(max-width:767px){
    .serviNN_divOPPt{
        position:inherit !important;
        top: inherit ;
        margin-top: 20px;
    }
    .serviNN_divTxt h2{
        font-size: 30px;
    }
    .readytotransform-heading h1::before{
        display:none;
    }
    .midTxxtt_ext a{
            width: 80%;
    }
    .gallery-section h2::after{
         display:none;
    }
    
    .readytotransform-heading {
    position: inherit;
    top: inherit;
    background: transparent;
    max-width: 100%;
}

    .gallery-section {
    padding-bottom: 70px;
}
    
    
    .about-subtitle{
            text-align: center;
    }
    .branch-item span {
    display: block;
    text-align: center;
}
    
        .herP_txt .spnImg_gg {
        /*width: 15%;*/
    }
    
      .hero-section {
    background-size: cover !important;
    padding-bottom:142px; 
}
    
    
    
    .banReswp_1, .banReswp_2{
    display:block;
}
    
    #animated-heading {
   
    max-width: 100%;

}
    
        .logo {
        left: 85px;
        top: -53px;
        width: 17%;
    }
    
    .down-arrow-shape {
        height: 160px;
        left: 104px;
        height: 130px;
    }
    
    .hero-section{
               background-image: url(../images/banBackMob_fxxx.jpg);
        /* background-color: #ffffffa6; */
        background-blend-mode: overlay; 
        margin-top: 0;
        padding-top: 205px;
    }
    
    .hero_BannFx h1{
        color: #836236;
                font-size: 29px;
    }
        .hero_BannFx {
        /*position: relative;*/
        padding-top: 5px;
    }
        .heroBtn_cl {
             width: 70%;
        font-size: 20px;
        /* margin-top: 52px !important; */
        position: relative;
        margin-top: 145px !important;
    }
    
    .header_fx{
            background-size: cover;
    }
    
      
       .about-title {
    font-size: 30px;
}
    
      .form-section h2
{
    font-size: 30px;
    text-align: center;

}



.mtSm{
    margin-top:30px;
}

.crdFx_txt{
    width:100%;
}

.parallax-content
 {
 
    text-align: center !important;
}


.gallery-section h2::after {
    right: -15%;
    /* transform: translateY(-50%); */
    width: 9%;
}
.gallery-section h2::before {
    left: -15%;
    /* transform: translateY(-50%); */
    width: 9%;
}


.gallery-section h2{
    font-size: 30px;
}



.readytotransform-heading {
    font-size: 30px;
}

.readytotransform-button {
    font-size: 25px;
}

.transformation-section h2 {
    font-size: 30px;
}


.parallax-form .form-title {
    font-size: 30px;
}


.galHddd_fx{
    /*height:120px;*/
}



.fix_scial{
    display:block;
    bottom:0;
    left:0;
    width:100%;
       transform: translateZ(0);
      will-change: transform; 
            background: #000000ad;
                    border-top: 1px solid #565656;
                            z-index: 4000;
}
.fix_scial p{
        display: flex !important;
        margin-bottom: 0;
        padding: 10px;
        justify-content: space-between;
}
   
   .fix_scial a{
       text-align:center;
       display:block;
        width: 100%;
        font-size: 24px;
                color: #f7cb8f;
     
   }
   
   .fxxWHT_sc{
           border-left: 1px solid #a7a7a7;
   }
.counter_fxx .row {
        row-gap: 50px;
}
.missFxx_txtMNN{
    margin-bottom:50px;
}


.abtINN_fxx_img{
    height: 132px;
}

.abtINN_fxx_crd h5 {
    margin-top: 45px;
}

.abtINN_fxx_sec .row{
    row-gap: 50px;
}
.faq-title{
    text-align:center;
}

.story-left h2{
     text-align:center;
}

.story-left h3{
     text-align:center;
}
.story-left p{
     text-align:center;
}
.missFxx_txtMNN h4{
     text-align:center;
}
.missFxx_txtMNN p{
     text-align:center;
}
.story-left p{
     text-align:center;
}


.abtINN_fxx_crd{
        height: auto;
}

.footer-bottom{
        flex-direction: column;
}



}



@media(max-width:575px){
    
    .navList_main {
    padding-top: 70px;
}
    
     .transf_btnn{
            width: 70% !important;
    }
    
    .bannerINN_fxx_conttt{
                width: 80%;
    }
    
    
 .heroBtn_cl { 
        margin-top: 0 !important;
    }    
    
        #animated-heading {
        font-size: 30px;
        margin-bottom:2px; 
    }
        #highlight-text {
        font-size: 16px;
    }
    
    
    .down-arrow-shape {
        height: 160px;
        left: 75px;
        height: 120px;
    }

       .logo {
        width: 105px;
        left: 55px;
    }
    
        .heroBtn_cl {
        width: 90%;
        font-size: 18px;
        margin-top: 100px !important;
    }
    
    
    .parallax-content a.button{
            font-size: 27px;
            width:100%;
    }
    
   .trnssFXX_2{
         clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%) !important;
         padding-bottom: 100px;
   }
    .testimonial-author{
        bottom:-30px;
        width: 80%;
    }
    .testimonial-quote {
    width: 18% !important;
    top: -47px !important;
   
}

    .whtsPP_icon {
        width: 15%;
    }
    
    
    .herP_txt{
        margin-top:25px !important;
                line-height: 10px;
    }
    
    .hero-section{
                padding-bottom: 195px;
    }
    
    .bannerINN_fxx h1{
            font-size: 40px;
    }
    .bannerINN_fxx h4 {
    font-size: 18px;
    /* margin-bottom: 10px; */
}



.footer-bottom
 {
  
    margin-top: 10px;
    padding-top: 12px;
    margin-bottom: 50px;
}
    
    
}


@media(max-width:440px){
    
    .loadFst_discount .servvv-image {
    width: 35%;
}
    .loadFst_discount{
        width:80%;
    }
    .loadFst_discount h3{
            font-size: 25px;
    }
    .brnchVidTxt {
        text-align:center;
    }
    .midTxxtt_ext h2 {
    font-size: 40px;
}
    .step-card{
        text-align:center;
    }
    .parallax-form {
    padding: 20px;
    }
    .infor-item{
            width: 90%;
    margin: auto;
    margin-bottom: 30px;
    }
    
    .testimonial-author{
            font-size: 13px;
    }
    .testimonial-heading{
            font-size: 35px;
    }
    .abtINN_fxx_img
 {
        height: 105px;
    }
       .heroBtn_cl {
        margin-top: 140px !important;
    }
    .container{
        margin-bottom:10px;
    }
  
    .about-buttons {
flex-direction: column;

}

.indTrns_1{
    width: 25%;
    
}

.indTrns_2{
    width: 25%;
    
}

    .btn-about {
        width: 100%;
    }

    .testimonial-quote {
        width: 18% !important;
        top: -30px !important;
    }
    .testimonial-text{
        font-size:16px;
    }
        .service-card a {
        font-size: 15px;
    }
    .readytotransform-images{
                width: 90%;
    }
}

@media(max-width:400px){
    .heroBtn_cl {
        margin-top: 200px !important;
    }
      .heroBtn_clEXDX {
        margin-top: 85px !important;
    }
    
}
@media(max-width:390px){
   
         .heroBtn_clEXDX {
        margin-top: 85px !important;
    }

    .banReswp_1 {
    width: 70%;
        left: -15px;
}
    .banReswp_2 {
  width: 70%;
        /*right: -15px;*/
}
#animated-heading{
    font-size:32px;
}
}

@media(max-width:390px){
        .banReswp_1 {
    width: 75%;
        left: -20px;
}
    .banReswp_2 {
  width: 75%;
        /*right: -15px;*/
}
}