@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: 1024px) {
    .col.col-info {
        width: 450px;
    }

    .col.col-menu {
        width: 400px;
    }
}
@media screen and (max-width: 64em) {
    .col.col-menu {
        width: 195px;
        text-align: right;
        padding-top: 0;
    }
    footer .col-support a {
        font-size: .9em;
    }

    footer .title {
        font-size: 1.3rem;
    }

    footer .mr1.icon {
        margin-right: 5px;
    }
    body.page-home .hero .background-image {
        min-height: 300px;
    }
    .col.col-info {
        width: 400px;
    }

    .col.col-info a {
        font-size: .9em;
    }

    .col.col-menu .btn-clean {
        margin-bottom: 9px;
        padding-top: 2px;
    }
    .container {
        padding: 0 10px;
    }

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

    .banner .cms {
        top: 10em;
        left: 5em;
    }

    footer .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@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: 1em;
        padding-bottom: 1em;
    }
}


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

    .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;
    }
    .row-spaced > [class*=col], .row-spaced-extra > [class*=col] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row-spaced {
        margin-left: -10px;
        margin-right: -10px;
    }
}
@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 {
        text-align: center;
    }

    header .logo {
        margin-bottom: 0;
    }

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

    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;
    }
    .box .box-body {
        padding: 20px;
    }
    .wrap {
        padding: 20px 10px;
    }
    .hero .title {
        font-size: 30px;
        top: calc(50% - 20px);
    }

    body.page-home .hero .background-image {
        min-height: 250px;
    }

    .hero {
        margin-bottom: 0px;
    }

    .header .menu-usps {
        position: absolute;
        top: 0;
    }

    .col.col-info {
        display: none;
    }

    .col.col-menu {
        width: calc(100% - 105px);
        padding-top: 5px;
    }

    header {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .row-spaced.col-line > *:first-child:after {
        content: none;
    }

    footer .title {}

    footer .col-support .col-1 {
        margin-bottom: 15px;
    }

    footer div.main {
        padding: 45px 10px;
    }
    .menu-horizontal.language {
        left: 7px;
        right: 0;
        text-align: left;
        margin-left: 0;
    }

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

    li.menu-item {}
    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 {
        position: initial;
    }

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

    header .col-logo {
    }

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

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

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

    footer .main {
        text-align: center;
    }

    footer {
        padding-top: 15px;
    }

    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;
    }
    .btn-menu {
        position: absolute;
        right: 10px;
        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;
    }
}