/** Shopify CDN: Minification failed

Line 778:23 Expected ")" to end URL token

**/
/* index page css */
@charset "utf-8";

/* CSS Document */

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 16px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
.ul,
ol,
.ol,
li,
p,
.p {
    padding: 0;
    margin: 0;
}

.dropdown-toggle::after {
    display: none;
}



:root {
    --theme-color: #00adbf;
    --text-color-primary: #F5F6F6;
    --theme-color-secondary: #00adbf;
    --text-color-dark: #030303;
}

.text-theme {
    color: var(--theme-color) !important;
}

.bg-theme {
    background: var(--theme-color-secondary) !important;
}


.bg-white {
    background: #fff !important;
}

.display-block {
    display: block !important;
}

.display-none {
    display: none !important;
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--text-color-dark);
    background: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

a,
a:hover {
    color: #fff;
}

.header {
    letter-spacing: 0;
    text-transform: capitalize;
}

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
html {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}


h1,
h2,
h3,
h4 {
    font-family: "Poppins", sans-serif;
}

a {
    text-decoration: none !important
}



input:focus,
select:focus {
    box-shadow: none !important;
    outline: none;
}

button {
    border: 0;
    outline: 0
}

button:focus {
    outline: none
}

ul,
ol {
    margin: 0;
    padding: 0;
}



.commonbtn-light {
    position: relative;
    display: inline-block;
    color: var(--theme-color);
    padding: 1.5rem 2.8rem;
    line-height: normal;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 0em;
    font-weight: 600;
    font-style: normal;
    background-color: transparent;
    transition: color .45s cubic-bezier(.785, .135, .15, .86), border .45s cubic-bezier(.785, .135, .15, .86);
    z-index: 1;
    -webkit-tap-highlight-color: initial;
    border: 1px solid var(--theme-color);
    transition: 0.5s ease all;
     width: fit-content;
    color: var(--theme-color) !important;

}

.commonbtn-light:hover {
    color: #fff !important;
    background: var(--theme-color);
    border-color: var(--theme-color);
    transform: scaleX(1.02);
}

.commonbtn-dark {
    position: relative;
    display: inline-block;
    color: var(--text-color-dark);
    padding: 1.5rem 2.8rem;
    line-height: normal;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 1.8rem;
    text-align: center;
    letter-spacing: 0em;
    font-weight: 600;
    font-style: normal;
    background-color: transparent;
    transition: color .45s cubic-bezier(.785, .135, .15, .86), border .45s cubic-bezier(.785, .135, .15, .86);
    z-index: 1;
    -webkit-tap-highlight-color: initial;
    border: 1px solid var(--text-color-dark);
    transition: 0.5s ease all;

}

.commonbtn-dark:hover {
    color: #fff;
    background: var(--text-color-dark);
    border-color: var(--text-color-dark);
    transform: scaleX(1.02);
}


/*========================Header======================*/
.headersec {
    padding: 18px 0px 18px;
    width: 100%;
    z-index: 9;
    transition: 0.3s ease all;
}


.logo img {
    width: auto;
    height: 100%;
    max-height: 30px;
    -webkit-transition: all 0.5s ease-out;
    vertical-align: middle;
}

.headersec:hover .logo img,
.headersec.sticky .logo img,
.headersec.innrpg .logo img {
    filter: unset;
}

.cmenu {
    height: auto;
    font-size: 16px;
    position: relative;
    font-weight: normal;
    -webkit-transition: all 0.5s ease-out;
    text-align: center;
    padding: 8px 0;

}

.cmenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;

}

.cmenu ul li {
    list-style: none;
    display: inline-block;

}

.cmenu ul li a {
    position: relative;
    display: block;
    margin: 0 22px;
    font-weight: 400;
    border-radius: 0px;
    text-transform: capitalize;
    position: relative;
    letter-spacing: 0px;
}

.cmenu ul li:first-child a {
    margin-left: 0px
}

.headersec:hover .cmenu ul li a {
    color: #1c1b1b
}

.cmenu ul li a:after {
    content: "";
    background-color: #0a0a0a;
    position: absolute;
    bottom: -19px;
    left: 0;
    width: 0%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    height: 2px;
}

.cmenu ul li:hover a:after {
    opacity: 1;
    width: 100%;
}

