@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800; 1,300..800&family=Poppins:ital,wght@0,100; 0,200; 0,300; 0,400; 0,500; 0,600; 0,700; 0,800; 0,900; 1,100; 1,200; 1,300; 1,400; 1,500; 1,600; 1,700; 1,800; 1,900&family=Saira+Stencil+One&display=swap');

:root {
     --color-1: #041a57;
     --color-2: #07112f;
     --color-3: #172d6b;
     --color-4: #ffed91;
     --color-5: #af1616;
     --color-6: #fff;
     --color-cm-1: #d0dde4;
     --color-cm-2: #272425;
     --color-cm-3: #050c21;
     --color-cm-4: #025a80;
     --color-cm-5: #2a3d67;

     --txt-caps: uppercase;
     --bf-sale-family: "Open Sans", sans-serif;
     --bf-sale-family-popp: "Poppins", sans-serif;
     --regular: 400;
     --semibold: 600;
     --bold: 700;
     --fs30: 30px;
     --fs24: 24px;
     --fs20: 20px;
     --fs18: 18px;
     --fs16: 16px;
     --fs14: 14px;
}

.title {
     font-size: var(--fs20);
     line-height: 24px;
     font-weight: var(--semibold);
     text-transform: var(--txt-caps);
     font-family: var(--bf-sale-family);
}

.title24 {
     font-size: var(--fs24);
     line-height: 28px;
     font-weight: var(--semibold);
}

.title30 {
     font-size: var(--fs30);
     line-height: 34px;
     font-weight: var(--bold);
}

.cyber-monday-theme-25{
     background: url('https://www.canadapetcare.com/images/BlackFriday2025/cm-body-bg.png') repeat-y center;
     background-size: contain;
}

.bf-theme-section1 {
     /* background: var(--color-1);  clear:both;  */
}

.bf-theme-section1 img {
     margin: 0 auto;
     display: block;
}

.bf-theme-section2 {
     padding-top: 20px;
     /* background: url('/images/BlackFriday2025/bf-section-bg.png'), var(--color-1);
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat; */
     position: relative;
}

.bf-theme-section2.NewUpdated_SaleThem .section-header {
     padding-bottom: 30px;
}

.bf-theme-section2 .section-heading {
     font-size: 48px;
     font-weight: 400;
     text-align: center;
     color: #015b80;
     line-height: 1;
     font-family: "Saira Stencil One", sans-serif;
}

.bf-theme-section2 .special-offer-inner {
     border-radius: 30px;
     padding: 30px 30px 50px;
     background: var(--color-cm-4);
     display: flex;
     gap: 18px;
     flex-wrap: wrap;
}

.spc-off-col {
     width: calc((100% - 54px) / 4);
     border-radius: 20px;
     overflow: hidden;
     text-align: center;
     border-bottom-width: 6px;
     background: var(--color-6);
     border: 1px solid var(--color-cm-1);
     border-bottom-width: 4px;
}

.spc-off-header {
     padding: 10px 0 16px;
     text-align: center;
     background: var(--color-cm-1);
     border-top-left-radius: 5px;
     transition: all .3s ease-in;
}

.spc-off-header .title {
     font-weight: var(--bold);
}

.spc-off-col .spc-off-header {
     color: var(--color-cm-3);
}

.spc-off-img-holder {
     padding-top: 25px;
     padding-bottom: 30px;
     text-align: center;
     position: relative;
}

.spc-off-img {
     position: relative;
     width: fit-content;
     margin: 0 auto;
}

.offsetIcon {
     top: 20px;
     right: 20px;
     position: absolute;
}

.spc-off-content {
     padding-bottom: 20px;
}

.spc-off-holder {
     padding: 6px 15px;
     border-radius: 3px;
     background: var(--color-4);
     width: fit-content;
     display: flex;
     gap: 6px;
     align-items: center;
     margin: 0 auto;
     z-index: 1;
     position: relative;
     overflow: hidden;
     transition: all .3s ease-in;
}

.spc-off-col:not(:last-child) .spc-off-holder::before {
     content: '';
     bottom: -100%;
     width: calc(100% - 2px);
     height: calc(100% - 2px);
     position: absolute;
     background: var(--color-cm-1);
     left: 0;
     right: 0;
     z-index: -1;
     margin: 0 auto;
     transition: all .3s ease-in;
     border-radius: 3px;
}

.spc-off-col:hover .spc-off-holder::before {
     bottom: 1px;
}

.spc-flat-off {
     font-size: var(--fs16);
     font-weight: var(--semibold);
     transition: all .3s ease-in;
     font-family: var(--bf-sale-family);
}

.spc-off-rate {
     font-family: var(--bf-sale-family);
}

.spc-off-col:not(:last-child):hover .spc-off-holder {
     color: var(--color-cm-3);
}

.spc-off-col:last-child .spc-off-holder {
background:var(--color-5);
color: #fff; 
}

