@media screen and (max-width: 1600px) {
    .featured-products .info .info-keeper {
        padding: 0 15px 0 125px;
        text-align: right;
    }

    .top-saled-products .info .info-keeper {
        padding: 0 150px 0 15px;
        text-align: left;
    }
}

@media screen and (max-width: 1366px) {
    .site-logo img {
        width: 100%;
        height: auto;
    }

    .testim-item .holder {
        border-width: 12px;
    }

    #slider .slider-content .bck-overlay h1 {
        font-size: 75px;
        line-height: 100px;
    }
    .products-all > .attributes-title {
        margin-left: 20px;
    }
    #price-range-output {
        margin-left: 20px;
    }

}

@media screen and (max-width: 1400px) {
    .info .info-keeper h2 {
        font-size: 40px;
        line-height: 55px;
    }

    #promo-mattress .promo-left {
        padding: 0 15px;
    }

    #promo-mattress .promo-left > img {
        width: 40%;
        margin: 50px -15px 0 50px;
    }

    .contact-container .contact-addres-map {
        padding-left: 25px;
    }

    .site-logo {
        width: 200px !important;
    }
}

@media screen and (max-width: 1300px) {
    .item.products-all {
        width: 45%;
    }

    
}

@media screen and (max-width: 1225px) {
    #main-menu .menu ul li {
        margin-left: 20px;
    }
    .blog-clear .products-all:nth-child(2n+1) {
        clear: left;
    }
}

@media screen and (max-width: 1100px) {
    .info .info-keeper h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .site-logo{
        max-width: 320px;
    }

    #main-menu .menu ul li {
        margin-left: 13px;
    }

    .site-logo {
        width: 100% !important;
        text-align: center;
        margin: 20px auto 0 auto;
        display: inline-block;
        max-width:100%;
    }

    #main-menu .menu ul li a{
        font-size:15px;
    }
    
    #main-menu .menu {
        float: right;
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 1000px) {
    .menu-container{
        padding: 0 10px;
        display: block;
    }

    #mattress-support .support-item .supp-icon, #mattress-support .support-item .supp-text {
        float: none;
        display: inline-block;
    }

    .support-item, #mattress-support .support-item .supp-text h5, #mattress-support .support-item .supp-text h6{
        text-align:center;
    }

    
}

