@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap&subset=cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,900&display=swap&subset=cyrillic-ext,latin-ext');

body {font-family: 'Roboto', sans-serif;}
ul,ol {margin: 0 0 0 0; padding: 0 0 0 0;}
a:focus,a:hover, a {text-decoration: none; outline: none;}
button {outline: none;}
.topHeader {float:left; width: 100%; height: 36px;border-bottom: 1px solid #D6D6D6;}
.topHeader .wp {float: left; margin: 5px 0 0 0;}
.topHeader .wp div {float: left; line-height: 24px;}
.topHeader .wp .wp-img {background: #0D9F16; width: 21px; text-align: center; border-radius: 3px; margin-right: 10px;}
.topHeader .wp .wp-img .fa {display: inline-block; color: #FFF;}
.topHeader .wp .text {font-size: 12px; color: #AAAAAA;}
.topHeader .wp .text span {margin-left: 5px; font-size: 14px; font-weight: 500; color: #333333; font-family: "Montserrat",sans-serif; }
.topHeader .lang a.blg {float: left; line-height: 36px; color: #aaa; margin-right: 10px;}
.tpSocial {float:right; line-height: 36px;} 
.tpSocial i {font-size: 16px; color: #AAAAAA; margin: 0 10px;}
.tpSocial i.fa-instagram {color: #dd2a7b;}
.tpSocial i.fa-facebook {color: #29487d;}
.tpSocial i.fa-twitter {color: #1da1f2;}
.tpSocial i.fa-pinterest {color: #c8232c;}
#logo a {float:left;}
.popularSearch {float:left; width: 100%; font-size: 12px; color: #333333; text-align: center; margin: -6px 0 10px 0;}
.popularSearch div { font-weight: 500; display: inline-block; }
.popularSearch span {display: inline-block; margin-left: 20px; }
header.header {padding-top: 30px; float:left; width: 100%;}
#search .input-lg {border: 1px solid #004CBC; border-radius: 0; float:left; width: 100%; font-size: 18px; font-weight: 300; font-family: "Roboto", sans-serif; padding: 10px 45px 10px 20px}
#search .searchButton {position: absolute; top: 14px; right: 20px;}
#search .searchButton button {width:20px; height:20px; background: url(../image/search.png) no-repeat; border: none;}
.accountHeader {margin-top:20px;}
.basketCnt, .accountCnt {background: #004CBC; border: none;border-radius: 0; text-align: center; font-family: "Montserrat",sans-serif; text-transform: uppercase;}
.basketCnt:hover, .basketCnt:focus {background: #004CBC;}
.basketCnt span {display: inline-block; margin-left: 10px;}
.basketCnt sup {display: inline-block; vertical-align: super}
#cart > .btn {line-height: 46px;font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500; padding: 0 0;}
.accountCnt {background: #5DA533; color: #FFF;}
.accountCnt > a {color: #FFF; display:inline-block; width: 100%;background: #5DA533; line-height: 46px;}
.accountCnt > a i {margin-right: 5px;}
.accountCnt .dropdown-menu {border-radius: 0; background: #FFF; border: none; min-width: 100%;}
.accountCnt .dropdown-menu>li>a { font-size: 12px; padding: 3px 15px; }
.accountCnt .dropdown-menu>li>a:hover {color: #FFF; background: #004cbc;}
.accountCnt > a.accountLogins {color: #FFF; display:inline-block; width: 100%;background: #5DA533; padding: 10px 0 10px 45px; text-align: left; position: relative; line-height: initial}
.accountCnt > a.accountLogins:after {position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); content: "\f063"; font:normal normal normal 14px/1 FontAwesome;}
.accountCnt > a.accountLogins i {margin-right: 5px; font-size: 26px; position: absolute; left: 20px;}
.accountCnt > a.accountLogins em {display: block; font-size: 9px; font-style: normal;}
.accountCnt .dropdown-menu {border-radius: 0; background: #FFF; border: none;}


.menu {background: #004CBC; margin-top: 20px; position: relative;}
.menuContainer {float:left; width: 100%;}
.menuContainer >ul {padding: 0; margin: 0; display: table; width: 100%;}
.menuContainer >ul >li {list-style:none; display: table-cell;}
.menuContainer >ul >li:first-child a:before, .menuContainer >ul >li:last-child a:after {display: none;}
.menuContainer >ul >li.open >a {background:#1962CE;}
.menuContainer >ul >li .dropdown-menu {margin: 0 0 0 0; padding: 40px 0 5px 0; min-height: 302px; background: #FAFAFA; min-width: 100%; border-radius: 0;}
.menuContainer >ul >li .dropdown-menu ul {float: right; width: calc(100% - 430px);}
.menuContainer >ul >li .dropdown-menu ul li {float: left; width: calc(100% / 3);}
.menuContainer >ul >li .dropdown-menu a {width: 100%; padding: 0 0 35px 0; color: #333333; float: left; font-size: 16px; font-weight: 500;}
.menuContainer >ul >li .dropdown-menu a:hover { color:#004CBC; }
.menuContainer >ul >li > a {float:left; width: 100%; text-align: center; line-height: 50px; font-size: 10px; font-family: "Montserrat", sans-serif; font-weight: 500; color: #FFF; transition: 0.5s;}
.menuContainer >ul >li.menu-Icn > a {background-image:url(../image/menuDrop.png); background-repeat: no-repeat; background-position:20px center;}
.menuContainer >ul >li.menu-Icn > a:hover {background-image:url(../image/menuDrop.png); background-repeat: no-repeat; background-position:20px center; background-color:#1962CE;}
.menuContainer >ul >li > a img  {display: inline-block; vertical-align: middle; margin-right: 6px;}
.menuContainer >ul >li > a:hover {background: #145ECC;}
.menuContainer >ul >li > a:before {content: ""; float:left;height: 30px; width: 1px;background:#000000; opacity: 0.2; margin:10px 0px 0 0;}
.menuContainer >ul >li:last-child > a {padding: 0 0 0 0;}
.menuContainer >ul >li:last-child > a:after {content: ""; float:right;height: 30px; width: 1px;background:#FFFFFF; opacity: 0.4; margin: 10px 0px 0 0px;}
.menuContainer .categoryImg {width: 340px; float: left; }
.homeBanner {float:left; width: 100%; overflow: hidden;}
.homeBanner .swiper-slide {max-width: 1170px; position: relative;}
.homeBanner .swiper-slide a:after {content: ""; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.60); z-index: 2; width: 100%; height: 100%; transition: 0.5s;}
.homeBanner .swiper-slide.swiper-slide-active a:after {opacity: 0;}
.dealListNew .DealSlickArrow {position: absolute; top: 50%; transform: translate(0, calc(-50% - 40px)); padding: 22px 25px; background: #FFF; right: auto; left: auto; z-index: 2; cursor: pointer; color: #004CBC; border-radius: 3px; border: 1px solid #004CBC;}
.dealListNew .slick-prev {left: -30px;}
.dealListNew .slick-next {right: -30px;}
.currentTrend {padding: 80px 0; font-family: "Montserrat", sans-serif; float:left; width: 100%;}
.currentTrend .title, .todayDeal .Ptitle, .productPtitle {font-size: 34px; font-weight:300; float:left; width: 100%; margin: 0 0; padding: 0 0;}
.currentTrend .link {float: right; font-size: 14px; font-weight: 700;}
.currentTrend .link a {color: #004CBC;}
.currentTrend .link a i {font-size: 12px; margin-left: 5px;}
.trendListHome {margin:50px 0 0 0;}
.trendListHome .list {float:left; width: 100%;}
.trendListHome .list .listTitle, .trendListHome .list ul li {line-height: 40px; font-size: 12px; font-weight: 700; background: #F5F5F5; border-bottom: 1px solid #EEEEEE; padding: 0 15px 0 25px; color:#333333;}
.trendListHome .list ul li {list-style: none; background: #FFF; border-bottom: 1px solid #EEEEEE; padding: 0 0 0 0; }
.trendListHome .list ul li a {color:#333333; display: inline-block;width: 100%; padding: 0 15px 0 25px; transition: 0.5s; position: relative;}
.trendListHome .list ul li a i {font-size: 10px; float: right; margin: 15px 0 0 0; transition: 0.5s; opacity: 0; margin-right: 25px; color: #FFF; position: absolute; right: 15px;}
.trendListHome .list ul li a:hover {background: #5DA533; color: #FFF;}
.trendListHome .list ul li a:hover i {opacity: 1; margin-right: 0;}
.trendListHome .trendListList:last-child .img {padding-left: 45px;}
.mbtHr {float:left; width: 100%; border-top: 1px solid #D6D6D6; margin: 80px 0;}
.decorationSlide {float:left; width: 100%; margin-bottom: 80px;}
.decorationSlide .slick-dots,  {position: absolute; bottom: 20px !important; right: 20px;}
.decorationSlide .slick-dots li {list-style: none; float:left; margin-left: 4px}
.decorationSlide .slick-dots li button {float:left; width: 20px; height: 20px; background: #fff; border: none; position: relative;}
.decorationSlide .slick-dots li button:after {content: ""; position: absolute; top: 3px; left: 3px; background: #FFF; width: 14px; height: 14px; transition: 0.5s;}
.decorationSlide .slick-dots li:hover button:after {opacity: 1; background: #004CBC;}
.decorationSlide .slick-dots li.slick-active button:after {opacity: 1; background: #004CBC;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-custom-pagination {position: absolute; bottom: 20px; right: 20px; width: auto; z-index: 20; left: auto;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-custom-pagination span {margin: 0 0 0 4px; float:left; width: 20px; height: 20px; background: #fff; border: none; position: relative; box-shadow: none; border-radius: 0;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-custom-pagination span:after {content: ""; position: absolute; top: 3px; left: 3px; background: #FFF; width: 14px; height: 14px; transition: 0.5s;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-custom-pagination .swiper-pagination-bullet-active:after {opacity: 1; background: #004CBC;}
.todayDeal {float:left; width: 100%; background: #FAFAFA;font-family: "Montserrat", sans-serif; padding: 70px 0;}
.todayDeal .tabs {float:left; width: 100%; margin: 50px 0 40px 0;}
.todayDeal .tabs ul {display: table; width: 100%;}
.todayDeal .tabs ul li {display: table-cell;}
.todayDeal .tabs ul li a {float:left; width: 100%; font-size: 14px; font-weight: 500; text-align: center; color: #33495F; background: #F2F2F2; line-height: 80px; transition: 0.5s;}
.todayDeal .tabs ul li a:hover, .todayDeal .tabs ul li.active a {color: #FFF; background: #5DA533;}
.dealContainer {float:left; width: 100%;}
.dealList {float:left; width: 100%; display: none !important;}
.dealList2 {float:left; width: 100%;}
.dealList:first-child {display: block !important}
.dealList .item, .dealList2 .item, .detailList .item {padding: 0 15px;}
.dealList .item a, .dealList2 .item a, .detailList .item a {float:left; width: 100%; background: #FFF; color: #33495F; border-radius: 3px; outline: none;}
.dealList .item a .image, .dealList2 .item a .image, .detailList .item a .image {float:left; width: 100%; text-align: center; padding: 30px 0;}
.dealList .item a .image img, .dealList2 .item a .image img, .detailList .item a .image img {display: inline-block; max-width: 100%;}
.dealList .item .title, .dealList2 .item .title, .detailList .item .title {margin:30px 0 15px 0; padding: 0 30px; font-size: 16px; font-weight: 500; min-height: 57px; float:left; width: 100%;}
.dealList .item .price-alt, .dealList2 .item .price-alt, .detailList .item .price-alt {float:left; width: 100%; background: #FCFCFC; line-height: 50px; padding: 0 0 0 30px;}
.dealList .item .new-price, .dealList2 .item .new-price, .detailList .item .new-price {float:left;font-size: 18px; font-weight: 700;}
.dealList .item .old-price, .dealList2 .item .old-price , .detailList .item .old-price{float:left;font-size: 13px;color: #CCC; margin-left: 20px;text-decoration: line-through;}
.dealList .item .view, .dealList2 .item .view {float: right; color: #FFF; background: #004CBC; padding: 0 13px; border-bottom-right-radius:3px;}
.dealList .item .view i, .dealList2 .item .view i { font-size: 20px;}
.dealList .slick-dots, .dealList2 .slick-dots {float:left; width: 100%; text-align: center; padding: 0 15px; margin-top: 60px;}
.dealList .slick-dots li, .dealList2 .slick-dots li {list-style: none; display: inline-block; margin-left: 4px}
.dealList .slick-dots li button, .dealList2 .slick-dots li button {float:left; width: 20px; height: 20px; background: #F2F2F2; font-size: 0 !important; border: none; position: relative;}
.dealList .slick-dots li button:after, .dealList2 .slick-dots li button:after {content: ""; position: absolute; top: 3px; left: 3px; background: #F2F2F2; width: 14px; height: 14px; transition: 0.5s;}
.dealList .slick-dots li:hover button:after, .dealList2 .slick-dots li:hover button:after {opacity: 1; background: #004CBC;}
.dealList .slick-dots li.slick-active button:after, .dealList2 .slick-dots li.slick-active button:after {opacity: 1; background: #004CBC;}
.helpMessage {padding: 30px 0; float:left; width: 100%; background: #FAFAFA; font-family: "Montserrat", sans-serif;}
.helpMessage .title {font-size: 24px; font-weight: 300; margin-bottom: 10px;}
.helpMessage .link a {color: #004CBC;font-size: 14px; font-weight: 600;}
.helpMessage .link a i {font-size: 12px; margin-left: 5px;}
.helpMessage .social {text-align: center; padding-top: 20px;}
.helpMessage .social a {font-size: 22px; color: #333333; margin: 0 20px;}
.helpMessage .social a i {font-size: 22px;}
.helpMessage .help {padding-top: 7px;}
.helpMessage .help a {font-size:12px; font-weight: 500; line-height: 48px; color: #FFF; float: right; background: #5DA533; padding: 0 30px;}
.helpMessage .help a i {margin-right: 7px;}
.productCategory {margin: 40px 0 100px 0; float:left; width: 100%; font-family: "Montserrat", sans-serif;}
.productCategory .filterContainer .filter {background: #FAFAFA; float:left; width: 100%;}
.productCategory .filter .filterTitle {font-size: 16px; font-weight: 500; color: #333333; line-height: 55px; border-bottom: 1px solid #D6D6D6; padding: 0 15px;}
.filter .categoryFilter { /*border-bottom: 1px solid #D6D6D6;*/ padding: 0 15px 15px 15px; color: #333333; float:left; width: 100%;}
.filter .categoryFilter .bradType {border-bottom: 1px solid #D6D6D6; float: left; width: 100%; padding-bottom: 15px;}
.filter .categoryFilter .bradType:last-child {border-bottom: none;}
.filter .categoryFilter .title {font-size: 16px; font-weight: 500; margin: 15px 0; float: left; width: 100%;}
.filter .categoryFilter .priceOption { margin-bottom: 6px; float:left; width: 100%;}
.filter .categoryFilter .priceOption:last-child { margin-bottom: 0px; }
.filter .categoryFilter .inputTitle {font-size: 12px; font-weight: 300; float:left; width: 100%; margin-bottom: 5px;}
.filter .categoryFilter .priceOption input {float:left; width: 100%;border:1px solid #D6D6D6; height: 32px; padding: 0 10px; color: #333333; font-size: 12px; font-weight: 300;}
.filter .categoryFilter .priceOption input::placeholder {color: #333333; font-size: 12px; font-weight: 300;}
.filter .categoryFilter .priceOption input:-ms-input-placeholder {color: #333333; font-size: 12px; font-weight: 300;}
.filter .categoryFilter .priceOption input::-ms-input-placeholder  {color: #333333; font-size: 12px; font-weight: 300;}
.checkContainer { display: block; position: relative; padding-left: 25px; margin-bottom: 10px; cursor: pointer; font-size: 14px; font-weight: 300; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float:left; width: 100%;}
.checkContainer em {font-style: normal; color: #004CBC;}
.checkContainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute; top: 0; left: 0; height: 14px; width: 14px; background-color: #E2E2E2; transition: 0.5s;}
.checkContainer:hover input ~ .checkmark { background-color: #ccc;}
.checkContainer input:checked ~ .checkmark { background-color: #E2E2E2;}
.checkmark:after { content: ""; position: absolute; opacity: 0; transition: 0.5s;}
.checkContainer input:checked ~ .checkmark:after { display: block; opacity: 1;}
.checkContainer .checkmark:after { left: 2px; top: 2px; width: 10px; height: 10px; background: #004CBC;}
.brandSearch {float:left; width: 100%; margin-bottom: 15px;}
.brandSearch input {float:left; width: 100%;border:1px solid #D6D6D6; height: 32px; padding: 0 10px; color: #333333; font-size: 12px; font-weight: 300;}
.brandContainer {max-height: 252px; float:left; width: 100%; overflow: auto;}
.brandContainer::-webkit-scrollbar { width: 8px;}
.brandContainer::-webkit-scrollbar-track { background: #EEEEEE; }
.brandContainer::-webkit-scrollbar-thumb { background: #CCC; }
footer {padding: 20px 0 0 0; float:left; width: 100%;}
.footerBottom {float:left; width: 100%; border-top: 1px solid #D6D6D6; line-height: 78px; color: #333333; font-size: 12px; font-weight: 300; }
.footerBottom .logo {margin-right: 20px;}
.footerBottom .footerBrand {margin-top: 18px;}
.blueprint {font-size: 12px; font-weight: 300; margin: 20px 0; font-family: "Montserrat", sans-serif;}
.blueprint a {font-size: 12px; font-weight: 300; }
.blueprint a img {margin-left: 5px;}
.productRightContainer {padding-left: 45px; font-family: "Montserrat", sans-serif;}
.detailList {float:left; width: 100%; padding: 40px 15px;}
.detailList .item {margin-bottom: 30px;}
.product-list {float: left; width: 100%; background: #FAFAFA;}
.product-list .productTop {float: left; width: 100%; padding: 0 40px; border-bottom: 1px solid #D6D6D6;}
.product-list .productTop.blogT {padding: 0 0 !important; border-bottom: 1px solid #0F1628;}
.productTop .blogTitle {line-height: 120px;font-size: 34px; color: #FFF; font-weight: 300; background: #0F1628; padding: 0 40px; margin: 0 0;}
.product-list h1.title {font-size: 18px;font-weight: 300; float:left; color: #333; padding: 0 0; margin: 0 0;line-height: 54px;}
.product-list .selectSort {float:right; margin: 11px 0; color: #333;}
.product-list .selectSort div {float:left; font-size: 16px; font-weight: 500; line-height: 32px; margin-right: 20px;}
.product-list .selectSort select {float:left; width: auto; height: 32px; border: 1px solid #D6D6D6; border-radius:0; box-shadow: none;}
.product-list .price-alt .discount {float:right; font-size: 14px; color: #FFF; background: #CF0302; font-weight: 500; padding: 0 5px; line-height: 20px; margin: 15px 20px 0 0}
.PagerList {float:left; width: 100%; margin: 40px 0; text-align: center; font-size: 14px; font-weight: 300; font-family: "Montserrat", sans-serif;}
.PagerList ul {display: inline-block;}
.PagerList ul li {float:left; list-style: none;}
.PagerList ul li a, .PagerList ul li span{float:left; background: #FAFAFA; color: #A7A7A7; padding: 16px 22px; transition: 0.5s; border: none;}
.PagerList ul li a:hover, .PagerList ul li a.active, .PagerList ul li span, .pagination>.active>span, .pagination>li:last-child>span { background: #F2F2F2 !important; border:none;  color: #A7A7A7 !important;}
.PagerList ul li.first a, .PagerList ul li.last a {background: #5DA533 !important; color: #FFF !important; font-weight: 600;}
.PagerList ul li.first a i, .PagerList ul li.last a i {font-weight: 600;}
.pagination>li>a, .pagination>li>span, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {margin:0 0; border: none; border-radius: 0;}
.pagination>li:last-child>span {border-top-right-radius: 0; border-bottom-right-radius:0;}
#product-product {margin: 80px 0; float:left; width: 100%;}
.productDetail {float:left; width: 100%; background: #FAFAFA; margin-bottom: 40px;}
.productSlider {margin: 15px 0; float:left; width: 100%;}
.productSlider .slider-for {text-align: center; background: #FFF; height: 480px;}
.slick-slide img {max-width: 100%;}
.productSlider .slider-for .slick-slide img {display: inline-block;}
.productSlider .slider-for .slick-slide div {display:table; height: 480px; width: 100%;}
.productSlider .slider-for .slick-slide .table {display:table-cell !important; vertical-align: middle; text-align: center;}
.productSlider .slider-nav {margin-top: 15px;}
.productSlider .slider-nav .slick-list {padding: 0 0 !important;}
/*.productSlider .slider-nav .slick-list .slick-track {padding: 0 0 !important; width: 100% !important;}*/
.productSlider .slider-nav img {width: 60px; margin: 0 0; display: inline-block;}
.productSlider .slider-nav .ThumbImg {padding: 0 4px;}
.productSlider .slider-nav .slick-current .ThumbImg {border:2px solid #004CBC;}
.productSlider .slider-nav .slick-current .ThumbImg img {width: 58px;}
.productLeft {border-right: 1px solid #D6D6D6;}
.productRight {padding: 0px 50px 0 50px; color: #333333; font-family: "Montserrat", sans-serif;}
.productRight h1 {font-size: 27px; font-weight: 500; line-height: 33px; margin:0 0 40px 0;}
.productRight .models {font-size: 14px;}
.productRight .models li{margin-bottom: 10px;}
.productRight .discountPrice {float:left; width: 100%; margin-bottom: 15px;}
.productRight .discountPrice .price {font-size: 22px; color: #CCCCCC; float:left;}
.productRight .discountPrice .amount {float:left; font-size: 16px; font-weight: 500; color: #FFF; background: #CF0302; font-weight: 500; padding: 0 10px; line-height: 25px; margin-left: 20px;}
.productRight .discount h2 {color: #333333; font-size: 34px; font-weight: 700; margin-bottom: 40px;}
.input-quantity {font-size: 16px; font-weight: 500; float:left; width: 100%;}
.productRight .productBasket {display: inline-block; width: 100%;}
.productRight .productBasket .inputButton {float:left; cursor: pointer; width: 30px; background:#A7A7A7; text-align: center; font-size: 0;}
.productRight .productBasket .inputButton i {float:left; font-size: 7px; color: #FFF; line-height: 48px; width: 30px;}
.productRight .productBasket #input-quantity {float:left; width: 50px; height: 48px; font-size: 14px; font-family: "Montserrat", sans-serif; border-radius: 0; box-shadow: none; text-align: center;}
.productRight #button-cart {float: left; width: auto; line-height: 48px; border:none; border-radius: 0; background: #004CBC; padding: 0 30px; text-transform:uppercase; font-size: 12px; font-weight: 500; margin-left: 12px;}
.productRight #button-cart i {margin-right: 5px; font-size: 12px; }
.productRight .property {font-size: 12px; color: #333333; padding: 40px 40px; border-top: 1px solid #CCC; margin-left: -50px; margin-right: -50px;}
.productRight .property div {margin-bottom: 20px;}
.productRight .property i {font-size: 20px; color: #5DA533; margin-right: 20px; vertical-align: middle; display: inline-block;}
.productTabs {display: table; width: 100%; font-family: "Montserrat", sans-serif; margin-top: 15px;}
.productTabs li {list-style: none; display: table-cell; text-align: center;}
.productTabs li a {float:left; width: 100%; line-height: 80px; background: #F2F2F2; font-size: 14px; font-weight: 500; color: #33495F; text-transform: uppercase;}
.productTabs li.active a {background: #5DA533; color: #FFF;}
.productTabContent {float:left; width: 100%; padding: 35px 30px;border: 1px solid #D6D6D6; border-top: 0; font-family: "Montserrat", sans-serif; margin-bottom: 60px;}
.productTabContent .productTabContainer {font-size: 14px; }
.mobileMenu, .mobileFilter, .mobileClose {display: none;}
.hidden-y {overflow-y: hidden;}
.detailList .item.blogItem a .image {padding: 0 0 !important; background: #FFF;}
.detailList .item.blogItem a .title {margin: 15px 0 5px; font-size: 19px; font-weight: 500; background: #FFF;}
.detailList .item.blogItem a .date-add {color: #CCCCCC; font-size: 14px; font-weight: 400; display: block; background: #FFF;}
.detailList .item.blogItem a .short-desc {color: #CCCCCC; font-size: 14px; font-weight: 400; display: block; background: #FFF;}
.detailList .item.blogItem a .detail {color: #004CBC; font-size: 14px; font-weight: 600; line-height: 65px; background:#FCFCFC; padding: 0 30px;}
.blogTop {border-bottom: 1px solid #D6D6D6; padding-bottom: 120px; margin-bottom: 120px; font-family: "Montserrat", sans-serif;}
.blogTopTitle { position: absolute; height: calc(100% - 120px);}
.blogTopTitle .position { position: absolute; top: 50%;  transform: translate(0, -50%); color: #0F1628; font-size: 50px; font-weight: 500; padding: 0 200px 0 60px; font-family: "Montserrat", sans-serif;}
.blogTopTitle .position span {font-size: 16px; font-weight: 400; color: #0F1628; margin-top: 40px; display: block;}
.blogImg img {width: 100%;}
.blogText {color: #333333; font-size: 14px; font-weight: 400; font-family: "Montserrat", sans-serif;}
.blogPagePrev {float: left; width: 100%; margin-top: 80px; text-align: center;}
.blogPagePrev a {display: inline-block; line-height: 48px; background: #004CBC; color: #FFF; font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: 500; padding: 0 50px 0 15px;}
.blogPagePrev a i {margin-right: 40px;}
@media only screen and (max-width: 1200px) {
	.dealList .item .title, .dealList2 .item .title, .detailList .item .title {font-size: 12px; margin: 15px 0; padding: 0 15px;}
	.popularSearch {font-size: 11px;}
	.popularSearch span {margin-left: 5px;}
	#search .input-lg {font-size: 16px;}
	.accountHeader {margin-top: 19px;}
	.detailList .item .price-alt {padding: 0 0 0 15px;}
	.detailList .item .old-price {margin-left: 15px;}
	.productCategory .filter .filterTitle {font-size: 14px;}
	.product-list .price-alt .discount {margin: 15px 15px 0 0; font-size: 12px;}
	.menuContainer >ul >li .dropdown-menu {min-height: initial; padding: 30px 0;}
	.menuContainer .categoryImg {width: 280px;}
	.menuContainer >ul >li .dropdown-menu ul {width: calc(100% - 320px);}
	.menuContainer >ul >li .dropdown-menu a{font-size: 14px;}
	.blogTopTitle .position {padding: 0 30px}
	.accountCnt > a.accountLogins:after {display: none;}
}
@media only screen and (max-width: 1170px) {
	.homeBanner .swiper-slide a:after {display: none;}
}
@media only screen and (max-width: 992px){
	.popularSearch {display: none;}
	#search {margin-top: 10px;}
	.accountHeader {margin:10px 0 15px 0;}
	#cart > .btn {font-size: 10px;}
	.accountCnt a {font-size: 10px;}
	.trendListList {margin-bottom: 15px;}
	.helpMessage .title {font-size: 18px;}
	.todayDeal .tabs ul li a {font-size: 12px;}
	.currentTrend .title, .todayDeal .Ptitle, .productPtitle {font-size: 28px;}
	.productRightContainer {padding-left: 15px;}
	.mobileFilter {display: block; float: right;}
	.productCategory {margin: 30px 0;}
	.filterContainer {position: fixed; top: 0; left:0; z-index: 9; height: 100%; display: none;}
	.filterContainer .filter {position: absolute; top: 0;left:0; height: 100%; width: 100%; overflow-y: auto;}
	.productCategory .filter .filterTitle {font-size: 16px;}
	.mobileFilter {font-size: 16px; line-height: 54px; padding-left: 20px;}
	.mobileClose {display: block; float: right; width: 50px; line-height: 54px; text-align: center;}
	.mobileClose i {font-size: 20px;}
	.product-list .price-alt .discount {margin: 10px 15px 0 0;}
	#product-product {margin: 30px 0;}
	.productSlider .slider-for .slick-slide div, .productSlider .slider-for {height: 390px;}
	#content {padding: 30px 15px 0 15px;}
	.productRight .property {padding:15px 15px; margin-left: -15px; margin-right: -15px;}
	.breadcrumb {margin-top: 30px;}
	.menuContainer >ul >li .dropdown-menu a {padding:0 0 15px 0; font-size: 12px; line-height: 18px;}
	.dealListNew .slick-prev {left: 0;}
	.dealListNew .slick-next {right: 0;}
	.trendListHome .trendListList:last-child .img {padding-left: 15px;}
	.trendListHome .trendListList:last-child .img img {width: 100%;}
	.productTop .blogTitle {line-height: 90px; font-size: 28px; padding: 0 30px;}
	.blogTop {padding-bottom: 30px; margin-bottom: 30px;}
	.blogTopTitle .position {padding: 0 15px; font-size: 24px;}
	.blogTopTitle .position span {font-size: 14px; margin-top: 15px;}
	.accountCnt {margin-left: -15px;}
	.accountCnt > a.accountLogins {padding: 11px 0 11px 30px;}
	.accountCnt > a.accountLogins em {font-size: 8px;}
	.accountCnt > a.accountLogins i {font-size: 20px; left: 8px;}
}
@media only screen and (max-width: 768px){
	header.header {padding-top: 15px;}
	.mobileTp {position: relative;}
	#logo {margin: 0 0; text-align: center;}
	#logo a {float:none;display: inline-block;}
	.mobileMenu {display: block; float:left; width: 30px; height: 20px; position: absolute; top: 25px; right: 15px;}
	.menu {display: none; position: absolute; left: 0; width: 100%; z-index: 99; margin: 0 0; top: 124px;}
	.menuBtn {background: #AAAAAA; height: 3px; float:left; width: 100%;position: relative; cursor: pointer; border-radius: 3px;}
	.menuBtn:before, .menuBtn:after {content:"";position: absolute; top: 6px; width: 100%; height: 3px; background: #AAAAAA; border-radius: 3px;}
	.menuBtn:after {top: 12px}
	.menuContainer >ul >li {float:left; width: 100%; border: none;}
	.menuContainer >ul >li > a:before {display: none;}
	.currentTrend {padding: 30px 15px 0 15px;}
	.currentTrend .title, .todayDeal .Ptitle, .productPtitle {font-size: 22px;}
	.currentTrend .link {font-size: 12px;}
	.trendListList .img {text-align: center;}
	.trendListList .img img {display: inline-block;}
	.mbtHr {margin: 30px 0;}
	.decorationSlide {padding: 0 15px; margin-bottom: 30px;}
	.todayDeal{padding: 30px 0;}
	.todayDeal .tabs {margin: 15px 0;}
	.todayDeal .tabs ul li a {line-height: 50px;}
	.dealList, .dealList2 {padding: 0 15px;}
	.dealList .item .price-alt, .dealList2 .item .price-alt, .detailList .item .price-alt {line-height: 40px;}
	.dealList .slick-dots, .dealList2 .slick-dots {margin-top: 15px;}
	.helpMessage .title, .helpMessage .link, .helpMessage .help{text-align: center;}
	.helpMessage .help a {display: inline-block; float: none}
	.helpMessage .social a {margin: 0 10px;}
	.swiper-button-prev, .swiper-button-next, .dealListNew .slick-prev, .dealListNew .slick-next {padding: 10px 15px !important; margin-top: -16px;}
	.dealListNew .slick-prev, .dealListNew .slick-next {margin-top: 0;}
	#search .input-lg {font-size: 14px; padding: 0 40px 0 15px; height: 35px;}
	#search .searchButton{top: 7px;}
	.dealContainer {overflow: hidden;}
	.trendListHome {margin-top: 15px;}
	.helpMessage {margin: 30px 0 0 0;}
	.copyRight {text-align: center; line-height: 30px; margin: 15px 0;}
	.copyRight + .brand {text-align: center; line-height: initial;}
	.copyRight + .brand img {display: inline-block; margin-top: 0;}
	.detailList .item {width: 50%; float:left;}
	.productCategory {margin: 0px 0 30px 0;}
	.detailList {padding: 15px 0}
	.product-list .productTop {padding: 0 15px;}
	#product-product {margin-top: 15px;}
	.productRight h1 {float: left; width: 100%; text-align: center;}
	.productSlider .slider-nav .ThumbImg img, .productSlider .slider-nav .slick-current .ThumbImg img{width: calc(100% - 2px)}
	.productRight .productPrice {float:left; width: 100%; text-align: center;}
	.productRight .discountPrice {display: inline-block; width: auto; float: none}
	.productRight .discount h2 {float:left; width: 100%; margin-bottom: 15px;  margin-top: 0;}
	.productRight .productBasket {text-align: center;}
	.productRight .productBasket .xs2y {display: inline-block;}
	.input-quantity {text-align: left;}
	.productRight {border-left: 0;}
	.productTabs {padding: 0 15px;}
	.productTabContent {padding: 15px 15px; margin-bottom: 30px;}
	.tabContainer {padding: 0 15px; float:left; width: 100%;}
	.liList {float:left; width: 25%;}
	.dealList .item a .image, .dealList2 .item a .image, .detailList .item a .image {padding: 15px 15px;}
	#product {float:left; width: 100%;}
	.productRight .property {float: left; width: 100%; margin-left: 0; margin-right: 0;}
	.productRight h1{margin-bottom: 15px; margin-top: 0;}
	.breadcrumb {margin-top: 15px; margin-bottom: 15px;}
	#content {padding: 15px 15px 0 15px;}
	.menuContainer >ul >li { border-bottom: 1px solid rgba(0,0,0, 0.2);}
	.menuContainer >ul >li:last-child { border-bottom: none;}
	.menuContainer >ul >li .dropdown-menu {position: relative; padding: 15px 0 0 0;}
	.menuContainer .categoryImg {display: none;}
	.menuContainer >ul >li .dropdown-menu ul {width: 100%;}
	.menuContainer >ul >li .dropdown-menu ul li {width: 100%; padding: 0 15px;}
	.blogTopTitle {position: relative;}
	.blogTopTitle .position {position:static; top: 0; transform: none; margin-bottom: 15px; float: left; width: 100%; padding: 0 0;}
	.blogImg {padding: 0 30px;}
	.blogTop {padding-bottom: 15px; margin-bottom: 15px;}
}
@media only screen and (max-width: 560px) {
	.dealList .item a .image, .dealList2 .item a .image, .detailList .item a .image {padding: 15px 10px;}
	.dealList .item .price-alt, .dealList2 .item .price-alt, .detailList .item .price-alt {padding: 0 0 0 15px}
	.dealList .item .new-price, .dealList2 .item .new-price, .detailList .item .new-price {font-size: 14px;}
	.dealList .item .old-price, .dealList2 .item .old-price, .detailList .item .old-price {margin-left: 10px; font-size: 11px; }
	.decorationSlide .slick-dots {bottom: 10px; right: 15px;}
	.decorationSlide .slick-dots li button, .dealList .slick-dots li button, .dealList2 .slick-dots li button {width: 14px; height: 14px; font-size: 0;}
	.decorationSlide .slick-dots li button:after, .dealList .slick-dots li button:after, .dealList2 .slick-dots li button:after {width: 8px; height: 8px; }
	.todayDeal {padding: 15px 0;}
	.currentTrend .title, .todayDeal .Ptitle, .productPtitle{font-size: 18px;}
	.todayDeal .tabs {padding: 0 15px;}
	.todayDeal .tabs ul li {float: left; width: 100%;}
	.helpMessage {padding: 15px 0;}
	.helpMessage .title {font-size: 16px;}
	.helpMessage .link a {font-size: 12px;}
	.helpMessage .social {padding:10px 0;}
	.helpMessage .social a i {font-size: 16px;}
	.helpMessage .help a {width: 100%;}
	.product-list h1.title {width: 100%;}
	.product-list .selectSort {float:left;}
	.detailList .item {width: 100%;}
	.dealList .item .title, .dealList2 .item .title, .detailList .item .title {padding: 0 15px; min-height: initial;}
	.product-list .selectSort div, .mobileFilter {font-size: 12px; margin-left: 0;}
	.product-list .selectSort select {padding: 6px 0;}
	.productCategory .filter .filterTitle, .filter .categoryFilter .title {font-size: 14px;}
	.checkContainer {font-size: 12px;}
	.accountCnt {line-height: 35px;}
	.product-list h1.title {text-align: center;}
	.productRight {float: left; width: 100%;}
	.productSlider .slider-for .slick-slide div, .productSlider .slider-for {height: 300px;}
	.liList {width: 100%;}
	.productTabs li a {font-size: 12px; line-height: 45px;}
	.productRight h1 {font-size: 22px;}
	.breadcrumb {margin-top: 0px;}
	#content {padding: 0px 15px 0 15px;}
	.productTop .blogTitle {padding: 0 30px; font-size: 24px; text-align: center;}
	.topHeader .lang a.blg {float: right; margin-left: 10px; margin-right: 0;}
}
@media only screen and (max-width: 520px) {
	.topHeader {height: auto; text-align: center;}
	.topHeader .lang {display: inline-block; vertical-align: top;}
	.tpSocial {float: none; display: inline-block;}
	.topHeader .wp {width: 100%; text-align: left;}
}