.cmenu ul li:first-child img {
    max-height: 20px;
    width: auto
}

.cmenu ul li a i {
    font-size: 20px
}

.cmenu ul li a.active {
    color: var(--theme-color);
}

.rmenubar,
.clsebtn,
.mysidenav {
    display: none;
}

.headersec.sticky {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #fff;
    transition: all 0.3s ease-out;
    left: 0;
    right: 0;
    width: 100%;

}

.headersec.sticky .social-icon img {
    filter: invert(1);
}

.headersec.sticky ul li a,
.headersec.innrpg ul li a {
    color: #1c1b1b
}

.social-icon ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.social-icon ul li {
    list-style: none
}

.social-icon ul li:not(:last-child) {
    margin-right: 30px;
}

.social-icon ul li img {
    max-height: 22px;
    filter: invert(1) brightness(0);
}

.social-icon ul li.carticon {
    position: relative;
}

.usericon {
    position: relative;
}

.usericon span {
    display: block;
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    color: #000;
    width: fit-content;
    padding: 2px 8px;
    font-size: 15px;
}

.usericon span::after {
    content: "";
    position: absolute;
    top: -5px;
    left: 8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgb(255, 255, 255);
}

#logoutBtn {
    display: none;
    cursor: pointer;
}

.logged-in:hover #logoutBtn {
    display: block !important;
}

