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

 

}

@media (min-width:1400px) {
   
.home_slider figure{ margin-left: -80px !important;} 
.slide_detail{ margin-right: 37px !important;}
	.navbar-nav > li > a, .navbar-nav > li > .dropdown-menu li a{font-size: 18px;}
	.navbar-nav > li.cbtn > a{font-size: 16px;}
}

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

 /*==================18=2=2025=======================*/
  .home_slider figure img.w-100{ object-fit: cover; height: 530px;}
  .home_slider figure::after{ left: -1.5%;}
 

}

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

    /*==================18=2=2025=======================*/
     .home_slider figure img.w-100{ object-fit: cover; height: 530px;}
     .home_slider figure::after{ left: -2.5%; }
     .home_slider figure span{ width: 36%; left: -20%;}
    
   
   }

@media (min-width:992px) and (max-width:1199px) {
   
.navbar-brand img{ max-width: 250px;} 
.navbar-nav > li{ padding: 0px 12px;}
.navbar-nav > li > a{ font-size: 14px;}

.os-bx .detail{ min-height: inherit;} 
.r-s-e-i figure::after{ width: 32%;} 
.slide_detail h2{ font-size: 36px; line-height: 40px;} 
.font-18{ font-size: 16px;} 
.wc-center::before{ left: -40px; right: -40px;} 
.wc-center{ margin-top: -36px;} 

.slide_detail{ margin-right: -20px !important;} 
.font-16{ font-size: 15px;} 

/*==================18=2=2025=======================*/
.home_slider figure img.w-100{ object-fit: cover; height: 530px;}
.home_slider figure::after{ left: 5%; transform: skew(-15deg); }
.home_slider figure span{ width: 30%; transform: skew(-12deg);} 
.home_slider figure::before{ left: 19.8%; transform: skew(-13deg);} 
.form-c-home{ width: 325px; padding: 15px; left: 160px;}

}

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

    .slide_detail{ margin-right: 0px !important;} 

}



@media (max-width:1199px) {
    .navbar-toggler {
        padding: 0px;
        border: none;
        outline: none;
        color: #000;
        box-shadow: none;
      
    }

    .navbar-toggler:hover {
        color: #000;
    }

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

    .navbar-toggler img{ width: 20px;}

    #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: relative;
        right: 0px;
        top: 0px;
        background: none;
        color: #fff;
        width: auto;
        height: auto;
        padding: 0px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
    }

    .navbar-collapse .logo_menu { padding-left: 20px; padding-right: 20px; border-bottom: 1px solid rgba(255, 255, 255, .3);
       
    }

    
   
    .navbar-nav>li>a {
        display: flex;
        align-items: center;
        border-radius: 0px !important; min-height: 58px;
        padding: 15px 20px !important; font-size: 15px;
      
        border-bottom: #000 1px solid;
        text-align: left;
        justify-content: inherit; 
    }

    .navbar-nav > li > a.btn{ display: inline-flex !important; padding: 12px 10px !important; min-height: inherit; border-radius: 3px !important; text-align: center; justify-content: center;}

    .navbar-nav>li {
        width: 100%;
        margin: 0px;
        padding: 0px 0px !important; border-bottom: 1px solid rgba(255, 255, 255, .3); min-width: initial !important;
    }

  

    .navbar-nav > li > .dropdown-toggle::after{ right: 0px; top:10px; font-size: 22px;}

    .navbar-nav>li>.dropdown-menu {
      
        padding: 20px; position: relative !important; display:block !important; top:0px !important;
        border-radius: 0px;
        margin:px 0px 15px !important;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease; background: #0201fa;
    }

    .navbar-nav > li > .dropdown-menu li a{ color: #fff;} 
    .navbar-nav > li > .dropdown-menu li a:hover{ background: #fff !important; color: #000;}
   
    .navbar-nav > li > a.active::before, .navbar-nav > li > a:hover::before, .navbar-nav > li > a:focus::before, .navbar-nav > li:hover > a::before{ margin-left: 0px; left: 0px;} 
	
	.navbar-nav > li:last-child{ text-align:left !important; padding:10px 20px !important;}

}


@media (max-width:991px) {
    .home_slider figure span, 
    .home_slider figure::before, 
    .home_slider figure::after{ display: none;} 
    .home_slider figure{ margin-left: -15px !important;} 
    .slide_detail{ max-width: 100%; text-align: center; padding: 25px 0px;} 
    .slide_detail h2{ font-size: 34px; line-height: 40px;} 
    .font-18{ font-size: 16px;} 
    .why-choose ul li{ margin: 8px 15px;} 
    .wc-center::before{ transform: skew(-12deg);} 
    .r-s-e-i figure::after{ display: none;} 
    .r-s-e-i figure{ margin-right: -15px !important;} 
    .r-s-e-i figcaption{ margin: 0 auto; text-align: center; padding: 25px 0px;} 

    /*================================================*/ 

    .form-c-home{ position: relative; width: 100%; left: 0px;}

}


@media (max-width:767px) {
   body, .font-18{ font-size: 14px;}
    .wc-center::before {transform: skew(-3deg);} 

      .wc-center{ margin: 0px; padding: 18px !important;} 
      .why-choose ul li{ margin: 8px 0px; width: 100%;} 
      .os-bx .detail{ margin: 0px; padding: 20px 10px 0px; min-height: inherit; text-align: center;}
      .os-bx .detail .last-rw{ margin-right: 0px;} 
      h2, .title-2, .h2{ font-size: 25px;} 
      .o-p-bx ul li{ margin: 3px;}   .o-p-bx ul li img{ max-height: 50px;}
      .ul_contect li br{ display: none;} 
      .footer_top{ padding-bottom: 40px;} 
      .navbar-brand{ height: auto; margin-top: 0px !important; width: 180px; padding: 5px 5px 5px 0px !important;} 
      .navbar-brand::after{ width: 40px; right: -38px;} 
      .header-top ul li a .fa{ width: 25px; height: 25px; font-size: 14px;} 
      .slide_detail h2{ font-size: 30px; line-height: 36px;} 

      .call-b .c-text-1{ height: 34px; width: 168px; font-size: 12px; padding-top: 6px;} 
      .call-b .c-text-2 i{ width: 50px; height: 50px;} 
      .call-b .c-text-2 i img{ width: 20px;} 
      .call-b .p-number{ height: 42px; width: 190px; font-size: 15px; text-indent:20px;} 
      .inner-title-h{ min-height: 150px;} 
      .map-c iframe{ height: 250px !important;} 

      .slide_detail{ margin-right: 0px !important;}  
      .font-16{ font-size: 15px;} 
	/*===========================27=1=2025===================================*/ 
      .detail-2{ margin-top: 20px;}
   
}