/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    header{margin-top: 55px; position: relative;}
    .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;}
    .process-list li {float: inherit;margin-right: 0;}
    .owl-carousel-3 .owl-prev {left: 38%;}
    .owl-carousel-3 .owl-next {right: 38%;}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    header{margin-top: 55px; position: relative;}
    .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-carousel-3 .owl-prev {left: 42%;}
    .owl-carousel-3 .owl-next {right: 42%;}
    .process-list li {height: 276px;width: 276px;}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    header{margin-top: 55px; 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-carousel-3 .owl-prev {left: 44%;}
    .owl-carousel-3 .owl-next {right: 44%;}
    .process-list li {height: 258px;width: 258px;}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .wsmenu>.wsmenu-list>li>a {padding: 12px 0px;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-carousel-3 .owl-prev {left: 45%;}
    .owl-carousel-3 .owl-next {right: 45%;}
    .process-list li {height: 264px;width: 264px;}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px;
    }
    .mr-xl-n180 {
        margin-right: -142px;
    }
    .activity-img {
        width: 60%;
    }
}
/*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;
    }
}