:root {
--primary: #1e4f6e;
--gradient-start: #1f4e7a;
--gradient-end: #030303;
--text-dark: #000;
--text-light: #fff;
--accent: #ba2026;
--bullet: #999;
} .border-black {
border: 1px solid #000;
}
.fw-bold {
font-weight: 700;
}
.banner-title.f-60 {
font-family: 'Futura', 'Poppins', 'Montserrat', Arial, sans-serif;
font-weight: 800;
font-size: clamp(32px, 3.5vw, 60px);
line-height: 1.1;
}
.banner-title.f-40 {
font-family: 'Futura', 'Poppins', 'Montserrat', Arial, sans-serif;
font-weight: 800;
font-size: clamp(24px, 3vw, 40px);
line-height: 1.2;
}
.bg-primary-dark {
background-color: #2f5676;
border-radius: clamp(12px, 2vw, 18px);
padding: clamp(16px, 3vw, 28px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
padding: 15px;
}
.bg-primary-dark h2 {
color: #fff !important;
} .custom-banner {
filter: drop-shadow(0 5px 5px rgba(24, 23, 24, 0.55));
background: linear-gradient(-90deg, var(--gradient-start), var(--gradient-end));
color: var(--text-light);
padding: 0px 0;
}
.custom-banner--image-cutoff {
position: relative;
overflow: hidden;
padding: 0px 0; 
min-height:300px;
display: flex;
}
.custom-banner--image-cutoff .row {
position: relative;
z-index: 2;
}
.custom-banner--image-cutoff .custom-banner__img {
position: relative;
height: 100%;
}
.custom-banner--image-cutoff .banner-img {
position: absolute;
right: 0;
max-width: 140%;
height: auto;
width: 100%;
inset-block: 0;
margin-block: auto;
}
.banner-title {
font-family: 'Futura', 'Poppins', 'Montserrat', Arial, sans-serif;
font-weight: 800;
font-size: clamp(32px, 3.5vw, 60px);
line-height: 1;
color: var(--text-light);
text-align: left;
text-transform: uppercase;
} .rcs-slider .swiper-wrapper{height: auto;}
.rcs-slider {
padding: 50px 0 20px;
}
.rcs-slider h2,
.rcs-slider p {
font-family: 'Futura', 'Poppins', 'Montserrat', Arial, sans-serif;
font-weight: 800;
color: var(--text-dark);
}
.rcs-slider h2 {
font-size: clamp(30px, 2.5vw, 34px);
}
.rcs-slider p {
font-size: clamp(18px, 2vw, 20px);
} .text-content p {
padding: 0 0 25px 15px;
text-align: left;
font: normal clamp(16px, 1.5vw, 18px)/27px Arial, Helvetica, sans-serif;
color: var(--text-dark);
} .rcs-slider .swiper-slide{padding-bottom:40px;}
.rcs-slider .swiper-button-next, .rcs-slider .swiper-button-prev {
position: absolute;
bottom: auto;
width: 42px;
height: 42px;
opacity: 0;
visibility: hidden;
transition: all .3s ease;
filter: brightness(0) saturate(100%) invert(50%);
top: calc(50% - 20px);
}
.rcs-slider .swiper-pagination {
z-index: 1 !important;
bottom: 6px;
}
.rcs-slider .swiper-slide > .row {
padding-inline: 30px;
}
.rcs-slider .swiper-button-next:after,
.rcs-slider .swiper-button-prev:after {
display: none;
}
.rcs-slider .swiper-button-next {
right: -5px;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMS40MzMgMTUuOTkyTDIyLjY5IDUuNzEyYy4zOTMtLjM5LjM5My0xLjAzIDAtMS40Mi0uMzkzLS4zOS0xLjAzLS4zOS0xLjQyMyAwbC0xMS45OCAxMC45NGMtLjIxLjIxLS4zLjQ5LS4yODUuNzYtLjAxNS4yOC4wNzUuNTYuMjg0Ljc3bDExLjk4IDEwLjk0Yy4zOTMuMzkgMS4wMy4zOSAxLjQyNCAwIC4zOTMtLjQuMzkzLTEuMDMgMC0xLjQybC0xMS4yNTctMTAuMjkiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPg==") no-repeat center / contain !important;
transform: rotate(180deg);
width: 30px;
height: 30px;
}
.rcs-slider .swiper-button-prev {
left:-5px;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMS40MzMgMTUuOTkyTDIyLjY5IDUuNzEyYy4zOTMtLjM5LjM5My0xLjAzIDAtMS40Mi0uMzkzLS4zOS0xLjAzLS4zOS0xLjQyMyAwbC0xMS45OCAxMC45NGMtLjIxLjIxLS4zLjQ5LS4yODUuNzYtLjAxNS4yOC4wNzUuNTYuMjg0Ljc3bDExLjk4IDEwLjk0Yy4zOTMuMzkgMS4wMy4zOSAxLjQyNCAwIC4zOTMtLjQuMzkzLTEuMDMgMC0xLjQybC0xMS4yNTctMTAuMjkiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPg==") no-repeat center / contain !important;
width: 30px;
height: 30px;
}
.rcs-slider:hover .swiper-button-next,
.rcs-slider:hover .swiper-button-prev {
opacity: 1;
visibility: visible;
} .rcs-slider .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #d0d0d0;
opacity: 1;
visibility: visible;
}
.rcs-slider .swiper-pagination-bullet-active { background-color:#357cbd;
}
.rcs-slider .text-content {
padding: 15px;
}
.rcs-slider .swiper-toggle {
position: absolute;
right: 20px;
bottom: 0;
z-index: 20;
width: 36px;
height: 36px;
border: 0;
background: transparent;
color: #d0d0d0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity .3s ease;
}
.rcs-slider .swiper-toggle:hover{
background:#04ba18;
} .rcs-slider:hover .swiper-toggle {
opacity: 1;
visibility: visible;
}
.rcs-slider .play-icon {
display: none;
}
.rcs-slider .pause-icon {
display: block;
}
.rcs-slider .swiper-toggle.paused .play-icon {
display: block;
}
.rcs-slider .swiper-toggle.paused .pause-icon {
display: none;
} .rcs-slider-img {
position: absolute;
top: 3%;
left: 6%;
max-width: 150px;
width: 100%;
}
.rcs-slider-img img {
max-width: 150px;
width: 100%;
}
.rcs-slider img {
max-width: 550px;
}
.rcs-slider .full-width-content.w-100 img {
width: 100%;
max-width: 100%;
} .action-section {
padding-top:25px;
padding-bottom: 50px;
}
.action-section .arrow-btn {
padding-right: 10px;
display: block;
max-width:80%;
margin:0 auto;
}
.action-section .container {
padding-top: 0px !important;
}
.action-section__ratio iframe {
width: 100%;
object-fit: cover;
height: 400px;
}
.action-section .action-section--arrow-content{max-width:60% !important;margin:0 auto;}
.product-card {
background: #fff;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
transition: all 0.3s ease;
border: 1px solid transparent;
}
.product-card:hover {
border: 1px solid var(--accent);
}
.product-card:hover .product-card__badge {
background: var(--accent);
}
.product-card__top {
position: relative;
margin-bottom: 15px;
}
.product-card__badge {
display: inline-flex;
background: #1f5289;
color: #fff;
padding: 15px 20px;
font-size: 18px;
line-height: 22px;
min-height: 74px;
align-items: center;
width: 100%;
justify-content: center;
}
.product-card__new {
width: 75px;
position: absolute;
right: 19px;
top: 70px;
transform: rotate(-1deg);
}
.product-card__image img {
max-height: 140px;
object-fit: contain;
}
.product-card__title {
font-weight: 700;
margin: 15px 0 10px;
font-family: 'Libre Franklin', Helvetica, Arial, Lucida, sans-serif;
color: #000;
}
.product-card__list {
list-style: none;
padding: 0;
text-align: left;
padding: 0 3px;
}
.product-card__list li {
position: relative;
padding-left: 24px;
margin-bottom: 8px;
font-size: 14px;
font-family: 'Arial', Helvetica, Arial, Lucida, sans-serif;
font-weight: 500;
line-height: 26px;
color: #000;
}
.product-card__list li::before {
content: "";
position: absolute;
left: 0;
background: url(//royalproducts.com/images/list/RedCheck.svg) no-repeat center / contain;
width: 18px;
height: 18px;
top: 5px;
}
.product-card__list--dash ul li {
padding-left: 20px;
}
.product-card__list--dash ul li::before {
content: "";
position: absolute;
left: 0;
background: url(//royalproducts.com/images/list/BlackHyphen.svg) no-repeat center / contain;
width: 18px;
height: 18px;
top: 5px;
}
.product-card__title {
font-size: 18px;
font-weight: 700;
margin: 15px 0 10px;
font-family: 'Libre Franklin', Helvetica, Arial, Lucida, sans-serif;
}
.product-card a:hover {
text-decoration: none;
}
.product-section .row .col {
padding-bottom: 20px;
}
.img-width {
max-width: 100%;
}
.product-feature .gap-4 {
gap: 100px;
}
.product-feature .gap-3 {
gap: 75px;
}
.product-feature p.fw-bold {
padding-bottom: 0 !important;
}
.product-feature p {
font-size: 16px;
}
.middle-row__bottom {
margin-top: 120px;
}
.bg-gray {
background: #e3e3e3;
}
.royal-qg-section .bg-gray>div {
font-size: clamp(24px, 2.5vw, 27px);
line-height: clamp(28px, 2.5vw, 32px);
text-transform: uppercase;
}
.rotate-tag {
transform: rotate(-20deg);
display: inline-block;
}
.royal-qg-section img {
max-height: 280px;
object-fit: contain;
}
.royal-qg-section h2 {
font-size: clamp(20px, 2.5vw, 27px);
margin-top: 40px;
line-height: clamp(24px, 2.5vw, 32px);
}
.royal-qg-section__box .position-absolute {
top: 0;
z-index: 99;
}
.royal-qg-section__box .position-absolute img {
max-width: 75px;
}
.royal-qg-section__box p {
font-size: 16px;
}
.royal-qg-section .row-cols-lg-5 .royal-qg-section__new-logo {
top: -15px;
z-index: 99;
left: -9px;
}
.royal-qg-section .row-cols-lg-4 .royal-qg-section__new-logo {
top: -10px;
z-index: 99;
left: -10px;
}
.rcs-slider-img img.img-fluid:first-child {
max-width: 80%;
}
.chuck-guide {
margin-top: 10px;
}
.chuck-guide__box {
background: #e0e3e2;
border-radius: clamp(12px, 2vw, 30px);
border: 2px solid #000;
padding: 35px !important;
}
.chuck-guide .chuck-guide__title {
font-weight: 700;
font-size: clamp(20px, 2.5vw, 27px);
line-height: 1.2;
color: #1f5289;
margin-bottom: clamp(16px, 2vw, 28px);
text-align: center;
}
.chuck-guide__subtitle {
font-weight: 700;
font-size: clamp(16px, 1.5vw, 18px);
margin-bottom: clamp(10px, 1.5vw, 16px);
}
.chuck-guide__list {
padding-left: 1.2rem;
margin: 0;
}
.chuck-guide__list li {
font-size: clamp(16px, 1.2vw, 20px);
line-height: 1.2;
margin-bottom: clamp(6px, 1vw, 10px);
list-style-type: decimal;
}
.chuck-guide__images {
display: flex;
flex-wrap: wrap; justify-content: center;
}
.chuck-guide__images img {
max-width: 100%;
width: 100%;
}
.chuck-guide__step {
text-align: center;
}
.chuck-guide__circle {
width: clamp(80px, 8vw, 120px);
height: clamp(80px, 8vw, 120px);
border-radius: 50%;
background: #fff;
border: 2px solid #ccc;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.chuck-guide__circle img {
width: 75%;
height: auto;
}
.chuck-guide__label {
display: block;
margin-top: clamp(6px, 1vw, 10px);
font-size: clamp(14px, 1.2vw, 16px);
font-weight: 700;
}
.promo-banner {
padding-bottom: 60px;
}
.promo-banner__box h2 {
color: #000;
}
.promo-banner__title {
color: #fff;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: clamp(30px, 2.2vw, 34px);
line-height: 1.2;
padding-bottom: 0;
margin: 0;
} .pdf-preview-inner {
position: relative;
width: 100%;
aspect-ratio: 16 / 9; overflow: hidden;
background: #fff;
}
.pdf-preview-inner iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.order-now {
padding: 60px 0 0px;
}
.order-now__list {
padding-left: 18px;
list-style-type: decimal;
}
.order-now__item {
margin-bottom: 16px;
font: normal clamp(16px, 1.5vw, 20px) / 27px Arial, Helvetica, sans-serif;
color: var(--text-dark);
}
.order-now__badge {
margin-top: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.order-now__badge span {
max-width: 90px;
}
.order-now__flag {
max-width: 50% !important;
}
.order-now__badge p {
text-align: center;
}
.order-now__image-box img {
width: 100%;
max-width: 85%;
}
.order-now__content {
padding-left: 20px;
}
.order-now__badge {
display: flex;
height: 100%;
align-items: flex-end;
justify-content: center;
margin-top: -40px;
}
.single-product-description .product-short-description {
margin-bottom: 3.09% !important;
margin-top: 15px !important;
}
.single-product-description .product-short-description .redcheck {
padding-bottom: 0 !important;
}
.category-cart .available-on-backorder {
display: none !important;
}
.category-cart {
padding-top: 20px;
}
.et_pb_row.et_pb_row_13_tb_body.hide_empty_upsell.et_pb_equal_columns.et_pb_gutters2 {
margin: 0 auto !important;
}
.image-description img {
max-width: 70% !important;
margin: 0 auto;
}
.product-feature .image-feature img.product-feature-img {
max-width: 100%;
}
img.product-feature-img {
max-width: 70%;
}
.container.image-feature {
text-align: center;
padding-block: 60px;
}
.action-section__content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
} .arrow-btn img {
max-width: 100%;
height: auto;
} .action-section__text {
margin-top: 15px;
} .action-section__content.only-arrow {
justify-content: center;
align-items: center;
} .action-section__content.has-both {
justify-content: center;
align-items: center;
} .action-section__content.only-text {
justify-content: center;
align-items: center;
text-align: center;
} .custom-button-section__wrap {
display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; margin: 30px 0;
}
.custom-button-item {
text-align: center;
text-decoration: none;
width: 140px;
}
.custom-button-image {
background: #f3f3f3;
border-radius: 12px;
padding: 15px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08),0 1px 3px rgba(0, 0, 0, 0.06);
transition: 0.3s;
border: 1px solid rgba(0, 0, 0, 0.05);
}
.custom-button-image img {
width: 100%;
height: auto;
}
.custom-button-title {
margin-top: 10px;
font-size: 14px;
color: #000;
}
.custom-button-item:hover{text-decoration:none;}  .custom-button-item:hover .custom-button-image {
transform: translateY(-5px);
} .order-guide {
padding: 60px 20px;
}
.order-guide__header {
margin-bottom: 10px;
}
.order-guide__title {
margin: 0;
font-weight: 400;
color: #111111;
line-height:26px;
}
.order-guide__title-strong {
font-weight: 800;
}
.order-guide__title-light {
font-weight: 400;
}
.order-guide__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.order-guide__card {
display: flex;
align-items: flex-start;
gap: 0px;
padding:15px 20px;
border-radius: 18px;
background-color: #ececec;
}
.order-guide__number {
flex-shrink: 0;
font-size: clamp(20px, 5vw, 32px);
line-height: 1;
font-weight: 800;
color: #000000;
}
.order-guide__image-wrap {
flex-shrink: 0;
width: 180px;
}
.order-guide__image {
display: block;
width: 100%;
height: auto;
}
.order-guide__content {
flex: 1;
padding-left: 15px;
}
.order-guide__text {
margin: 0 0 12px;
font-size: 20px;
line-height: 1.2;
}
.order-guide__text br{display:none;}
.order-guide__text:last-child {
margin-bottom: 0;
}
.order-guide__text strong {
font-weight: 800;
}
.custom-button-section__wrap a[aria-pressed="true"] .custom-button-image{
border:2px solid rgb(21, 62, 116);
}
.custom-button-section__wrap a[aria-pressed="true"] .custom-button-title{font-weight: 700;}
.order-guide .dimensional-info-block .et_pb_lightbox_image img {
width: 70%;
display: block;
margin-inline: auto;
}
.dimensional-info-block {
text-align: center;
}
.dimensional-info-block .popup-btn a {
display: inline-block;
font-size: 24px;
text-decoration: underline;
margin-top: 20px;
} .page-id-67596 .mfp-bg {
background: rgba(0, 0, 0, 0.75) !important;
opacity: 1 !important;
}
.page-id-67596 .mfp-wrap {
overflow: auto !important;
}
.page-id-67596 .mfp-content {
width: 80% !important;
max-width: 1500px !important;
margin: 0 auto !important;
}
.page-id-67596 .mfp-content .mfp-figure,
.page-id-67596 .mfp-content .et_pb_lightbox_content {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
background: #fff !important;
padding-block: 0;
}
.page-id-67596 .mfp-content img {
display: block;
width: auto;
object-fit: contain;
max-height: 100% !important;
padding-block: 0;
}
.page-id-67596 .mfp-content .mfp-figure figure {
height: 65vh;
display: flex;
align-items: center;
}
.page-id-67596.mfp-zoom-out-cur {
overflow-y: hidden !important;
max-height: 100vh;
}
.page-id-67596 .mfp-close {
top: 5px !important;
right: 5px !important;
opacity: 0.7 !important;
} #DimensionalInfo.popup {
display: none;
position: fixed;
inset: 0;
z-index: 99999999999;
background: rgba(0, 0, 0, 0.7);
}
.dimensional-popup-wrapper .popup-body {
position: relative;
max-width: 1500px;
overflow-y: auto;
background: #fff;
padding: 30px;
margin: auto;
width: 100%;
top: 50%;
transform: translateY(-50%);
max-height: 80vh;
}
.dimensional-popup-wrapper .close-popup {
position: fixed;
top: 4px;
right: 10px;
z-index: 10;
cursor: pointer;
font-size: 40px;
line-height: 1;
background: #FFF;
width: 40px;
height: 40px;
}
.dimensional-popup-wrapper .popup-body img {
width: 100% !important;
}
.dimensional-popup-wrapper .popup-body .wcpt table th div, .popup-body .wcpt table td div {
text-align: center !important;
}  .rcs-video-swiper {
width: calc(100% - 40px);
margin-inline: auto;
}
.rcs-video-swiper .swiper-button-prev, .rcs-video-swiper .swiper-button-next {
top: calc(50% - 10px);
height: 30px;
width: 30px;
filter: brightness(0) saturate(100%) invert(50%);
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMS40MzMgMTUuOTkyTDIyLjY5IDUuNzEyYy4zOTMtLjM5LjM5My0xLjAzIDAtMS40Mi0uMzkzLS4zOS0xLjAzLS4zOS0xLjQyMyAwbC0xMS45OCAxMC45NGMtLjIxLjIxLS4zLjQ5LS4yODUuNzYtLjAxNS4yOC4wNzUuNTYuMjg0Ljc3bDExLjk4IDEwLjk0Yy4zOTMuMzkgMS4wMy4zOSAxLjQyNCAwIC4zOTMtLjQuMzkzLTEuMDMgMC0xLjQybC0xMS4yNTctMTAuMjkiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPg==) no-repeat center / contain !important;
}
.rcs-video-swiper .swiper-button-next {
transform: rotate(180deg);
}
.rcs-video-swiper .swiper-button-prev::after, .rcs-video-swiper .swiper-button-next::after {
display: none;
}
.rcs-video-swiper .swiper-button-prev {
left: 0;
}
.rcs-video-swiper .swiper-button-next {
right: 0;
}
.rcs-video-swiper .action-section__ratio iframe {
width: 100%;
object-fit: cover;
aspect-ratio: 16/9;
height: auto;
}
.rcs-swiper .chuck-guide {
width: calc(100% - 110px);
margin-inline: auto;
}
.action-section__img img {
max-width: 450px;
width: 100%;
margin-inline: auto;
display: block;
}
.filtermist-section_faqs {
padding-block-end: 50px;
} @media (max-width: 1440px) {
.custom-banner--image-cutoff{min-height: 280px;}
}
@media (max-width: 1200px) {
.royal-qg-section__box .royal-qg-section__new-logo {
left: -10px;
right: 60%;
top: -10px;
}
.rcs-slider img {
max-width: 100%;
}
.rcs-slider-img img.img-fluid:first-child {
max-width: 70%;
}
.action-section {
padding-bottom: 20px;
}
.custom-banner--image-cutoff{    min-height: 250px;display: flex;}
.custom-banner--image-cutoff .banner-img{    width: 110%;    bottom: -130px;}
.order-guide .dimensional-info-block img {width: 100%;}
.rcs-swiper .chuck-guide {width: calc(100% - 70px); }
}
@media (max-width: 1024px) {
.order-guide__grid {
grid-template-columns: 1fr;
}
.order-guide__card {
padding: 24px;
}
.order-guide__image-wrap {
width: 150px;
}
}
@media (max-width: 991px) {
.text-content p {
max-width: initial;
}
.chuck-guide__list {
padding-bottom: 0;
}
.action-section__ratio iframe {
height: 220px;
}
.text-image .col-lg-6:nth-child(2),
.image-image {
text-align: center;
}
.action-section {
padding-bottom: 0px;
}
.rcs-slider {
padding: 50px 0;
}
.product-card__image img {
max-height: 120px;
}
.middle-row__bottom {
margin-top: 20px;
}
.product-feature img {
width: 50%;
}
.royal-qg-section__box .royal-qg-section__new-logo {
top: -20px;
}
.rcs-slider-img {
left: 17%;
top: 4%;
}
.chuck-guide__images {
justify-content: center;
}
.chuck-guide__box .row {
flex-direction: column-reverse;
gap: 20px;
}
.order-now__badge {
align-items: center;
justify-content: center;
margin-bottom: 0px;
margin-top: 0;
}
.order-now__content {
padding-left: 0;
}
.order-now {
padding: 60px 0 0px;
}
.order-now .container-fluid {
padding: 0;
}
.order-now .row {
flex-direction: column-reverse;
}
.order-now__image-box img {
max-width: 70%;
}
.order-now__item:last-child {
margin-bottom: 0 !important;
}
.order-now__flag {
max-width: 10% !important;
margin-bottom: 10px !important;
}
.order-now__list {
padding-bottom: 0 !important;
}
.hide_empty_upsell .image-description {
margin-top: 0 !important;
}
.risk-free-performance .et_pb_column_2_5 {
width: 100%;
}
.risk-free-performance .et_pb_column_2_5 .et_pb_image img {
max-width: 70%;
}
.custom-banner--image-cutoff .banner-img {
width: 110%;
bottom: -110px;
}
}
@media (max-width: 767px) {
.product-feature .image-feature img.product-feature-img{width:100%;}
.banner-title {
text-align: center;
}
.banner-img {
margin-top: 20px;
}
.action-section__img img {
width: 300px;
}
.rcs-slider .swiper-slide .row {
gap: 0px;
}
.rcs-slider {
padding: 50px 0 30px;
}
.rcs-slider .text-content {
padding: 5px 0 0px;
}
.action-section .arrow-btn {
display: none;
}
.rcs-slider img {
max-width: 90%;
}
.rcs-slider .text-image {
flex-direction: column-reverse;
}
.custom-banner img {
max-width: 70%;
}
.product-feature .mb-5 {
margin-bottom: 0 !important;
}
.royal-qg-section__box .royal-qg-section__new-logo {
left: 0;
right: 60%;
top: -10px;
}
.promo-banner {
padding-bottom: 15px;
}
.order-now {
padding: 40px 0 0;
}
.chuck-guide__images {
margin-bottom: 20px;
}
.custom-banner--image-cutoff .banner-img{position:initial;width: 100%;max-width: 100%;}
.order-guide {
padding: 40px 16px;
}
.order-guide__card {
flex-direction: column;
gap: 10px;
}
.order-guide__image-wrap {
width: 130px;
}
.order-guide__content{
padding-left:0;
}
.custom-banner{padding-top:20px;}
.custom-banner--image-cutoff h1.banner-title {padding-top: 10px;}
.order-guide__text{font-size: 16px;line-height: 1.2;}
.page-id-67596 .mfp-content {
width: 92% !important;
}
}
@media (max-width: 575px) {
.action-section__ratio iframe {
height: 290px;
}
.action-section__img img {
width: 200px;
}
.product-card {
text-align: center;
}
.product-card__list {
text-align: left;
}
.product-feature img {
width: 70%;
}
.rcs-slider-img {
left: 8%;
top: 2%;
}
.rcs-slider-img img.img-fluid:first-child {
max-width: 60%;
}
.chuck-guide__box {
padding: 20px !important;
}
.order-now__flag {
max-width: 20% !important;
margin-bottom: 10px;
}
.image-description img {
max-width: 100% !important;
}
.dimensional-popup-wrapper .close-popup {
right: 5px;
font-size: 32px;
width: 30px;
height: 30px;
}
.rcs-slider .swiper-button-next {
right: 0;
}
.rcs-slider .swiper-button-prev {
left:0;
}
}
@media (max-width:480px) {
.action-section__ratio iframe {
height: 100%;
}
.custom-banner img {
max-width: 100%;
}
.royal-qg-section__box .position-absolute {
left: 0;
right: 60%;
}
.rcs-slider-img {
left: 4%;
top: 0%;
}
.chuck-guide {
margin-top: 10px;
}
}
@media (max-width: 372px) {
.category-cart form.cart .single_add_to_cart_button {
margin-top: 10px !important;
}
}