@font-face {
     font-family: 'AvantGardeCE-Light';
     src: url('../font/FONTS/AvantGardeCE-Light.eot');
     src: url('../font/FONTS/AvantGardeCE-Light.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeCE-Light.woff') format('woff'), url('../font/FONTS/AvantGardeCE-Light.ttf') format('truetype');
 }

 @font-face {
     font-family: 'AvantGardeCE-Book';
     src: url('../font/FONTS/AvantGardeCE-Book.eot');
     src: url('../font/FONTS/AvantGardeCE-Book.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeCE-Book.woff') format('woff'), url('../font/FONTS/AvantGardeCE-Book.ttf') format('truetype');
 }

 @font-face {
     font-family: 'AvantGardeCE-Demi';
     src: url('../font/FONTS/AvantGardeCE-Demi.eot');
     src: url('../font/FONTS/AvantGardeCE-Demi.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeCE-Demi.woff') format('woff'), url('../font/FONTS/AvantGardeCE-Demi.ttf') format('truetype');
 }

 @font-face {
     font-family: 'AvantGardeCE-Medium';
     src: url('../font/FONTS/AvantGardeCE-Medium.eot');
     src: url('../font/FONTS/AvantGardeCE-Medium.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeCE-Medium.woff') format('woff'), url('../font/FONTS/AvantGardeCE-Medium.ttf') format('truetype');
 }

 @font-face {
     font-family: 'AvantGardeGothic-Demi';
     src: url('../font/FONTS/AvantGardeGothic-Demi.eot');
     src: url('../font/FONTS/AvantGardeGothic-Demi.eot?#iefix') format('embedded-opentype'), url('../font/FONTS/AvantGardeGothic-Demi.woff') format('woff'), url('../font/FONTS/AvantGardeGothic-Demi.ttf') format('truetype');
 } 

 @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;
     }
 }

 /*底部版权样式特殊处理*/
 @media (max-width: 1456px) {
    footer .row-100 .redirect a:nth-child(3){
      margin-right: 10%;
   }

}