.social-icon ul li sup {
    background: #fff;
    border: 1px solid #d9d9d9;
    padding: 5px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


/*======================= Banner Section =======================*/
.bnrsec {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.bnrimg {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.bnrimg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bnr-content {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    color: #fff
}

.bnr-content h1 {
    font-size: 4.5rem;
    line-height: 6rem;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.bnr-content h1 span {
    color: var(--theme-color);
    display: block;
}

.bnr-content p {
    font-size: 2rem;
    margin-bottom: 2.5rem
}

.bnrsec .slick-dots {
    bottom: 5px;
}
.product_slider .slick-prev, .product_slider .slick-next {
    background: #01adbf;
    height: 40px;
    width: 40px;
}

.bnrsec .slick-dots li {
    margin: 0 0px;
}

.bnrsec .slick-dots li button:before {
    font-size: 0px;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
}

/*======================= Feature Section =======================*/
.feature-sec {
    background: #1c1d1f;
    color: #fff;
    border-top: 1px solid var(--theme-color);
    border-bottom: 1px solid var(--theme-color);
    padding: 2rem 0;
}

.feature-box {
    width: 33.33%
}
.feature-box p {
    color: #fff;
}
.feature-sec .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.feature-sec .dvdr {
    width: 1px;
    height: 4rem;
    background: var(--theme-color);
}

.feature-sec h5 {
    font-size: 2.2rem;
    color: var(--theme-color);
    font-weight: 700;
}

.feature-sec p {
    font-size: 1.8rem
}


/*======================= Offer Section =======================*/
.offersec {
    background: url(/cdn/shop/files/offer-bg.jpg?v=1756909222) no-repeat;
    width: 100%;
    min-height: 46rem;
    color: #fff;
    background-size: cover;
    background-position: right center;
}

.offersec .offer-content {
    padding: 8rem 0
}

.offersec h5 {
    font-size: 2.2rem;
    margin-bottom: 1rem
}

.offersec h2 {
    font-size: 4rem;
    line-height: 5rem;
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
}

.offersec h2 span {
    display: block;
    color: var(--theme-color);
}

/*======================= About Section =======================*/
.abtsec {
    padding: 8rem 0 10rem
}

.abtsec .abtimg {
    position: relative;
}

.abtsec .abtimg .image1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 56.6rem;
    z-index: -1
}

.abtsec .abtimg .image2 {
    position: absolute;
    top: 42px;
    right: 0;
    width: 70%;
    height: 48rem;
    z-index: 1;
    animation: smoothBounce 5s ease-in-out infinite;
}

@keyframes smoothBounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.abtsec .abtimg .image1 img,
.abtsec .abtimg .image2 img,
.abtsec .abtimg .image3 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.abtsec .abt-content {
    padding-top: 10rem
}

.abtsec .abt-content h2 {
    font-size: 4.8rem;
    line-height: 6rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 2rem
}

.abtsec .abt-content h2 span {
    color: var(--theme-color);
    display: block
}

.abtsec .abt-content p {
    font-size: 1.6rem;
    line-height: 3.5rem;
    margin-bottom: 3rem
}

.abtsec .abt-content p:first-of-type {
    margin-bottom: 4rem;
}

/*======================= Product Section =======================*/
.productsec {
    padding: 7rem 0;
    background-color: #f5f5f5;
}

.productsec h2 {
    font-size: 4rem;
    margin-bottom: 5rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: var(--theme-color);
}

.prodcard {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background: #fff;
    padding: 2rem
}

.prodimg {
    overflow: hidden;
    position: relative;
    height: 300px;
    width: 100%
}

.prodimg img {
    object-fit: contain;
    width: 100%;
    height: 100%
}

.prodimg .prod-icon img {
    width: 50px;
    height: 50px;
}

.prod-content h5 {
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    min-height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.price {
    gap: 15px;
    font-size: 19px;
}

.prodcard .iconsec {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    gap: 17px;
}

.prodcard:hover .iconsec {
    opacity: 1;
    visibility: visible;
}

.slick-slide:not(:last-child) .prodcard {
    padding-right: 20px
}

.productsec .commonbtn-light {
    padding: 1.2rem 2.8rem;
}

.productsec .slick-track {
    display: flex;
    gap: 10px;
    padding: 10px 0;
    margin:0 ;
}

/*======================= Review Section =======================*/
.reviewsec {
    padding: 7rem 0;
}

.reviewsec h2 {
    font-size: 4rem;
    margin-bottom: 5rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: var(--theme-color);
}

.reviewbox {
    background: #f5f5f5;
    position: relative;
    text-align: center;
    padding: 3.5rem 2rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.reviewbox .cusimg {
    height: 11.5rem;
    width: 11.5rem;
    overflow: hidden;
    margin: 0 auto 2rem;
}

.reviewbox .cusimg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.reviewbox img.star {
    max-height: 1.7rem;
    margin-bottom: 1.7rem
}

.reviewbox p {
    font-size: 1.6rem;
    margin-bottom: 2.3rem
}

.reviewbox h6 {
    font-size: 2rem;
    color: var(--theme-color);
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-weight: 600
}

.reviewbox::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 15px;
    background: url({{ 'quote-left.svg' | asset_url }}) no-repeat;
    background-size: 5.8rem 5.8rem;
    width: 5.8rem;
    height: 5.8rem;
}

/*======================= Footer Section =======================*/
.ftsec {
    background: #071927;
    color: #fff;
    text-align: center;
    padding: 5.5rem 0;
}

.ftlogo img {
    max-height: 28px;
    width: auto;
    margin-bottom: 1.8rem
}

.ftsec p {
    color: #fff;
    font-size: 1.8rem;
    margin-bottom: 3.5rem
}

ul.ftmenu {
    margin: 0;
    padding: 0;
    margin-bottom: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

ul.ftmenu li {
    list-style: none
}

ul.ftmenu li a {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0rem 2rem
}

.ft-social-icon ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.2rem;
    margin-top: 2.5rem;
}

.ft-social-icon ul li {
    margin-bottom: 0;
    list-style: none
}

.footer-contact ul {
    list-style: none
}

.footer-contact p {
    font-size: 3rem;
    background-color: var(--theme-color);
    width: 7rem;
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5rem;
    margin: 0 auto 2.3rem
}

.footer-contact a {
    font-size: 1.8rem;
    color: #fff;
    font-weight: var(--ss-font600)
}

.ft-social-icon ul li img {
    max-height: 3.5rem;
    width: auto;
}

.ftbtm {
    background: #1A1F23;
    padding: 1.6rem 0;
}

.ftbtm p {
    font-size: 1.4rem;
    color: #fff
}

.ftbtm .cards {
    max-height: 2.6rem;
    width: auto
}
.faq-section {
    padding-top: 7rem;
}
.faq-section h2.title-h2 {
    font-size: 4rem;
    margin-bottom: 5rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    color: var(--theme-color);
}
.accordion-button {
	font-weight: 600;
	font-size: 1.05rem;
	background: #fff;
	transition: all .3s ease;
	font-size: 2rem
}

.accordion-button:not(.collapsed) {
	color: #fff;
	background: #00adbf;
	box-shadow: 0 4px 15px #0000001a;
	font-size: 2rem
}

.accordion-body {
	background: #fff;
	padding: 1.25rem;
	font-size: 1.65rem;
	color: #555
}

.faq-section .accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.faq-section .accordion-item:last-of-type .accordion-button.collapsed {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.faq-section .accordion-button:focus {
	border-color: 2px solid #00adbf;
	box-shadow: none
}
/* =============img-content-block============ */
.banner-area{    padding: 90px 0;}
.banner-area-box{
	float: right;
}
.banner-area .banner-box {
  position: relative;
}				
.banner-box .banner-content{
	color: #363636;
	margin: 30px 0;
	text-align: left;
}
.banner-content h2{
  border-bottom: 2px solid #363636;
  font-size: 30px;
  line-height: 45px;
  margin-bottom: 10px;
  max-width: 80px;
}
.banner-content h3{
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
}
.banner-content p {
  font-size: 15px;
  line-height: 25px;
  padding: 25px 0;
}
.banner-content a {
  color: #363636;
  font-weight: 700;
  text-decoration: underline;
  text-transform: uppercase;
}
.banner-content a:hover{
	color: var(--theme-color);
}
.banner-picture {
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.banner-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-box a {
  display: block;
  overflow: hidden;
  position: relative;
}
.banner-picture a::before {
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 50%;
  opacity: 1;
  position: absolute;
  right: 51%;
  top: 0;
}
.banner-picture a::after {
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
  bottom: 50%;
  content: "";
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 50%;
}
.banner-static-box:hover a::before ,.banner-picture:hover a::before{
  left: 0;
  opacity: 0;
  right: 0;
  transition: all 900ms ease-in 0s;
}
.banner-static-box:hover a::after,.banner-picture:hover a::after {
  bottom: 0;
  opacity: 0;
  top: 0;
  transition: all 900ms ease-in 0s;
}
.banner-static-box{
	position: relative;
}
.banner-box-content{
  bottom: 0;
  left: 30px;
  margin: 0;
  position: absolute;
  top: 0;
}
.banner-box-content h2 {
  border-bottom: 2px solid #363636;
  color: #363636;
  font-size: 24px;
  line-height: 45px;
  margin-bottom: 10px;
  max-width: 60px;
}
.banner-box-content h4 {
  color: #363636;
  font-size: 20px;
  font-weight: 700;
}
.banner-box-content a {
  bottom: 30px;
  color: #363636;
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  text-decoration: underline;
  text-transform: uppercase;
  transition: all 0.2s ease 0s;
}
.banner-box-content a:hover{
	color: var(--theme-color);
}

/*======================= Offer Section =======================*/
.midoffersec{
    width: 100%;min-height: 32.5rem;color: #fff;  position: relative;
}
.midoffersec .bg-img{
position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;width: 100%;height: 100%;overflow: hidden;
}
.midoffersec .bg-img img{width: 100%;height: 100%;object-fit: cover}
.midoffersec .offer-content{padding: 18rem 0;z-index: 1;position: relative;}
.midoffersec h5{font-size: 2.2rem;margin-bottom: 1rem;text-shadow: 1px 1px 2px #ffffff;}
.midoffersec h2{
    font-size: 4rem;line-height: 5rem;margin-bottom: 2rem;text-transform: uppercase;font-weight: 700;text-shadow: 1px 1px 2px #ffffff;
}
.midoffersec h2 span{display: block;color: var(--theme-color);    font-size: 4rem;}
.midoffersec .commonbtn-light{color:#000 !important; border-color: #000 !important}
.midoffersec .commonbtn-light:hover{background:#000 !important;color:#fff !important}

/*======================= Why Choose Us Section =======================*/
.aboutus{
    padding:110px 0 0px;
}
.aboutus .col-lg-7 .col-12 .abtcontent{margin-bottom: 55px}
.aboutus .col-lg-7 .col-lg-5 .abtcontent p{margin-bottom: 50px}
.abtcontent h5{font-size: 20px;line-height: normal;margin-bottom: 10px;font-weight: 400;letter-spacing: 1.5px}
.abtcontent h1{font-size: 40px;text-transform: uppercase;margin-bottom: 25px;font-weight:700}
.abtcontent p{font-size: 16px;line-height: 30px}

.abtimg{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.abtimg img{
    width: 100%;height:100%;object-fit: cover
}

/*========================Category Section======================*/
.categorysec{
    padding: 105px 0 10px;
}
.categorysec h1 {
    font-size: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 50px;font-weight:700;
}
.categorysec .catimg{   
    width: 100%;height: 100%;overflow: hidden;position: relative;transition: 0.3s ease all;
}

.categorysec .catimg-sub{
 width: 100%;height: 49%;overflow: hidden;position: relative;transition: 0.3s ease all;
}
.categorysec .catimg:hover, .categorysec .catimg-sub:hover{transform: scale(1.02);}
.categorysec .catimg-sub:first-child{margin-bottom: 13px}
.categorysec .catimg img, .categorysec .catimg img, .categorysec .catimg-sub img{
     width: 100%;height: 100%;object-fit: cover;
}
.categorysec .catimg:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
    width: 100%;
    height: 200px;
}
.categorysec .catimg-sub:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
    width: 100%;
    height: 200px;
}
.categorysec .cat-content{
    color: #fff;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 1;
}
.categorysec .cat-content h2 {
    font-size: 55px;
    margin-bottom: 10px;
    font-weight: 800;
    color: var(--theme-color);
}
.categorysec .cat-content p{font-size: 18px}

.videosec{
    margin-top: 100px;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.videosec video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shopify-section.section .main-page-title {
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
#shopify-section-template--18284656918664__main .scroll-trigger ul li  {
    display: inline-block;
    list-style: none;
    font-size: 1.8rem;
    margin-bottom: 15px;
    position: relative;
    padding-right: 2rem;
}
#shopify-section-template--18284656918664__main .scroll-trigger ul li:after {
    content: "\2713";
    position: absolute;
    left: -19px;
    top: 1px;
}

#shopify-section-template--18284656787592__banner .collection-hero__title {
    margin: 6.5rem 0;
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0rem;
}

@media only screen and (min-width:1600px) {
    html {
        font-size: 70%;
    }

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1480px !important;
    }

    .image1 img,
    .image2 img,
    .image3 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .abtsec .abtimg .image1 {
        width: 55%;
    }

    .abtsec .abtimg .image3 {
        height: 40rem;
    }
}

@media only screen and (min-width:1800px) {
    html {
        font-size: 75%;
    }

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1680px !important;
    }
}

@media only screen and (min-width:2000px) {
    html {
        font-size: 77.5%;
    }

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1880px !important;
    }
}

@media only screen and (min-width:2200px) {
    html {
        font-size: 80%;
    }

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 2080px !important;
    }

    /*.bnr-content {left: 5%;}*/
}

@media only screen and (min-width:2400px) {
    html {
        font-size: 82.5%;
    }

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 2280px !important;
    }
}

@media only screen and (min-width:2600px) {
    html {
        font-size: 85%;
    }

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 2480px !important;
    }
}

@media only screen and (min-width:2800px) {
    html {
        font-size: 87.5%;
    }

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 2680px !important;
    }

    .abtsec {
        padding: 9rem 0 28rem
    }

    .abtsec .abtimg .image1 {
        width: 50%;
        height: 64.6rem;
    }

    .abtsec .abtimg .image3 {
        height: 48rem
    }

    .ftlogo img {
        max-height: 40px;
    }
}