.diff-btn {
     display: flex;
     z-index: 1;
     flex: 1;
     position: relative;
     padding: 8px 15px;
     font-family: var(--bf-sale-family);
     transition: all .3s ease-in;
     animation: btnBlink 1.5s ease-in alternate infinite;
}

.diff-btn .diff-left,
.diff-btn .diff-right {
     width: 50%;
     display: block;
     animation: blink 1s ease-in alternate infinite;
}

@keyframes blink {
     0% {
          opacity: 1;
     }

     50% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}

@keyframes btnBlink {
     0% {
          box-shadow: inset 0 0 4px #ffffff81;
     }

     50% {
          box-shadow: inset 0 0 8px var(--color-6);
     }

     100% {
          box-shadow: inset 0 0 4px #ffffff81;
     }
}

.diff-btn .diff-right {
     color: var(--color-6);
}

.diff-btn::before {
     content: '';
     width: 50%;
     height: 100%;
     top: 0;
     right: 0;
     z-index: -1;
     position: absolute;
     background: var(--color-5);
     border-radius: 0 3px 3px 0;
     transform: skewX(-10deg) scaleX(1.1);
     transition: all .3s ease;
}

.spc-off-price {
     padding-bottom: 20px;
     font-size: var(--fs24);
     line-height: 1;
     color: var(--color-5);
     font-family: var(--bf-sale-family);
     font-weight: var(--semibold);
}

/* section 3 */
.bf-theme-section3 {
     /* background: url('/images/BlackFriday2025/bf-section-bg3.png'), var(--color-1);
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat; */
}

.bf-theme-section3.NewUpdated_SaleThem .buy-get-inner {
     display: flex;
     padding: 20px 0;
     justify-content: space-between;
}

.bf-theme-section3 .b3g1,
.bf-theme-section3 .b6g2 {
     width: 21%;
}
.buy-get-prd-footer {
    width: 80%;
    margin: 0 auto;
}
.buy-get-prd {
     width: 100%;
     display: flex;
     gap: 20px;
     padding: 0 10px;
     align-items: center;
}

.buy-get-prd-col {
     width: calc((100% - 40px) / 3);
     text-transform: var(--txt-caps);
     text-align: center;
}

.both-off {
     display: none;
}

.buy-get-prd-col a {
     color: var(--color-cm-3);
}

.mobile-img {
     display: none;
}

.buy-get-prd-img-holder {
     text-align: center;
     padding: 30px 0 15px;
}

.buy-get-content {
     display: flex;
     gap: 6px;
     z-index: 1;
     overflow: hidden;
     position: relative;
     align-items: center;
     border-radius: 5px;
     overflow: hidden;
     background: var(--color-4);
}

.buy-get-content .buy-get-title {
     font-size: var(--fs14);
     line-height: 18px;
     font-family: var(--bf-sale-family);
     font-weight: var(--regular);
}

.buy-get-content .buy-get-price {
     font-weight: var(--semibold);
     font-family: var(--bf-sale-family);
}

.buy-get-content .buy-get-rate .buy-get-price {
     font-size: var(--fs16);
}

.buy-get-rate {
     color: #000;
     width: calc(40% - 3px);
}

.buy-get-rate-off {
     padding: 5px;
     position: relative;
     color: var(--color-6);
     background: var(--color-5);
     width: calc(60% - 3px);
}

.buy-get-rate-off::before {
     content: '';
     top: 0;
     width: 0;
     height: 0;
     right: 100%;
     border-top: 56px solid transparent;
     border-right: 5px solid var(--color-5);
     border-bottom: 0px solid transparent;
     position: absolute;
}

.buy-get-prd-footer .buy-get-btn {
     margin-top: 15px;
}

.section4-inner .prd-col-2:last-child .buy-get-prd-footer .buy-get-btn {
     color: var(--color-6);
     background: var(--color-5);
}

.section4-inner .prd-inner-col:hover .buy-get-btn::before{
     transform: scale(2);
}

.buy-get-btn {
     margin: 0 auto;
     line-height: 1;
     padding: 5px 10px;
     width: fit-content;
     border-radius: 5px;
     font-size: var(--fs18);
     /* color: var(--color-1); */
     background: var(--color-cm-4);
     position: relative;
     font-family: var(--bf-sale-family);
     font-weight: var(--bold);
     transition: all .3s ease-in;
     overflow: hidden;
     z-index: 1;
     color: var(--color-6);
     /* border: 1px solid transparent; */
}

.buy-get-prd-col:hover .buy-get-btn {
     /* border-color: #ffffff81; */
}

.buy-get-btn::before {
     content: '';
     width: 50px;
     height: 50px;
     left: 0;
     bottom: 0;
     top: 0;
     right: 0;
     margin: auto;
     z-index: -1;
     position: absolute;
     background: var(--color-cm-3);
     transform: scale(0);
     transition: all .3s ease-in;
}