@media screen and (max-width: 960px) {
    .mobile-menu-container {
        display: block;
        position: fixed;
        top: 55px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 200;
        background-color: #1d1d1d;
        border-top: 1px solid #fff;
        -webkit-transform: translateX(-100%) !important;
        -moz-transform: translateX(-100%) !important;
        -ms-transform: translateX(-100%) !important;
        transform: translateX(-100%) !important;
    }

    .mobile-menu-button {
        display: block;
    }

    .slider-full-height .slider-content {
        height: 100%;
    }

    .slider-full-height .slick-list {
        height: 100%;
    }

    .slider-full-height .slick-track {
        height: 100%;
    }

    #slider.slider-full-height .slide {
        height: 100% !important;
    }

    .slider-full-height .slick-dots {
        bottom: 15px !important;
        padding-right: 22% !important;
    }

    #arrivals .items-container .item {
        width: 100%;
        max-width: 300px;
        float: none;
        padding: 5px;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .main-blog-holder .items-container #all-products-holder .blog-clear {
        max-width: 100%;
    }

   
    /*#featured-products .items-container .item {
        max-width: 300px;
        min-width: 300px;
    }*/

    .mat-selector-container h2 {
        font-size: 40px;
        line-height: 60px;
    }

    .selection-choices .sn1 div {
        margin: 0 10px;
        width: 125px;
    }

    #featured-products {
        height: auto !important;
        margin-top: 50px !important;
    }

    .featured-container {
        height: auto !important;
        width: auto !important;
        display: -webkit-box;
        -webkit-display: flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -webkit-box-direction: reverse;
        -webkit-box-orient: vertical;
        flex-direction: column-reverse;
    }

    .featured-container .info .top-left-triangle {
        border-top-width: 230px;
        border-right-width: 100px;
        border-left-width: 100px;
    }

    .featured-container .holder {
        width: 100%;
        float: none;
        margin-top: 50px;
    }

    .featured-container .info {
        height: 230px;
        width: 100%;
        float: none;
    }

    .featured-products .info .info-keeper {
        padding: 0 15px 0 75px;
    }

    .top-saled-products .info .info-keeper {
        padding: 0 75px 0 15px;
    }

    .featured-container .items-container .item > div {
        width: 300px;
        margin: 0 auto;
    }

    #featured-products .info .slider-controls div {
        -webkit-transform: skew(-26deg);
        -moz-transform: skew(-26deg);
        -ms-transform: skew(-26deg);
        -o-transform: skew(-26deg);
    }

    .featured-products .info .slider-controls div span {
        display: block;
        -webkit-transform: skew(26deg);
        -moz-transform: skew(26deg);
        -ms-transform: skew(26deg);
        -o-transform: skew(26deg);
    }

    .top-saled-products .info .slider-controls div {
        display: table-cell;
        -webkit-transform: skew(26deg) !important;
        -moz-transform: skew(26deg) !important;
        -ms-transform: skew(26deg) !important;
        -o-transform: skew(26deg) !important;
    }

    .top-saled-products .info .slider-controls div span {
        display: block;
        -webkit-transform: skew(-26deg);
        -moz-transform: skew(-26deg);
        -ms-transform: skew(-26deg);
        -o-transform: skew(-26deg);
    }

    #promo-mattress {
        margin-top: 50px;
    }

    #promo-mattress .promo-left h1 {
        text-align: center;
        font-size: 45px;
        line-height: 55px;
    }

    #mattress-support {
        margin: 35px 0;
    }

    #mattress-support .support-item {
        display: block;
        width: 420px;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    #slider .slider-content .bck-overlay h3 {
        margin-top: 0;
    }

    #footer {
        padding: 25px 15px;
    }

    #footer .footer-container div {
        padding: 0;
        float: none;
        width: 100%;
        text-align: center;
    }

    .footer-container .footer-sub form {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        margin-top: 10px;
    }

    /* Products Page Styles */
    #breadcrumbs {
        padding-top: 55px;
    }

    .breadcrumbs h5 {
        padding: 35px 0;
    }

    .product-visual .prime-img {
        margin: 0 auto;
    }

    .product-holder .product-visual,
    .product-holder .product-info {
        width: 100%;
        float: none;
    }

    .product-holder .product-visual {
        margin-bottom: 25px;
    }

    .product-info h1 {
        text-align: center;
    }

    .product-info h6 {
        text-align: center;
        margin-bottom: 25px;
    }

    .product-info .horizontal-line {
        width: 75%;
        margin: 0 auto 30px;
    }

    .product-options {
        text-align: center;
    }

    .product-price {
        flex-direction: column;
        -webkit-box-orient: vertical;
        align-items: center;
        -webkit-box-align: center;
        justify-content: center;
        -webkit-box-pack: center;
    }

    .product-price div {
        margin: 0 0 15px 0;
        text-align: center;
    }

    /* Featured Products Arrows Style */
    .featured-products .holder,
    .top-saled-products .holder {
        position: relative;
    }

    .featured-products .holder .slider-controls > div,
    .top-saled-products .holder .slider-controls > div {
        position: absolute;
        width: 40px;
        height: 40px;
        text-align: center;
        font-size: 30px;
        line-height: 40px;
        font-family: 'Quatro Cento Sans Regular';
        cursor: pointer;
        background-color: #111;
        color: #fff;
    }

    .featured-products .holder .slider-controls .prev,
    .top-saled-products .holder .slider-controls .prev {
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .featured-products .holder .slider-controls .next,
    .top-saled-products .holder .slider-controls .next {
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .product-visual .vice-imgs {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .vice-imgs .vice-item {
        max-width: 175px;
    }

    /* Contact Page Style */
    .contact-container .contact-info-form,
    .contact-container .contact-addres-map {
        width: 100%;
        float: none;
    }

    .contact-container .contact-info-form {
        padding-right: 0;
    }

    .contact-container .contact-addres-map {
        padding-left: 0;
    }

    .the-contact-form form > div:last-child {
        -webkit-box-orient: vertical;
        flex-direction: column;
        align-items: flex-start;
        -webkit-box-align: start;
    }

    .the-contact-form .form-row:last-child button {
        margin: 0 auto;
        margin-top: 15px;
    }

    #add_to_wishlist {
        margin-left: 0;
        margin-top: 10px;
    }

    .menu-search {
        width: auto !important;
        max-width: 300px;
        font-family: 'Brandon Grotesque Regular';
    }

    .testim-item .holder {
        border-width: 5px;
    }

    .testim-f .description .dark-background, .testim-f .description .grey-background {
        margin-left: -2%;
    }
    #arrivals {
        padding: 90px 0 0;
    }

    .arrivals-container h2 {
        font-size: 45px;
    }

    #slider .slider-content .bck-overlay h1 {
        font-family: 'Montserrat Bold';
        font-size: 60px;
        text-transform: uppercase;
        line-height: 75px;
        margin-bottom: 25px;
    }
    #price-range {
        width: 90%;
        margin: 0 auto;
    }
    #price-range-output {
        text-align: center;
        margin-top: 25px;
        margin-left: 0;
    }

    .menu-active #main-menu .menu {
        float: none;
        display: inline-block;
        width: 100%;
        margin:0px 0px 20px 0;
    }

    #main-menu .menu ul.dropdown{
        background: #fb2724;    
    }

    .menu li a span.drop-icon, .menu li a span.mobile-drop-icon, .dropdown-sub{
        display:none !important;
    }

    .menu-active #user-menu ul li a:hover, .menu-active #main-menu .menu ul li a:hover{
        background: #fb2724 !important;
        color:#fff !important;   
        border-color:#fb2724 !important;
    }

    .menu-active .menu li a span.mobile-drop-icon{
        opacity:0;
    }

    .menu-active ul {
        width: 340px !important;
    }

    #main-menu .menu{
        text-align:left !important;
    }

    .menu-opened{
        padding-bottom: 0px;
    }

    .dropdown-sub{
        display:none;
        opacity:0;
    }

}

