@media (min-width:1200px) { 
 
  .navbar-nav .nav-item:hover .dropdown-menu{ display: block !important; opacity: 1;}
  .banner-inner-pages .banner-inner-caption figure{ min-height: 350px; display: flex !important; align-items: end !important;}

}


@media (min-width:1400px) { 
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ max-width: 1200px;}
.m-l-d-minus{ margin-left: -30px;}


}

@media (max-width:1199px) {
.navbar-collapse{ position: fixed; display: block !important; height: 100% !important; overflow-y: auto; left: -100%; width: 100%;  top: 0px; bottom: 0px; background: #fff; padding: 20px; overflow-y: auto; transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;} .navbar-nav{ padding: 0px !important; border-radius: 0px !important;} 
.navbar-nav .nav-item{ border-bottom: 1px solid rgba(0,0,0,.1);} 
.navbar-nav .nav-link{ padding: 12px 0px !important;}
.navbar-toggler{ outline: none !important; box-shadow: none !important;}
.navbar-nav{ display: block;}
 #navbarCollapse.show {
    left: 0px;
  }

}


@media (min-width:1200px) and (max-width:1399px) {
   

.process-steps .row .col:nth-child(1) .step-item .step-circle::after, 
.process-steps .row .col:nth-child(2) .step-item .step-circle::after, 
.process-steps .row .col:nth-child(3) .step-item .step-circle::after, 
.process-steps .row .col:nth-child(4) .step-item .step-circle::after, 
.process-steps .row .col:nth-child(5) .step-item .step-circle::after{ right: -105px;}

.m-l-d-minus{ margin-left: -30px;}

}


@media (min-width:992px) and (max-width:1199px) {

.footer-bottom .social-icons li { margin-left: 0px !important;}
   
    

}

@media (min-width:768px) and (max-width:991px) { 

   .carousel-caption-s h2{ font-size: 45px;}
   .plan-better figcaption h2{ font-size: 40px; line-height: 42px;} 
   .plan-better figcaption p{ font-size: 25px;} 
   .w-c-ul li .w-title{ font-size: 14px; line-height: 18px;} 
   .d-app-sec-2 h2{ font-size: 30px !important;} 
   .d-app-sec-2 figure{ margin-left: -70px !important;}
}



@media (max-width:767px) {
.mb-m-40{ margin-bottom: 20px;} .fs-9{ font-size: 15px;}
.p-b-center{ padding: 30px 20px; text-align: center;} 
.plan-better figcaption h2{ font-size: 34px; line-height: 40px;}
.plan-better figcaption p{ font-size: 22px; margin-bottom: 20px !important;} 
.w-c-ul li{ width: 50%;} .w-c-ul{ flex-wrap: wrap; justify-content: center !important;} 
.w-c-ul li .w-title{ font-size: 15px; line-height: 20px;} 
.owl-carouseltest .owl-stage-outer::before, 
.owl-carouseltest .owl-stage-outer::after, 
.owl-carouseltrust .owl-stage-outer::before, 
.owl-carouseltrust .owl-stage-outer::after{ display: none;} 
.faq-m-sec .accordion-item .accordion-button{ font-size: 20px;} 
.d-app-sec-2 figure{ margin-top: 0px !important;} 
.carousel-caption-s h2{ font-size: 40px;} 
.btn{ font-size: 14px; } .min-w-1{ min-width: 150px; min-height: 45px;} 
.g-play-btn img{ max-width: 160px;} .step-circle{ width: 130px; height: 130px;} 
.process-steps .row .col:nth-child(1) .step-item .step-circle::after{ right: -107px;} 
.step-circle i img{ max-height: 50px;} .step-item h6{ font-size: 15px;} 

.banner-inner-caption{ position: relative !important; text-align: center;} 
.team-bx h5{ font-size: 16px;} .team-bx p{ font-size: 13px;}
.bx-s-1{ padding: 25px; border-radius: 10px 50px 10px 10px;}
.w-cl{ margin-left: auto; margin-right: auto;} 
.steps-wrapper .step-card{ flex-direction: column; text-align: center;} 
.steps-wrapper .step-number{ font-size: 90px; line-height: 90px; margin-right: 0px;} 
.steps-wrapper .step-number::before{ height: 60px;} 

.brand-bx .brand-logo{ border-radius: 16px; min-height: 150px;} 
.brand-bx .detail { padding: 20px !important; text-align: center;} 
.custom-file-input::file-selector-button { width: 100px;}
 .blog-cta:before{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.3);}
    

}