.buy-get-prd-footer .buy-get-btn::before {
     background: var(--color-cm-3);
}

.buy-get-prd-col:hover .buy-get-btn::before {
     transform: scale(3);
     border-radius: 50px;
}

/* section 4 */
.bf-theme-section4 {
     padding-top: 20px;
     /* background: url(/images/BlackFriday2025/bf-section-bg4.png), var(--color-1);
     background-size: contain;
     background-position: center;
     background-repeat: repeat-y; */
}

.section4-inner {
     padding: 30px 44px;
     position: relative;
     display: flex;
     gap: 15px 10px;
     flex-wrap: wrap;
     border-radius: 10px;
     background: var(--color-cm-5);
}
/* 
.section4-inner::before,
.section4-inner::after {
     content: '';
     width: 100%;
     height: 20px;
     left: 0;
     right: 0;
     margin: 0 auto;
     position: absolute;
     border-radius: 100%;
}

.section4-inner::before {
     top: -10px;
     background: linear-gradient(0deg, transparent 50%, var(--color-2) 50%)
}

.section4-inner::after {
     bottom: -10px;
     background: linear-gradient(0deg, transparent 50%, var(--color-1) 50%)
} */

.free-tag {
     top: 0;
     right: 0;
     position: absolute;
}

.prd-col-2 {
     position: relative;
     border: 10px;
     display: flex;
     gap: 10px;
     border-radius: 10px;
     width: calc((100% - 10px) /2);
	 order:2;
}

.section4-inner .prd-col-2:first-child {
     background: url('/images/BlackFriday2025/advantage-shape-bg.png'), var(--color-5);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: start;
	 order:4;
}

.prd-col-2 a {
     width: 100%;
     display: block;
}

.prd-advtage-multi {
     width: 100%;
     padding: 25px 10px 20px 40px;
     display: flex;
     gap: 20px;
     justify-content: center;
     align-items: center;
}

.prd-advtage-multi .prd-col {
     height: 100%;
}

.prd-advtage-multi .prd-col:first-child {
     width: calc(55% - 10px);
}

.prd-advtage-multi .prd-col:last-child {
     width: calc(45% - 10px);
     text-align: center;
}

.prd-advtage-multi .prd-col .prd-diff {
     font-family: var(--bf-sale-family-popp);
}

.prd-advtage-multi .prd-col .prd-diff:first-child {
     padding-bottom: 24px;
}

.prd-advtage-multi .prd-col .prd-diff-price {
     border: 1px dashed var(--color-6);
     border-radius: 10px;
     padding: 8px 12px;
     width: fit-content;
     margin: 30px auto 0;
     color: var(--color-6);
     font-family: var(--bf-sale-family);
}

.prd-advtage-multi .prd-col .prd-diff-price .title24 {
     color: var(--color-4);
     padding-top: 4px;
}

.prd-col-header .title {
     font-weight: 300;
     text-transform: none
}

.prd-advtage-multi .prd-col-header .title30 {
     padding-bottom: 10px;
     font-weight: var(--bold);
}

.prd-col-2 .prd-advtage-multi .prd-col-header {
     text-align: left;
     padding-bottom: 20px;
     font-family: var(--bf-sale-family-popp);
}

.prd-advtage-multi .buy-get-btn {
     margin-top: -20px;
     color: var(--color-cm-2);
     background: var(--color-6);
}

/* .prd-advtage-multi .prd-col:hover .buy-get-btn {
     color: var(--color-6);
} */

.prd-advtage-multi .buy-get-btn::before {
     background: var(--color-6);
}

.prd-advtage-multi .prd-col:hover .buy-get-btn::before {
     background: var(--color-3);
}

.prd-advtage-multi .prd-diff .title30 {
     color: var(--color-4);
     font-weight: var(--regular);
}

.prd-advtage-multi .title46 {
     font-size: 46px;
     line-height: 1;
     color: var(--color-4);
     font-weight: var(--semibold);
}

.section4-inner .prd-col-2:last-child {
     padding: 30px 10px;
     background: url('/images/BlackFriday2025/revolution-shape-bg.png'), #295a8b;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     flex-direction: column;
     justify-content: space-around;
	 order: 1;
}

.prd-col-2 .prd-col-header {
     text-align: center;
     color: var(--color-6);
     font-family: var(--bf-sale-family-popp);
}

.prd-inner-col:not(.prd-col-3 .prd-inner-col) {
     border-radius: 10px;
     background: var(--color-6);
     text-align: center;
     width: calc((100% - 10px) / 2);
}

.prd-inner-col a {
     display: block;
}

.prd-inner-col:not(.prd-col-3 .prd-inner-col) a {
     padding: 20px 10px;
}

.prd-inner-col .title {
     height: 48px;
     font-weight: var(--bold);
}

