@media (max-width: 1100px){
    .header-bottom-container h1{ font-size: 2.3rem; }
    .header-bottom-container p{ font-size: 12px; }
    .category-ul li a{ font-size: 10.4px; }
}

@media (max-width: 1400px) and (min-width:1000px){
    .box-button{ top: -6rem; }
    .category-ul li a{ font-size: 11px; }
    .header-bottom-container h1{ font-size: 2.3rem; }
    .header-bottom-container p{ font-size: 12px; }
    .footer-logo{ margin: 0 0 0 -3rem; }
    .footer-logo img{ width: 37%; }
    .logo img{ width: 140px; }
}
@media (max-width: 999px){
    #box-button-bottom button i{ transform: scaleX(-1)!important; }
    .col-lg-c{ width: 24%; }
    .bottom-header{ padding: 20px 0; }
    .header-text{font-size: 12px;}
.category-ul li{ margin: 0 12px; }
.category-ul li a{ font-size: 10.4px; }
.header-bottom-container{ flex-direction: column; justify-content: space-around; }
.header-bottom-container h1{ text-align: center; }
.header-bottom-container p{ text-align: center; }
.header-bottom-image{ width: 70%!important;}
.dropdown:hover .dropdown-ul{ border-radius: 5px;min-width: 830px;width: 100%;right: -120%;z-index: 1001;border-top: none;padding: 10px 21px!important;display: block;background: #fff;position: absolute;top: 100%;color: #000!important;overflow: hidden; }
.phone{ right: 1.2rem; }
.whatsapp{ right: 1rem; }
.box-image{ display: flex; justify-content: center;}
.box{ flex-direction: column; }
.box-image img{ width: 80%; }
.box-text{ text-align: center; margin: 2rem 0 0 0; }
.box-text h3{ text-align: center!important; font-size: 27px;}
.box-text p { text-align: center!important; font-size: 15px;}
.about{ margin: 3rem 0 0 ; }
.hero-text{ margin: 1rem 0 0; }
.service-box{ width: 100%; }
.footer-list{ width: 100%; }
.footer-container{ flex-direction: column; }
.col-lg-box{ width: 46%; }
.box-button{ justify-content: center; top: 2rem; }
#box-button-bottom{ top: 2.3rem; justify-content: center;}
.box-reverse{ flex-direction: column-reverse; }
}

@media ( max-width: 768px ){
    .page-hero-text h2{ text-align: center; }
    .top{ margin-top: 5px; }
    .single-contact li a{ font-size: 14px; }
    .header{ margin: -2rem 0 0 0; }
    .mobile-category{ display: block; }
    .logo img{ width: 130px; }

    .footer-logo img{ width: 40%; }

    .header-text{ font-size: 10px; }
    .col-lg-c { width: 30%; }
    .category{ display: none; }
    .menu{ justify-content: space-around!important; }
    .header-text{ font-size: 10px; }
    .header-bottom-image{ width: 90%!important; }
}

@media ( max-width:625px ){
    .col-lg-box{ width: 90%; }

}

@media ( max-width:500px){
    .header-bottom-container{ margin-top: -3rem; }
    .page-hero-text h2{ font-size: 2rem;}
    col-lg-box{ width: 50%; }
    .hero-text h2{ font-size: 2.3rem; }
    #menu{ width: 25rem; }
    .header-bottom-container p{ font-size: 10px; }
    .header-bottom-container{ justify-content: space-evenly; }
    .header-bottom-container h1{ font-size: 2rem; margin: 1.8rem 0; }
    .page-hero-text{ margin: 1.6rem 0 0rem; padding: 0 5px;}
    .page-hero-text h2{ font-size: 1.5rem; }
}

@media (max-width: 390px){
    #menu{ width: 23rem; }
    .box-button{ font-size: 15px; }
}