@media only screen and (min-width:3000px) {
    html {
        font-size: 90%;
    }

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 2880px !important;
    }
}

@media only screen and (min-width:3200px) {
    html {
        font-size: 92.5%;
    }

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 3080px !important;
    }
}

@media only screen and (min-width:3400px) {
    html {
        font-size: 95%;
    }

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 3280px !important;
    }
}

@media only screen and (min-width:3600px) {
    html {
        font-size: 97.5%;
    }

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 3480px !important;
    }
}

@media only screen and (min-width:3800px) {
    html {
        font-size: 100%;
    }

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 3680px !important;
    }

}

@media only screen and (max-width:1400px) {
    .collection-box {
        height: 43rem;
    }

    .image1 img,
    .image2 img,
    .image3 img {
        width: 100%
    }

    .abtsec .abt-content {
        padding-top: 1.5rem;
    }

    .abtsec .abt-content h2 {
        font-size: 3.8rem;
        line-height: 5rem;
    }

    .abtsec .abt-content p {
        line-height: 2.8rem;
    }

    .slick-prev {
        left: -30px;
    }

    .slick-next {
        right: -30px;
    }

    .prod-content h5 {
        font-size: 2.2rem;
    }

    .deal-card .image,
    .deal-card .image img {
        min-height: 300px;
    }

}

