/*XL (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
}

/*LG*/
@media (min-width: 992px) and (max-width: 1199px) {
    
.home-panel h1 {font-size:18px;padding:8px;}
.home-panel ul {padding:20px;font-size:14px;padding-left:30px;}
}

/*MD*/
@media (min-width: 768px) and (max-width: 991px) {

}

/*SM*/
@media (min-width: 576px) and (max-width: 767px) {

    body {margin-bottom:605px;background-color:#f7f7f7}
    .footer {
        min-height:655px;
        height:655px;
    }

    .home-panel h1 {font-size:16px;padding:8px;}
.home-panel ul {padding:20px;font-size:14px;padding-left:30px;}
}


/*XS*/
@media (max-width: 575px) { 

    .body-content {padding:0px !important}

    body {margin-bottom:655px;background-color:#f7f7f7}
    .footer {
        min-height:655px;
        height:655px;
    }
    .social-widget ul.social-icons li a i {margin-right:5px;width:auto !important}
    .footer-credit-cards > img {width:180px;padding:10px;margin-right:0px}

    h3 {font-size:16px}

    #logo {max-width:130px;margin-left:-10px}
    
    .header-icon-button {border-radius:50%;padding:0px;font-size:20px;color:#fff;width:35px;height:35px;text-align:center;margin-top:10px;margin-left:10px;}

    #mini-nav {float:right;background-color:#cc93c1;padding-top:2px}
    #mini-account {float:right;background-color:#cc93c1;}
    #mini-contact {float:right;background-color:#58c66f;padding-top:3px}
    #mini-search{float:right;background-color:#58c66f;padding-top:0px}
    #mini-basket {background-color:#edd148;text-align:center;float:right;}
    #basket-count {position:relative;background-color:red;color:#fff;margin-top:-30px;margin-left:25px;width:15px;height:15px;border-radius:50%;font-size:11px;font-weight:bold;}

 .table-view-basket tr td {
    font-size: 12px!important;
}

    .home-panel {margin-bottom:20px;}
    .home-panel h1 {background-color:rgba(0,0,0,0.4);font-size:22px;padding:10px;color:#fff;top:0px;transition: all .4s;}
    .home-panel ul {bottom:20px;position:absolute;background-color:rgba(0,0,0,0.4);padding:20px;transition: all .4s;z-index:10000}
    .home-panel ul li {margin-left:10px;}
    

    .search-item {padding:10px;border:2px solid #efefef;background-color:#fff;border-radius:0px 0px 20px 0px;font-size:10px;margin-bottom:0px;}
    .product-image-thumb {height:100px;width:100px;background-repeat:no-repeat;background-size:contain;border-radius:50%;border:4px solid #000;margin:auto auto;background-position:50% 50%;margin-bottom:10px}

    #navigation-strip {position:fixed;width:100vw;height:100vh;z-index:100000;top:0;left:0;background-color:#c7226f;margin-left:-100vw}
    #navigation-strip.visible {margin-left:0vw}
    .navigation {margin-top:20px;margin-left:-10px;padding:0px;}
    .navigation li {display:block;width:100%;margin-bottom:10px;font-size:24px;font-weight:bold;float:left;text-align:left;}
    .navigation li a:link {text-align:left;padding-left:20px}

    .close-nav {float:right;color:#fff;text-align:right !important;padding-right:20px;}

    .search-holder {margin-top:15px}

    
        .lightSlider {margin-bottom:10px;}
        .lightSlider >  li  {text-align:center !important;height:300px;background-color:#fff;display:block;line-height:300px;border:1px solid #ddd}
        .lightSlider >  li > img {margin:auto auto !important;vertical-align:middle;max-height:300px;max-width:300px }

        .lSPager {width:100% !important}
        .lSPager li {background-color:#fff; border:1px solid #333; padding:4px;width:50px !important;height:50px !important;}

    #button-empty-basket, #button-go-to-checkout {font-size:12px !important;padding:5px !important}

    #order-summery-cc-images {margin-top:10px;text-align:left}
    .buttons-payment-amount {float:left}

    
.footer-strap {font-family:"Open Sans";color:#fff;font-size:21px;margin-left:20px;margin-right:20px;text-align:center}
.footer-j {font-family:"Josefin Sans"}

.footer-button {background-color:#666;padding:15px 15px 10px 15px;margin:20px 0px 20px 0px !important;color:#fff !important;font-size:14px}

.footer-col-1 {float:inherit}
.footer-col-2 {float:inherit;margin:20px 0px 20px 0px !important;}
.footer-col-3 {float:inherit}
.col-footer-links {text-align:center;}

}