@media screen and (max-width: 1450px)
{
    html{font-size: 52%;}
    .header_nav>ul>li:hover .dropdown-custom{top: calc(100% + 4rem);}

}

@media screen and (max-width: 1366px)
{

}


@media screen and (max-width: 1199px)
{
    .horizontal-arrow .owl-nav{position: initial;margin: 0;justify-content: center;margin-top: 7rem;}
    .horizontal-arrow .owl-nav button + button{margin-left: 5rem;}

    .site-header .container, footer .container{max-width: 100%;}
}

@media screen and (max-width: 1024px)
{
     .site-header{padding: 2rem 0;}
    .hamburger{display: block;filter: brightness(0);}
    .main-menu{position: fixed; width: 300px;right: 0;top: 0;background: var(--WhiteColor);padding: 12rem 2rem 2rem 2rem;height: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.1);z-index: 999;transform: translateX(100%);transition: 0.3s;text-align: left;overflow: auto;}
    .close-menu{position: absolute;left: 3rem;top: 3rem;cursor: pointer;display: inline-block;}
    .header_nav>ul{display: block;}
    .header_nav>ul>li + li{margin-left: 0;margin-top: 4rem;}
    .dark-layer{position: fixed;width: 100%;height: 100%;top: 0;left: 0;filter: blur(4px);display: block;z-index: 99;background: rgba(0,0,0,0.5);pointer-events: none;opacity: 0;transition: 0.3s;}
    .dropdown-custom{position: static;opacity: 1;visibility: visible;transform: none;box-shadow: none;background: #F2F6F9;width: 100%;margin-top: 2rem;padding: 3rem 2rem;}
    .header_nav>ul>li.hasDropdwon::before{top: 9px;left: auto;right: 0;transform: none;opacity: 1;}
    .header_nav>ul>li.hasDropdwon::after{display: none;}
    .dropdown-custom a{font-size: 14px;}


    .active .main-menu{transform: none;}
    .active .dark-layer{pointer-events: all;opacity: 1;}

    .banner-section{min-height: calc(100vh - 7.3rem);}
    .repeat-section { padding: 5rem 0; }

    .header_btn_MBX {display: flex; padding-left: 0; flex-direction: column;}
    .header_socials {align-self: auto; margin-top: 22px;}
    
}


@media screen and (max-width: 991px)
{
    .hslinks a {margin: 5px 5px;}
    .hslinks { flex-wrap: wrap;}
    .footer_heading{margin-top: 30px;}
}

@media screen and (max-width: 767px)
{
   


    .what-we-do-bx img{width: 100%;}

    .latest-post-slider .owl-item{width: 300px!important;}
    .latest-post-slider .what-we-do-bx h2{font-size: 2.5rem;}

    .hslinks a { font-size: 14px; padding: 4px 15px;}
    .best_solution_offres h2 { font-size: 26px;}
    .site-header .col-md-10{flex: 0 0 auto; width: 70%;display: flex;}
    .site-header .col-md-2{flex: 0 0 auto; width: 30%;}



    .btn{padding: 1.4rem 3rem;}
}

@media screen and (max-width: 667px)
{
    
    .aboutp_ms .row{flex-direction: column-reverse;}
    .aboutus_penal{padding-top: 30px;}
    .services_ms h1 {margin-bottom: 0px;}
    .contactus_ms .contactform_fuilds {padding-left: 0px;}
    .contactp_cd {margin-top: 10px;}
    .contactus_ms h1 {margin-bottom: 30px;}
}


@media screen and (max-width: 480px)
{
    .offer-bx {padding-top: 30px;}
    .hero-slider.owl-carousel .owl-item img { min-height: 160px; object-fit: cover;}

    
}