@media only screen and (max-width:1200px) {
    .offersec h2 {
        font-size: 3.5rem;
    }

    .image1 img,
    .image2 img,
    .image3 img {
        width: 100%
    }

    .abtsec .abt-content {
        padding-top: 1rem;
    }

    .abtsec .abt-content h2 {
        font-size: 3.5rem;
        line-height: 5rem;
    }

    .abtsec .abt-content p {
        line-height: 2.8rem;
    }

    .prod-content h5 {
        font-size: 2rem
    }

    .deal-card .image,
    .deal-card .image img {
        min-height: 300px;
    }

    .reviewsec h2 {
        font-size: 3.2rem;
    }

    .reviewbox::before {
        left: 8px;
        width: 6.8rem;
        height: 6.8rem;
        background-size: 6.8rem 6.8rem
    }

}

@media only screen and (max-width:991px) {
    .offersec .offer-content {
        background-color: rgb(255, 255, 255, 0.7);
    }
    .offersec {
        min-height: auto;
    }
    .bnr-content {
        background: #12121269;
        padding: 10px;
    }

    .feature-sec h5 {
        font-size: 1.8rem;
    }

    .feature-sec p {
        font-size: 1.5rem;
    }

    .offersec h5 {
        font-size: 2rem;
    }

    .offersec h2 {
        font-size: 3.5rem;
        line-height: 4rem;
    }

    .abtsec {
        padding: 3rem 0 7rem;
    }

    .abtsec .abtimg {
        min-height: 65rem;
    }

    .abtsec .abt-content h2 {
        font-size: 4rem;
        line-height: 5rem;
    }

    .productsec h2,
    .reviewsec h2 {
        font-size: 4rem
    }

    .deal-card .image,
    .deal-card .image img {
        min-height: 350px;
    }

    .reviewbox {
        padding: 3.5rem 1rem;
    }

    .reviewbox::before {
        left: 8px;
        width: 5.8rem;
        height: 5.8rem;
        background-size: 5.8rem 5.8rem
    }

    .reviewbox h6 {
        font-size: 1.8rem;
    }

}

