.slider-img img{ width:auto!important; height:100%!important; max-height:410px; }
.item.slide1 { width:100%; height: 100%; border-radius:7px; }
.main-carousel .owl-stage-outer, .main-carousel .owl-stage, .main-carousel .owl-item, .main-carousel{ height:100%; }
.car_content{ width:80%; padding:30px; } .car_content h2{ margin:0 0 20px 0; }
.slide1 .content{ padding:0px 0px 0px 3px; }
.slide1 .contbg{ display: flex; height:100%; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; }
.slide1 .slider-img{ border-radius: 0px 20px 20px 0px; }
.slide1 .mobslide{ margin:0px 0px; }
.slide1 .mobslide .mobimg{ display:none; }
.slide1 .mobslide .deskimg{ display:block; }
.main-banner .main-carousel .owl-nav{ display:none; }
.main-banner .main-carousel:hover .owl-nav{ display:block; }
.owl-item.cloned{ opacity:0; }
.owl-item.cloned.active{ opacity:1; }

.homebtn{ background:#fff!important; color:#333!important; }
.homebtn:hover{ background:#333!important; color:#fff!important; }

.pf_scr { height: 420px; overflow: scroll; }
.pf_scr { -ms-overflow-style: none; scrollbar-width: none; }
.pf_scr{ padding:15px; border-radius:10px; }

.sco_pro{ list-style:none; display: grid; grid-template-columns: auto auto; gap:15px; --imageHeight: 500px; height: calc(var(--imageHeight) * 2); animation: slide 20s linear infinite; &:hover{
    animation-play-state: paused; } }
.sco_pro a{ line-height: 22px; font-size:16px; font-weight:400; margin:0 0 10px 0; color:#424646; }
.sco_pro li{ background: #fff; margin:0; border: solid 1px #e1e3e4; border-radius: 8px; padding:15px; display:flex;}
.sco_pro li:hover{ border-color:var(--mycolor); }
.sco_pro .sco_img{ width:80px; margin:0 15px 0 0; align-self: flex-start; }

@keyframes slide { 
  from{ transform: translateY(0px); }
  to{ transform: translateY(calc(var(--imageHeight) * -1)); }
}

.num_spa{ background:var(--mycolor); color:#fff; font-size:20px; font-weight:500; width:30px; height:30px; border-radius:30px; margin:0 15px 0 0; text-align:center; line-height:30px;}
.sti_bullet{margin-bottom:25px;}
.sti_bullet h4{ font-weight: 400; font-size: 18px; margin: 0 0 5px 0; line-height: 1; }
.sti_bullet p{color:var(--gray);}
.sticky-col { position: -webkit-sticky; position: sticky; top: 100px; z-index:inherit; /* To ensure it stays on top */ }
.new_read{ color:var(--mycolor)!important; font-weight:400; letter-spacing:0.06rem; margin-bottom: 15px; position:relative;}
.new_read:before{ position: absolute; content: ""; height: 1px; width: 35px; background: var(--mycolor); left: 0; bottom: -6px; }
.arrival_se{padding:70px 0; color:#fff;}

.box_cate{display:flex; border-radius:20px; padding:30px;}
.box_cimg{width:240px;  flex-shrink: 0; border-radius:20px;} .box_cimg img{width:100%;}
.bax_pad p{margin-bottom:10px;}

.lat_section.fir_sec{margin:50px 0 0 0;}
.lat_section{margin:100px 0;}
.lat_section h2{ font-size: 30px; text-transform: capitalize; position: relative; color: #191919; font-weight: 500; margin-bottom:10px; padding-bottom: 8px; }
.lat_section h4{ font-size: 24px; text-transform: capitalize; position: relative; color:#fff; font-weight: 500; margin-bottom:10px; }
.lat_section p{ font-size: 14px; color: #191919; }
.radius_20{border-radius:20px;}
.subrow .form-control{border-radius:30px; padding:30px;} .subrow .btn{border-radius:30px; padding:0.5rem 2rem;}
.single-product{flex-wrap:wrap;}

.parent-div{ display:flex; flex-direction:row; margin:20px 0; width:100%; column-gap: 10px; }
.pa_c{ flex-grow:1; width:calc(100%/3); gap:10px; display:flex; flex-direction:column;} 
.rprouducts{ gap: 10px; }
.deskview{ display:block; } .mobview{ display:none; }

.imgonly{ padding:0px; }
.imgonly .product-imgonly{ height:100%; }
.imgonly .product-imgonly a{ display: block; height:100%; }
.imgonly .product-imgonly img{ height:100%!important; border-radius:6px; }
.imgonly .cardbtn{ width:100%; margin-top:-55px; padding: 0px 15px; display:none; text-align:center; }
.imgonly .cardbtn .acart{ display:block; margin-bottom:10px; }
.imgonly:hover .cardbtn{ display:block; }

.singleimg a,.doubleimg a{ display:block;height:100%!important; }
.singleimg{ max-height:624px!important; }
.singleimg img{ height:100%!important; max-height:624px!important; }
.doubleimg{ max-height:624px!important; }
.doubleimg img{ height:100%!important; max-height:300px!important; }

.cmsblkcon h2{ display: block; color:#333333; font-size: 28px; font-weight: 500; line-height: 1.2; margin: 0; padding: 0; text-transform: capitalize; position: relative; color: #191919; margin-bottom: 10px; padding-bottom: 8px; }
.cmsblkcon p{ color:#424646; font-size: 14px; font-weight: 400; line-height: 24px; margin: 0; padding:0px; }
.cmsblkcon .line15{ line-height:23px; }
.cmsblkcon.img-left .img-fluid{ float:left; width:400px; height:400px; max-width:400px; border-radius:15px; }
.cmsblkcon.img-right .img-fluid{ float:right; width:400px; height:400px; max-width:400px; border-radius:15px; }
.cmsblkcon .readmo{ position: absolute; bottom: 0px; }

.carblk{ width:100%; display:flex; flex-direction:row; }
.car_img{ width:calc(100%/3); height:100%; margin:0px 15px; border:1px solid #dedede; }
.car_img:hover{ border:2px solid var(--mycolor); }
.car_img .img_zoom img{ width:100%; }
.car_img .h5{ margin:20px 20px 10px 20px; }
.car_img p{ min-height: 170px; margin:10px 20px 10px 20px; color:#424646; font-size: 14px; font-weight: 400; line-height: 23px; padding:0px; display: -webkit-box!important; line-height: 1.4; -webkit-line-clamp: 9; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  }
.car_img .readmo{ margin:20px 20px 20px 20px; }

.carfour .car_img{ width:calc(100%/4); }

.cmsblock{ position:relative; overflow:hidden; text-align:justify; }
.cmsblock.smalldiv{ width:350px; float:left; }
.cmsblock.bigdiv{ width:calc(100% - 350px); float:left; }

.ablkdiv{ display:flex; flex-wrap:wrap; width:100%; }
.ablock{ width:calc(100%/5 - 0px); text-align: center;  border-radius:6px; overflow:hidden; position:relative; padding:10px 10px 5px 10px; }
.ablock img{ width:100%; height:200px; border-radius:10px; }
.ablock .aname{ display: block; color:#212529; font-size:16px; line-height:18px; padding:15px 0px; text-align:center; }
.ablock:hover{ border:2px solid var(--mycolor); }
.ablock:hover .aname{ color:var(--mycolor); }

.heroblk{ width:100%; display:flex; flex-wrap:wrap; overflow:hidden; margin:30px 0px; }
.heroblk .imgblk{ width:50%; overflow:hidden; }
.heroblk .imgblk img{ width:100%; height:auto; }
.heroblk .contblk{ width:50%; padding:0px 20px; overflow:hidden; }
.heroblk .contblk .ch3{ margin-bottom:15px; }
.heroblk .contblk p{ font-size:14px; line-height:23px; color:#333333; text-align:justify; }
.heroblk .contblk a{ margin-top:20px; }

.missionblk{ width:100%; display:flex; flex-wrap:wrap; overflow:hidden; margin:10px 0px 0px 0px; }
.misblk.col3{ width:calc(100%/3 - 20px); margin:10px; padding:10px 10px; display:flex; flex-direction: column; justify-content: center; text-align: center; }
.misblk.col4{ width:calc(100%/4 - 20px); margin:10px; padding:10px 10px; text-align: center; }
.misblk.col3 .mission-svg{ width:100px; height:100px; stroke:var(--mycolor); }
.misblk.col4 .mission-svg{ width:70px; height:70px; stroke:var(--mycolor); }
.misblk .ch3{ margin:15px 0px; }
.misblk p{ font-size:14px; line-height:23px; color:#333333; text-align:justify; }
.misblk .years{ margin-left:5px; font-size:35px; }

.h_sect:hover .misblk{ background:#fff; border:1px solid #ccc; }

/*Gift Card*/
.g_card{ width:100%; display:flex; position:relative; -webkit-box-shadow: 2px 2px 22px -9px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 22px -9px rgba(0,0,0,0.75); box-shadow: 2px 2px 22px -9px rgba(0,0,0,0.75); }
.g_save{ background:url('../images/g-blue.png') repeat-y #fff !important; width: 250px; color: var(--mycolor); position: relative; display: flex; flex-wrap: wrap; align-items: center; min-height: 200px; justify-content: center; font-size:25px; text-transform:uppercase; text-align:center; }
.g_val span{ font-size: 35px; font-weight: 600; width: 100%; display: block; line-height: 46px;}
.g_rib{background:url('../images/red-ribbon.png') no-repeat; width: 70px; height: 100%; position: absolute;  background-size: 100%; left: 180px; z-index: 1; }
.g_conte{padding:15px 15px 15px 35px; text-align:center;}
.g_conte p{margin:10px 0;}
.gfont{font-size:40px; line-height:40px; color:#E40505; margin-top: 10px; display: block;}
.voucher{ width:100%; display:inline-block; font-size:25px; text-transform:uppercase;}
.g_conte .vcode, .previewcode{ display:inline-block; background:var(--mycolor); color:#fff; margin:10px 0px; padding:6px 10px; text-align:center; font-size:16px; line-height:18px; border-radius:5px; }
.previewcode{ margin:2px 0px; }
.g_valid{ border: dashed 1px #1b1464; font-size: 12px; padding: 5px 15px; width: fit-content; margin: 0 auto;}
.g_drop{position:absolute; right:15px; z-index:1;}  
.g_drop a { padding: 2px 10px; }
/*Gift Card End*/


@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .box_cimg{width:140px;}
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
    .ablock{ width:calc(100%/3 - 10px); margin-bottom:15px; }
}

@media only screen and (min-width: 981px) {
    .rprouducts .single-product{ width:calc(100%/2); min-height:405px; padding:12px; }
}
@media only screen and (min-width: 581px) and (max-width: 980px) {
    .rprouducts { width:100%; }
    .rprouducts .single-product{ width:calc(100%/2 - 5px); }
}

@media only screen and (max-width: 992px) {
    .parent-div{ flex-wrap: wrap;}
    .pa_c{ margin-bottom:15px; width:100%!important; }
    .rprouducts{ flex-wrap:wrap; }
    .rprouducts .single-product{ height:auto; }

    .sticky-col{ position:inherit; }
    .pf_scr{ margin:50px 0 0 0; }
    .proscroll .sticky-col{ display:none; }
    .proscroll .pscroll{ width:100%; }
    .lat_section.fir_sec{ margin:50px 0 0 0; }
    .lat_section{margin:50px 0;}  
    .carfour{ flex-direction:row; flex-wrap: wrap; }
    .carfour .car_img{ width:calc(100%/2 - 30px); margin-bottom:20px; }
}

@media only screen and (max-width: 768px){
    .item.slide1{ display:flex; }
    .slide1 .mobslide{ margin:0px 6px; }
    .slide1 .mobslide .mobimg{ display:block; padding:0px 5px; }
    .slide1 .mobslide .deskimg{ display:none; }
    .car_content { width: 95%; padding: 15px; }
    .car_content h2 { margin: 0 0 20px 0; font-size:18px; }
    .car_content p { font-size:14px; }
    .car_content .homebtn { font-size:14px; line-height:18px; }
    .main-carousel .owl-controls { bottom: 42%; }
    .deskview{ display:none; } .mobview{ display:block; }
    .mobview .single-product{ margin:0px 10px; }
    .carblk{ flex-direction:column; }
    .car_img{ width: calc(100% - 30px); margin-bottom:20px; }
    .car_img .img_zoom img{ width:100%; }
    .car_img p{ min-height:inherit; }

    .carfour{ flex-direction:row; flex-wrap: wrap; }
    .carfour .car_img{ width:calc(100% - 30px); margin-bottom:20px; }
    .ablock{ width:calc(100%/2 - 10px); margin-bottom:15px; }

    .cmsblkcon.img-right{ text-align:center; }
    .cmsblkcon.img-right .img-fluid{ width:100%; height: auto; float:none; }
    .cmsblkcon .readmo{ position:inherit; }
}

@media only screen and (max-width: 576px) {
    .slide1 .car_content{ width:auto; }
    .car_content h2 { margin: 0 0 10px 0; font-size:14px; }
    .car_content p { font-size:12px; }
    .car_content .mt-3{ margin-top:10px!important; }
    .car_content .homebtn { font-size:12px; line-height:16px; }

    .box_cimg{ width:140px; }
    .sco_pro { grid-template-columns: auto; }
    .lat_section.fir_sec{margin:50px 0 0 0;}
    .lat_section{margin:50px 0;}
    .box_cate{flex-wrap:wrap;}
    .bax_pad{order:2; margin-top:10px;}
    .subrow{flex-wrap:wrap;} .subrow .btn{width:100%; margin-top:20px; margin-left:0!important;}
    .mbsm-3{margin-bottom: 1rem !important;}
    .mbsm-4{margin-bottom: 1.5rem !important;}
    .single-product{flex-wrap:nowrap;}
    .rprouducts .single-product .product-img { width:120px; margin: 0 15px 0 0; } 
    .homebtn{ width:100%; }
    .stitle{ display:block; }
    .stitle h2{ width:100%!important; }
    .viewall{ position:relative; margin-bottom:20px; }
    .h_sect{ padding:30px 0px; }
    .ablkdiv{ justify-content: center; }
    .ablock{ width:calc(100%/1 - 10px); max-width:250px; margin-bottom:15px; }
    .ablock img{ width:100%; height:auto; }

    .g_card{ display:flex; flex-direction:column; }
    .g_save{ width:100%; min-height:160px; background:url('../images/g-blue.png') repeat-x #fff !important; }
    .g_rib{ position:relative; width: 100%; height: 70px; left:0px; background:url('../images/red-ribbon-hor.png') no-repeat; }
    .g_conte{ width:100%; padding:15px 15px 15px 15px; }
}