/* @media only screen and  (max-width: 1200px) {  } */
@media only screen and (max-width:1880px) and (min-width: 1700px) {

section.our-services-wrap {
    height: 1060px;}

    footer {
        overflow: hidden;
    }






}


@media only screen and (max-width:1280px) and (min-width: 900px)  {


section.banner-wrapper {
    background-position: right;}
    .inner-banner-heading {
        width: 100%;
        padding: 0 90px;
       }
        section.banner-btm {
            padding: 50px 50px;}
         
.inner-footer h3 {
    font-size: 18px;
    padding: 32px 0 0 0;}
    .left-wrap-our-services {
        padding: 100px 0 0px;
    }
    section.our-services-wrap {
        background-image: url(../images/bs-three.png);
            height: 755px;}
    .inner-footer.logo {
        padding: 0px 0 0 15px;}
    
        .main-logo-wrapper img {
            padding: 0 0 0 15px;
        }
        .footer-btm {
            margin: 10px 0px 0px;}
            .social-link ul {
                padding: 15px 0px 0px 20px;}

                footer {
                    overflow: hidden;
                }
}

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

.footer-btm {
    padding: 0 20px;
}
.left-wrap-our-services h2 {
    width: 91%;
    font-size: 39px;}

.top-nav {
    padding: 10px 0px 10px 15px;}
.viw-all {
    margin-top: 25px;}
.inner-banner-heading {
    width: 100%;}
    .inner-footer {
        border-left: 1px solid #7d7a7a;
        padding: 0 0 0 15px;
    }

    footer {
        overflow: hidden;
        padding: 16px;
    }
    .footer-btm p {
        padding: 6px 0px;}
}

@media only screen and (max-width:991px){
  /*RESPONSIVE NAVIGATION*/
  .mobile-menu{
    display: block;
    height: 80px;
    position: fixed;
    width: 100%;
    z-index: 99999;
    background: #e3e3e3ad;
  }
  /*RESPONSIVE NAVIGATION*/

  .main-header-web{
    display: none;
  }
  .inner-footer.cont ul li {
    display: block;
}
.inner-footer h3 {

    font-size: 16px;
    padding: 80px 0 1px;

}
.inner-footer p {
    padding: 0px 0px 0px;}




}



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

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

    .ct-new {
    display: block;
    padding: 10px;
}
section.our-services-wrap {
    background-image: url(../images/bs-three.png);
    height: 477px;}
.inner-ct-hd {
    width: 100%;
    margin: 0 0 20px;
}
.left-text-nw {
    padding: 0 0 20px;
}
p {
    font-size: 14px;}
.left-wrap-our-services h2 {
    width: 100%;
    margin: auto;
    font-size: 30px;
}
.inner-cta-wrapper h2 {
    font-size: 30px;
}


.inner-footer {
    margin: 10px 0px 0px;
}
.footer-btm {
    display: block;
    margin: 10px 0px 0px;}
    footer {
        overflow: hidden;
    }
    .container {
        padding-left: 25px;}

    .left-wraper-why-choose>p {
        padding: 10px 0px 15px;
        font-size: 26px;}
        .p-60 {
            padding: 15px 0px;
        }
        .left-text-nw h2 {
            padding: 0px 0 5px;}
    .inner-footer.cont ul li a {
        padding: 0;
    }
    .inner-footer h3 {
    font-size: 16px;
    padding: 0px 0 10px;
}



.inner-banner-heading h1 {
    font-size: 39px;
    filter: drop-shadow(2px 4px 6px black);
}
.inner-banner-heading {
    width: 100%;
    padding: 0 20px;
    margin-top: 70px;}
.inner-banner-heading h4 {
    font-size: 50px;
    filter: drop-shadow(2px 4px 6px black);}

.inner-banner-heading h6 {
    font-size: 26px;
}
.dark-color {
    color: #191E4E;
    font-size: 36px;
}
.left-wraper-why-choose {
    width: 100%;
}


.inner-cta-wrapper {
    width: 100%;
    padding: 20px;
}


section.bottom-form-wrapper {
    padding: 60px 0px 0px;
    background: #fff;}

    .viw-all {
    margin-top: 40px;
}
.contact-from-wrap form input {
    width: 100%;}

.contact-from-wrap form select {
    width: 100%;

}
.contact-from-wrap {
    padding: 0 0 40px;
    width: 90%;}



.mob-main-logo-wrapper img {
        width: 207px;
        margin: 16px;
        filter: brightness(10);
    }
    
    section.banner-wrapper {
        height: 67vh;
        width: 100%;
        background-size: cover;
        background-position: right;}
    

.left-wrap-our-services ul li h5 {
    font-size: 10px;}
.contact-from-wrap form textarea {
    width: 100%;
    margin-top: 20px;
  }

.services-inner-wrap {
    padding: 10px;
}
ul.services-listing li {
    width: 30.5%;}

.why-before:before {
    height: 550px;
    width: 490px;
    right: -78px;
    background-size: cover;
    bottom: 87px;
    top: unset;
}
ul.why-innner-detail li p {
    padding: 10px;}



.form-model {
    padding: 0;
}

.form-model h2 {
    font-size: 32px;}
.modal-content {
    margin: 90px 0px 0px;}


.inner-privacy {
    width: 90%;
    margin: auto;
}



}



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

.btn-fill {
    padding: 10px 15px;}

.btn-bod {
    padding: 7px 15px;}
    section.our-services-wrap {
        background-image: url(../images/bs-three-mob12.png);
        height: 650px;}
        section.our-services-wrap:before {
            height: 327px !important ;}

.left-wrap-our-services ul {
    display: inline-block;}
.left-wrap-our-services ul li {
    text-align: center;
    width: 100%;
    display: inline-block;
    height: 200px;
}
.left-wrap-our-services ul li img {
    width: auto;
}
.left-wrap-our-services ul li h5 {
    font-size: 16px;}

.left-btm-wrap ul {
    display: inline-block;
    flex-wrap: wrap;
}
.left-btm-wrap ul li {
    list-style: none;
    display: inline-block;
    width: 100%;
    padding: 30px 30px;}

ul.services-listing li {
    width: 95%;
    margin: 0 0 15px;}

.inner-wrap-choose-us h2 {
    font-size: 30px;
}

section.why-choose-wrapper {
    height: 190px;
}

ul.why-innner-detail {
    display: block;}

ul.why-innner-detail li {
    margin-bottom: 40px !important;
    width: 85%;
    margin: auto !important;
    padding: 0 0 40px;
}

.why-before:before {
    height: 467px;
    width: 519px;
    right: -72px;
    bottom: 0;
    top: unset;
}
ul.why-innner-detail li p {
    padding: 0px;}




 }