@charset "UTF-8";
/* Fonts */
@font-face {
    font-family: 'bodoni-book';
    src: url("../fonts/Bodoni72-Book.otf"),
    url("../fonts/Bodoni72-Book.woff") format("woff"),
    url("../fonts/Bodoni72-Book.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bodoni-bold';
    src: url("../fonts/BodoniSevITC-Bold.otf"),
    url("../fonts/BodoniSevITC-Bold.woff") format("woff"),
    url("../fonts/BodoniSevITC-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
#co-payment-form-update dt input {
    margin-top: 4px;
    display: inline;
}
.amasty-scheckout-login-messagebox {
    margin-bottom: 15px;
    color: red;
}
.amasty-scheckout-login-messagebox .messages li li {
    /*background-color: transparent;*/
}
.checkout-onepage-index ul.amasty-payment-detect:nth-child(2) {
    display: none;
}
.homepage-slider .owl-carousel .owl-nav .owl-prev,
.homepage-slider .owl-carousel .owl-nav .owl-next {
    padding: 0;
}
.bottomHeader {
    margin-top: 35px !important;
    padding-top: 0px !important;
    margin-bottom: 40px !important;
}
.bottomHeader .searchBox {
    display: inline-block !important;
    float: right;
    width: 100%;
}
.bottomHeader .searchBox #search {
    border: 1px solid #060606;
}
.bottomHeader .searchBox button {
    color: #060606;
    font-size: 16px;
    font-weight: 700;
}
.homepage-slider .slider-title {
    width: 100%;
    text-align: left;
    border-bottom: 2px solid #efefef;
    line-height: 0.01em;
    margin: 12px 0 0px;
    font-size: 20px;
    margin-bottom: 20px;
}
.homepage-slider .slider-title span {
    background-color: white;
}
.topHeader {
    background-color: #000000 !important;
    font-family: 'bodoni-book', sans-serif;
}
.header-top-left-text {
    color: white;
    font-family: 'bodoni-book', sans-serif;
    font-size: 18px;
    margin-left:0px;
}
.servicePanel .accountItemsList li a {
    font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
}
.bottomHeader .searchBox #search button span {
    font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
}
.mainNav a {
    font-weight: 400;
    font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
}
.homepage-slider,
.homepage-slider2 {
    position: relative;
    overflow: hidden;
    margin-bottom: 80px;
}
.dfd-nav {
    width: 100%;
    display: inline-block;
}
.dfd-nav nav {
    width: 100%;
}
.dfd-nav .mainNav {
    border-top: 1px solid #0d090b;
    text-align: center;
    border-bottom: 1px solid #0d090b;
    padding: 4px 0px;
}
.dfd-nav .mainNav > li {
    display: inline-block;
    float: none;
    font-weight: bold;
    margin-left: 60px;
}
.topFooter {
    background-color: white !important;
    padding: 25px 0 !important;
}
footer {
    margin-top: 30px !important;
}
.footerNav-dfd  .navGroup {
    width: 25%;
    float: left;
}
.footerNav-dfd .navGroup h3 {
    font-family: 'bodoni-book', sans-serif;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #040404;
    letter-spacing: 0.5px;
    font-size: 14px;
}
.footerNav-dfd  .navGroup ul li a {
    font-family: 'bodoni-book', sans-serif;
    color: #040404;
    letter-spacing: 0.5px;
    font-size: 14px;
}
#homepage-about {
    margin-top: 30px;
    margin-bottom: 40px;
}
#homepage-icons {
    display: inline-block;
    margin-top: 80px;
    width: 100%;
}
#homepage-icons .icon-item {
    display: inline-block;
    float: left;
    vertical-align: bottom;
    width: 33.3%;
    text-align: center;
}
#homepage-icons .icon-item:nth-child(1) {

}
#homepage-icons .icon-item:nth-child(2) {

}
#homepage-icons .icon-item:nth-child(3) {

}
#homepage-icons .icon-item img {
    height: 100px;
    vertical-align: bottom;
}
.signUp-dfd {
    width: 100%;
    background-color: #faeef0;
    padding: 20px 8%;
}
.signUp-dfd p.txt {
    width: 60%;
    display: inline-block;
    float: left;
    font-size: 16px;
    color: #040404;
    line-height: 40px;
    font-family: 'bodoni-book', sans-serif;
    letter-spacing: 0.5px;
}
.signUp-dfd p.txt span {
    font-weight: bold;
    font-style: italic;
    font-family: 'bodoni-bold', 'bodoni-book', sans-serif;
}
.signUp-dfd .formBody {
    display: inline-block;
    width: 40%;
    float: right;
    position: relative;
}
.signUp-dfd .formBody input[type=email] {
    padding-right: 45px;
    width: 100%;
    border-radius: 0;
    border: 1px solid #040404;
    font-size: 20px;
    font-family: 'bodoni-book', sans-serif;
    font-weight: 100;
}
.signUp-dfd .formBody button {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    box-shadow: none;
    border: none;
    color: #040404;
    font-size: 32px;
    width: 47px;
    letter-spacing: 2px;
    line-height: 42px;
}
.cms-index-index .newsletter-block {
    margin-top: 80px;
}
.signUp-dfd ::-webkit-input-placeholder {
    text-align:right;
    color: #040404 !important;
    opacity: 1 !important;
}
.signUp-dfd input:-moz-placeholder {
    text-align:right;
    color: #040404 !important;
    opacity: 1 !important;
}
.signUp-dfd ::placeholder {
    text-align:right;
    color: #040404 !important;
    opacity: 1 !important;
}
.logo1.logo-dfd img {
    max-width: 250px !important;
    margin-top: 0px;
    margin-bottom: 0px;
}
.servicePanel .accountItemsList {
    text-transform: uppercase;
}
.servicePanel .accountItemsList li + li::before {
    content: "|";
    margin: 0 4px;
}
#performance-fabrics-block .performance-fabrics-left {
    color: #3e3510;
    text-align: center;
    padding-top: 7%;
}
#performance-fabrics-block .performance-fabrics-left p {
    font-family: 'bodoni-book', sans-serif;
    color: #3e3510;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 18px;
    font-weight: 500;
}
#performance-fabrics-block .performance-fabrics-left a {
    background-color: #000000;
    border: 1px solid #000000;
    color: white;
    text-align: center;
    padding: 6px 20px;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    font-family: 'bodoni-book', sans-serif;
}
#performance-fabrics-block .performance-fabrics-left a:hover {
    background-color: transparent;
    color: black;
}
#performance-fabrics-block .performance-fabrics-left a span {
    font-size: 18px;
    padding-left: 8px;
}
#performance-fabrics-block .performance-fabrics-right img {
    width: 100%;
}
.homepage-top-block {
    margin-bottom: 60px;
}
.homepage-top-block p.title {
    font-family: 'bodoni-book', sans-serif;
    background-color: #3c4854;
    text-align: center;
    color: white;
    margin-bottom: 25px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: 0.5px;
}
.homepage-top-block img:hover,
.homepage-design-guide img:hover {
    filter: brightness(110%);
}
.homepage-design-guide .homepage-design-guide-block img {
    width: 100%;
}
.homepage-design-guide .homepage-design-guide-block {
    text-align: center;
}
.homepage-top-block .homepage-design-subblock img {
    width: 100%;
    height: 290px;
}
.banners a:hover img {
    -webkit-filter: brightness(105%);
    filter: brightness(105%);
}
.homepage-top-block .homepage-design-subblock {
    padding: 0 15px;
    display: inline-block;
    float: left;
}
.homepage-top-block .homepage-design-subblock-1 {
    width: 33%;
}
.homepage-top-block .homepage-design-subblock-2 {
    width: 38%;
}
.homepage-top-block .homepage-design-subblock-3 {
    width: 29%;
}
.homepage-design h3 {
    font-family: 'bodoni-book', sans-serif;
    color: #030303;
    font-size: 22px;
    margin-bottom: 20px;
}
.homepage-design-guide {
    margin-top: 45px;
}

