.mob-footer{position:fixed; height:75px; width:100%; color: #fff; background:#fff; padding:10px 5px; z-index:999; bottom:-1px; display:none; left:0; -webkit-box-shadow: 0px -2px 7px rgb(0 0 0 / 16%); -moz-box-shadow: 0px -2px 7px rgb(0 0 0 / 16%); box-shadow: 0px -2px 7px rgb(0 0 0 / 16%); }
.mob-footer ul{list-style:none; display: flex; justify-content:space-around; width: 100%;} 
.mob-footer ul li{list-style:none;  display:table-cell;}
.mob-footer ul li a{ padding:0; margin: 0; display: block; line-height: 15px; text-align:center; color:var(--mycolor); } 
.mob-footer ul li a svg{ margin:0 0 7px 0; stroke:var(--mycolor); stroke-width: 1.5px; }
.mob-footer ul li a span{ font-size:12px; display: block; line-height: 14px; }
.lin45 .nice-select{line-height:45px!important;}

.main-carousel .owl-stage-outer, .main-carousel .owl-stage, .main-carousel .owl-item, .main-carousel{ height:100%; }
.main-carousel .owl-item{ opacity:0; }
.main-carousel .owl-item.animated, .main-carousel .owl-item.active{ opacity:1; }

.slide1 { width:100%; height: 100%; border-radius:7px; }
.slide1 .slider-img{ border-radius: 0px 20px 20px 0px; }
.slide1 .slider-img img{ width:auto!important; height:100%!important; max-height:410px; }
.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 .Full .contbg{ border-radius:0px; }
.slide1 .content .car_content{ width:80%; padding:30px; } 
.slide1 .content .car_content h2{ margin:0 0 20px 0; font-size:48px; font-weight:700; line-height:1.2; }
.slide1 .content .car_content a{ margin-top:16px; }
.slide1 .content .car_content .homebtn{ background:#fff!important; color:#333!important; }
.slide1 .content .car_content .homebtn:hover{ background:#333!important; color:#fff!important; }
.slide1 .mobslide{ width:100%; margin:0px 0px; }
.slide1 .mobslide .mobimg{ display:none; }
.slide1 .mobslide .deskimg{ display:block; }

.static-slide{ width:100%; height: 100%; border-radius:0px; }
.static-slide .slider-img,.static-slide .slider-img a{ position:relative; width:100%; height:100%; }
.static-slide.Middlewidth .slider-img img{ width:100%!important; height:100%!important; max-height:410px; }
.static-slide.Fullwidth .slider-img img{ width:100%!important; height:100%!important; max-height:600px; }

.owl-item.cloned{ opacity:0; }
.owl-item.cloned.active{ opacity:1; }

.owl-carousel.multi-slider{ width:calc(100% - 60px); margin:30px; overflow:hidden; }
.owl-stage .owl-item .multi-banner{ display:flex; flex-wrap:wrap; justify-content:center; width:calc(100% - 2px); height: 470px; margin: 0px 1px; padding:0px 3px; border-radius: 6px; }
.multi-banner .multi-img{ width:100%; height:100%; display:flex; align-items: center; padding:10px; border: 1px solid #f8f8f8; }
.multi-banner .multi-img a{ position:relative; display:flex; align-items:flex-end; width:100%; height:100%; z-index:999; } 
.multi-banner .multi-img img{ width: 100%; height: auto; border-radius:0px; border: 0; }
.multi-banner .multi-img img.desk{ display:block; }
.multi-banner .multi-img img.mob{ display:none; }
.multi-banner .multi-img .textdiv{ position:absolute; width:100%; top:10px; z-index:99; padding-left:5px }
.multi-banner .multi-img .bantag{ display:inline-block; font-size:16px; line-height:16px; color:#f5a623; padding:5px 7px; margin-bottom:5px; border-radius:6px; }
.multi-banner .multi-img .ch3{ font-weight:700px; font-size:32px; line-height:40px; margin-bottom:5px; }
.multi-banner .multi-img .ch4{ font-weight:400px; font-size:18px; line-height:22px; }

.multi-slider.owl-carousel .owl-controls .owl-nav .owl-prev{ position: absolute; width:auto; top:calc(50% - 25px); left: 50px; background:#d2d2d7e6; border-radius:25px; }
.multi-slider.owl-carousel .owl-controls .owl-nav .owl-next{ position: absolute; width:auto; top:calc(50% - 25px); right: 50px; background:#d2d2d7e6; border-radius:25px; }
.multi-slider.owl-carousel .owl-nav{ opacity:0.2; }
.multi-slider.owl-carousel:hover .owl-nav{ opacity:0.7; }
.multi-slider.owl-carousel .owl-nav:hover{ opacity:1; }
.multi-slider.owl-carousel .owl-controls .owl-nav i{ font-size:40px; }

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

.sco_pro{ list-style:none; display: grid; grid-template-columns: auto auto; gap:15px; --imageHeight: 80px; height: calc(var(--imageHeight) * 2); animation: slide 20s linear infinite; &:hover{
    animation-play-state: paused; } }
.sco_pro a{ line-height: 22px; font-size:15px; font-weight:500; 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:90px; height:120px; margin:0 15px 0 0; align-self: flex-start; }
.sco_pro .product-price { font-size: 14px; font-weight: 600; flex-wrap: wrap; }
.sco_pro .product-price span { font-size: 19px; font-weight: 700; line-height:24px; color: var(--mycolor); }

@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: sticky; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; width:calc(25% - 5px); height:100%; text-align:center; z-index:inherit; }
.sticky-col img{ width:100%; max-width:200px; height:auto; max-height:240px; margin:auto; }
.sticky-col p{ margin:0px; text-align:justify; }
.sticky-col .btn{ padding:9px 10px; }
.new_read{ color:var(--mycolor)!important; font-weight:400; letter-spacing:0.06rem; 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;}

.pscroll{ position: relative; width:calc(75% - 5px); padding-left:30px; }

.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;}

.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; }

.block-horscroll{ width:100%; max-width: 100%; }
.carblk{ width:100%; display:flex; flex-direction:row; gap:20px; }
.car_img{ width:calc(100%/3); height:100%; margin:0px 0px; border:1px solid #dedede; border-radius:15px; overflow:hidden; }
.car_img:hover{ border:2px solid var(--mycolor); }
.car_img .img_zoom img{ width:100%; height:100%; max-height:280px; }
.car_img .car_txt{ display:block; padding:24px; }
.car_img .car_txt .h5{ font-size: 22px; font-weight: 700; margin:0px 0px 12px 0px; }
.car_img .car_txt p{ min-height:82px; color:#424646; font-size:14px; font-weight:400; line-height:23px; text-align:justify; padding:0px; margin:0px 0px 20px 0px; display: -webkit-box!important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  }

.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%; margin:auto; }
.ablock{ position: relative; width:calc(100% - 15px); max-width:175px; margin:auto; text-align: center; border-radius:6px; overflow:hidden; padding:10px; }
.ablock a{ position:relative; display:block; }
.ablock img{ width: 100%; height: auto; aspect-ratio: 2 / 2; object-fit: cover; border-radius:10px; }
.fullPage .ablock img{ width:100%; height:100%; border-radius:10px; }
.ablock .ablkoverlay{ display:none; }

.ablock.Text{ padding:0px; }
.ablock.Text a{ display:flex; justify-content:center; align-items: center; width:100%; min-height:56px; padding:10px 10px; border-radius:25px; }
.ablock.Text a .aname{ display: block; color:#fff; font-size:16px; line-height:18px; padding:0px 0px; text-align:center; }
.ablock.Text:hover a .aname{ font-weight:600; }

.ablock.Round img, .ablock.RBorder img{ border-radius:100%; }

.ablock.Square:hover a img, .ablock.Round:hover a img{ opacity:0; }
.ablock.SBorder{ border:2px solid var(--mycolor); } 
.ablock.RBorder{ border:2px solid var(--mycolor); border-radius:100%; }
.ablock.Square:hover .ablkoverlay{ position:absolute; display:flex; justify-content: center; align-items:center; width:100%; height:100%; top:0px; border-radius:0px; }
.ablock.Round:hover .ablkoverlay{ position:absolute; display:flex; justify-content: center; align-items:center; width:100%; height:100%; top:0px; border-radius:100%; }

.ablock .ablkoverlay .aname{ display: block; color:#fff; font-size:16px; line-height:18px; padding:15px 0px; text-align:center; }

.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*/


.viewall{ border:solid 1px var(--mycolor); color:var(--mycolor); border-radius:4px; font-size:16px; font-weight:600; padding:8px 10px; right: 0; top: 3px; position: absolute; transition: all 0.3s;} 
.viewall-icon{ display:none; }
.viewall-icon .svg_blue{ width:30px; height:30px; }
.hover_bor:hover .viewall{ background:var(--mycolor); color:#fff; transition: all 0.3s; box-shadow: 0 10px 20px -8px rgba(0, 0, 0,.7); } 
.hover_bor:hover .viewall:after{ font-family: 'themify'; content: "\e628"; margin-left:5px; opacity: 1; right:5px; transition: 0.3s; }  

.ffcurv a{ display:block; text-align:center; }
.ffcurv img{ width:100%; border-radius: 0.25rem; border:1px solid #dedede; }
.svg25{width: 25px; height:25px; fill: currentColor;} .mobtn span{margin-left: 5px;}
.sel-label{border: solid 1px #e8e8e8; padding:5px 10px; width: 100%; transition: background-color 0.5s ease; cursor: pointer;}
.sel-label:hover{background: var(--light);} 
.sel-label.checked{background: var(--gray-dark); color: #fff;}
.sel-label input{display: none;}
.mx-height{max-height: 300px; overflow-y: auto; position: relative;}

.banerli{ display: flex; flex-wrap: row; align-items: center; justify-content: space-between; gap:15px; }
.banerli .list-grp-item{ display:flex; align-items:center !important; width: calc(100%/4); color:#fff; padding:20px 20px; border-radius:10px; }
.banerli .list-grp-item .svg_blue{ width: 60px; height:60px; stroke: #fff; margin-right: 15px; border-radius:5px; padding:5px; }
.banerli .fourcon{ width:75%; overflow:hidden; }
.banerli .fourcon .ch4{ font-size: 18px; line-height:24px; font-weight: 500; color:#fff; margin:0; margin:0px 0px 10px 0px; } 
.banerli .fourcon p{ font-size: 14px; line-height:20px; font-weight: 400; color:#fff; margin:0; text-align:justify; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.banerli2 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap:20px; }
.banerli2 .list-grp-item{ display:flex; width:calc(100%/2 - 10px); align-items: center; color:#222; padding:1.45rem 1.25rem; background:#fff; border:0px; }
.banerli2 .list-grp-item .svg_blue{ width: 25%; height: auto; stroke:var(--mycolor); margin-right: 15px; border-radius:5px; padding:5px; }
.banerli2 .fourcon{ width:75%; overflow:hidden; }
.banerli2 .fourcon .ch4{ font-size: 18px; line-height:24px; font-weight: 400; color:var(--mycolor); margin:0px 0px 15px 0px; } 
.banerli2 .fourcon p{ font-size: 14px; line-height:20px; font-weight: 400; color:var(--mycolor); margin:0; text-align:justify; }

#whatsapp-float { position: fixed; width: 60px; height: 60px; background: none; z-index: 9; cursor: pointer; transition: transform 0.3s ease; }
#whatsapp-float.wtupright{ bottom: 20px; right:20px; }
#whatsapp-float.wtupleft{ bottom: 20px; left:20px; }
#whatsapp-float img { width: 100%; height: auto; }
#whatsapp-float:hover { transform: scale(1.1); }


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

@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:0; }
    .proscroll .sticky-col{ display:none; }
    .proscroll .pscroll{ width:100%; }
    .lat_section.fir_sec{ margin:0px 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; }

    .fourwid .block-horscroll{ overflow-x: scroll; scrollbar-width: none; }
    .fourwid .block-horscroll .banerli .list-grp-item{ min-width:300px; }
}

@media only screen and (max-width: 768px){
    .item.slide1{ display:flex; }
    .slide1 .mobslide{ margin:0px 3px; }
    .slide1 .mobslide .mobimg{ display:block; padding:0px 5px; }
    .slide1 .mobslide .deskimg{ display:none; }

    .slide1 .content .car_content { width: 95%; padding: 15px; }
    .slide1 .content .car_content h2 { margin: 0 0 20px 0; font-size:28px; font-weight:800;  line-height:1.1; }
    .slide1 .content .car_content p { font-size:14px; }
    .car_content .homebtn { font-size:14px; line-height:18px; }

    .block-horscroll{ overflow-x: scroll; scrollbar-width: none; }

    .main-carousel .owl-controls { bottom: 42%; }
    .deskview{ display:none; } .mobview{ display:block; }
    .mobview .single-product{ margin:0px 10px; }
    .mob-footer{display:block;} 
    #whatsapp-float.wtupright{ bottom:70px; }

    .three_banner .container{ padding:0px 5px; }
    .three_banner .carblk{ width:900px; overflow:auto; }
    .three_banner .carblk .car_img{ width: calc(100% - 30px); }
    .three_banner .carblk .car_img .img_zoom img{ width:100%; }
    .three_banner .carblk .car_img p{ min-height:inherit; font-size:12px; line-height:18px; }
    .car_img .car_txt .h5{ font-size: 16px; font-weight: 700; }

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

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

    .hblk{ padding:20px; }
    .sticky-col,.pscroll{ width:100%; padding-left: 0px; }
    .pscroll{ margin-top:30px; }

    .sco_pro a{ font-size:12px; font-weight:500; line-height: 18px; }
    .sco_pro .product-price span { font-size: 18px; font-weight: 700; line-height:20px;  }
    .sco_pro .sco_img { width: 90px; height: 76px; }

    .fullPage .ablock img{ width:100%; height:200px; border-radius:10px; }
    .faqacc .card-body .fs-14{ font-size:12px!important; }
}

@media only screen and (max-width: 576px) {
    .mt-5,.my-5{ margin-top:25px!important; } .mt-4,.my-4{ margin-top:20px!important; } 
    .mb-5,.my-5{ margin-bottom:25px!important; } .mb-4,.my-4{ margin-bottom:20px!important; }
    .mob-divnone{ display:none!important; }
    .badge{ padding: 4px 10px; font-size:10px!important; line-height:11px!important; }
    .copytxt .ti-layers{ display:none!important; }
    .slide1 .contbg{ border-radius:8px 0px 0px 8px; }
    .item.static-slide .img-fluid{ border-radius:8px!important; }
    .carblk .car_img{ border-radius:8px; }

    .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; }
    .custom-pro .section-title{ margin-bottom:15px; }
    .custom-pro .section-title h2{ text-align:left!important; }

    .section-title.stitle{ display:flex; }
    .stitle h2{ width: calc(100% - 100px); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
    .viewall.desk{ display:none; }
    .viewall-icon{  position:relative; display:block; border:0px; margin:0px; padding:0px; min-width: 100px; float:right; }
    .h_sect{ padding:30px 0px; }

    .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; }
    .ablock{ width:calc(100% - 10px); }

    .mob-footer{ height:65px;  }
    .mob-footer ul li a svg{ margin:0 0 4px 0; width:25px; height:25px; }
}

@media only screen and (max-width: 480px) {
    .owl-carousel.multi-slider { width: calc(100% - 30px); margin:20px 15px; overflow: hidden; }
    .owl-carousel.main-carousel .owl-controls .owl-dots { bottom: -10px; }

    .multi-banner .multi-img a{ align-items:flex-start; }
    .multi-banner .multi-img .textdiv{ top:inherit; bottom:10px; }

    .mobslide .content .car_content{ text-align:left; padding:10px; }
    .mobslide .content .car_content h2{ font-size:16px; line-height:22px; }
    .mobslide .content .car_content p{ font-size:13px; line-height:18px; }
    .mobslide .content .car_content a{ margin-top:10px; }
}
