/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    header{margin-top: 45px;}
    .menu-fix {position: relative;}
    .wsmenu>.wsmenu-list>li>a {color: #000 !important;}
    .wsmenu > .wsmenu-list > li  > ul.sub-menu > li > ul.sub-menu {opacity: 1;transform: rotateX(0deg);}
    .carousel-caption {bottom: 0;top: 0;left: 40%;right: 3%;padding: 10px !important;}    
    .carousel-indicators {margin-bottom: 0;}
    .owl-prev {left: -15px;}
    .owl-next {right: -15px;}
    .owl-theme .owl-nav [class*="owl-"] {width: auto;}
    .counter::after {padding: 2px 0 0 8px;}
    .category-col .col {flex: 1 0 50%; margin-bottom: 20px;}
    .carousel-item img {height: 160px;}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    header{margin-top: 45px;}
    .menu-fix {position: relative;}
    .wsmenu>.wsmenu-list>li>a {color: #000;}
    .wsmenu > .wsmenu-list > li  > ul.sub-menu > li > ul.sub-menu {opacity: 1;transform: rotateX(0deg);}
    .carousel-caption {bottom: 0;top: 0;left: 58%;right: 5%;padding: 15px !important;}
    .owl-prev {left: 0px;}
    .owl-next {right: 0px;}
    .counter::after {padding: 2px 0 0 8px;}
    .category-col .col {flex: 1 0 30%; margin-bottom: 20px;}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    header{margin-top: 45px;}
    .wsmenu>.wsmenu-list>li>a {color: #000;}
    .wsmenu > .wsmenu-list > li  > ul.sub-menu > li > ul.sub-menu {opacity: 1;transform: rotateX(0deg);}
    .carousel-caption {bottom: 0;top: 0;left: 58%;right: 5%;padding: 15px !important;}
    .owl-prev {left: 0px;}
    .owl-next {right: 0px;}    
    .category-col .col {flex: 1 0 30%; margin-bottom: 20px;}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .wsmenu>.wsmenu-list>li>a {padding: 12px 8px;font-size: 12px;}
    .wsmenu>.wsmenu-list>li>.navtext>span {font-size: 12px;}
    .wsmenu>.wsmenu-list>li.wsshopmyaccount>a {font-size: 15px;}
    .carousel-caption {bottom: 0;top: 0;left: 58%;right: 5%;}
    .owl-prev {left: 0px;}
    .owl-next {right: 0px;}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    ::-webkit-scrollbar {
        width: 10px;
    }
    ::-webkit-scrollbar-track-piece {
        background: #cbcbcb;
        border-radius: 5px;
    }
    ::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 5px;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px;
    }
}
/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {     
    .carousel-caption {
        right: 9%;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
    }
}
@media (min-width: 1600px) {     
    .carousel-caption {
        right: 12%;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }
}
@media (min-width: 1800px) {     
    .carousel-caption {
        right: 15%;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1320px;
    }
}