/*** BREAKPOINTS***/

/** XS **/
@media (max-width: 575.98px){
    body { font-size: 14px;}
    .mainmenu-link { display: none;}
    .mainmenu-button-mobile { display: inline-block;}
    .mainmenu-cart-text { display: none;}
    .btn-mainmenu-cart i { font-size: 20px;}

    .header-menu2-left { height: 80px;line-height: 80px;}
    .header-menu2-right { height: 50px;line-height: 50px;}

    .categories-menu { margin-bottom: 10px;}
    .categories-menu-link { display: none;}
    .categories-mobile-menu-button { display: block;}

    .section-references-right { padding: 5px 21px 10px 24px;}

    .section-contact { padding-top: 10px;}
    .section-contact-left { padding: 0 10px 20px 10px; border-bottom: #CCC 1px solid;}
    .section-contact-right { padding-top: 20px;}

    .section-footer { padding: 10px 10px 10px 10px;}
    .section-footer p { padding: 0;}
    .section-footer-fast-links { display: none; }

    /***SIDE CATEGORIES MENU ***/
    .side-categories-menu { display: none;}

    /***PAGE PRODUCT***/
    .product-page-data { padding-top: 30px;}
    .product-media-files { padding: 20px 10px 20px 10px;}
    .product-ask-question { padding: 20px;}
    .info-text-product-question { display: none;}

    .breadcrumb-item {font-size: 15px;}

    /***PAGE PORTOFOLIO***/
    .portofolio-left-col { padding-bottom: 30px; min-height: 1vh; border-right: none;}

    /***PAGE CONTACT***/
    .page-contact { padding: 20px 10px 20px 10px;}

}

/** SM **/
@media (min-width: 576px) and (max-width: 767.98px){ 
    body { font-size: 14px;}
    .mainmenu-link { display: none;}
    .mainmenu-button-mobile { display: inline-block;}
    .mainmenu-cart-text { display: none;}
    .btn-mainmenu-cart i { font-size: 20px;}

    .header-menu2-left { height: 60px;line-height: 60px;}
    .header-menu2-right { height: 60px;line-height: 60px;}

    .categories-menu { margin-bottom: 10px;}
    .categories-menu-link { display: none;}
    .categories-mobile-menu-button { display: block;}

    .section-references-right { padding: 5px 21px 10px 24px;}

    .section-contact { padding-top: 10px;}
    .section-contact-left { padding: 0 10px 20px 10px; border-bottom: #CCC 1px solid;}
    .section-contact-right { padding-top: 20px;}

    .section-footer { padding: 10px 10px 10px 10px;}
    .section-footer p { padding: 0;}
    .section-footer-fast-links { display: none; }

    /***SIDE CATEGORIES MENU ***/
    .side-categories-menu { display: none;}

    /***PAGE PRODUCT***/
    .product-page-data { padding-top: 30px;}
    .product-media-files { padding: 20px 10px 20px 10px;}
    .product-ask-question { padding: 20px;}
    .info-text-product-question { display: none;}

    .breadcrumb-item {font-size: 15px;}

    /***PAGE PORTOFOLIO***/
    .portofolio-left-col { padding-bottom: 30px; min-height: 1vh; border-right: none;}

    /***PAGE CONTACT***/
    .page-contact { padding: 20px 10px 20px 10px;}
}

/** MD **/
@media (min-width: 768px) and (max-width: 991.98px){ 
    body { font-size: 14px;}
    .categories-menu-link { padding: 0 3px 0 3px; font-size: 13px; }

    .section-footer { padding: 10px 10px 10px 10px;}
    .section-footer p { padding: 0;}

    /***PAGE PRODUCT***/
    .product-page-data { padding-top: 30px;}
    .product-media-files { padding: 20px 10px 20px 10px;}
    .product-ask-question { padding: 20px;}
    .info-text-product-question { display: none;}
}

/** LG **/
@media (min-width: 992px) and (max-width: 1199.98px){ 
    body { font-size: 15px;}
    .categories-menu-link { padding: 0 5px 0 5px; font-size: 13px; }

    .section-footer { padding: 10px 10px 10px 10px;}
    .section-footer p { padding: 0 20px 0 0;}

}

/** XL **/
@media (min-width: 1200px) {
    .header-mainmenu { padding: 0 50px 0 50px;}
    .header-menu2 { padding: 0 50px 0 50px;}
    .categories-menu { padding: 0 50px 0 50px;}
    .section-bargain { padding: 20px 50px 0 50px;}
    .section-references { padding: 20px 50px 0 50px;}
    .section-contact { padding: 30px 0 0 50px;}
    .section-logos { padding: 10px 50px 20px 50px;}

    .page-product-section-content { padding: 10px 50px 20px 50px;}

    .section-footer { padding: 20px 50px 20px 50px;}

    .categories-menu-link { padding: 0 10px 0 10px; font-size: 13px; }

    body { font-size: 16px;}

}