@media only screen and (max-width:820px) {

    /*========================Header======================*/
    .headersec.sticky {
        position: relative;
    }

    .cmenu ul li:after {
        display: none
    }

    .social-icon {
        padding-right: 35px;
    }

    .rmenubar {
        position: absolute;
        right: 12px;
        top: 20px;
        z-index: 99;
        display: block;
        font-size: 22px;
        background: transparent;
        padding: 0px;
        border-radius: 0;
        -webkit-transition: all 0.5s ease-out;
    }

    .clsebtn svg {
        width: 28px;
        height: 28px;
        position: absolute;
        right: 20px;
        top: 15px;
        z-index: 9999;
        color: #1c1b1b;
        opacity: 0;
        transition: 0.3s ease all;
        visibility: hidden;
        animation-name: slowup;
        animation-duration: 0.3s;
    }

    .headersec.sticky .rmenubar {
        top: 12px;
    }


    .cmenu ul.navopen .clsebtn i,
    .cmenu ul.navopen .clsebtn {
        display: block;
    }

    .cmenu ul.navopen .clsebtn svg {
        top: 14px;
        opacity: 1;
        visibility: visible;
    }

    .rmenubar a {
        color: #ffffff !important;
    }

    .innrpg .rmenubar a {
        color: #fff !important;
    }

    .headersec.sticky .rmenubar a {
        color: #1c1b1b !important
    }

    .headersec.sticky .commonbtn {
        margin-right: 25px;
    }

    .rmenubar a:hover,
    .rmenubar a:focus {
        color: #ffffff !important;
    }

    .inrheader .rmenubar a {
        color: #000 !important;
    }

    .cmenu {
        padding: 18px 20px;
    }

    .cmenu ul {
        position: fixed;
        top: 0px;
        left: -80vw;
        width: 80vw;
        height: 100vh;
        z-index: 999;
        background: #ffffff;
        overflow-y: scroll;
        font-size: 12px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        opacity: 0;
        visibility: hidden;
        transition: 0.5s ease all;
    }

    .cmenu ul li {
        display: block;
        padding: 0;
        font-weight: 600;
        font-size: 24px;
        margin-bottom: 22px;
    }

    .cmenu ul li.logo {
        position: absolute;
        top: 20px;
        left: 18px;
        padding: 0;
    }

    .cmenu ul li.logo img {
        max-height: 28px !important;
    }

    ul.navopen {
        opacity: 0.95;
        visibility: visible;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        left: 0;
    }

    ul.navopen li {
        animation-name: slowdown;
        animation-duration: 0.3s;
        padding-left: 20px;
    }

    ul.navopen li:nth-child(2) {
        padding-top: 120px;
    }

    .mynavlayr {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: rgba(0, 0, 0, 0.36);
        display: none;
    }

    .cmenu ul li ul {
        margin: 0;
        padding: 0;
        position: unset;
        z-index: 999;
        background: transparent;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.5s ease-out;
    }

    .cmenu ul li a {
        color: #666666d9;
        text-align: left;
        margin-left: 0;
    }

    .cmenu ul li ul a {
        color: var(--text-color-dark);
    }

    .searchsec.visible {
        top: 55px;
    }

    .bannersec .bnrcontent p {
        font-size: 17px;
        line-height: 28px;
        margin-bottom: 25px;
    }

    .categorysec .cat-content h2 {
        font-size: 35px;
        margin-bottom: 5px;
    }

    .categorysec .cat-content p {
        font-size: 15px;
    }
    .abtcontent{margin-top:15px}
}