@media screen and (max-width: 800px) {
    #slider .slick-dots {
        bottom: -20px !important;
        padding-right: 0% !important;
        text-align: center !important;
    }

    #social .social-links {
        padding: 0;
    }

    #social .social-links h3 {
        display: block;
        margin-right: 0;
    }

    #arrivals .items-container .item.blog-first-post {
        margin-top: 60px;
    }

    #arrivals .items-container .item.blog-second-post {
        margin-top: 60px;
    }
}
@media screen and (max-width: 768px) {
    #arrivals {
        padding: 50px 0;
    }
    html body.home div.wrapper div#arrivals.main-blog-holder div.arrivals-container div.items-container.clear-fix div#all-products-holder.all-products div.item.products-all.blog-clear

    #arrivals .items-container .item.blog-first-post
    {
        margin-top: 60px;
    }

    .story-left, .story-right{
        text-align:center;
    }
    
}
@media screen and (max-width: 600px) {

    .categories-list{
        margin-top:36px;
    }
    .the-contact-form .double {
        -webkit-box-orient: vertical;
        flex-direction: column;
    }

    .the-contact-form .form-row.half.right {
        margin-left: 0;
    }

    .the-contact-form .form-row.half.left {
        margin-right: 0;
    }

    #totals {
        max-width: none;
    }

    #totals dt {
        text-align: left;
    }

    .btn.totals {
        width: auto;
        float: none;
        margin: 0 auto;
    }

    .footer-container .footer-sub form input,
    .footer-container .footer-sub form button {
        height: 40px;
    }

    .testim-f .description {
        padding: 30px;
    }

    .testim-f .description .dark-background, .testim-f .description .grey-background {
        margin-left: -1%;
    }

    .about-us-content, .custom-mattress-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .custom-mattress-list {
        width: 100%;
    }

    #arrivals .items-container .item.blog-first-post {
        margin-top: 60px;
    }

    #arrivals .items-container .item.blog-second-post {
        margin-top: 0;
    }

    .subcategories-list{
        display:none;
    }

    .categories-list li {
        padding: 20px 15px;
    }
}

