/* Hero Wrap */
.hero-wrap{float: left; width: 100%}
.hero-back-bg{float: left; width: 100%; min-height: 500px; background-position: 85%;}
.hero-back-bg:before{display: none;}
.hero-content-wrap {float: left; width: 100%;  margin-top: 83px; position: absolute; top: 0; max-width: 555px;}
.hero-content-wrap h1{letter-spacing: -.3px}
.hero-content-wrap .lead{margin-top: 19px;}
.hero-wrap figure {position: absolute; width: 184px; bottom: 21px; left: 50%; transform: translateX(-50%); z-index: 1;}
.hero-btn{float: left; width: 100%; margin-top: 40px;}
/* Hero Wrap */




.product-special-content .mattresses-text-wrap {padding-top: 81px; }

.filter-tab-wrap{float: left; width: 100%; margin-top: 40px;}
.filter-tab-item-wrap{max-width: 700px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; margin: 0 auto;}
.filter-tab-item{float: left; width: 23.83333333333333%; border: solid 1px rgba(165, 172, 198, 0.5); padding-top: 36px;  -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; border-radius: 5px;}

.product-special-content .filter-tab-item{box-shadow: none;}
.filter-tab-item:hover{box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.3); border: 1px solid transparent;}
.product-special-content .filter-tab-active{box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.3); border: 1px solid transparent;}
.filter-tab-item figure{/*max-width: 64px; margin: 0 auto; */ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; padding-bottom: 42px; box-shadow: inset 0 -1px 0 0 rgba(165, 172, 198, 0.5);}
.filter-tab-item img{width: 64px;}
.filter-tab-item h4{font-size: 18px; line-height: 23px; padding: 10px 0;}
.product-special-content .mattresses-category-wrap{padding-top: 46px;}
.product-special-content .mattresses-card-item {width: 23.07017543859649%;}
.product-special-content .mattresses-card-item:nth-child(-n+4){margin-top: 0;}
.product-special-content .mattresses-category-content-wrap{width: 100%;}
.product-special-content .mattresses-category-paggination{margin-top: 46px; }
.product-special-content .filter-wrap h4 {font-size: 20px; line-height: 30px; color: #1e306e; padding-left: 0; width: 100%; cursor: text; }
.product-special-content .filter-wrap h4:before{display: none;}
.product-special-content .mattresses-card-item-wrap{margin-top: 24px;}
.product-special-content .beds-promotion .mattresses-card-item-wrap{margin-top: 24px;}
.product-special-content .beds-promotion, .product-special-content .beds-promotion .mattresses-card-item-wrap{margin-top: 45px;}
.product-special-content .filter-tab-item a{float: left; width: 100%;}
.product-special-content .mattresses-category-accordion-wrap {margin-top: 0;}
.product-special-content .best-value-wrap{margin-top: 4px;}
.product-special-content .mattresses-text-content-wrap .common-wrap {max-width: 790px;}
.product-special-content .mattresses-text-content-wrap{padding-top: 85px;}
.product-special-content .mattresses-text-content-item:nth-child(2){margin-top: 35px;}
.product-special-content .mattresses-text-content-item:nth-child(3) {margin-top: 22px; padding-right: 0;}
.product-special-content .mattresses-text-content-item:nth-child(3) h4{font-size: 16px; line-height: 23px;}
.product-special-content .mattresses-content-list-item{margin-top: 0;}
.product-special-content .category-paggination-count {width: 55%; padding-left: 2%; }
.category-paggination-next a{float: right;}
.category-paggination-next img{right: 0px; }
.category-paggination-next a:after{right: -7px; }
.product-special-content .mattresses-text-content-item:nth-child(2) h4:nth-child(1){display: block;}
.product-special-content .mattresses-text-content-item:nth-child(2) h4:nth-child(2){display: none;}
.product-special-content .mattresses-card-item-wrap{display: block;}
.product-special-content .mattresses-card-item{margin: 40px 1.28654970760234% 0;}
.product-special-content .mattresses-card-item:nth-child(4n+1){margin-left: 0;}
.product-special-content .mattresses-card-item:nth-child(4n+4){margin-right: 0;}
.category-paggination-prev {width: 104px; max-width: 100%;}
.category-paggination-next {width: 82px; max-width: 100%;}


/*call-btn-wrap*/
.call-btn-wrap{width: 176px; height: 46px; position: fixed; bottom: 16px; right: 16px; z-index: 999;}
.call-btn-wrap a{width: 100%; height: 40px; border-radius: 5px; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); background-color: #1e306e; color: #ffffff; font-size: 18px; line-height: 40px; font-family: 'Muli', sans-serif; font-weight: 700px; text-align: center; position: relative;}
.call-btn-wrap span{position: absolute; width: 16px; height: 16px; border-radius: 50%; background-color: #fa556e; border: 2px solid #ffffff; top: -2px; right: -2px;}
/*call-btn-wrap*/

/*call-back-form-wrap-wrap*/
.call-back-form-wrap{max-width: 328px; padding: 20px 20px 30px 20px; border-radius: 5px; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); background-image: -webkit-gradient(linear, right top, left top, from(#d2dfff), to(#fbf6ff)); background-image: -o-linear-gradient(right, #d2dfff, #fbf6ff); background-image: linear-gradient(to left, #d2dfff, #fbf6ff); position: fixed; bottom: 100px; right: 16px; margin-left: 16px; z-index: 999;}
.call-back-form-wrap .close-btn{float: right; width: 24px; height: 25px; clear: both; cursor: pointer;}
.call-back-form-inner{float: left; width: 100%; margin-top: 20px; text-align: center;}
.call-back-form-inner h2{float: left; width: 100%; text-align: center;}
.call-back-form-inner p{float: left; width: 100%; text-align: center; margin-top: 10px;}
.call-back-form{float: left; width: 100%; margin-top: 22px;}
.call-back-form .submit{margin-top: 10px;}
.callback-service-info{float: left; width: 100%; margin-top: 20px;}
.callback-service-info dfn{float: left; width: 100%; text-align: center; font-size: 14px; line-height: 20px; letter-spacing: normal; color: #616e99;}
/*call-back-form-wrap-wrap*/

.product-special-themed.product-special-content .beds-promotion{margin-top: 0;}
.product-special-themed.product-special-content .beds-promotion .mattresses-card-item-wrap{margin-top: 51px;}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
    
    

    /* hero wrap */
    .hero-wrap {}
    .hero-back-bg{min-height: 220px; background-position: 100%; background-size: cover}
    .hero-content-wrap{bottom: 0; top: auto;}
    .hero-back-bg:before {width: 200px;  height: 105px; bottom: -25px;}
    .lunar-bg:after {height: 16px;}
    .comfort-solution{background-image: none !important; margin-top: 71px;}
    .hero-wrap figure {width: 112px; top: 30.6%; bottom: auto;}
    .hero-content-wrap .lead {margin-top: 16px;}
    .hero-content-wrap {text-align: center; max-width: 100%; padding: 0; margin-top: 12px; position: relative;}
    .comfort-solution-video-wrap {width: 100%; min-height: 220px;}
    .product-special-themed.product-special-content .beds-promotion .mattresses-card-item-wrap { margin-top: 12px; }
    .product-special-themed.product-special-content .mattresses-card-item{display: none;}
    .product-special-themed.product-special-content .mattresses-card-item:nth-child(1), .product-special-themed.product-special-content .mattresses-card-item:nth-child(2), .product-special-themed.product-special-content .mattresses-card-item:nth-child(3), .product-special-themed.product-special-content .mattresses-card-item:nth-child(4){display: block;}
    .product-special-themed .sign-up-wrap {padding: 68px 0 57px;}
    /* hero wrap */
    
    .product-special-content .mattresses-text-wrap{padding-top: 30px;}
    .filter-tab-item-wrap.desk{display: none;}
    .selectric-items li{text-align: left;}
    .product-special-content .mattresses-category-wrap .common-wrap { padding: 0 16px; }
    .product-special-content .mattresses-category-accordion-heading{padding: 0}
    .mattresses-category-content-wrap{position: absolute; left: 0; top: 0; bottom: 0; width: 100%; opacity: 0; visibility: hidden;}
    .filter-item-active.mattresses-category-content-wrap {opacity: 1; visibility: visible; position: relative; left: auto; top: auto;}
    p.label .ico-filter-tab1{background-image: url(../svgs/faqs/mattresses.svg);width: 24px; height: 24px; position: absolute; background-size: 24px 24px; background-repeat: no-repeat; left: 16px; top: 13px;}
    p.label .ico-filter-tab2{background-image: url(../svgs/64-beds.svg);width: 24px; height: 24px; position: absolute; background-size: 24px 24px; background-repeat: no-repeat; left: 16px; top: 13px;}
    .product-special-content .mattresses-card-item{width: 100%; margin: 23px 0 0}
    .product-special-content .mattresses-card-item:nth-child(-n+4) {margin-top: 23px;}
    .product-special-content .mattresses-card-item-wrap {margin-top: 12px;}
    .filter-wrap{display: none;}
    .best-value-wrap {float: none; margin: 0 auto;}
    .product-special-content .beds-promotion{margin-top: 0;}
    .product-special-content .beds-promotion .mattresses-card-item-wrap{margin-top: 24px;}
    .filter-checkbox-selectric .selectric p.label{color: #1e306e; font-weight: 700; padding-left: 32px;}
    .product-special-content .mattresses-text-wrap .common-wrap{padding: 0 16px;}
    .filter-tab-wrap{margin-top: 0;}
    .product-special-content .mattresses-category-wrap { padding-top: 22px; }
    
    .filter-checkbox-selectric .selectric:after {width: 26px;}
    .product-special-content .best-value-wrap {margin-top: 31px;}
    .product-special-content .mattresses-category-paggination {padding: 0 8px; }
    .product-special-content .mattresses-category-paggination {margin-top: 32px;}
    .product-special-content .mattresses-text-content-wrap {padding-top: 65px;}
    .product-special-content .mattresses-text-content-item {margin-top: 23px;}
    .product-special-content .mattresses-text-content-item:nth-child(2){margin-top: 25px;}
    .product-special-content .mattresses-text-content-item:nth-child(2) h4:nth-child(1){display: none;}
    .product-special-content .mattresses-text-content-item:nth-child(2) h4:nth-child(2){display: block;}
    .product-special-content .mattresses-text-content-item  h4{display: block; font-size: 18px; line-height: 28px;}
    .product-special-content .mattresses-text-content-item:nth-child(3){margin-top: 17px;}
    .product-special-content .mattresses-content-list-item ul li { margin-top: 11px; }
    .product-special-content .beds-promotion .mattresses-card-item-wrap {margin-top: 12px;}
    .category-paggination-prev {width: 28px;}
    .category-paggination-next {width: 28px;}
    
}
 

@media only screen and (min-width: 768px) and (max-width: 991px) {
    input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
    
    
    
    .product-special-content .mattresses-text-wrap{padding-top: 0;}
    .filter-tab-wrap{margin-top: 20px;}
    .product-special-content .mattresses-card-item {width: 32%;}
    .product-special-content .mattresses-card-item:nth-child(-n+4) {margin-top: 40px;}
    .product-special-content .mattresses-card-item:nth-child(-n+3) {margin-top: 0;}
    .product-special-content .mattresses-card-item-wrap{display: block;}
    .product-special-content .mattresses-card-item{margin: 40px 1% 0;}
    .product-special-content .mattresses-card-item:nth-child(3n+1){margin-left: 0;}
    .product-special-content .mattresses-card-item:nth-child(3n+3){margin-right: 0;}
    .product-special-content .mattresses-card-item:nth-child(4n+4) {margin-right: 2%;}
}