.homepage-design-guide .homepage-design-subblock {
    text-align: center;
}
.homepage-design-guide .homepage-design-subblock span {
    font-family: 'bodoni-book';
    color: black;
    font-size: 20px;
}
.homepage-design-guide .homepage-design-subblock img {
    width: 100%;
    padding: 10px 12%;
    height: 290px;
}
.homepage-design-guide .homepage-design-subblock p {
    color: black;
    font-size: 14px;
}
.homepage-design h3 {
    width: 100%;
    border-bottom: 1px solid #8a8a8a;
    margin-bottom: 30px;
    line-height: 16px;
}
.homepage-design h3 span {
    background: #fff;
    padding-right: 30px;
    text-transform: lowercase;
    font-family: 'bodoni-book', sans-serif;
}
.homepage-design.homepage-about h3 span {
    font-style: italic;
}
.homepage-design-guide .homepage-design-subblock .title {
    text-transform: uppercase;
}
.homepage-about.homepage-design {
    margin-top: 60px;
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
}
.homepage-about.homepage-design p {
    color: #060606;
    font-size: 16px;
    padding-left: 7%;
    font-family: 'bodoni-book', sans-serif;
}
.homepage-bottom-block {
    margin-top: 100px;
    display: inline-block;
    width: 100%;
}
.homepage-bottom-block .homepage-bottom-subblock {
    float: left;
    height: 210px;
    display: block;
    padding: 0 8px;
    position: relative;
}
.homepage-bottom-block .homepage-bottom-subblock .img-description {
    color: #fefefe;
    text-decoration: underline;
    text-transform: uppercase;
    font-family: 'bodoni-bold', sans-serif;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s, visibility .2s;
    transform: translate(-50%, -50%);
    text-align: center;
}
.homepage-bottom-block .homepage-bottom-subblock:hover .img-description {
    visibility: visible;
    opacity: 1;
}
.homepage-bottom-block .homepage-bottom-subblock:hover img {
    filter: brightness(60%);
}
.homepage-bottom-block .homepage-bottom-subblock-1 {
    padding-left: 0;
    width: 30%;
}
.homepage-bottom-block .homepage-bottom-subblock-2 {
    width: 20%;
}
.homepage-bottom-block .homepage-bottom-subblock-3 {
    width: 25%;
}
.homepage-bottom-block .homepage-bottom-subblock-4 {
    width: 25%;
    padding-right: 0;
}
.homepage-bottom-block .homepage-bottom-subblock img {
    height: 100%;
    width: 100%;
}
.homepage-search-by-container .homepage-slider .swiper-slide span {
    text-align: center;
    background-color: #e9eaed;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'bodoni-book', sans-serif;
    width: 100%;
    display: inline-block;
    color: #060606;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: inline-block;
}
.homepage-search-by-container .homepage-slider .swiper-slide img,
.homepage-search-by-container .homepage-slider2 .swiper-slide img {
    width: 100%;
}
.homepage-search-by-container #swiper-button-next-color,
.homepage-search-by-container #swiper-button-prev-color {
    display: none;
}
.homepage-search-by-container .homepage-slider-style .swiper-slide span {
    font-family: 'bodoni-book', sans-serif;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    color: black;
    font-size: 16px;
    letter-spacing: 0.5px;
}
.homepage-search-by-container .homepage-slider-style .swiper-slide p {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-family: 'bodoni-book', sans-serif;
    color: black;
    font-size: 18px;
}
.swiper-button-next, .swiper-button-prev {
    top: 60% !important;
}
.swiper-button-next {
    right: 0 !important;
}
.swiper-button-prev {
    left: 0 !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
    color: black;
    font-size: 30px !important;
    font-weight: bold !important;
}
.swiper-custom-container {
    width: 94%;
    margin: 0 auto;
}
.dfd-cms {
    color: #040404;
    font-size: 14px;
}
.dfd-cms strong {
    font-size: 16px;
}
.dfd-cms ul.custom-ul {
    list-style-type: disc;
    margin-left: 4%;
}
.dfd-cms ul.custom-ul li {
    margin-bottom: 10px;
}
.dfd-cms span.red-txt,
.dfd-cms span.red-txt a {
    color: #8f3501;
}
.cart-totals .checkout-types .btn-checkout {
    background-color: #f91082 !important;
    border: 2px solid #f91082 !important;
}
.cart-totals .checkout-types .btn-checkout:hover {
    color: #f91082 !important;
    background-color: transparent !important;
}
.cart .button {
    background-color: #f91082 !important;
}
.amscheckout-header .lane {
    color: black !important;
}
.amscheckout-img {
    background-color: #f91082 !important;
}
.checkout-onepage-index #checkout-review-table tfoot tr strong {
    color: #f91082 !important;
}
.checkout-onepage-index .amscheckout-submit span {
    background-color: #f91082 !important;
}
.checkout-onepage-index .amscheckout-submit:hover span {
    background-color: #f91082 !important;
}
.customer-account .block-title strong {
    color: #f91082;
}
.customer-account .block-account li strong {
    color: #f91082;
}
.my-account .button {
    background: #f91082 !important;
    color: white !important;
}
#wishlist-table .product-name a {
    color: #f91082 !important;
}
.customer-account-create .formActions button {
    background-color: #f91082 !important;
    border: 2px solid #f91082 !important;
}
.customer-account-create .formActions button:hover {
    color: #f91082 !important;
    background-color: transparent !important;
}
.listing .productList figcaption a,
.listing .productList figcaption a.link-wishlist:hover {
    color: #f91082 !important;
}
.productActions table tr:nth-child(2) th,
.productActions table tr:nth-child(2) td {
    color: #f91082 !important;
}
.productActions button.order-yardage {
    background-color: #f91082 !important;
}
.accordion, .accordion * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.accordion {
    overflow:hidden;
}

