@media screen {

    *, html, body { font-family: "Barlow Semi Condensed", sans-serif!important; font-weight: 300!important; }
    h1,h2,h3,h4,h5,h6,
    header.main #customer-menu a .count,
    header.main #customer-menu > button .count { font-family: "Crete Round", serif!important; }
    p { font-size: 18px; }

    header.main{background: #8e004d; margin-bottom: 35px; height: 150px;}
    header.main #service-bar{background: #8e004d;}
    header.main #service-bar span,
    header.main #service-bar span.label_tel,
    header.main #service-bar span.label_mail a,
    header.main #service-bar span.label_tel:before,
    header.main #service-bar span.label_mail:before,
    header.main #service-bar ul li,
    header.main #service-bar ul li a {color: #fff;}
    header.main #brand-logo {margin: 0 0 0 -95px;  width: 190px;  display: block;  float: none;  position: absolute;  top: 0px;  left: 50%;  z-index: 51;  text-align: center;  clear: none;}
    header.main #brand-logo img{display: block;  margin: auto;  width: 100%;  height: auto;}
    header.main #customer-menu{right:-120px;}

    #navbar{background: #ffffff; top: 150px;}
    #navbar .wrp > ul > li:first-child:after,
    #navbar .service-menu div:after { margin-top: 0; }
    #navbar .wrp > ul > li a:hover { background: #f7f7f7; }
    #navbar .wrp > ul > li:first-child,
    #navbar .wrp > ul > li a{color: #8e004d;line-height: 32px;}
    #navbar .wrp > ul > li:hover ul > li:hover ul li a:hover { color: #fff; background: #8e004d; }
    #header_usp{display:none;}

    #slider #controlNav a.current { background: #a6798d; }

    section .sidebar li a:hover  { color: #fff; background: rgba(142, 0, 78, 0.65); }
    #totop a:before { color: #fff; background: #a6798d; }

    .breadcrumb li a, #navbar .service-menu div{color: #8e004d;}
    .parallaxx {height: 360px;background: top center no-repeat; background-attachment: fixed; overflow: hidden; background-size: cover;
        -webkit-box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.35);
        -moz-box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.35);
        box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.35); }

    #trade-blocks .card h3 { color: #fff; }

    #payment-bar .col_left { border-right: 1px solid #8e004d; padding-left: 0; }
    #payment-bar .col_right { padding-right: 0; }
    #payment-bar h3 { width: 40%; }
    #payment-bar img { width: 19%; margin: 0 0 0 0; padding: 5px 5px; box-sizing: border-box; }
    #payment-bar h3,
    #payment-bar img { display: inline-block; float: none; vertical-align: middle; }

    .contentPage p strong { font-family: "Crete Round", serif!important; font-size: 18px; }
    .contentPage h2 { font-size: 24px; }
    .contentPage h3 { font-size: 20px; }
    .contentPage h1 { margin-bottom: 14px; }
    .contentPage h2,
    .contentPage h3 { margin-bottom: 10px; }

    /*#actionModal .modal-title  { background-color: #8e004d!important; }*/

    #detail_infobar_text p { font-size: 16px; margin-bottom: 0; }

    /* rte col_s*/
    .rte_container .col_left,
    .rte_container .col_right { padding: 0 0 0 0; }

    .rte_container img { width: 100%; height: auto; }
    .rte_container h1 { font-size: 32px; }
    .rte_container h2,
    .rte_container h2 { margin-bottom: 10px; }
    .rte_container h3,
    .rte_container h3 { margin-bottom: 5px; font-size: 18px; }

    .rte_container li { font-size: 18px; padding-left: 14px; }
    .rte_container li:not(:last-of-type) { margin-bottom: 5px; }
    .rte_container li:before { top: 9px; }

    /*Video and Image Wrapper*/

    .videotutorials li { float: left; width: 31.333%; padding-left: 0; }
    .videotutorials li:not(:nth-child(3n+3)) { margin-right: 3%; }
    .videotutorials li:before { display: none; }

    .video-wrapper {
        position: relative;
        padding-bottom: 50.826%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .video-wrapper iframe,
    .video-wrapper object,
    .video-wrapper embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .img-wrapper > img { margin-bottom: 0; }
    .video-wrapper ~ .subtitle,
    .img-wrapper ~ .subtitle { font-size: 18px; background: #8e004d; color: #fff; margin-bottom: 0; padding: 5px 10px; box-sizing: border-box; }

    .video-wrapper ~ .subtext,
    .img-wrapper ~ .subtext { font-size: 14px; color: #fff; background: #8e004d; padding: 5px 10px; box-sizing: border-box; }

    #video {
        background: #fff;
        float: right;
        width: 250px;
        padding: 15px 15px 15px 15px;
        box-sizing: border-box;
        position: relative;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1280px) {
    #product-detail #video { width: 320px; }
}

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

    header.main #customer-menu { right: 0; }
    #payment-bar h3 { width: 48%; }
    #payment-bar img { width: 16%; }

    #product-detail #video { width: 33%; }

}

@media screen and (max-width: 767px){
    header.main { height: 90px; }
    #payment-bar .col_left,
    #payment-bar .col_right { padding: 20px 0 20px 0;}
    header.main #brand-logo img { max-height: 90px; width: auto; }

    #payment-bar .col_left {border-right: 0 solid #8e004d; }
    #payment-bar h3 { text-align: left; }
    footer.main>.wrp>address { width: 100%}
    footer.main>.wrp>address .col_left {display: none}
    footer.main>.wrp>address strong.headline { margin-bottom: 10px}
    footer.main>.wrp>nav { width:47%; float: left; }

    .videotutorials li { float: left; width: 48.5%; padding-left: 0; margin-right: 3%; }
    .videotutorials li:nth-child(3n+3) { margin-right: 3%; }
    .videotutorials li:nth-child(2n+2) { margin-right: 0; }

    #product-detail #video { width: 100%; float: none; margin-left: 0; }
}

@media screen and (max-width: 500px) {
    .videotutorials li { float: left; width: 100%; padding-left: 0; margin-right: 0; }
    .videotutorials li:nth-child(3n+3) { margin-right: 0; }
}

@media screen and (max-width: 400px){
    header.main { height: 50px; }
    header.main #brand-logo img { max-height: 50px; width: auto; }
    footer.main>.wrp>nav { width:100%; float: none}
}