header.main{margin-bottom: 0px; height: 184px;}
header.main #service-bar{background: rgba(255,255,255,1);background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(0,161,230,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(58%, rgba(255,255,255,1)), color-stop(100%, rgba(0,161,230,1)));background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(0,161,230,1) 100%);background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(0,161,230,1) 100%);background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(0,161,230,1) 100%);background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 58%, rgba(0,161,230,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00a1e6', GradientType=1 );}
header.main #service-bar ul li{color: #ffffff;}
header.main #service-bar ul li a{color: #ffffff;}
header.main #brand-logo{margin: 0; width: 60%;}
header.main #brand-logo img{width: 100%; margin-top: -33px;}
header.main #customer-menu{margin-top: 0;}
header.main #customer-menu a, header.main #customer-menu > button{background: #ffffff; border-left: 1px solid #e6007e; margin: 0; width:120px; height:120px; }
header.main #customer-menu a:nth-child(2){border-right:1px solid #e6007e; }
header.main #customer-menu a:hover, header.main #customer-menu > button:hover{background: rgba(0, 159, 227, 0.1);}
.menu-item-login span{color: #e6007e; bottom: 25px; }
.menu-item-cart span:last-child{font-size: 10px; left: 0; bottom: 25px; width: 100%; position: absolute; color: #e6007e; text-align: center;}
#navbar{top:150px;}

#slider .slide figcaption strong{background: none; padding: 0;}
#slider .side-nav:before{display:none!important;}
#pageLogin .logo img{width:100%;}
#trade-blocks .card h3{color: #ffffff;}

header.main .wrp {padding:0px;}

@media screen and (max-width: 1023px){
    header.main #brand-logo img{margin-top: 10px;}
    #trade-blocks .card figcaption {height: 100%; opacity: 0; z-index: 3;}
}
@media screen and (max-width: 900px) {

    #trade-blocks .card:nth-child(1) h3,
    #trade-blocks .card:nth-child(1) figcaption { text-indent: 0; }

}
@media screen and (max-width: 800px) {
    #trade-blocks{padding-top:15px;}
    #trade-blocks .card,
    #trade-blocks .card.double {
        width: 100%;
        margin-bottom: 15px;
    }

    #trade-blocks .card:nth-child(1) h3 {
        color: #e6007e;
        background: rgba(255,255,255,0.9);
    }

}

@media screen and (max-width: 768px){
    header.main #brand-logo img{margin-top: 20px;}
    #navbar{top:120px;}
    header.main{height: 140px;}

}
@media screen and (max-width: 767px) {
    #slider .slide figcaption{display:none;}
    header.main{height:130px;}
    body{padding-top: 130px;}


}
@media screen and (max-width: 500px){
    header.main{height: 100px;}
    body{padding-top: 100px;}
}

@media screen and (max-width: 425px){
    header.main{height: 80px;}
    header.main #brand-logo img{margin-top: 0; width: 125%;}
    body{padding-top: 80px;}
    #trade-blocks{display:none;}

}
@media screen and (max-width: 400px) {

    #trade-blocks .card,
    #trade-blocks .card.double,
    #trade-blocks .card.last-item { height: 130px; margin-bottom: 15px!important; }
    header.main #brand-logo img{margin-top: 0; width: 200%;}

}
@media screen and (max-width: 375px){
    body{padding-top: 80px;}
    header.main{height: 80px;}
    header.main #brand-logo img{margin-top: 0; width: 190%;}
    #trade-blocks{display:none;}
    section .sidebar li a{font-size: 14px;}
}
@media screen and (max-width: 320px){
    header.main #brand-logo img{margin-top: 0; width: 150%;}
    header.main{height: 60px;}
    body{padding-top: 60px;}
    section .sidebar li a{font-size: 12px;}
}