@media screen and (max-width: 576px) {
    .listed-product-img-wrap{
        height:auto;
    }

    .listed-product img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 500px) {
    #mattress-support .support-item {
        width: 300px;
    }

    #mattress-support .support-item .supp-icon {
        width: 60px;
        height: 60px;
    }

    #mattress-support .support-item .supp-text {
        margin: 5px 0;
        padding-left: 10px;
    }

    #mattress-support .support-item .supp-text h5 {
        font-size: 14px;
        line-height: 25px;
    }

    #mattress-support .support-item .supp-text h6 {
        font-size: 14px;
        line-height: 25px;
    }

    #promo-mattress .promo-left a {
        min-width: auto;
        max-width: 250px;
        height: auto;
        margin: 0 auto;
        margin-top: 25px;
        text-align: center;
        text-decoration: none;
    }

    #promo-mattress .youtube-video-link img {
        float: none;
    }

    #promo-mattress .youtube-video-link > div {
        float: none;
        padding: 0;
    }

    #slider .slider-content .bck-overlay h1 {
        font-size: 45px;
        line-height: 60px;
        margin: 25px 0;
    }

    #social {
        height: 124px;
    }

    #social .social-links ul li {
        width: 40px;
        height: 40px;
    }

    .selection-choices .sn1 div {
        width: 55px;
    }

    #mattress-selector img {
        height: 50px;
    }

    .selection-choices .sn1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        flex-direction: row;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .product-options .options-item {
        display: block;
        margin: 0 0 35px 0;
    }

    .product-options .options-item:last-child {
        display: inline-block;
    }

    /*.product-options .options-item:last-child > div {
        margin-left: -35px;
    }*/

    /*.input-ctrl {
        left: 51px;
    }*/

    .login-register .form-row {
        -webkit-box-orient: vertical;
        /*flex-direction: column;*/
    }

    .contact-info {
        -webkit-box-orient: vertical;
        flex-direction: column;
    }

    .contact-info .half {
        width: 100%;
    }

    .menu-search {
        position: absolute;
        height: 50px;
        top: 55px;
        right: 0;
        margin: 0;
        padding: 8px;
        /*background-color: #111;
        border-top: 1px solid #fff;*/
    }

    .menu-search .above-btn {
        position: absolute;
        height: 100%;
        width: 42px;
        top: 0;
        right: 0;
        cursor: pointer;
    }

    .menu-search.opened .above-btn {
        z-index: -1;
    }

    .menu-search button {
        width: 42px;
        height: 100%;
    }

    .menu-search input {
        width: 0;
        padding: 0;
        box-shadow: 1px 0px 5px 0px gray;
    }

    .menu-search.closed input {
        width: 0;
        padding: 0;
    }

    .menu-search.closed.ready input {
        width: 0;
        padding: 0;
        transition: 1s ease all;
    }

    .menu-search.opened input {
        width: 150px;
        padding: 7px;
        transition: 1s ease all;
    }

    /* .menu-search input:hover {
        width: 150px;
        animation-name: example;
        animation-duration: 1s;
    }*/

    .menu-active ul {
        width: auto !important;
    }

    #mattress-support .support-item {
        width: 100%;
        padding: 10px;
    }

    #mattress-support .support-item .supp-icon,
    #mattress-support .support-item .supp-text {
        float: none;
    }

    #mattress-support .support-item .supp-icon {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    #mattress-support .support-item .supp-text {
        padding-left: 0;
    }

    #mattress-support .support-item .supp-text h5,
    #mattress-support .support-item .supp-text h6 {
        text-align: center;
    }
    #arrivals {
        padding: 0 0;
    }

    #arrivals .items-container .item.blog-first-post {
        margin-top: 80px;
    }

    #mattress-support .support-item .supp-text {
        width:100%;
    }
}

