body { background: transparent }
#cto_bannerContent { width: 100% !important; height: 328px !important; background: transparent !important }
#cto_products { width: 100% !important; height: 314px !important; }
#cto_products .cto_product { width: 180px !important; height: 328px !important; margin: 0 !important; margin-left: 20px !important }
#cto_products .cto_product:first-of-type { margin-left: 0 !important }
#cto_products .cto_product .imgholder { width: 180px !important; height: 180px !important; background: transparent !important }
#cto_products .cto_product .imgholder img { max-width: 180px !important;max-height: 180px !important;
    position: relative;
    top: 50%;
    transform: translateY(-50%);}
#cto_products .cto_product .details {
    clear: left; float: none !important; width: auto !important;
    color: #000 !important;
    font-weight: Normal !important;
    text-decoration: None !important;
    font-family: 'Doppio One', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif !important;
    font-size: 15px !important;
    line-height: 100% !important;
}
#cto_products .cto_product .title { height: 30px !important; color: #000 !important; padding-top: 4px; text-transform: uppercase; }
#cto_products .cto_product .priceType { display: none }
#cto_products .cto_product .priceDesc { color: #000 !important; padding-top: 4px; height: auto !important; }
#cto_products .cto_product .priceDesc del { color: #f00 !important; font-weight: normal !important; font-size: 10px !important; }
#cto_products .cto_product .priceDesc .price { color: #00C23D !important; padding-top : 15px;}
#cto_products .cto_product .desc { height: 39px !important; padding-top : 5px;}
#cto_products .cto_product .cta {
    display: block;
    margin-top: 6px;
    width: 100%;
    text-align: center;
    color: #fff !important;
    background-color: #00AAF2 !important;
    border-radius: 12px;
    line-height: 25px !important;
    position: absolute;
    bottom: 18px;
    text-transform: uppercase;
}
@media screen and (max-device-width: 800px) {
    #cto_products .cto_product { width: 49% !important; margin-left: 2% !important }
    #cto_products .cto_product .imgholder { width: 100% !important; margin: 0 !important }
    #cto_products .cto_product .imgholder img { width: 72%; max-height: none !important; max-width: none !important }
}

@media screen and (max-device-width: 1025px) and (orientation: landscape) {
    #cto_products .cto_product { width: 31% !important; margin-left: 2% !important }
}

@media screen and (max-device-width: 769px) {
    #cto_products .cto_product { width: 23% !important; margin-left: 2% !important }
}

@media screen and (max-device-width: 400px) {
    #cto_products .cto_product .imgholder img { width: 95% }
}
@media screen and (max-device-width: 380px), screen and (max-device-width: 415px) and (-webkit-min-device-pixel-ratio: 3) {
    #cto_products .cto_product { width: 49% !important; margin-left: 2% !important }
}