@font-face {
    font-family: 'AvantGardeCE-Light';
    src: url('../font/CN-Normal.woff');
}

@font-face {
    font-family: 'AvantGardeCE-Book';
    src: url('../font/CN-Normal.woff');
}

@font-face {
    font-family: 'AvantGardeCE-Demi';
    src: url('../font/CN-Normal.woff');
}

@font-face {
    font-family: 'AvantGardeCE-Medium';
    src: url('../font/CN-Normal.woff');
}

@font-face {
    font-family: 'AvantGardeGothic-Demi';
    src: url('../font/CN-Normal.woff');
}

@media (min-width: 992px) {

    .container,
    .page-container {
        max-width: 1440px;
        margin: 0 auto;
    }

    .inner-container,
    .inner-container1 {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .content-container {
        max-width: 850px;
        width: 100%;
        margin: 0 auto;
    }

    .fluid-content-container {
        max-width: 990px;
        width: 100%;
        margin: 0 auto;
    }

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

@media (min-width:1200px) {

    /* @media (min-width: 1300px) { */
    header .mobile-wrapper {
        display: none;
    }
}

@media (min-width: 1200px) {

    /* @media (min-width: 1300px) { */
    .mobile-menu {
        display: none;
    }

    header {
        font-size: 0.95em;
    }
}

@media (min-width: 1440px) {
    .container {
        padding-left: 70px;
        padding-right: 70px;
    }

    .inner-container {
        max-width: none;
    }

    .page-container {
        padding: 0 220px;
    }

    footer .btn.scroll-up {
        right: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1439px) {

    .container,
    .page-container {
        padding: 0 50px;
    }
}


@media (max-width: 1199px) {

    /* @media (max-width: 1299px) { */
    .mobile-menu {
        display: block;
    }

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

    header .header-wrapper {
        display: none;
    }

    header .logo {
        margin: 0;
    }

    header .mobile-wrapper .top-bar>a {
        position: relative;
        height: 21px;
    }

    body.menuOn {
        width: 100%;
    }

    .cart_sum {
        right: -6px;
    }

    footer .btn.scroll-up {
        right: 0px;
    }
}

@media (max-width: 991px) {

    .container,
    .page-container {
        padding-right: 24px;
        padding-left: 24px;
    }

    footer {
        padding: 20px 0 30px 0;
    }

    footer .redirect>span {
        display: block;
    }

    footer .btn.scroll-up {
        width: 40px;
        height: 40px;
    }

    footer .btn.scroll-up:hover {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    footer .btn.scroll-up.float {
        right: 24px;
    }

    footer .row-100:not(:last-child) {
        margin-bottom: 0;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .mobile-menu .lang-wrapper {
        font-size: 1.143em;
    }

    .mobile-menu ul.outer>li {
        font-size: 1.571em;
    }

    .mobile-menu ul.outer ul li {
        font-size: 1.143rem;
    }

    .mobile-menu .head {
        font-size: 0.714em;
    }

    .mobile-menu .subscribe a {
        font-size: 0.714em;
    }

    .mobile-menu .subitem,
    .mobile-menu .other,
    .mobile-menu .lower {
        font-size: 0.857em;
    }
}

@media (max-width: 575px) {
    body {
        font-size: 87.5%;
    }

    header .logo {
        width: 48px;
        height: 48px;
    }

    header .logo img {
        width: 100%;
        height: 100%;
    }

    header .mobile-wrapper .hamburger {
        width: 22px;
        height: 19px;
    }

    header .mobile-wrapper .hamburger .bar:last-child:after {
        width: 13px;
        margin-right: 9px;
    }

    header .mobile-wrapper .hamburger .bar:not(:last-child):after {
        margin-bottom: 5px;
        width: 22px;
    }

    header .mobile-wrapper .hamburger.on {
        width: 19px;
    }

    header .mobile-wrapper .hamburger.on .bar:after {
        background-color: #C0272D;
    }

    header .mobile-wrapper .hamburger.on .bar:first-child:after {
        margin-left: 0;
        margin-bottom: 0px;
        transform: rotate(45deg) translateY(6px) translateX(5px);
    }

    header .mobile-wrapper .hamburger.on .bar:nth-child(2):after {
        opacity: 0;
        margin-bottom: 0px;
    }

    header .mobile-wrapper .hamburger.on .bar:last-child:after {
        transform: rotate(-45deg) translateX(-9px) translateY(-6px);
        width: 22px;
    }

    footer .row-100 .redirect {
        font-size: 0.857em;
        line-height: 160%;
    }

    .mobile-menu .menu-bar {
        font-size: 1em;
    }

    .mobile-menu .lang-wrapper {
        font-size: 1.333em;
    }

    .mobile-menu ul.outer>li {
        font-size: 1.833em;
    }

    .mobile-menu ul.outer ul li {
        font-size: 1rem;
    }

    .mobile-menu .head {
        font-size: 0.833em;
    }

    .mobile-menu .subscribe a {
        font-size: 0.833em;
    }

    .mobile-menu .subitem,
    .mobile-menu .other,
    .mobile-menu .lower {
        font-size: 1.000em;
    }

    .cart_sum {
        right: -6px;
        top: -6px;
        font-size: 0.833em;
    }
}