@media screen and (max-width: 400px) {

    .the-contact-form .form-row.text {
        align-items: inherit;
        -webkit-box-align: inherit;
    }

    .the-contact-form .form-row.confirmation > span {
        text-align: center !important;
        margin-top: 15px;
    }

    .the-contact-form .form-row {
        -webkit-box-orient: vertical;
        flex-direction: column;
        align-items: inherit;
        -webkit-box-align: inherit;
        margin-bottom: 15px;
    }

    #arrivals .items-container .item.blog-first-post {
        margin-top: 60px;
    }

    #arrivals .items-container .item.blog-second-post {
        margin-top: 0;
    }
}

@media screen and (max-width: 350px) {
    .arrivals-container h2 {
        font-size: 45px;
        line-height: 50px;
    }

    .items-container .item {
        min-width: 250px;
    }

    .mat-selector-container h2 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 10px;
    }

    .selection-choices {
        margin: 50px 0;
    }

    .featured-container .items-container .item > div {
        width: 100%;
        margin: 0 auto;
    }

    .featured-container .holder .item .img-plus-price .price {
        right: -30px;
    }

    .info .info-keeper h2 {
        font-size: 25px;
        line-height: 30px;
    }

    #promo-mattress .promo-left h1 {
        font-size: 40px;
        line-height: 45px;
    }

    #promo-mattress .promo-left > img {
        width: 60%;
    }

    #arrivals .items-container .item.blog-first-post {
        margin-top: 60px;
    }

    /*#mattress-support .support-item {
        width: 100%;
        padding: 10px;
    }

    #mattress-support .support-item .supp-icon,
    #mattress-support .support-item .supp-text {
        float: none;
    }

    #mattress-support .support-item .supp-icon {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    #mattress-support .support-item .supp-text {
        padding-left: 0;
    }

    #mattress-support .support-item .supp-text h5,
    #mattress-support .support-item .supp-text h6 {
        text-align: center;
    }*/

    /*.top-saled-products .info .info-keeper {
        padding: 0 130px 0 15px;
    }*/

    #social .social-links ul li {
        margin-right: 5px;
    }
}

@media screen and (max-width: 500px) and (max-height: 700px) {
    .menu-active #user-menu ul li a,
    .menu-active #main-menu .menu ul li a, .menu-active #main-menu .menu ul li ul li a {
        font-size: 18px !important;
        line-height: 25px !important;
        padding-top:0px !important;
        padding-bottom:0px !important;
    }

    /*.mobile-menu-container.menu-active {
        display: block !important;
    }*/

    .menu-active #main-menu .menu {
        margin-top: 25px;
    }
}

@media screen and (max-width: 960px) and (max-height: 500px) {
    .menu-active #user-menu ul li a,
    .menu-active #main-menu .menu ul li a {
        font-size: 18px;
        line-height: 25px;
    }

    .menu-active #main-menu .menu {
        margin-top: 25px;
    }
    .mobile-menu-container.menu-active {
        display: block;
    }
}

@media screen and (max-width: 770px){
    .checkout-user-form .form-row .col-sm-6{
        width: 100%;
        clear: both;
    }
    
    .checkout-user-form .control-label{
        padding: 15px;
    }
}