@media(max-width:1400px){
   .top-header {
    padding: 20px 0;
   }
   .hero-top-vector{
    left: 0%;
   }
   .bs-box img.hb-img {
    max-height: 750px;
    min-height: 750px;
}
   .bs-con h1 {
    font-size: 65px;
    line-height: 80px;
}
.abtus-image-1 img {
    height: 580px;
}
.service-slider .slick-next, .service-slider .slick-prev {
    top: 43%;
}
.bs-con h1 {
    font-size: 55px;
    line-height: 72px;
}
.service-slider .slick-prev {
    left: -3% !important;
}
.service-slider .slick-next {
    right: -3% !important;
}
.project-block .project-content .content-info .proj-title {
    font-size: 18px;
}
.testi-body .testi-para {
    font-size: 20px;
    line-height: 35px;
}
.marquee-slider .marquee-item .marquee-title{
    font-size: 45px;
}
.marquee-section {
    padding: 50px 0;
}
.service-banner-area {
    padding: 80px 0px 290px 0px;
}
.breadcrumb-section{
    padding: 250px 0 70px 0;
}
.breadcrumb-section .breadcrumb-title {
    font-size: 38px;
    margin-bottom: 14px;
}
.breadcrumb-section .breadcrumb-menu li{
    font-size: 14px;
}
.breadcrumb-section .breadcrumb-menu li{
    margin-left: 20px;
}
.breadcrumb-section .breadcrumb-menu li::before{
    font-size: 14px;
}
.wcuinn-item .content .title{
    font-size: 22px;
}
.projinn-item .projinn-content .content-info .projinn-title{
    font-size: 20px;
}
.projinn-item .projinn-content .content-info .projinn-cat{
    font-size: 14px;
}
.client-card img {
    max-width: 170px;
}




  
}

@media screen and (min-width:1400px){
    p,li{
        font-size: 17px;
    }
    .section-padding{
        padding: 100px 0 !important;
    }
  

}


@media(max-width:1199px){
    .sticky a.nav-link {
    margin: 0 16px;
}
.bs-con h1 {
    font-size: 50px;
    line-height: 63px;
}
.section-title .sec-lg-title {
    font-size: 30px;
    line-height: 43px;
}
.service-item .service-content .ser-title {
    font-size: 20px;
    line-height: 30px;
}
.wcu-item .content .wcu-title {
    font-size: 17px;
    line-height: 27px;
}
.counter-block .content .counter-value {
    font-size: 42px;
}
.cta-text {
    font-size: 26px;
    line-height: 40px;
}
.cta-cont-col {
    padding: 10px 20px 20px 10px;
}
.cta-action .ctact-lhs h4 {
    font-size: 23px;
}
.projinn-item .projinn-content{
    column-gap: 30px;
}
.projinn-item .projinn-content .content-info .projinn-title {
    font-size: 19px;
}
.gallery-card img {
    height: 270px;
}
.breadcrumb-section .breadcrumb-title {
    font-size: 32px;
}



}


@media(max-width:991px){
   .top-header{
    display: none;
   }
   .main-header{
    background-color: var(--color-white);
   }
   a.nav-link {
    margin: 0 5px !important;
    padding: 13px 0 !important;
}
a.nav-link::before{
    display: none !important;
}
.header-dropdown .dropdown-menu {
    background: rgb(224 230 195) !important;
}
#header-dropdown .dropdown-toggle::after{
    right: 5% !important;
}
.header-dropdown .dropdown-menu {
    padding: 0 !important;
}
.header-dropdown .dropdown-menu li a::before {
    opacity: 1 !important;
    visibility: visible !important;
    left: 25px !important;
}
.header-dropdown .dropdown-menu li a {
    padding-left: 45px !important;
}
.header-dropdown .dropdown-menu li a {
    padding: 12px 20px 12px 25px;
}
.header-dropdown .dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid #28000a47;
}
.main-header .header-btn {
    margin: 12px 0 30px 5px;
    justify-content: start !important;
}
.header-btn .btn-style-one{
    padding: 14px 20px !important;
}
   .banner-section {
    margin-top: 0 !important;
   }
   .bs-con {
    top: 50%;
    }
    .bs-box img.hb-img {
        max-height: 600px;
        min-height: 600px;
    }
    .abtus-con-wrap {
    margin-top: 35px;
    }
    .cta-text {
        font-size: 22px;
        line-height: 34px;
    }
    .cta-action .ctact-lhs span {
        font-size: 15px;
    }
    .cta-action {
    gap: 20px;
    flex-wrap: wrap;
}
.wcu-section::before {
    position: relative;
    width: 100%;
}
.wcu-con-wrap {
    padding: 80px 0;
}
.counter-block {
    margin-bottom: 25px;
}
.team-card {
    margin-bottom: 25px;
}
.ctarea-form-container {
    position: relative;
}
.contact-area .cont-form-wrap {
    margin-top: 30px;
}
.footer-widget {
    margin-bottom: 30px;
}
.vm-breaker {
    margin: 60px 0 !important;
}
.wcuinn-con-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.wcuinn-con-wrap .wcuinn-item{
    width: 50%;
}
.contus-col{
    margin-bottom: 25px;
}
.serinn-wid-wrap {
    margin-top: 25px;
}
.breadcrumb-section{
    background-size: 900px;
}
.breadcrumb-section .breadcrumb-title {
    font-size: 27px;
    margin-bottom: 10px;
}

 
}