.accordion-section-title {
    font-size: 18px;
    text-transform: capitalize;
    width:100%;
    padding:10px;
    display:inline-block;
    transition:all linear 0.15s;
    color:#000;
    font-family: 'nexa_boldregular';
}

.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}

.accordion-section-content {
    padding:10px 15px 15px 40px;;
    display:none;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
    color: #636363;
    font-size: 15px;
}

.accordion-section-title::after {
    content: '\f107';
    font-size: 18px;
    font-family: FontAwesome;
    padding-left: 15px;
}
.accordion-section-title.active::after {
    content: '\f106';
    font-size: 18px;
    font-family: FontAwesome;
    padding-left: 15px;
}
.accordion-section-title.active:focus {
    text-decoration: none;
}
.dfd-cms-faq h1 {
    text-align: center;
    margin-bottom: 15px
}
.dfd-cms-faq h2 {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 26px;
}
.dfd-cms-mff {
    margin-top: 20px;
}
.dfd-cms-mff .top-block {
    text-align: center;
}
.dfd-cms-mff .top-block h1 {
    font-size: 32px;
}
.dfd-cms-mff .top-block h2 {
    font-size: 28px;
    color: black;
    margin-top: 30px;
    margin-bottom: 20px;
}
.dfd-cms-mff .top-block span {
    font-style: italic;
    font-size: 18px;
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}
.dfd-cms-mff  h3 {
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 24px;
    margin-top: 35px;
}
.dfd-table table {
    width: 100%;
}
.dfd-table table thead {
    font-weight: bold;
}
.dfd-table table thead td {
    text-align: center;
}
.dfd-table table thead td img {
    margin-top: 10px;
}
.dfd-table table,
.dfd-table th,
.dfd-table td {
    padding: 10px;
    border: 1px solid black;
    border-collapse: collapse;
}
.dfd-table strong {
    font-size: 16px;
    color: black;
    font-weight: bold;
}
.dfd-cms-mff .middle-block {
    text-align: center;
}
.dfd-cms-mff .middle-block h2 {
    font-size: 28px;
    color: black;
    margin-top: 30px;
    margin-bottom: 20px;
}
.servicePanel .shopingCart .badge {
    background-color: #f91082 !important;
}
.new-customer-account .col2-set .buttons-set button {
    background-color: #f91082 !important;
}
.new-customer-account .col-1 .buttons-set a {
    border: 2px solid #f91082 !important;
}
.new-customer-account .col-1 .buttons-set a:hover {
    background-color: #f91082 !important;
}
.new-customer-account .col-1 .buttons-set span {
    color: #f91082 !important;
}
.new-customer-account .col-1 .buttons-set a:hover span {
    color: white !important;
}
.sales-promotion-block p {
    background-color: #f91082 !important;
}
.amscheckout textarea:focus {
    box-shadow: 0px 0px 5px #f91082 !important;
    border: 1px solid #f91082 !important;
}
.contacts-index-index #contactForm .button {
    background-color: #f91082 !important;
}
.notice {
    color: #f91082 !important;
}
.block-account li a:hover {
    color: #f91082 !important;
}
.productActions {
    border: none !important;
    padding-top: 10px !important;
}
.productActions #retail-price {
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: 24px;
    color: red;
    font-weight: 800;
    margin-bottom: 10px;
}
.dfd-pdp-h2 {
    text-align: center;
    margin-bottom: 15px;
}
.productActions form {
    max-width: 100% !important;
}
.buy-type {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.piece-container {
    border: 1px solid #457f9d;
    width: 28%;
    padding: 5px;
    float: left;
    display: inline-block;
    background-color: #f5f5f5;
    color: black !important;
    margin-right: 1%;
    margin-bottom: 1%;
}
.pieces-buy-all .buy-all-description {
    float: right;
    padding-left: 20px;
}
.group-label {
    width: 100%;
    text-align: left;
    font-size: 18px !important;
    color: black !important;
    font-weight: bold;
}
.pieces-buy-all .buy-all-description span {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 14px;
    margin-bottom: 5px;
    color: black;
}
.pieces-buy-all .buy-all-description ul li {
    font-size: 10px;
    text-align: right;
    color: black;
}
.productActions button {
    white-space: normal;

}
.piece-container button {
    border-radius: 0px !important;
    font-size: 10px !important;
    background-color: #01476b !important;
    color: white;
    padding: 5px !important;
    line-height: 12px !important;
}
.piece-container .description .yards {
    font-weight: bold;
    margin-bottom: 5px;
    width: 100%;
    display: inline-block;
}
.piece-container .description .price-container {
    color: #f91082;
    width: 100%;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
}
.piece-container .description .price-save {
    font-size: 6px;
    margin-bottom: 5px;
    color: black;
    width: 100%;
    display: inline-block;
}
.piece-container .description .text {
    font-size: 11px !important;
    font-weight: bold !important;
    color: #01476b;
}
.piece-container .description .price-total {
    font-size: 12px;
    margin-bottom: 5px;
    color: #01476b;
    width: 100%;
    display: inline-block;
    font-weight: bold;
}
.productActions .buy-type .piece-container button:hover {
    opacity: 0.8;
}
.productActions input {
    border: none !important;
    width: 100% !important;
    height: 26px !important;
    margin-bottom: 10px !important;
}
#dfd-out-of-stock-note {
    text-align: left;
    font-size: 20px;
    font-weight: 800;
    color: red;
}
.productDetails .col-sm-6.detailsListCol {
    padding-left: 10px;
    padding-right: 10px !important;
}
.productDetails .details-block h4 {
    padding: 15px 0;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #bbb;
    position: relative;
    cursor: pointer;
    font-family: 'nexa_boldregular';
    font-style: inherit;
}

