@media (min-width:1199px) {
    .navbar-nav>li:hover>.dropdown-menu {
        position: absolute;
        left: 0px;
        top: 100%;
        display: block;
    } 

    .navbar-expand-lg .navbar-collapse{ flex-basis: inherit; flex-grow: inherit;} 

    .navbar-nav > li > .dropdown-menu{  padding-top: 26px;} 
  
}

@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl{ max-width: 1154px;}

}


@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl{ max-width: 1154px;} 

    .bill-pr-s.slider-2 .thmnl-s-1:before{ background-size: 500px !important; left: -180px !important;}
}


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

}

@media (max-width:991px) {
    .navbar-toggler {
        padding: 0px; display: inline-flex; align-items: center; justify-content: center;
        border: none; width: auto; height: auto;
        border-radius: 50px;
        outline: none;
        color: #602e91;
        box-shadow: none;
        position: absolute;
        right: 0px;
        top: 8px;
        background: none;
    }

    .navbar-toggler:hover {
        color: #ec4fd7;
        background: none;
    }

    .navbar-toggler:focus {
        border: none;
        outline: none;
        box-shadow: none;
    }

    #navbarCollapse {
        position: fixed;
        background: #fff;
        width: 100%;
        z-index: 999;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        height: 100% !important;
        display: block !important;
        left: -100%;
        top: 0px;
        overflow: auto;
    }

    #navbarCollapse.show {
        left: 0px;
    }

    .navbar-nav>li {
        margin: 0px 0px 15px;
        text-align: center;
    }

    .navbar-nav {
        margin-left: 0px !important;
    }

    /*================================12=07=2023======================================*/
    .navbar-collapse .navbar-toggler {
        position: absolute;
        right: 15px;
        top: 18px;
        background: none;
        color: #090D4D;
        width: auto;
        height: auto;
        padding: 0px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
    }

    .navbar-collapse .logo_menu {
        padding: 15px 20px !important;
        border-bottom: rgba(0, 0, 0, .3) 1px solid;
    }

   .logo_menu img{ width: 168px;}

    .navbar-nav>li>a {
        display: flex;
        align-items: center; font-size: 14px;
      
        border-radius: 0px !important;
        padding: 15px 25px !important;
        
        border-bottom: rgba(0, 0, 0, .3) 1px solid;
        text-align: left;
        justify-content: inherit;
    }

   

    .navbar-nav>li {
        width: 100%;
        margin: 0px 0px 1px;
        padding: 0px;
    }

    .navbar-nav>li>.dropdown-toggle::after {
        content: "\f078";
        display: inline-block !important;
        font-weight: normal;
        font-family: 'FontAwesome';
        bottom: 0px;
        margin-left: auto;
        border: none !important;
    }

    .navbar-nav>li>.dropdown-menu {
        background: #602E91 !important;
        padding: 0px;
        border-radius: 0px;
        margin: 0px !important;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
    }

    .navbar-nav>li>.dropdown-menu li a {
        padding: 14px 25px !important;
        color: #fff !important; font-size: 14px;
       
        border-bottom: rgba(255, 255, 255, .3) 1px solid;
        text-align: left;
    }

    .navbar-nav>li>.dropdown-menu li a:hover,
    .navbar-nav>li>.dropdown-menu li a:focus {
        background: #403F3F  !important;
        color: #fff !important;
    }

   .navbar-collapse .navbar-toggler img {
        height: 12px;
        filter: brightness(0) invert(1);
    }

    .navbar-collapse .navbar-toggler:hover {
        background: none;
        color: #5cbefb;
    }  

  

}

@media (min-width:992px) and (max-width:1199px) {
    .navbar-nav > li > a, .top_right a{ font-size: 16px;} 
    .navbar-nav > li{ margin-right: 15px;}  

    .explore_our_services .nav-tabs .nav-item .nav-link{ padding: 8px 15px;}
    .top_right .btn{ min-width: 180px; height: 42px; font-size: 16px;}
    .language img{ width: 40px;}
    .h-m-sec ul li h4{ font-size: 25px;} 
    .h-m-sec ul li p{ font-size: 16px;}
    .slider-2.cash-pr-s .thmnl-s-1, 
    .slider-2.jas-pr-s .thmnl-s-1, 
    .slider-2.lc-pr-s .thmnl-s-1{ margin-right: -50px !important;}

 
}



@media (min-width:768px) and (max-width:991px) {  
  h2{ font-size: 36px;}
    .explore_our_services .nav-tabs .nav-item .nav-link{ padding: 13px 15px; font-size: 15px;} 
    .explore_our_services .nav-tabs .nav-item .nav-link .arrow_right img{ width: 20px;} 
    .explore_our_services .nav-tabs .nav-item .nav-link i img{ width: 25px;}  

    .explore_our_services .nav-tabs{ padding: 15px;}
    .m_service_aside h4{ font-size: 22px;}

    .p-180{ padding: 60px 0px;} .pb-180{ padding-bottom: 60px;}
    .h-m-sec ul li h4{ font-size: 24px;} 
    .h-m-sec ul li p{ font-size: 16px;}

    .lh-54{ line-height: 40px;}
    .font-20{ font-size: 16px;}
    .font-36{ font-size: 30px;}
    .font-24{ font-size: 20px;}
    .lh-35{ line-height: 26px;} 

    .partnership-benefits h2 br{ display: none;} 

    .footer_bottom .copyright{ margin-right: 30px;} 

    .slider-1 .slide-caption h3{ font-size: 28px;}
    .slider-1 .slide-caption h2{ font-size: 40px;} 
    .slider-1 .slide-caption{ background-size: 80px; padding-top: 30px;} 
    .slider-1 .thmnl-s-1::before, .slider-2 .thmnl-s-1:before { background-size: 500px !important;} 

    .slider-2 .slide-caption h2{ font-size: 40px;} 
    .slider-2 .slide-caption h3{ font-size: 28px;} 

    .start-w-zero-banner{ padding: 0px 40px;} 
    .start-w-zero-banner h2{ font-size: 30px; line-height: 36px;} 
    .start-w-zero-banner p{ font-size: 22px; padding: 0px !important;} 
    .start-w-zero-banner p span{ font-size: 28px;} 
    .slider-2.cash-pr-s .thmnl-s-1, 
    .slider-2.jas-pr-s .thmnl-s-1, 
    .slider-2.lc-pr-s .thmnl-s-1{ margin-right: -50px !important;} 

    .slider-2 .slide-caption{ margin-top: 50px;} 
    .slider-2 .container .row{ height: 310px;}
    
}



