.benefitSec { padding: 20px 0 } .benefitSec .block { text-align: center } .benefitSec .subBlock { padding: 0 15px; display: block } .benefitSec .subBlock img { width: 50px } .benefitSec h4 { font-size: 18px; margin: 0; font-weight: 800 } .benefitSec p { margin: 0; font-size: 16px; margin-top: 3px } .benefitSec .subCont { position: absolute; top: 100%; left: 0; right: 0; background-color: #f2f1f2; padding: 30px 20px; z-index: 99; display: none } .benefitSec .subCont p { margin-bottom: 10px; line-height: 20px; font-weight: 500; font-size: 14px } @media only screen and (max-width: 1199px) and (min-width: 960px) { .benefitSec p { font-size: 11px } } #MyCarousel .item img { width: 100%; border-radius: 14px; /* border: 1px solid #b5b0b0 */ } #MyCarousel .bannerTaglineBlock { position: absolute; bottom: 100px; left: 0; right: 0; z-index: 9 } #MyCarousel .bannerTagLine { color: #232f3e; background-color: #ffc000; text-align: center; padding: 8px; font-size: 18px; font-weight: 600; display: block } @media (min-width: 1200px) { .bannerSec .col-lg-9 { width: 72.5% } .bannerSec .col-lg-3 { width: 27.5% } } .ourStoreSlide .item img { width: 100% } .ourStoreSlide .carousel-control.left, .ourStoreSlide .carousel-control.right { opacity: 1 } .ourStoreSlide .carousel-control .icon-prev, .ourStoreSlide .carousel-control .icon-next { height: 31px; width: 31px; background-color: #fff; opacity: 1; color: #000; font-size: 27px } .onTheBlockSlide .labelT { display: inline-block; font-size: 22px } .onTheBlockSlide .labelT { font-size: 16px; background-color: #454545; color: #fff; display: block; padding: 7px } .homeBandTitle a { float: right; color: #fff; margin-top: 6px } .topBrandsLogoSlide { background-color: #fff; padding: 20px; margin-bottom: 20px; font-weight: 400 } .topBrandsLogoSlide .block { margin-bottom: 20px } .topBrandsLogoSlide .block .image { display: block; position: relative; height: 110px; border: 1px solid #eaeded; margin-bottom: 10px } .topBrandsLogoSlide .block img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 12px; margin: auto; max-height: 100%; max-width: 150px } .topBrandsLogoSlide .block .totalItem { color: #a9acb0; font-size: 11px; margin-bottom: 5px } .cmnProductSample .block .shopNow { color: #232f3e; font-size: 13px; font-weight: 500 } .aboutCfsBlock { padding: 30px 0; background-color: #f9f9f9 } .aboutCfsBlock h1 { font-size: 22px; color: #303b41; margin: 0 0 10px } .aboutCfsBlock p { color: #747a7c; font-size: 16px } .aboutCfsBlock h6 { font-size: 16px; color: #000; margin: 25px 0 5px } .home { margin: 14px 0 } .bannerSec { margin-bottom: 20px } .imageWithTxt .block, .imageWithTxt1 .block { position: relative; margin-bottom: 10px; display: block; border-radius: 5px; overflow: hidden; color: #fff } .imageWithTxt .block .img-responsive, .imageWithTxt1 .block .img-responsive { width: 100% } .bannerSec .imageWithTxt .block .img-responsive { opacity: 1 } .imageWithTxt .block .titleB { position: absolute; left: 25px; top: 25px } .imageWithTxt1 .block .titleB { position: absolute; left: 25px; bottom: 15px } .imageWithTxt .block .titleB h5, .imageWithTxt1 .block .titleB h5 { font-size: 18px; /* font-weight: 700; */ color: #fff } .imageWithTxt .block p { margin-top: 10px } .imageWithTxt .block .tagStyle, .imageWithTxt .block .stockClearanceTxt { color: #bb212a; background-color: #fff; border-radius: 6px; padding: 11px 14px; font-weight: 700; display: inline-block; line-height: 1 } .imageWithTxt .block .offerTag { position: absolute; right: 25px; top: 25px } .imageWithTxt .block .stockClearanceTxt { background-color: #bd212a; color: #fff; font-size: 25px } .imageWithTxt .block .bottomB { position: absolute; left: 25px; bottom: 10px } .imageWithTxt .block .btn { border-radius: 6px; border: 1px solid #fff; font-size: 16px; font-weight: 700; background-color: #000 } .imageWithTxt.trustPilotBlock .block { padding: 20px; background-color: #f7f7f7 } .imageWithTxt.trustPilotBlock .block h3 { color: #3d3d3d; font-weight: 500; margin: 0 0 20px } .home .popularProducts { margin: 20px 0 } .financeBlock .block { padding: 0 20px 8px; height: 100% } .financeBlock .block .img-responsive { width: auto } .financeBlock .block .titleB { position: static } @media only screen and (min-width: 959px) { .financeBlock>.container>.row { display: flex } } .Trustpilot-sec .block { padding: 30px 15px; background-color: #f2f2f2; height: 100%; width: 100%; max-width: 100%; border-radius: 10px } .fromspan { text-transform: capitalize } .Trustpilot-sec .block h3 { text-align: start; font-weight: 500; padding-left: 20px } .home .popularProducts .block { position: relative; margin: 0 0 20px; display: block; } .home .popularProducts .image { border-radius: 6px; overflow: hidden; margin-bottom: 10px } .home .popularProducts .image { border-radius: 6px; overflow: hidden } @media (min-width: 992px) { .home .popularProducts .col-md-3 { width: 20% } .payment-page textarea { width: 100% } } .home .popularProducts .info h3 { margin-top: 0; text-align: center; font-size: 18px } .home .popularRanges .block .logoB { background-color: #fff; width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 20px; right: 20px; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 18px 12px; } .home .popularRanges .block .logoB+.logoB { right: 130px; } .home .popularRanges .block .logoB img { max-height: 100%; } .home .popularRanges .block .info { position: absolute; bottom: 10px; left: 20px; color: #fff; } .home .popularRanges .info h3 { font-size: 32px; text-align: left; font-weight: bold; } .home .brandsSlideSec { margin: 20px 0 } .home .brandsSlideSec .cmnTitle { margin-bottom: 20px } .home .brandsSlide .block { height: 130px; display: block; border: 1px solid #efefef; border-radius: 6px } .home .brandsSlide .block img { padding: 25px } .brandsSlideSec .bx-wrapper .bx-controls-direction a { top: 63px } .sideTxtImage .block { position: relative; border-radius: 6px; overflow: hidden; padding-right: 255px; margin-bottom: 0; max-height: 300px } .sideTxtImage .block>img { max-width: 100% } .sideTxtImage .block .cont { position: absolute; top: 0; bottom: 0; left: auto; right: 0; background-color: #605bb5; font-size: 15px; padding: 22px; color: #fff; width: 280px } .sideTxtImage .block h3 { font-size: 32px; margin: 0 } .sideTxtImage .block p { margin-top: 15px } .sideTxtImage .block .btn { background-color: #fff; color: #605bb5; font-size: 15px; font-weight: 500; margin-top: 0 } .home .cmnProductSample { margin-bottom: 10px } .home .cmnProductSample .block { position: relative; background-color: #f9f9f9; display: block; margin-bottom: 10px; display: block } .bx-wrapper .bx-viewport { background-color: transparent } .cmnProductSample .bx-wrapper .bx-controls-direction a { top: 42%; height: 48px } .home .cmnProductSample .block .img-responsive { width: 100% } .home .cmnProductSample .block .item .image { position: relative } .home .cmnProductSample .block .item .image img { width: auto; max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .home .cmnProductSample .block .item .info { margin-top: -10px } .home .cmnProductSample .block .item .info>p { max-height: 23px; overflow: hidden } .home .cmnProductSample .block .info { margin-top: 0; padding: 12px 0 } .home .cmnProductSample .block p { color: #303b41; font-size: 17px; margin-bottom: 0; font-weight: 600 } .home .cmnProductSample .block a { font-size: 12px; display: block } .exploreRangeSec { background-color: #fff; margin: 20px 0 } .exploreRangeSec .allRangesBlock { margin-top: 50px } @media only screen and (min-width: 768px) and (max-width: 959px) { .exploreRangeSec .allRangesBlock .col-xs-4 { width: 25% } } @media only screen and (min-width: 960px) { .exploreRangeSec .allRangesBlock .col-xs-4 { width: 14.28% } } @media only screen and (max-width: 959px) { .exploreRangeSec .allRangesBlock .col-xs-4:last-child { width: 50% } } .exploreRangeSec .allRangesBlock .block { display: block; margin-bottom: 50px; text-align: center } .exploreRangeSec .allRangesBlock .block .image { position: relative; height: 88px; width: 121px; margin: 0 auto 15px; border-radius: 50% } .exploreRangeSec .allRangesBlock .block .image:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: #d8d8d8; height: 0; width: 0; border-radius: 50%; transition: width .5s, height .5s } .exploreRangeSec .allRangesBlock .block .image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 8px; max-width: 100%; max-height: 100%; transition: max-width .5s, max-height .5s } .exploreRangeSec .allRangesBlock .block:hover .image:before { height: 105px; width: 105px } .exploreRangeSec .allRangesBlock .allRangesLink .image { width: 100%; display: table } .exploreRangeSec .allRangesBlock .allRangesLink .image:before { background-color: #013c68; height: 88px; width: 100%; max-width: 100%; border-radius: 6px } .exploreRangeSec .allRangesBlock .allRangesLink .image span { position: relative; display: table-cell; vertical-align: middle; color: #fff; font-weight: 500; font-size: 20px; text-align: left; padding: 0; line-height: 1.2; text-align: center } .exploreRangeSec .allRangesBlock .allRangesLink.block:hover .image:before { height: 88px; width: 100% } .exploreRangeSec .allRangesBlock .allRangesLink.block .info { color: #013c68 } .exploreRangeSec .allRangesBlock .block .info { position: relative; font-size: 15px; color: #000 } .shopByCatSec { font-weight: 400; background-color: #fff; padding: 20px 8px } .shopByCatSec .cmnTitle { padding: 0 12px } .storeSec { margin-bottom: 30px } .storeSec .block .image { position: relative; border-radius: 6px; overflow: hidden } .storeSec .block .image .btn { position: absolute; right: 0; left: 0; margin: auto; bottom: 50px; z-index: 99; border-color: #fff; width: 170px } @media only screen and (min-width: 1600px) { .exploreRangeSec .allRangesBlock .block .info { font-size: 17px } .sideTxtImage .block .cont { font-size: 18px; padding: 30px } .sideTxtImage .block h3 { font-size: 49px } .sideTxtImage .block .btn { font-size: 19px; margin-top: 10px } } @media only screen and (min-width: 960px) and (max-width: 1199px) { .bestSellerSec .block .info { padding-right: 0 } .bestSellerSec .block .image { height: 165px } .benefitSec h4 { font-size: 14px } .exploreRangeSec .allRangesBlock .block .image { width: 100% } .exploreRangeSec .allRangesBlock .block .info { min-height: 42px } .exploreRangeSec .allRangesBlock .block { margin-bottom: 40px } .sideTxtImage .block { padding: 0 !important } .sideTxtImage .block>img { max-width: 78%; margin-left: -76px } .sideTxtImage .block .cont { font-size: 13px; padding: 15px; width: 200px } .sideTxtImage .block p { min-height: 42px } .sideTxtImage .block h3 { margin-top: 18px } .imageWithTxt .block.onlyImg { padding: 0 } .imageWithTxt .block .titleB h4 { font-size: 16px } .imageWithTxt .block .titleB h5 { font-size: 14px } .imageWithTxt .block .tagStyle, .home .popularProducts .info h3 { font-size: 13px; padding: 5px 9px } .imageWithTxt .block .tagStyle, .home .popularProducts .info h3 { font-size: 18px } .imageWithTxt .block .btn { font-size: 14px; padding: 2px 8px } .imageWithTxt .block .offerTag { position: absolute; right: 5px; bottom: 5px; max-width: 50px } .imageWithTxt .block .stockClearanceTxt { margin-top: 18px } #MyCarousel { margin-bottom: 20px } } @media only screen and (max-width: 959px) { #MyCarousel { margin-bottom: 20px } .bestSellerSec .block .info { padding-right: 0; font-size: 13px } .bestSellerSec .block .price .pOne { display: block } .home { margin-top: 5px } .home .cmnProductSample .block p { font-size: 13px; font-weight: 700 } .home .cmnProductSample .block a { font-size: 12px } .bestSellerSec .block .image { height: 150px } .bestSellerSec .block .info .title { font-size: 14px !important; margin-bottom: 4px } .topBrandsLogoSlide .block { margin-bottom: 10px } .topBrandsLogoSlide .block .info { display: none } .topBrandsLogoSlide .block .image { height: 85px } .topBrandsLogoSlide .block img { max-width: 112px; max-height: 72px } .exploreRangeSec { padding: 0; margin-bottom: 0 } .exploreRangeSec .allRangesBlock .block .image { margin-bottom: 0 } .exploreRangeSec .allRangesBlock .block:hover .image:before { height: 85px; width: 85px } .exploreRangeSec .allRangesBlock .block .info { height: 42px; line-height: 1 } .exploreRangeSec .allRangesBlock .block { margin-bottom: 0 } .exploreRangeSec .allRangesBlock .allRangesLink .image:before { height: 74px; width: auto } .imageWithTxt .block.onlyImg { padding: 0 } .imageWithTxt .block .stockClearanceTxt { margin-top: 18px } .imageWithTxt .block .offerTag { right: 8px; top: 8px } .imageWithTxt .block .titleB h4 { font-size: 20px } .imageWithTxt .block .tagStyle { font-size: 16px } .home .popularProducts .block { margin: 5px 0 0 } .home .popularProducts .info h3 { font-size: 14px } .imageWithTxt .block { margin-bottom: 15px } .home .brandsSlideSec .cmnTitle { margin-bottom: 10px } .home .brandsSlideSec { margin: 5px 0 20px } .exploreRangeSec .allRangesBlock { margin-top: 10px } .home .popularProducts { margin: 10px auto; } .home .popularRanges .block .logoB { width: 100px; height: 50px; border-radius: 8px; padding: 5px 12px; } .home .popularRanges .info h3 { font-size: 22px; } } @media only screen and (max-width: 767px) { #continueButtonSection { text-align: left } .cmnTitle h3 { font-size: 18px } .home .topBrands { margin-top: 30px } .bestSellerSec .block .image { height: 129px } .home .bestSellerSec { display: none } .home .cmnProductSample .block { padding-bottom: 0 } .home .cmnProductSample { margin-bottom: 0 } .home .shopByCatSec .block .info { min-height: 60px } .sideTxtImage .block { padding: 0 !important } .sideTxtImage .block .cont { position: static; width: 100% } .cmnTitle a { float: none; font-size: 14px; padding: 4px 8px } .storeSec .embed-responsive { padding-bottom: 120% } } @media (max-width: 768px) { .imageWithTxt .block .titleB h4, .imageWithTxt1 .block .titleB h4 { font-size: 20px } .home .brandsSlide .block img { padding: 25px } .imageWithTxt.trustPilotBlock .block h3 { font-size: 18px; text-align: center } .home .brandsSlide .block { height: 100px } .writeUpInfo h1 .small, .writeUpInfo h2 .small, .writeUpInfo h3 .small { bottom: 0 } .home .trustReviewSlide { margin: 0 0 0 } } .bannerWithForm.two { width: 57% } .bannerWithForm .formSec { background: url(../img/bannerWithForm/bg.jpg) 0 0 } .bannerWithForm p { text-align: center; color: #fff; margin-top: 10px } .bannerWithForm .formSec .block { max-width: 600px; margin: auto; padding: 45px 0 5px } .bannerWithForm .formSec .block>img { margin-bottom: 10px !important } #MyCarousel .bannerWithForm img { width: auto; margin: auto } .bannerWithForm .form-control { height: auto; padding: 10px 12px 8px } .bannerWithForm .btn { padding: 0; border: 0; max-width: 240px; margin: auto; display: block } .bannerWithForm.two { width: 57% } .bannerWithForm .formSec { background: url(../img/bannerWithForm/bg.jpg) 0 0 } .bannerWithForm p { text-align: center; color: #fff; margin-top: 10px } .bannerWithForm .formSec .block { max-width: 600px; margin: auto; padding: 45px 0 5px } .bannerWithForm .formSec .block>img { margin-bottom: 10px !important } #MyCarousel .bannerWithForm img { width: auto; margin: auto } .bannerWithForm .form-control { height: auto; padding: 10px 12px 8px } .bannerWithForm .btn { padding: 0; border: 0; max-width: 240px; margin: auto; display: block } .timmerSec { background: #591014 url(../img/bannerWithForm/timmer-bg.jpg) top center; text-align: center; padding: 20px 0; color: #fff } .timmerSec li { font-size: 48px; font-weight: 700; line-height: 1;margin: 0 4px 10px 18px;position: relative;padding-left: 35px}.timmerSec li+li:after {content: ""; background-color: #fff; width: 1px; position: absolute; left: 0; top: 5px; bottom: 3px; font-weight: 100 } .timmerSec li span { font-size: 14px; font-weight: 400; display: block } .timmerSec p { margin-top: 15px; font-size: 18px } @media only screen and (max-width: 959px) { .bannerWithForm.two { width: 100% } .bannerWithForm .formSec .block { max-width: 298px } .timmerSec li { font-size: 34px; margin: 0 4px 10px 4px; padding-left: 16px } } @media (min-width: 1280px) and (max-width: 1440px) { .imageWithTxt .block .tagStyle, .imageWithTxt .block .stockClearanceTxt { font-size: 14px; } } @media screen and (max-width: 1440px) { .imageWithTxt1 .block .titleB { bottom: 0 } .imageWithTxt .block .bottomB { bottom: 10px } .imageWithTxt .block .offerTag { top: 0 } .imageWithTxt .block .titleB h4, .imageWithTxt1 .block .titleB h4 { font-size: 20px } }