@media (min-width:1200px) {
  
    .navbar-expand-xl .navbar-nav .dropdown-menu{ padding: 55px 28px 25px; background: none !important; border: 0px !important; box-shadow: none;}
    .navbar-expand-xl .navbar-nav .dropdown-menu:before{ content: ""; position: absolute; left: 0;   top: 18px; background: url(../images/drop-menu-t-arrow.svg) no-repeat center top; width: 56px; height: 12px; } 

    .navbar-expand-xl .navbar-nav .dropdown-menu:after{ content: ""; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 30px; background: #fff; border-radius: 16px; z-index: -1; box-shadow: 0px 24px 56px 0px #A7AEBA29;} 
    .navbar-nav > li:nth-child(1) .dropdown-menu{ width: 1260px; margin-left: -440px;} 
    .navbar-nav > li:nth-child(1) .dropdown-menu:before{ left: 36%;}

    .navbar-nav > li:nth-child(2) .dropdown-menu{ width: 1260px; margin-left: -545px;} 
    .navbar-nav > li:nth-child(2) .dropdown-menu:before{ left: 45%;} 

    .navbar-nav > li:nth-child(3) .dropdown-menu{ width: 1260px; margin-left: -638px;} 
    .navbar-nav > li:nth-child(3) .dropdown-menu:before{ left: 51%;} 

    .navbar-nav > li:nth-child(4) .dropdown-menu{ width: 1260px; margin-left: -744px;} 
    .navbar-nav > li:nth-child(4) .dropdown-menu:before{ left: 60%;} 

    .navbar-nav > li:nth-child(5) .dropdown-menu{ width: 700px; margin-left: -512px;} 
    .navbar-nav > li:nth-child(5) .dropdown-menu:before{ left: 75%;} 

    /* .bg-s-1.bg-h-inner{ height: 700px;} */
    .bg-s-1.bg-h-inner{ height: 520px;}

    

}

@media (min-width:1300px) {
    .d-m-rw-3 .row .col:nth-child(2), 
    .d-m-rw-3 .row .col:nth-child(6){ width: 28%;} 
    .d-m-rw-3 .row .col:nth-child(4), 
    .d-m-rw-3 .row .col:nth-child(8){ width: 22%;}

}

@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl{ max-width: 1280px;} 
    .sponsored img{ max-width: 140px;} 
    .faq-sec .accordion .accordion-item .accordion-header .accordion-button{ padding-right: 200px;} 

    
}



@media (min-width:1200px) and (max-width:1399px) {
    .project-in-mind figcaption h2{ font-size: 38px; line-height: 48px;}
  

}

@media (min-width:992px) and (max-width:1199px) {
    .font-40{ font-size: 36px;}
    .ss-center ul{  grid-template-columns:auto auto;} 
    .ss-center ul li{ width: 400px;} 
    .ss-center ul li:hover{ width: 480px;} 
    .footer-top{ padding-bottom: 200px;}
    .we-trust::before, .bg-s-1::after, .shape-2::before{ background-size:1000px !important; height: 66px;} 
    .ss-center ul li:hover .detail{ width: 480px;} 
    .navbar-nav > li{ margin: 0px 8px;} 

    .h-p-4{ width: 90%; right: -60%; top: 12%;}
    .hero-pic:hover .h-p-4{ right: -70%;} 

    .test-bdy{ background-size: 800px !important; padding-top: 260px;} 

    .bg-s-1.bg-h-inner{ height: 600px;}


   

}

@media (min-width:768px) and (max-width:991px) { 
    .font-40{ font-size: 28px;}
    .lh-52{ line-height: 40px;}
    .ss-center ul{  grid-template-columns:auto auto;} 
    .ss-center ul li{ width: 300px;} 
    .ss-center ul li:hover, .ss-center ul li:hover .detail{ width: 350px;} 
    .footer-top{ padding-bottom: 120px;} 
    .ss-center{ min-width: initial;} 
    .we-trust::before, .bg-s-1::after, .shape-2::before{ background-size: 700px !important; height: 46px;} 
    .project-in-mind .center{ padding: 20px 20px 0px;} 
    .trusted-companies ul li:nth-child(1) img, .trusted-companies ul li:nth-child(2) img{ max-height: 25px;}
    .trusted-companies ul li img{ max-height: 20px;} 
    .bg-s-1{ height: 600px;}  

    .h-main-pic{ max-width: 145px;}
    .h-p-3{ width: 60%; left: -30%; top: 21%;}
    .hero-pic:hover .h-p-3{ left: -60%;} 
    .h-p-4{ width: 100%; right: -60%; top: 15%;}
    .hero-pic:hover .h-p-4{ right: -90%;} 
    .h-p-5{ width: 60%; left: -32%;}
    .hero-pic:hover .h-p-5{ left: -70%;} 
   
    .test-bdy{ background-size: 600px !important; padding-top: 210px;}
    
    .v-heading{ margin-left: 15px; margin-right: 15px; padding: 20px 15px;} 

    .bg-s-1.bg-h-inner{ height: 500px;}
   
}

@media (max-width:1920px) {
    .footer-top{ background-size: 100% !important;}
}