@media (max-width:767px) {  
body{ font-size: 14px; line-height: 20px;}
    .explore_our_services .nav-tabs{ margin-bottom: 20px; padding: 15px;} 
    .explore_our_services .nav-tabs .nav-item .nav-link{ min-height: 50px;} 
     
    h2, .font-36{ font-size: 26px;}
    .p-180{ padding: 50px 0px;} .pb-180{ padding-bottom: 50px;}
    .h-m-sec ul li h4, .h-m-sec.j-a-d ul li h4{ font-size: 20px; line-height: 24px;} 
    .h-m-sec ul li p, .h-m-sec.j-a-d ul li p{ font-size: 14px;} 

    .h-m-sec ul li{ width: 50%; margin: 10px 0px;}
    .scan-to-download{ padding-top: 0px;}
    .m_service_aside h4{ font-size: 20px;}
    .ourpartners img{ max-width: 100%;} 
    .social-footer a:nth-child(1){ margin-left: 0px;}
    .font-20{ font-size: 16px;} 
    .w-p-bx{ text-align: center;}  
    .w-p-bx h4::before{ left: 50%; margin-left: -20px;} 
    .font-26{ font-size: 20px;} 
    .key-bx .key-number{ font-size: 45px; line-height: 40px;} 
    .key-bx p{ font-size: 20px; line-height: 25px;} 
    .key-bx{ min-height: 240px;} 
    .ul-b{ text-align: left;} 
    .lh-28{ line-height: 25px;}
    .lh-54{ line-height: 40px;} 

    .ps-rw .row .col::after{ display: block !important;} 
    .ps-rw .row .col:nth-child(2n+2):after, 
    .ps-rw .row .col:last-child:after{ display: none !important;} 
    .font-24{ font-size: 20px;} 

    .become-p-bx{ padding: 25px 25px 200px; min-height: inherit; border-radius: 30px;}
    .become-p-bx .thmnl{ width: 150px;} 
    .become-p-bx .detail .font-24{ font-size: 18px; line-height: 24px;}
    .partnership-benefits h2 br{ display: none;} 


    .slider-1 .slide-caption, .slider-2 .slide-caption, 
    .slider-2.gvs-pr-s .slide-caption, 
    .slider-2.jas-pr-s .slide-caption, 
    .slider-2.ta-pr-s .slide-caption{ background-size: 80px !important; background-position: center top !important; padding-top: 30px; text-align: center; margin-top: 20px;}
    .slider-1 .slide-caption h3, .slider-2 .slide-caption h3{ font-size: 22px;}
    .slider-1 .slide-caption h2, .slider-2 .slide-caption h2{ font-size: 34px;} 
    
    .slider-1 .thmnl-s-1::before, 
    .slider-2 .thmnl-s-1::before{ background-size: 350px !important; left: -160px; top: -40px;} 
    .slider-1 .thmnl-s-1, .slider-2 .thmnl-s-1{ margin-left: 0px !important;} 
    .slider-1 .thmnl-s-1 img, .slider-2 .thmnl-s-1 img{ max-width: 250px;} 

    .slide-caption{ max-width: 100% !important; width: 100% !important;} 

    .start-w-zero-banner{ padding: 0px 25px 25px; border-radius: 30px; text-align: center;} 
    .start-w-zero-banner h2{ font-size: 30px; padding-top: 10px; line-height: 36px;} 
    .start-w-zero-banner p{ font-size: 20px; padding:8px 0px !important;} 
    .start-w-zero-banner p span{ font-size: 25px;} 
    .start-w-zero-banner figcaption{ margin-right: 0px !important;} 

    .slider-2.cash-pr-s .thmnl-s-1, 
    .slider-2.jas-pr-s .thmnl-s-1, 
    .slider-2.lc-pr-s .thmnl-s-1{ margin-right: 0px !important; margin-left: 0px !important;} 


    .slider-2 .container .row{ height: auto;} 
    .thmnl-pic{  min-height: 300px;} 

    .inquiry-f-bx{ padding:40px 20px;} 
    .contact-info{ padding: 20px;} 
    .contact-info-detail ul li{ margin: 25px 0px;} 
    .contact-info-detail ul li:nth-child(1){ margin-top: 10px !important;} 
    .git-bx {
        text-align: center;
        min-height: inherit;
      }

      .git-bx .bottom-git {
        min-height: inherit;
        margin-top: 20px !important;
      } 

      /*======================22=4=2025===========================*/ 
      .dashboard-login-wrappar{ height: auto;} 
      .ds-l-right{ min-height: inherit;} 
      .ds-l-right h2{ font-size: 22px;} 
      .dl-login-detail h2{ font-size: 24px;}
           
}