@media print  {
    .banner {display: none !important;}
    header .main-header {background: #efefef !important; padding: 1em;}
    header{margin-bottom: 1em;}
    section.call {padding:1em;}
}
@media screen and (max-width: 64em) {
    .container {
        padding: 0 10px;
    }

    .banner .title {
        font-size: 40px;
        max-width: 230px;
    }

    .banner .cms {
        top: 10em;
        left: 5em;
    }
    .row-spaced > .col-1:nth-child(2) > .box-product {
        margin-top: 0;
    }

    .quote-wrapper .quote {
        padding-left: 0;
        text-align: center;
    }

    .quote-wrapper .author {
        text-align: center;
    }
}

@media screen and (max-width: 48em) {
    .banner .title {
        max-width: none;
        width: 100%;
    }

    .banner .cms {
        top: 8em;
        text-align: center;
        width: 100%;
        left: 9em;
    }
}

@media screen and (max-width: 47em) {
    .logo-white, .logo-default {
        text-align: center;
    }

    img.logo {
        display: inline-block;
    }

    header .menu {
        text-align: center;
    }

    .page-home .banner {
        margin-top: -10em;
    }

    header nav .menu-link {
        padding-top: 0;
        padding-bottom: 1em;
    }

    .banner .title {
        font-size: 2em;
    }

    .banner .cms {
        top: 10em;
    }

    .banner .subtitle {
        display: none;
    }
}

@media screen and (max-width: 35.5em) {
   .banner .cms {
        left: 0;
    }

    footer .title {
        margin-top: 3em;
        margin-bottom: 1em;
    }

    footer {
        text-align: center;
    }

    .footer-menu li {
        list-style: none;
    }

    .footer-menu {
        padding-left: 0;
    }

    footer table.styled td:first-child {
        display: none;
    }
    header nav .menu-link {
    padding-top: 20px;
    }
    .wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
    .wrap header{margin-left: -15px;margin-right: -15px;}

    footer .txt-right {
        text-align: center;
    }
}


@media screen and (max-width: 1024px) {
    footer .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    header {
        padding-left: 0;
        padding-right: 0;
    }

    .banner .cms {
    }

    div.owl-carousel .owl-nav.disabled+.owl-dots {
        right: 15px;
    }

    main .container {
        /* padding-left: 15px; */
        /* padding-right: 15px; */
    }
    .call .col-cms {
        padding-right: 15px;
    }
}
@media screen and (max-width: 768px) {
    .header-up .menu-item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
        display: none;
    }
    .rating .star:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
        display: none;
    }

    header .col-logo {
        width: 100%;
        text-align: center;
    }

    header .logo {
        margin-bottom: 0;
        display: inline-block;
    }

    header .main .col-menu {
        float: none;
        width: 100%;
        padding-top: 0;
        text-align: center;
    }

    header nav {
        margin-top: -10px;
    }

    .sm-hidden {
        display: none;
    }
    .row-spaced.rox-xl > [class*=col] {
        padding-left: 25px;
        padding-right: 25px;
    }

    .row-spaced.rox-xl {
        margin-left: -25px;
        margin-right: -25px;
    }
    img.profile-image {
        max-width: 100px;
        max-height: 100px;
        left: calc(50% - 50px);
        top: -50px;
        margin-bottom: -50px;
    }
}

@media screen and (max-width: 568px) {
    .header-up {
        display: none;
    }
    header nav .menu-link:hover:after, header nav .menu-link.active:after {
        bottom: 0;
    }

    header .main .col-menu {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 7;
        background: rgba(255,255,255,0.95);
        padding-top: 100px;
        transition-property: all;
        max-width: 0;
        overflow: hidden;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    }

    header {
    }

    nav .menu-horizontal .menu-item {
        display: block;
        font-size: 18px;
    }

    header .col-logo {
        margin-bottom: 15px;
    }

    .call .col-cms {margin-top: -25px;padding-right: 50px;}

    footer .title {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .menu-secondary .menu-item.social {
        margin-top: 15px;
    }

    footer .main {
        text-align: center;
    }

    footer {
        padding-top: 0;
    }

    footer .secondary .col-sm-3-4 .menu-item {
        display: block;
        margin-right: 0;
        text-align: center;
        white-space: normal;
    }

    footer .secondary .menu-item:not(:last-child):after {
        display: none;
    }

    footer .menu-list {
        width: 100%;
    }

    footer .payment-methods {
        text-align: center;
        margin-top: 20px;
    }
    header .btn-menu {
        position: absolute;
        right: 15px;
        display: block;
    }

    .btn-menu .icon {
        width: 40px;
        height: 40px;
        stroke-width: 1px;
    }

    .btn-menu:hover .icon {
        stroke: black;
    }
    body.menu-visible .btn-menu {
        display: none;
    }

    body.menu-visible .col-menu {
        max-width: 600px;
    }

    body.menu-visible .col-menu .btn-close {
        position: absolute;
        display: block;
        top: 15px;
        right: 15px;
    }
    .xs-hidden {
        display: none;
    }
    .xs-txt-center {
        text-align: center;
    }

    div.a2a_default_style a {
        float: none;
        display: inline-block;
    }
    .menu-responsive .menu-item {
        display: block;
    }

    .btn-blog-category:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid #efefef;
    }

    .menu-responsive .menu-list {
        width: 100%;
    }

    .btn-blog-category {
        padding: 5px 15px;
    }
    .page-detail .btn-back {
        top: 0;
        margin-bottom: 10px;
    }
    .menu-shoppingcart {
        margin: 20px 0;
    }

    .menu-shoppingcart .menu-item {
        padding: 15px;
    }
    .xs-visible {
        display: block;
    }

    .btn-shoppingcart {
        fill: #01aeba;
        position: absolute;
        left: 15px;
        margin-top: 8px;
    }

    .btn-shoppingcart .icon {
        width: 25px;
        height: 25px;
    }
    .product-page .btn-add-to-shoppingcart {
        margin-top: 2em;
    }
}