@media (max-width:1199px) { 
.navbar-toggler{ padding: 0px; border: none !important; outline: none!important; box-shadow: none!important;}
#navbarCollapse{ background: #172B85; width: 100%; position: fixed; top: 0px; bottom: 0px; left: -100%; padding: 15px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; display: block !important; height: 100%; overflow-y: auto;} 
.navbar-nav{ padding: 0px; border: none; background: none; border-radius: 0px;} 
.navbar-nav::before{ display: none !important;} 
#navbarCollapse.show{ left: 0px;} 
.navbar-nav > li{ margin:  0px; padding: 15px 0px; border-bottom: 1px solid rgba(255, 255, 255, .2);} 

.navbar-expand-xl .navbar-nav .dropdown-menu{ padding: 15px; background: #fff !important; border: 0px !important; box-shadow: 0px 24px 56px 0px #A7AEBA29; border-radius: 16px; position: relative; margin-top: 25px; }
.navbar-expand-xl .navbar-nav .dropdown-menu:before{ content: ""; position: absolute; left: 25px;   top: -12px; background: url(../images/drop-menu-t-arrow.svg) no-repeat center top; width: 56px; height: 12px; }  

.navbar-collapse .navbar-toggler{ position: absolute; right: 15px; top: 10px;}
.navbar-collapse .navbar-toggler img{ height: 15px;} 

.navbar-brand img{ max-width: 200px;}

}

@media (max-width:767px) { 
    .d-m-rw-2{ padding: 15px;}
    .lh-45{ line-height: 30px;}  .lh-54{ line-height: 36px;}
    .we-trust::before, .bg-s-1::after, .shape-2::before{ background-size: 375px !important; height: 24px;} 
    .bg-s-1 {
        height: auto;
        padding-bottom: 60px;
        min-height: 450px;
    }
    .font-40{ font-size: 24px;} .lh-52{ line-height: 34px;} 
    .trusted-companies ul li{ width: 50%; text-align: center; margin-bottom: 25px;} 
    .w-cl{ padding: 20px 14px; border-radius: 15px;} 
    .project-in-mind .center{ padding: 25px 30px 0px;} 
    .ss-center{ min-width: initial; width: 100%;}
    .ss-center ul{  grid-template-columns:auto; gap: 20px;} 
    .ss-center ul li, .ss-center ul li:hover, .social-g, 
    .ss-center ul li:hover .detail{ width: 100%;} 
    .social-g a{ margin: 0px 3px;}
    .footer-top {background-size: 375px !important; padding:30px 0px 80px; background-position: center bottom !important;
      } 
      .tech-p-bdy{ padding-left: 0px !important;} 
      .tp-ul ul li:hover .detail{ padding:30px 20px !important;} 
      .tp-ul ul li .detail h5 .ic{ display: inline-flex; left: 0px; position: relative !important; margin-right: 5px;} .f-srv{ font-size: 11px;} .f-srv i img{ max-height: 40px;} 

      .h-main-pic{ max-width: 145px;}
      .h-p-1{ top: 17%; right: -40px;}
      .h-p-2{ bottom: 16%;}
      .h-p-3{ width: 60%; left: -30%; top: 31%;}
      .hero-pic:hover .h-p-3{ left: -60%;} 
      .h-p-4{ width: 100%; right: -60%; top: 22%;}
      .hero-pic:hover .h-p-4{ right: -90%;} 
      .h-p-5{ width: 60%; left: -32%;}
      .hero-pic:hover .h-p-5{ left: -70%;}  

      .test-bdy{ background-size: 340px !important; padding-top: 106px;}
      .test-bx{ padding: 20px;} .test-bx h5{ font-size: 16px;} 
      .project-in-mind figcaption h2{ font-size: 28px; line-height: 40px;} 
      .v-heading{ margin-left: 15px; margin-right: 15px; padding: 20px 15px;} 

      .how-we-do-it ul li p{ line-height: 18px;} 
      .how-we-do-it ul li i img{ max-height: 40px;} 
      .why-noble{ margin-top: 0px;} 
      .w-n-grd .count{ font-size: 36px; line-height: 40px;} 

      .m-v-a figcaption h5{ font-size: 14px;} 
      .m-v-a figcaption p{ font-size: 15px; line-height: 24px;} 

      .ratings ul{ justify-content: center !important;}
      .ratings ul li{  padding: 8px 10px;} 
      .ratings ul li:nth-child(1){ padding-left: 0px;} 
      .ratings ul li:last-child{ padding-right: 0px;} 
      .address p br{ display: none;} 
      .ul-3 li{ margin-bottom: 10px;} 
      .logo-ftr img{ max-width: 210px;} 
      .term-link ul li{ padding-right: 10px; margin-right: 10px;} 
      .font-32{ font-size: 22px;} 
      .faq-sec .accordion .accordion-item .accordion-header .accordion-button{ padding-right: 40px !important; padding-left: 0px; padding-right: 0px;} 
      .faq-sec .accordion .accordion-item .accordion-body{ padding-left: 0px; padding-right: 0px;} 

      .agency_featured_item .agency_featured_content{ margin-top: 50px;} 
      .pl_70{ padding-left: 40px;} 
      .pr_70{ padding-right: 0px;} 

      .m-r-s .app_service_item{ padding: 15px;} 
      .thankyou-banner{ height: 120px !important;} 
      .o-j-p-row{ text-align: center;}
      .o-j-p-row .joblisting_text{ border-left: none; padding-top: 10px;}
  }