@media screen and (min-width: 768px) { .sticky-bottom-line { display: none!important; visibility: initial!important } } @media screen and (max-width: 767px) { .wrap-1, .wrap-2 { width: 100%; } .flx-c-mbl { -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -ms-flex-flow: column!important; flex-flow: column!important; } .flx-r-mbl { -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; -ms-flex-flow: row!important; flex-flow: row!important; } .w-100-mob { width: 100%!important } .navbar img.logo { max-width: 130px; } .slider { max-width: 100%; } .carousel-item img { width: 100%; } .slick-prev, .slick-next { bottom: 45%; width: 40px; height: 40px; } .slick-prev-bottom, .slick-next-bottom { bottom: 40%; width: 30px; height: 30px; right: 0px!important; } .slick-prev-bottom { left: 8px!important; } .slick-next-bottom { right: 5px!important; } .slick-prev, .slick-prev-bottom { left: 0px; } .header { padding-top: .5px; } .header .txt-holder, .header .img-holder { width: 100%; } .header .txt-holder h1 { font-size: 1.75rem; } .header .txt-holder h2 { font-size: 1rem; } .header .button-holder { margin-top: 20px; margin-bottom: 25px; } .header .button-holder .btn { max-width: 100%; } .userChoice { margin-bottom: 10px!important; margin-top: 1px; } p.choice-price-p { font-size: 16px; } .choice-price { margin: 10px auto; } .choice-price-p span, .choice-details span { font-size: 13px; } .trust-badges-bottom .item { width: 100%; margin-bottom: 30px; } .trust-badges-bottom .item:last-child { width: 100%; margin-bottom: 0px; } .trust-badges-bottom .item .icon-holder { width: 25%; text-align: left; } .trust-badges-bottom .item .txt-holder h2 { margin-left: 0; text-align: left; } .trust-badges-bottom .item .icon-holder img { margin-bottom: 0; } .trust-badges-bottom .item .txt-holder { width: 75%; text-align: left; margin-right: 2.5%; margin-left: 1.5%; } .trust-badges-bottom .item .txt-holder h2 { margin-bottom: 5px; } a.selectors { font-size: .7rem; } .media { padding-top: 0!important; padding-bottom: 0!important; margin-bottom: 20px; } .media .media-holder { width: 100%; padding: 0; } .media .txt-holder { width: 100%; padding: 15px 0.5% 15px; } .media .txt-holder h2 { font-size: 2rem; } .media .txt-holder .icons .txt-holder p { font-size: .6rem; } .benefits .benefit-item .txt-holder { text-align: left; } .benefits .benefit-item { margin-bottom: 0px; } .benefits .benefit-item .img-holder, .benefits .benefit-item .txt-holder { width: 100%; padding: 2.5%; } .benefits .benefit-item .txt-holder h3 { font-size: 1.35rem; line-height: 1.4; } .benefits .benefit-item .note { text-align: left; } .order-form-instro .text-instro p { font-size: .95rem; line-height: 1.6; } .navbar { padding: 7px 0; } .navbar p { font-size: 13px; } .testimonials { padding-bottom: 10px; width: 97.5%; margin: 0 auto 15px; border-bottom: 1px solid rgb(204 204 204 / 50%); } .testimonials .testimonial-item { padding: 10px 5px!important } .testimonials h2, .size-chart-table h2 { font-size: 1.6rem; margin-bottom: 10px; } .benefits h2 { font-size: 1.6rem; margin-bottom: 20px; } .faq h2 { font-size: 1.45rem; margin-bottom: 20px; } .sticky-bottom-line { display: none; } .footer-section-1-wrapper { width: 95%; padding: 0 0 10px; } .footer-section-1 .phone-e-mail-holder div { width: 100% } .footer-section-1 .text-holder { width: 100%; text-align: center; padding: 2.4rem 0; border-bottom: 1px solid rgb(204 204 204 / 50%); } .footer-section-1 .phone-e-mail-holder { width: 100%; text-align: left; padding-bottom: 20px; } .footer-section-1 { padding-bottom: 40px } .footer .widget h4 { font-size: 1rem; } .footer-section-1 h2 { font-size: 1rem; line-height: 1.45; margin-bottom: 10px; } .footer-section-1 h3 { font-size: .95rem; } .footer .widget li a { font-size: .8rem } .footer .logo-footer { margin: 0 auto 2.5rem; float: none; } .quantity-selector-holder { padding: 3% 1% 5%; } .limited-offer { margin-top: 25px; margin-bottom: 10px; } .flex-flow-row-mobile { -webkit-box-orient: horizontal!important; -webkit-box-direction: normal!important; -ms-flex-flow: row!important; flex-flow: row!important; } .flex-flow-column-mobile { -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -ms-flex-flow: column!important; flex-flow: column!important; } .m-s { margin: 5px; } .m-m { margin: 10px; } .m-l { margin: 15px; } .m-t-s { margin-top: 5px; } .m-t-m { margin-top: 10px; } .m-t-l { margin-top: 15px; } .m-b-s { margin-bottom: 5px; } .m-b-m { margin-bottom: 10px; } .m-b-l { margin-bottom: 15px; } .p-s { padding: 5px; } .p-m { padding: 10px; } .p-l { padding: 15px; } .p-t-s { padding-top: 5px; } .p-t-m { padding-top: 10px; } .p-t-l { padding-top: 15px; } .p-b-s { padding-bottom: 5px; } .p-b-m { padding-bottom: 10px; } .p-b-l { padding-bottom: 15px; } }