@media screen and (min-width:992px){
    .main-header.sticky a.nav-link{
        color: var(--color-dark);
        padding: 33px 0 !important;
    }
    .navbar-expand-lg .navbar-collapse {
    justify-content: space-between !important;
   }
   /* .inner-page a.nav-link{
    padding: 22px 0 !important;
} */
.header-dropdown .dropdown-menu {
    pointer-events: none;
    display: block !important;
    min-width: 250px;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all .4s cubic-bezier(.3, .02, 0, .6);
    z-index: 99;
  box-shadow: 0 0 90px rgb(0 0 0 / .1);
    background-color: #fff;
}
.header-dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transition: all .31s ease;
    transform: scaleY(1);
    pointer-events: auto;
}

.ps-lg-30{
    padding-left: 30px !important;
}
.ps-lg-50{
    padding-left: 50px !important;
}
.pe-lg-30{
    padding-right: 30px !important;
}
.pe-lg-50{
    padding-right: 50px !important;
}




}


@media(max-width:767px){

    .py-70{
        padding: 45px 0 !important;
    }
   .section-padding {
    padding: 50px 0;
   }
   .bs-con h1 {
    font-size: 42px;
    line-height: 58px;
}
.abt-counter-wrap {
    gap: 35px;
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.abt-counter-box {
    margin-bottom: 0;
}
.service-slider .slick-next, .service-slider .slick-prev {
    top: 52%;
}
.service-slider .slick-next, .service-slider .slick-prev {
    height: 45px !important;
    width: 45px !important;
}
.service-slider .slick-next i, .service-slider .slick-prev i {
    font-size: 20px;
}
.cta-widget img {
    height: 300px;
}
.cta-banner-wrapper .cta-rhs-col{
    justify-content: center !important;
}
.cta-action {
    justify-content: start !important;
}
.cta-center-text {
    padding: 20px;
}
.cta-text-col::before, .cta-rhs-col::before{
    display: none !important;
}
.cta-cont-col {
    padding: 0 20px 25px 20px;
}
.wcu-con-wrap {
    padding: 50px 0;
}
.contact-area {
    padding: 50px 0 50px;
}
.testimonial-item .quote-icon img {
    max-width: 65px;
}
.adbanner-section {
    padding: 80px 0px 80px 0px;
}
.marquee-slider .marquee-item .marquee-title {
    font-size: 36px;
}
.vm-wrapper{
    padding-bottom: 125px;
}
.vm-wrapper .vm-shape img {
    max-width: 150px;
}
.vm-wrapper .vm-thumb img {
    height: 300px;
}
.vm-wrapper .vminn-card-body{
    min-height: 250px;
    padding: 20px;
}
.vm-wrapper .vminn-card-body .vm-title{
    font-size: 30px;
}
.vm-wrapper .vminn-card-body .vm-desc {
    font-size: 18px;
    line-height: 28px;
}
.contact-form-wrapper{
    margin-top: 20px;
}
.breadcrumb-section .breadcrumb-title {
    font-size: 20px;
}
.infra-list li{
    font-size: 20px;
    padding-left: 30px;
}
.infra-list li::before {
    width: 20px;
    height: 20px;
}
  



}


@media(max-width:575px){
   
   .section-padding {
    padding: 40px 0;
    }
    img.header-logo, .sticky img.header-logo {
    max-width: 50px !important;
}
.hero-top-vector img, .hero-bottom-vector img {
    max-width: 170px;
}
.bs-con h1 {
    font-size: 30px;
    line-height: 47px;
}
.bs-con p {
    font-size: 15px;
    line-height: 26px;
}
.bsc-btn {
    flex-wrap: wrap;
}
.abtus-widget::before {
    border-width: 7px !important;
}
.abtus-wid-wrap {
    padding-right: 20px;
}
.abtus-image-1 img {
    height: 400px;
}
.abtus-image-2 {
    max-width: 195px;
    right: -30px;
}
.abtus-image-2 img {
    height: 150px;
    border-width: 5px !important;
}
.abtus-image-2 {
    max-width: 195px;
    right: -30px;
    top: auto;
    bottom: 70px;
    transform: none;
}
.abt-shape {
    bottom: -7%;
    right: 0;
}
.section-title .sec-lg-title {
    font-size: 25px;
    line-height: 38px;
}
.abt-counter-box .count-value {
    font-size: 40px;
}
.service-banner-area {
    padding: 50px 0px 290px 0px;
}
.service-slider .slick-next, .service-slider .slick-prev {
    top: 43%;
     height: 38px !important;
    width: 38px !important;
}
.service-slider .slick-next i, .service-slider .slick-prev i {
    font-size: 16px;
}
.service-item .service-content {
    padding: 50px 25px 35px;
}
.ctarea-form-container {
    padding: 20px;
}
.quote-icon {
    padding-left: 10px;
}
.testimonial-item .quote-icon img {
    max-width: 43px;
}
.testi-body .testi-para {
    font-size: 16px;
    line-height: 28px;
}
.testimonial-item .testi-header {
    justify-content: flex-start !important;
    margin-top: 0 !important;
}
.testimonial-item .testi-avatar{
    position:relative  !important;
}
.testi-body .auth-title{
    font-size: 20px;
}
.marquee-section {
    padding: 35px 0;
}
.marquee-slider .marquee-item .marquee-title {
    font-size: 22px;
}
.footer-top {
    padding: 45px 0 10px;
}
.vm-wrapper .vm-thumb{
    width: 100%;
}
.vm-wrapper {
    display: block;
    padding-bottom: 0 !important;
}
.vm-wrapper .vm-shape{
    display: none !important;
}
.vm-wrapper .vminn-card{
    position: relative;
    width: 100%;
}
.vm-wrapper .vminn-card-body {
    min-height: auto;
    padding: 35px 20px;
}
.vm-wrapper .vminn-card-body .vm-title {
    font-size: 28px;
    margin-bottom: 10px;
}
.vm-wrapper .vminn-card-body .vm-desc {
    font-size: 16px;
    line-height: 27px;
}
.vm-breaker {
    margin: 30px 0 !important;
}
.client-card{
    height: 95px;
}
.client-card img {
    max-width: 125px;
}
.contact-form-wrapper {
    padding: 20px;
}
.breadcrumb-section {
    padding: 30px 0;
    background-size: 575px;
    margin-top: 0;
}
.breadcrumb-section .breadcrumb-title {
    font-size: 18px;
    margin-bottom: 8px;
}
.breadcrumb-section .breadcrumb-menu li {
    font-size: 12px;
    margin-left: 15px;
}
.breadcrumb-section .breadcrumb-menu li::before{
    top: 0;
    right: -10px;
} 
 .career-section .accordion-button::after{
    width: 15px !important;
    height: 15px !important;
    background-size: auto !important;
  }
  .career-section .accordion-button {
    font-size: 15px !important;
    padding: 15px 12px;
  }
  .career-section .job-illa-card{
    padding: 20px;
  }
  .career-section .job-illa-card .job-title{
    font-size: 20px;
  }
  .career-section .jobinfo-key p, .career-section .job-info-value {
    font-size: 15px;
    line-height: 26px;
}
.career-section .jobinfo-key img {
    width: 25px;
}
.applymodal-wrap {
    /*padding: 0;*/
}
.projinn-item .projinn-content{
    padding: 15px;
}
.infra-list li {
    padding-left: 28px;
    margin-bottom: 20px;
    font-size: 17px;
}
.infra-list li::before {
    width: 18px;
    height: 18px;
} 
  
}




/* Custom Screen */

@media screen and (min-width:992px) and (max-width:1199px){
    .navbar-container{
        max-width: 100% !important;
    }
    .sticky .navbar-container{
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }
   

}