.sale-clp{ background-color:#fff; } #desktop-vip-feature{ max-width:1280px; } .button-primary-white { display: inline-block; position: relative; padding: 1em; margin: .5em; border-radius: 4px; background-color: #ffffff; font-family: 'Arimo',sans-serif; font-size: 16px; font-weight: 800; color: #0065ab; line-height: 1; text-align: center; white-space: normal; vertical-align: middle; cursor: pointer; border: 1px solid #ffffff; border-width: 1px; min-width: 220px; box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 0%); } .button-primary-white:focus { color: #0065ab; text-decoration: none; } .button-primary-white:hover { border: 1px solid #0065ab; background-color: #0065ab; color: #ffffff; text-decoration: none; box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 0%); } .button-secondary-ghost { display: inline-block; position: relative; padding: .6em; margin: .5em; border-radius: 4px; background-color: #ffffff00; font-family: 'Arimo',sans-serif; font-size: 16px; font-weight: 800; line-height: 1; text-align: center; white-space: normal; vertical-align: middle; cursor: pointer; border: 2px solid #ffffff; border-width: 1px; min-width: 220px; color: #ffffff; box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 0%); } .button-secondary-ghost:focus { color: #ffffff; text-decoration: none; } .button-secondary-ghost:hover { border: 1px solid #960000; background-color: #960000; color: #ffffff; text-decoration: none; box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 0%); } } }
.title-with-link { display: flex; justify-content: space-between; align-items: center; margin-right: 20px; } .view-all-cat-link { width: 100%; text-align: right; float: right; /* Initial styling for larger screens */ } .view-all-cat-link a { text-decoration: none; font-size: 18px; color: #0065ab; } /* Media query for screens smaller than 600px (adjust as needed) */ @media screen and (max-width: 600px) { .view-all-cat-link { float: none; /* Remove float on smaller screens */ width: 100%; text-align: left; } }
#pop-cat-top-marginmobile { margin-bottom: 0px !important; }
.title-with-link { display: flex; justify-content: space-between; align-items: center; margin-right: 20px; } .view-all-cat-link { width: 100%; text-align: right; float: right; /* Initial styling for larger screens */ } .view-all-cat-link a { text-decoration: none; font-size: 18px; color: #0065ab; } /* Media query for screens smaller than 600px (adjust as needed) */ @media screen and (max-width: 600px) { .view-all-cat-link { float: none; /* Remove float on smaller screens */ width: 100%; text-align: left; } }
#pop-cat-top-marginmobile { margin-bottom: 0px !important; }
.main-content > .block-wrapper { display: none; }
.img-link-blk .img-link-overlay { left: 0px; height: auto; } .img-link-blk .relative{ display:block; } .two-column-blk-row > div { padding: 0; } .one-column-blk-row .img-link-blk { max-width: 100%; height: 100%; } @media (min-width: 1310px) { .main > .layout-blk-row, .main > .rich-content { max-width: 131rem; margin-left: calc((100vw - 131rem) / 2) ; margin-right: calc((100vw - 131rem) / 2); } .max-width { max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .inline { margin-left: 0 !important; margin-right: 0 !important; } } @media(max-width: 992px) { .category-pane .two-column-blk-row>div { padding: 0 !important; } }
.flexboxmargindesktop > * { margin-left: 15px !important; margin-right: 15px !important; } .flexboxmargintabletmobile > * { margin-left: 10px !important; margin-right: 10px !important; } .flexboxpaddingdesktop > * { padding-left: 15px !important; padding-right: 15px !important; } .flexboxpaddingtabletmobile > * { padding-left: 10px !important; padding-right: 10px !important; } .flex-layout-block { margin-bottom: 0 !important; } .flex-layout-block > div { margin-bottom: 15px; margin-top: 0 !important; align-items:flex-start; } .property-for-next { margin: 0 !important; }
[class^="slider-block"] .block-wrapper { padding-top: 1rem; padding-bottom: 2rem; } ssb-slick .slick-slide { text-align: center; } .listing-ad__item:nth-child(1), .listing-ad__item:nth-child(2) { margin-left: -1px; } .product-main__info .tt-c-rating__star { display: inline-block; } .slider-block{ max-width: 131rem; }
@media(max-width: 921px) { .flex-layout-block>div+div { margin-top:0; } }
/* Styles for mobile devices (up to 767px) */ @media (max-width: 767px) { .clpSpecialOfferPromoContainer { flex-basis: 50% !important; /* Adjust the width for mobile with !important */ } } /* Styles for tablets (768px to 991px) */ @media (min-width: 768px) and (max-width: 991px) { .clpSpecialOfferPromoContainer { flex-basis: 50% !important; /* Adjust the width for tablets with !important */ } } /* Styles for desktop devices (992px and above) */ @media (min-width: 992px) { .clpSpecialOfferPromoContainer { flex-basis: 50% !important; /* Adjust the width for desktop with !important */ } } /* Flex Container */ .flex-container-clp-special-offer { display: flex; align-items: stretch; /* Ensure equal height for flex items */ } /* Content Block */ .content-block { display: flex; padding: 20px; /* Adjust padding as needed */ background-color: #DF1F29; /* White background color */ border-radius: 10px; /* Adjust border radius for rounded corners */ border: 1px solid #fff; /* Add a border with the desired color */ box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); /* Optional: Add a subtle box shadow */ margin: 10px; /* Adjust margin around the block */ } /* Image Container */ .image-container { padding-right: 20px; /* Adjust padding around the image */ flex-grow: 1; /* Ensure equal height with the text container */ } .image-container img { max-width: 100%; height: auto; border-radius: 5px; /* Ads rounded corners on the image*/ display: block; } /* Text Container */ .text-container { flex-grow: 1; width: 100%; color: #fff; /* Adjust text color for the text container */ } .text-container a { color: #fff; /* Adjust link color */ text-decoration: none; /* Remove default underline */ transition: color 0.3s ease, text-decoration 0.3s ease; /* Add transition for smooth effect */ } .text-container:hover a { color: #fff; /* Adjust link color on hover */ text-decoration: underline; /* Add underline on hover */ } .text-container h2 { font-size: 2.4em; /* Adjust title font size */ margin-bottom: 0px; /* Adjust spacing */ } .text-container p { font-size: 1.3em; /* Adjust subtext font size */ margin-bottom: 10px; /* Adjust spacing */ padding-bottom: 10px; } .text-container a { font-size: 1em; /* Adjust link font size */ text-decoration: none; color: #fff; /* Blue color */ } p:only-of-type:not([class]) { margin-bottom: 0; font-weight: normal; } /* Content Block Hover Effect */ .content-block:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); /* Add a stronger box shadow on hover */ border: 1px solid #fff; /* Add a border on hover with the desired color */ } /* Responsive Styles for Text Container and Image Container */ @media screen and (max-width: 768px) { .content-block { flex-direction: column; } .image-container { padding-right: 0; /* No padding around image on smaller screens */ margin-bottom: 10px; /* Adjust spacing between image and text on smaller screens */ } .text-container { width: 100%; /* Full width for text container on smaller screens */ } } /* Additional Responsive Styles for Larger Screens if Needed */ @media screen and (min-width: 992px) { .text-container { max-width: 60%; /* Adjust maximum width for text container on larger screens */ } .image-container { max-width: 33%; /* Adjust maximum width for image container on larger screens */ } }
.img-link-blk:hover a { text-decoration: underline; }
/* Common styles for all devices */ .subcat-link { color: #555555; text-decoration: none; font-weight: normal; } .subcat-circle { padding: 10px; width: 134px !important; /* Default width with !important */ } /* Styles for mobile devices (up to 767px) */ @media (max-width: 767px) { .subcat-circle { width: 106px !important; /* Adjust the width for mobile with !important */ } } /* Styles for tablets (768px to 991px) */ @media (min-width: 768px) and (max-width: 991px) { .subcat-circle { width: 134px !important; /* Adjust the width for tablets with !important */ } } /* Styles for desktop devices (992px and above) */ @media (min-width: 992px) { .subcat-circle { width: 150px !important; /* Adjust the width for desktop with !important */ } }
/* Common styles for all devices */ .subcat-link { color: #555555; text-decoration: none; font-weight: normal; } .subcat-circle-lg { padding: 10px; width: 233px !important; /* Default width with !important */ } /* Styles for mobile devices (up to 767px) */ @media (max-width: 767px) { .subcat-circle-lg { width: 160px !important; /* Adjust the width for mobile with !important */ } } /* Styles for tablets (768px to 991px) */ @media (min-width: 768px) and (max-width: 991px) { /* Add the following rule to prevent flex container from wrapping */ .subcat-circle-lg-desktop { display: flex; flex-wrap: nowrap !important; } .subcat-circle-lg { width: 233px !important; /* Adjust the width for tablets with !important */ } } /* Styles for desktop devices (992px and above) */ @media (min-width: 992px) { /* Add the following rule to prevent flex container from wrapping */ .subcat-circle-lg-desktop { display: flex; flex-wrap: nowrap !important; } .subcat-circle-lg { width: 233px !important; /* Adjust the width for desktop with !important */ } }