.prd-col-2:nth-child(2) .prd-inner-col .title {
     width: 70%;
     margin: 0 auto;
}

.prd-inner-col .prd-img-holder {
     padding: 10px 20px;
}

.prd-inner-col .prd-price {
     padding-bottom: 10px;
     line-height: 1;
     color: var(--color-2);
     font-size: var(--fs24);
     font-weight: var(--semibold);
     font-family: var(--bf-sale-family);
}

.prd-inner-col .rate-off {
     background: var(--color-5);
     display: flex;
     color: var(--color-6);
     gap: 3px;
     padding: 3px;
     padding-left: 5px;
     padding-right: 30px;
     margin: 0 auto;
     border-radius: 5px;
     width: fit-content;
     align-items: center;
     position: relative;
     font-weight: var(--semibold);
     font-family: var(--bf-sale-family);
}

.prd-inner-col .rate-off::after {
     content: '';
     width: 38px;
     height: 37px;
     top: -2px;
     bottom: 0;
     right: -15px;
     position: absolute;
     background: url('https://www.canadapetcare.com/images/BlackFriday2025/Buy-Now-Icon.png') no-repeat;
     background-position: center;
}

.rate-icon {
     margin-right: -15px;
}

.prd-inner-col .buy-get-btn::before {
     background: var(--color-cm-3);
}

.prd-inner-col:hover .buy-get-btn {
     color: var(--color-5);
     border-color: var(--color-5);
}

.prd-col-3 .prd-inner-col a {
     text-align: center;
     color: var(--color-6);
}

.prd-diff-col {
     display: flex;
     gap: 10px;
     text-align: center;
     flex-direction: column;
     color: var(--color-4);
     background: #174878;
     border-radius: 10px;
     width: 25%;
     padding: 15px 0;
     height: fit-content;
}

.prd-col-3 {
     display: flex;
}

.prd-col-3 .prd-inner-col {
     width: 50%;
}

.prd-col-3 .prd-inner-col .buy-get-prd-img-holder {
     padding-bottom: 28px;
}

.prd-col-3 .prd-inner-col .buy-get-prd-footer .buy-get-price {
     font-family: var(--bf-sale-family);
}

.prd-col-3 .prd-inner-col:hover .buy-get-btn {
     border-color: #ffffff81;
     color: var(--color-4);
}

.combo-offer {
     padding-top: 24px;
}

.combo-offer img {
     display: block;
}

.prd-col-3 .prd-diff-col {
     font-family: var(--bf-sale-family-popp);
}

.prd-col-3 .prd-diff-col .title24 {
     font-weight: var(--regular);
}

.prd-col-3 .prd-diff-col .title30 {
     font-weight: var(--semibold);
}

/* section 5 */
.bf-theme-section5 {
     padding: 40px 0 70px;
     /* background: url('/images/BlackFriday2025/bf-section-bg5.png'), var(--color-1);
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat; */
}

.section5-inner {
     display: flex;
     gap: 15px 10px;
     flex-wrap: wrap;
     /* padding: 0 50px; */
}

.section5-inner .prd-col-1 {
     width: 100%;
     display: flex;
     gap: 10px;
     flex-wrap: wrap;
}

.section5-inner .prd-col-1:nth-child(1) .prd-col-2 {
     width: calc((100% - 10px) / 2);
     overflow: hidden;
     border-radius: 15px;
}

.section5-inner .prd-col-1:nth-child(1) .prd-col-2 a {
     text-align: right;
}

.section5-inner .prd-col-1:nth-child(1) .prd-col-2:nth-child(2) a {
     text-align: left;
}

.section5-inner .prd-col-1:nth-child(2) .prd-inner-col {
     width: calc((100% - 30px) / 4);
}

.advantage-full-link {
     display: flex;
     gap: 10px;
     border-radius: 10px;
     padding: 20px 40px;
}

.section5-inner .prd-col-1:nth-child(2) .prd-col-2 {
     display: flex;
     gap: 10px;
}

.advantage-link {
     width: calc(55% - 5px);
}

.advantage-pack {
     bottom: 20px;
     position: absolute;
}

.section5-inner .prd-col-1:nth-child(1) .prd-col-2:nth-child(1) .advantage-pack {
     right: 0;
     width: 45%;
}

.section5-inner .prd-col-1:nth-child(1) .prd-col-2:nth-child(2) .advantage-pack {
     left: 0;
     width: 60%;
}

.advantage-pack .prd-header .title30 {
     font-weight: var(--semibold);
}

.advantage-pack .title30 {
     font-weight: var(--regular);
}

.section5-inner .prd-col-1 .prd-col-2:nth-child(2) .advantage-link {
     width: calc(45% - 5px);
}

.section5-inner .prd-col-1 .prd-col-2:nth-child(2) .advantage-link .prd-img-holder {
     text-align: center;
}