@media only screen and (max-width:767px) {
    .bnrimg {
        height: 70vh;
    }
    .bnr-content {
        left: 5%;
        background: #121212ad;
        padding: 15px;
    }
    .bnr-content h1 {
        font-size: 3rem;
        line-height: 4.5rem;
        margin-bottom: 1rem;
    }

    .bnr-content p {
        font-size: 1.6rem;
        margin-bottom: 1.5rem;
    }

    .abtsec .abtimg {
        min-height: 100%;
    }

    .bnrimg img {
        object-position: 30%;
    }

    .commonbtn-light {
        padding: 1rem 2.5rem;
        font-size: 1.6rem;
    }

    .feature-sec .container {
        flex-direction: column;
    }

    .feature-sec h5 {
        font-size: 2rem
    }

    .feature-sec p {
        font-size: 1.6rem;
    }

    .feature-sec .dvdr {
        width: 4rem;
        height: 0.1rem;
        margin: 2rem 0;
    }

    .collection-box {
        height: auto;
    }

    .slick-slide:not(:last-child) .collection-box {
        padding-right: 0px;
    }

    .offersec h2 {
        font-size: 3rem;
        line-height: 4rem;
    }

    .offersec .offer-content {
        padding: 15px;
    }

    .image1,
    .image2 {
        display: none
    }

    .abtsec .abtimg .image3 {
        position: relative;
        top: unset;
        left: unset;
        width: 100%;
        height: auto;
        z-index: auto;
        right: unset;
    }

    .abtsec {
        padding: 5rem 0 8rem;
    }

    .abtsec .abt-content {
        padding-top: 4rem
    }

    .abtsec .abt-content h2 {
        font-size: 3rem;
        line-height: 4rem;
    }

    .abtsec .abt-content p {
        line-height: 3rem;
    }

    .productsec h2,
    .reviewsec h2 {
        font-size: 3rem;
        margin-bottom: 4rem;
    }

    .deal-card .image,
    .deal-card .image img {
        min-height: 400px;
    }

    .reviewbox {
        margin-bottom: 5rem;
    }

    .feature-box {
        width: 100%
    }

    .coming-soon-content h2 {
        font-size: 32px
    }

    .banner-area {
    padding: 40px 0;
}
.banner-content h3 {
    font-size: 32px;
}
.banner-picture {
  margin-bottom: 15px;
}
.abtcontent{margin-top:15px}
.categorysec h1 {
    font-size: 32px;
    margin-bottom: 10px;
    line-height: 50px;
}
.faq-section h2.title-h2{    font-size: 3.2rem;}
.categorysec .catimg-sub:first-child {
    margin-top: 13px;
}
}