.buy-sample {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}
.buy-sample button {
    border: 1px solid #f91082 !important;
    border-radius: 0px !important;
    background-color: #f91082 !important;
    color: white;
    width: 150px !important;
    float: left;
    height: auto !important;
    white-space: normal;
    font-size: 13px !important;
    padding: 4px !important;
    line-height: 16px !important;
}
.buy-sample button:hover {
    color: #f91082 !important;
    background-color: transparent !important;
}
@media (max-width: 1200px) {
    .homepage-search-by-container #swiper-button-next-color,
    .homepage-search-by-container #swiper-button-prev-color {
        display: initial;
    }
    .homepage-top-block .homepage-design-subblock img {
        height: 250px;
    }
    .homepage-bottom-block .homepage-bottom-subblock {
        height: 200px;
    }
    .dfd-nav .mainNav > li {
        margin-left: 30px !important;
    }
    .homepage-search-by-container .owl-carousel .owl-nav .owl-next {
        right: -30px;
    }
    .homepage-search-by-container .owl-carousel .owl-nav .owl-prev {
        left: -30px;
    }
    .homepage-search-by-container #homepage-slider-color .owl-controls {
        display: inline-block;
    }
}
@media (max-width: 1024px) {
    .swiper-custom-container {
        width: 90%;
    }
}
@media (max-width: 992px) {
    .homepage-top-block p.title {
        padding: 10px;
        line-height: 24px;
    }
    .homepage-design-guide .homepage-design-subblock img {
        padding: 10px 5%;
    }
    .homepage-top-block .homepage-design-subblock img {
        height: 220px;
    }
    .mainNav > li:last-child {
        display: inline-block !important;
    }
    .mainNav > li::before {
        content: '' !important;
    }
    .mainNav > li + li {
        border: none !important;
    }
    .signUp-dfd {
        padding: 20px 10px;
    }
    .homepage-bottom-block .homepage-bottom-subblock {
        height: 180px;
    }
}
@media (max-width: 1200px) {
    .productDetails {
        width: 100%;
        margin: 0 auto !important;
        display: inline-block;
    }
    .productDetails {
        padding: 2%;
    }
    .productDetails .col-sm-6:first-child, .productDetails .col-sm-6 {
        width: 50% !important;
        float: left !important;
        margin: 0 !important;
    }
    .catalog-product-view .productView {
        float: inherit;
        text-align: center;
    }
    .piece-container {
        width: 24%;
    }
}
@media (max-width: 860px) {
    .homepage-bottom-block .homepage-bottom-subblock {
        height: auto;
        width: 50%;
        padding: 12px;
    }
    .productDetails {
        padding: 20px;
    }
    .piece-container {
        width: 32%;
    }
}
@media (min-width: 767px) {
    .footerNav-dfd .hide-Mobile {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .dfd-table {
        overflow-x: auto;
    }
    .dfd-table table {
        width: 650px !important;
    }
    .cms-index-index .newsletter-block {
        margin-top: 50px;
    }
    .homepage-bottom-block .homepage-bottom-subblock {
        padding: 5px;
    }
    .homepage-design h3 {
        margin-bottom: 30px;
    }
    .homepage-about.homepage-design p {
        padding-left: 0;
    }
    #homepage-icons {
        margin-top: 40px;
    }
    #homepage-icons .icon-item img {
        height: 75px;
    }
    #homepage-icons {
        margin-top: 55px;
    }
    .homepage-about.homepage-design {
        margin-bottom: 0;
    }
    .homepage-design-guide .homepage-design-subblock img {
        height: auto;
        padding: 10px 0;
    }
    .homepage-design-guide .homepage-design-subblock {
        margin-bottom: 40px;
    }
    .signUp-dfd {
        padding: 20px;
    }
    .signUp-dfd p.txt {
        width: 100%;
        text-align: center;
    }
    .signUp-dfd .formBody {
        width: 100%;
    }
    .footerNav-dfd .navGroup {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .footerNav-dfd .navGroup ul {
        text-align: left;
        padding-left: 20px;
        margin-bottom: 14px;
    }
    .footerNav-dfd h3 {
        margin: 0;
        padding: 15px 18px 15px 16px;
        border-width: 2px 0 2px 0;
        border-color: #f3f3f3;
        border-style: solid;
        border-collapse: collapse;
        text-align: left;
    }
    .footerNav-dfd h3::after {
        font-family: FontAwesome;
        content: "";
        color: rgb(204, 204, 204);
        font-size: 13px;
        float: right;
    }
    .footerNav-dfd  h3.active::after {
        content: "";
    }
    .footerNav-dfd .navGroup ul li {
        margin-bottom: 5px;
    }
    .homepage-top-block .homepage-design-subblock {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .homepage-top-block .homepage-design-subblock img {
        height: auto;
    }
    .bottomHeader {
        margin-top: 20px !important;
        padding-top: 0px !important;
        margin-bottom: 25px !important;
    }
    .topHeader {
        display: block !important;
    }
    .header-hide-tablet {
        display: none !important;
    }
    .header-top-left-text {
        text-align: center;
        width: 100%;
        display: inherit;
    }
    #performance-fabrics-block .performance-fabrics-left {
        padding-top: 0px !important;
        margin-bottom: 20px;
    }
    .homepage-bottom-block {
        margin-top: 40px;
    }
    .swiper-custom-container {
        width: 85%;
    }
    .productDetails .col-sm-6 + .col-sm-6 {
        padding: 0 20px;
    }
}
@media (max-width: 680px) {
    .productDetails .add-to-col,
    .productDetails .detailsListCol,
    .productDetails .col-sm-6:first-child, .productDetails .col-sm-6 {
        width: 100% !important;
    }
    .piece-container {
        width: 24%;
    }
}
@media (max-width: 500px) {
    #homepage-icons .icon-item {
        width: 100%;
        margin-bottom: 20px;
    }
    .homepage-bottom-block .homepage-bottom-subblock {
        height: auto;
        width: 100%;
        padding: 10px 0px;
    }
    .homepage-bottom-block {
        margin-top: 20px;
    }
    .swiper-custom-container {
        width: 80%;
    }
    .piece-container {
        width: 32%;
    }
    .productActions form {
        margin-bottom: 0;
    }
}
@media (max-width: 380px) {
    .piece-container {
        width: 49%;
    }
}