.section5-inner .prd-col-1 .prd-col-2:nth-child(2) .advantage-pack .prd-header {
     color: var(--color-6);
     text-align: center;
     padding-bottom: 40px;
}

.advantage-pack .diff-pack-inner {
     background: linear-gradient(90deg, #0f4a38 30%, transparent 100%);
     border-radius: 10px;
     padding: 10px;
}

.advantage-pack .diff-pack-inner .diff-pack:first-child {
     padding-bottom: 6px !important;
}

.advantage-pack .diff-pack-inner .diff-pack {
     padding-bottom: 0 !important;
     display: flex;
     gap: 10px;
     align-items: center;
     justify-content: center;
}

.advantage-pack .diff-pack-inner .diff-pack div {
     width: calc((100% - 10px) / 2);
}

.advantage-pack .diff-pack-inner .diff-pack .title30 {
     font-weight: var(--regular);
     text-align: right;
}

.advantage-link .prd-header {
     color: var(--color-6);
     padding-bottom: 20px;
}

.advantage-link .prd-header .title {
     font-weight: var(--regular);
}

.advantage-link .buy-get-btn::before {
     background: var(--color-5);
     border-radius: 50px;
}

.advantage-link .buy-get-btn {
     color: var(--color-6);
}

.advantage-link:hover .buy-get-btn {
     border-color: #ffffff81;
}

.advantage-link:hover .buy-get-btn::before {
     transform: scale(0);
}

.advantage-pack .diff-pack {
     text-align: center;
     color: var(--color-4);
}

.advantage-pack .diff-pack:first-child {
     padding-bottom: 20px;
}

.advantage-pack .diff-pack:last-child {
     padding-bottom: 30px;
}

.advantage-pack .diff-pack .title46 {
     font-size: 40px;
     line-height: 44px;
     font-weight: var(--semibold);
}

.advantage-pack .prd-diff-price {
     border: 1px dashed var(--color-6);
     border-radius: 10px;
     width: fit-content;
     padding: 6px 14px;
     margin: 30px auto 0;
     color: var(--color-6);
     text-align: center;
     font-family: var(--bf-sale-family);
}

.advantage-pack .prd-diff-price .title24 {
     color: var(--color-4);
     padding-top: 4px;
}

@media (max-width: 1149px) {
     .spc-off-header {
          padding: 8px 0 12px;
     }

     .buy-get-prd {
          gap: 10px;
     }

     .buy-get-prd-col {
          width: calc((100% - 20px) / 3);
     }

     .bf-theme-section3.NewUpdated_SaleThem .buy-get-inner {
          padding: 20px 0;
     }

     .advantage-full-link .advantage-link .prd-header .title {
          display: block;
          padding-top: 8px;
     }

     .advantage-pack .diff-pack-inner .diff-pack:first-child {
          padding-bottom: 0 !important;
     }

     .section5-inner {
          padding: 0;
     }
}

@media (max-width: 1149px) and (min-width: 1024px) {
     .advantage-pack .diff-pack .title46 {
          font-size: 32px;
          line-height: 38px;
     }

     .prd-advtage-multi {
          padding-left: 10px;
     }

     .prd-advtage-multi .prd-col-header .title30 {
          font-size: 26px;
          padding-bottom: 4px;
     }

     .section4-inner {
          padding: 30px 34px;
     }

     .prd-col-3 .prd-diff-col {
          padding: 10px 0;
          gap: 8px;
     }

     .prd-col-3 .prd-inner-col .buy-get-prd-img-holder {
          padding: 24px 5px;
     }

     .prd-col-3 .prd-diff-col .title24 {
          font-size: var(--fs20);
     }

     .prd-col-3 .prd-diff-col .title30 {
          font-size: 28px;
          line-height: 32px;
     }
}

@media (max-width: 991px) {
     .diff-btn {
          padding: 8px 0;
     }

     .spc-off-col:last-child .spc-off-holder {
          width: calc(100% - 20px);
     }

     /* section 3 */
     .buy-get-prd {
          gap: 10px;
     }

     .buy-get-prd-col {
          width: calc((100% - 20px) / 3);
     }

     .buy-get-prd-img-holder {
          padding: 24px 0 14px;
     }

     .buy-get-btn {
          font-size: var(--fs16);
     }

     /*  */
     .prd-advtage-multi {
          gap: 0;
          padding: 25px 10px 20px;
     }

     .prd-advtage-multi .prd-col:first-child {
          width: 60%;
     }

     .prd-advtage-multi .prd-col:last-child {
          width: 40%;
     }

     .prd-advtage-multi .prd-diff .title30 {
          font-size: var(--fs24);
     }

     .prd-advtage-multi .title46 {
          font-size: 32px;
     }

     .section4-inner .prd-inner-col .prd-img-holder {
          padding: 0;
     }

     .prd-col-3 {
          flex-wrap: wrap;
     }

     .prd-col-3 .prd-inner-col {
          width: 50%;
          order: 2;
     }

     .prd-col-3 .prd-diff-col {
          width: 100%;
          order: 1;
          gap: 16px;
          flex-direction: row;
          justify-content: center;
     }

     .prd-inner-col .rate-off::after {
          top: 0;
          right: -10px;
          margin: auto 0;
          background-size: 32px;
     }

     .prd-inner-col .rate-off .buy-get-title {
          font-size: var(--fs14);
          line-height: 18px;
     }

     .prd-inner-col .rate-off .buy-get-price {
          font-size: var(--fs16);
          line-height: 20px;
     }

     /*  */
     .bf-theme-section3.NewUpdated_SaleThem .buy-get-inner {
          flex-wrap: wrap;
     }

     .bf-theme-section3 .b3g1,
     .bf-theme-section3 .b6g2 {
          width: 50%;
          order: 1;
     }

     .bf-theme-section3 .b3g1 {
          text-align: right;
     }

     .bf-theme-section3 .buy-get-prd {
          width: 100%;
          order: 2;
     }

     .prd-advtage-multi .prd-col .prd-diff-price {
          padding: 4px 12px;
     }

     /*  */
     .section5-inner .prd-col-1 .prd-col-2:nth-child(2) .advantage-pack {
          width: 60%;
     }

     .section5-inner .prd-col-1 .prd-col-2:nth-child(2) .advantage-link {
          width: 40%;
     }

     .advantage-full-link {
          gap: 0;
          padding: 20px 15px;
     }

     .advantage-full-link .advantage-link {
          width: 60%;
     }

     .advantage-full-link .advantage-pack {
          width: 40%;
     }
     .buy-get-prd-footer {
    width: 100%;
    margin: 0 auto;
}
}

@media (max-width: 991px) and (min-width: 768px) {
     .title {
          font-size: var(--fs16);
          line-height: 20px;
     }

     .title24 {
          font-size: var(--fs20);
          line-height: 24px;
     }

     .title30 {
          font-size: var(--fs24);
          line-height: 30px;
     }

     .bf-theme-section2 .special-offer-inner {
          gap: 8px;
          padding: 20px 20px 40px;
     }

     .spc-off-col {
          width: calc((100% - 24px) / 4);
     }

     .spc-off-img-holder {
          padding: 15px 10px 5px;
     }

     .spc-off-holder {
          padding: 6px 8px;
     }

     .spc-off-holder .spc-flat-off {
          font-size: var(--fs14);
          line-height: 18px;
     }

     .spc-off-holder .spc-off-rate {
          font-size: var(--fs20);
          line-height: 24px;
     }

     .spc-off-price {
          padding: 15px 0;
     }

     .spc-off-price {
          font-size: var(--fs20);
     }

     .bf-theme-section3 .b3g1 img,
     .bf-theme-section3 .b6g2 img {
          width: 220px;
          margin-top: -40px;
     }

     /*  */
     .section4-inner {
          padding: 26px 10px;
     }

     .section4-inner .prd-inner-col:not(.prd-col-3 .prd-inner-col) a {
          padding: 20px 8px;
     }

     .section4-inner .prd-col-2:nth-child(1) {
          order: 1;
     }

     .section4-inner .prd-col-2:nth-child(2) {
          order: 3;
     }

     .section4-inner .prd-col-2:nth-child(3) {
          order: 4;
     }

     .section4-inner .prd-col-2:nth-child(4) {
          order: 2;
     }

     .prd-inner-col .title {
          font-size: var(--fs14);
          line-height: 18px;
     }

     .prd-inner-col .prd-price {
          font-size: var(--fs20);
     }

     .section4-inner .prd-col-2:last-child {
          padding: 25px 10px 20px;
     }

     .prd-col-3 .prd-inner-col .buy-get-prd-img-holder {
          padding: 10px 4px;
     }

     .prd-col-3 .prd-diff-col {
          padding: 7px 0;
     }

     .prd-col-3 .prd-diff-col .title24 {
          line-height: 30px;
     }

     /*  */
     .bf-theme-section5 {
          padding: 40px 0 60px;
     }

     .advantage-pack {
          bottom: 7px;
     }

     .advantage-pack .prd-diff-price {
          padding: 3px 12px;
     }

     .advantage-pack .prd-diff-price .title24 {
          font-size: var(--fs18);
          line-height: 22px;
          padding-top: 0;
     }

     .buy-get-prd-footer .buy-get-content {
          width: calc(100% - 20px);
          margin: 0 auto;
     }

     .section4-inner .prd-col-2:last-child .buy-get-prd-footer .buy-get-btn {
          margin-top: 5px;
     }

     .advantage-full-link .advantage-pack .title30 {
          font-size: var(--fs24);
     }

     .advantage-full-link .advantage-pack .diff-pack .title46 {
          font-size: 28px;
          line-height: 34px;
     }

     .advantage-pack .diff-pack-inner .diff-pack {
          gap: 5px;
     }

     .advantage-pack .diff-pack-inner .diff-pack div {
          width: 100%;
     }

     .advantage-pack .diff-pack-inner {
          padding: 7px;
     }
}

@media (max-width: 767px) {
     .title {
          font-size: var(--fs14);
          line-height: 18px;
     }

     .title24 {
          font-size: var(--fs18);
          line-height: 22px;
     }

     .title30 {
          font-size: var(--fs24);
          line-height: 28px;
     }

     .bf-theme-section2 .section-heading {
          font-size: 40px;
     }

     .bf-theme-section2 .special-offer-inner {
          padding: 15px;
          gap: 10px;
          border-radius: 20px;
     }

     .spc-off-col {
          width: calc((100% - 10px) / 2);
     }

     .spc-off-header {
          padding: 8px 0 10px;
     }

     .spc-off-img-holder {
          padding: 15px 15px 20px;
     }

     .spc-off-price {
          font-size: var(--fs20);
          padding-bottom: 10px;
     }

     .spc-off-holder {
          padding: 5px 10px;
     }

     .spc-flat-off {
          font-size: var(--fs14);
          line-height: 18px;
     }

     .diff-btn .title {
          font-size: var(--fs16);
          line-height: 20px;
     }

     /*  */
     .bf-theme-section3 .b3g1,
     .bf-theme-section3 .b6g2 {
          width: 100%;
          text-align: center;
     }

     .bf-theme-section3.NewUpdated_SaleThem .buy-get-inner {
          gap: 20px;
     }

     .desk-img {
          display: none;
     }

     .mobile-img {
          display: block;
     }

     .bf-theme-section3 .b6g2 {
          display: none;
     }

     .bf-theme-section3 .b3g1 {
          order: 1;
     }

     .bf-theme-section3 .b6g2 {
          order: 2;
     }

     .bf-theme-section3 .buy-get-prd {
          width: 100%;
          order: 3;
          gap: 20px 10px;
          flex-wrap: wrap;
          padding: 0;
          justify-content: center;
     }

     .bf-theme-section3 .buy-get-prd .buy-get-prd-col {
          width: calc((100% - 10px) / 2);
     }

     .bf-theme-section3 .buy-get-prd .buy-get-prd-col .buy-get-prd-footer {
          padding: 0 10px;
     }

     .bf-theme-section3 {
          padding: 15px 0;
     }

     .bf-theme-section3.NewUpdated_SaleThem .buy-get-inner {
          border-radius: 10px;
          background: var(--color-cm-1);
     }

     .buy-get-prd-img-holder {
          padding: 6px 8px 16px;
     }

     .both-off {
          width: 50%;
          display: none;
          position: relative;
     }

     .both-off img {
          position: sticky;
          top: 0;
     }

     .buy-get-prd-col.diff-col img {
          width: 120px;
     }

     .buy-get-prd-col .title {
          height: 36px;
          line-height: 18px;
          display: flex;
          align-items: center;
          justify-content: center;
     }

     .buy-get-btn {
          font-size: var(--fs14);
     }

     .diff-btn {
          padding: 6px 0;
     }

     /*  */
     .section4-inner {
          padding: 30px 15px;
     }

     .prd-col-2 {
          width: 100%;
     }

     .prd-advtage-multi .title46 {
          font-size: 28px;
     }

     .section4-inner .prd-col-2:last-child {
          padding: 20px 10px;
     }

     .prd-inner-col:not(.prd-col-3 .prd-inner-col) a {
          padding: 15px 8px;
     }

     .prd-inner-col .prd-price {
          font-size: var(--fs18);
     }

     .section4-inner .prd-col-2:last-child {
          gap: 16px;
     }

     .prd-col-3 .prd-inner-col .buy-get-prd-img-holder {
          padding: 18px 0 24px;
     }

     .advantage-pack {
          bottom: 10px;
     }

     /*  */
     .section5-inner .prd-col-1:nth-child(1) .prd-col-2 {
          width: 100%;
     }

     .advantage-pack .diff-pack .title46 {
          font-size: 28px;
          line-height: 36px;
     }

     .combo-offer {
          padding-top: 14px;
     }

     .bf-theme-section5 {
          padding: 30px 0 50px;
     }

     .section5-inner {
          padding: 0;
     }

     .section5-inner .prd-col-1:nth-child(2) .prd-inner-col {
          width: calc((100% - 10px) / 2);
     }

     .advantage-pack .prd-diff-price {
          padding: 4px 12px;
     }

     .advantage-pack .prd-diff-price .title24 {
          padding-top: 2px;
     }

     .prd-inner-col .rate-off .buy-get-title {
          font-size: 12px;
          line-height: 16px;
     }

     .prd-inner-col .rate-off .buy-get-price {
          font-size: 16px;
          line-height: 20px;
     }
}

@media (max-width: 419px) {
     .buy-get-content .buy-get-title {
          font-size: 12px;
          line-height: 16px;
     }

     .buy-get-content .buy-get-price {
          font-size: 16px;
          line-height: 20px;
     }

     .bf-theme-section2 .special-offer-inner {
          padding: 12px 8px;
     }

     .prd-inner-col .rate-off {
          flex-direction: column;
          width: 80%;
     }

     .prd-inner-col .rate-off::after {
          top: 0;
          right: 0;
          background-position: center;
          margin: auto 0;
     }
}

@media (max-width: 374px) {
     .bf-theme-section2 .special-offer-inner {
          border-radius: 25px;
     }

     .spc-off-col {
          border-radius: 15px;
     }

     .spc-off-header .title,
     .spc-flat-off,
     .diff-btn .title {
          font-size: 12px;
          line-height: 16px;
     }

     .spc-off-price {
          padding: 12px;
          padding-top: 0;
          font-size: var(--fs16);
          line-height: 20px;
     }

     .spc-off-holder {
          padding: 2px 8px;
          flex-wrap: wrap;
          gap: 0;
          width: calc(100% - 20px);
          justify-content: center;
     }

     .spc-off-holder .spc-off-rate {
          font-size: 16px;
          line-height: 20px;
     }

     .spc-off-holder .diff-btn {
          flex-wrap: wrap;
          padding: 4px 8px;
     }

     .buy-get-content {
          gap: 0;
          flex-wrap: wrap;
     }

     .buy-get-content .buy-get-rate,
     .buy-get-content .buy-get-rate-off {
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
     }

     .buy-get-content .buy-get-rate {
          padding: 3px 0;
          gap: 4px;
     }

     .buy-get-content .buy-get-rate-off {
          gap: 4px;
     }

     .bf-theme-section3 .buy-get-prd .buy-get-prd-col .buy-get-prd-footer {
          padding: 0 4px;
     }

     .bf-theme-section3 .buy-get-prd .buy-get-prd-col:last-child .buy-get-prd-footer {
          padding: 0 8px;
     }

     .buy-get-content .buy-get-title {
          font-size: 11px;
          line-height: 15px;
     }

     .buy-get-content .buy-get-price {
          font-size: 16px;
          line-height: 18px;
     }

     .buy-get-prd-footer .buy-get-btn {
          margin-top: 6px;
     }

     .prd-inner-col .title {
          height: 34px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 12px;
          line-height: 16px;
     }

     .prd-col-2:nth-child(2) .prd-inner-col .title {
          width: 100%;
     }

     .prd-inner-col .rate-off {
          width: calc(100% - 8px);
          gap: 0;
     }

     .prd-inner-col .prd-price {
          font-size: var(--fs16);
          line-height: 20px;
          padding-bottom: 6px;
     }

     .prd-col-3 .prd-diff-col {
          padding: 7px 0;
     }

     .section4-inner {
          padding: 24px 10px;
     }

     .prd-advtage-multi .prd-col-header .title30 {
          padding-bottom: 8px;
     }

     .prd-advtage-multi .prd-col .prd-diff-price {
          padding: 6px 8px;
     }

     .advantage-pack .title30 {
          font-size: var(--fs18);
          line-height: 22px;
     }

     .advantage-pack .prd-diff-price {
          padding: 2px 10px;
          margin: 26px auto 0;
     }

     .advantage-pack .prd-diff-price span {
          font-size: 12px;
          line-height: 16px;
     }

     .advantage-pack .prd-diff-price .title24 {
          font-size: var(--fs18);
          line-height: 20px;
          padding-top: 0;
     }

     .advantage-pack .diff-pack:first-child {
          padding-bottom: 8px;
     }

     .section5-inner .prd-col-1 .prd-col-2:nth-child(2) .advantage-pack .prd-header {
          padding-bottom: 15px;
     }

     .section5-inner .prd-col-1 .prd-col-2:nth-child(2) .advantage-link {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
     }

     .advantage-pack .diff-pack-inner .diff-pack .title30 {
          font-size: var(--fs20);
     }

     .prd-advtage-multi .prd-col .prd-diff:first-child {
          padding-bottom: 16px;
     }

     .prd-advtage-multi .prd-diff .title30 {
          font-size: var(--fs18);
          line-height: 22px;
     }

     .prd-advtage-multi .title46 {
          line-height: 32px;
     }

     .advantage-pack .diff-pack .title46 {
          font-size: var(--fs24);
          line-height: 28px;
     }
}

@media (max-width: 359px) {
     .spc-off-holder .diff-btn .title {
          width: 100%;
     }

     .spc-off-holder .diff-btn .diff-right {
          position: relative;
          top: 2px;
     }

     .spc-off-holder .diff-btn::before {
          width: 100%;
          height: 50%;
          top: 50%;
     }
}