/* head */
.main-head{z-index:997;width:100%;padding:0;margin:0 auto;display:grid;grid-template-columns:1fr;-webkit-transition:all .5s ease-in;transition:all .5s ease-in;box-shadow:0 1px 5px rgb(0 0 0 / 5%);position:sticky;top:-1px;}
.head-r0{width:100%;display:flex;justify-content: space-between;align-items: center;padding:0;grid-gap:1rem;background:var(--tem1);color:var(--white1);}
	.top-address{width:100%;padding:.5rem;}
	.top-mail{width:100%;padding:.5rem;display:flex;justify-content:flex-end;}
.head-r1{width:100%;display:flex;justify-content: space-between;align-items: stretch;padding:0;background:var(--tem7);}

.head-logo{width:max-content;display:grid;justify-content:center;align-items: center;}
.head-logo img{max-width:260px;display:flex;object-position: center;object-fit: cover;}
.head-call{width: 100%;max-width: fit-content;height: 100%;display:grid;grid-template-columns:1fr;justify-content:center;align-items: center;padding:.5rem 3vw;background:#000;}
.head-call span{color:var(--white1);font-size:24px;font-size:var(--font-l);font-weight:500;text-transform: uppercase;line-height: 1;}
.call-r1{width:100%;display:grid;justify-content: center;}
.call-r1 span{width:100%;display:flex;font-size:12px;text-align:center;color:var(--tem1);}
.call-r2{width:100%;display: flex;align-items:center;justify-content: center;gap: 5px;}
.call-r2 img{max-width: 15px;}


/* nav */
.head-nav{width:100%;display:flex;justify-content:flex-start;align-items: center;padding: 0 1rem;}
.head-nav a:link,.head-nav a:visited{display:flex;color:var(--tem1);padding:.5rem 1rem;text-transform:uppercase;font-size:14px;font-size:var(--font-a);line-height:1;}
.head-nav a:hover{background:var(--tem3);color:var(--tem2);}

.now{background:var(--tem1) !important;color:var(--tem2) !important;}


/* main */
.maxcol{max-width:var(--maxcol);margin: auto;}
.full{width:var(--w100);max-width:var(--w100);}

.main-page{width:100%;display:grid;}
.hero-main{width:100%;display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;min-height:30vh;background:#f5f5f5;}
.hero-ct{z-index:2;width:100%;max-width:60%;height:100%;display:flex;flex-wrap:wrap;text-align:center;justify-content:center;align-items:center;align-content: center;position:absolute;left:0;top:0;padding:3rem;}
.hero-ct h1,.hero-ct span,.hero-ct p{width:100%;display:grid;}
.hero-ct h1{color:var(--black1);font-size:24px;font-size:var(--font-xl);font-weight:bold;line-height:1.1;}
.hero-ct p{color:var(--black1);font-size:24px;font-size:var(--font-x);line-height:1.1;}
.hero-img{width:100%;height:100%;display:grid;justify-content:center;}
.hero-img-in{z-index:1;width:100%;max-height:450px;display:grid;justify-content:center;align-content: center;align-items:center;overflow:hidden;}
.hero-img-in img{object-position: center;object-fit: cover;}

.rowbar-yellow{width:100%;display:grid;padding:1rem 2rem;background:var(--tem5);justify-content:center;}
	.rowbar-yellow h3{color:var(--white1);font-size:20px;font-size:var(--font-l);line-height:1.1;}
.rowbar-green{width:100%;display:grid;padding:1rem 2rem;background:var(--tem1);justify-content:center;}
	.rowbar-green h3{color:var(--tem2);font-size:20px;font-size:var(--font-l);line-height:1.1;}
	.rowbar-green h4{color:var(--white1);font-size:20px;font-size:var(--font-xl);line-height:1.2;font-weight:300;}
.rowbar-green-img{width:100%;display:grid;background:var(--tem1);justify-content:center;align-content: center;align-items:center;overflow:hidden;max-height:200px;}
.rowbar-green-img img{object-position: center;object-fit: cover;}

/* tx */
.tx-ct{font-size:var(--font-ct);}
.tx-link{font-size:var(--font-a);}
.tx-ft{font-size:var(--font-ft);}
.topic-sm{font-size:var(--font-sm);}
.topic-l{font-size:var(--font-l);}
.topic-x{font-size:var(--font-x);}
.topic-xl{font-size:var(--font-xl);}
.topic-ss{font-size:var(--font-ss);}

.hero-ct h1,.sec-topic h2,.sec1-01-topic,.sec1-02-topic1,.sec1-02-topic2,.sec1-03-topic1,.sec1-03-topic2,.btn-offer,.btn-offer-ft,.sec-aside h3
{text-transform: uppercase;}

/* BG */
.bg-sec1{background: #fafafa url(../images/bg-sec1.webp)no-repeat center center;background-size: cover;}
.bg-f1{background: #fafafa url(../images/bg-f1.webp)no-repeat center center;background-size: cover;}
.bg-f2{background: #fafafa url(../images/bg-f2.webp)no-repeat center center;background-size: cover;}
.bg-f3{background: #fafafa url(../images/bg-f3.webp)no-repeat center center;background-size: cover;}
.bg-sec3{background: #fff url(../images/bg-sec3.webp)no-repeat center center;background-size: cover;}
.bg-secproduct{background: #fff url(../images/bg-sec-product.webp)no-repeat center center;background-size: cover;}



/* text section */
.sec-topic{width:100%;display:grid;text-align:center;margin:0 auto;padding:2rem 2rem 0;}
.sec-topic h2,.sec-topic h3,.sec-topic h4{font-size:20px;font-size:var(--font-xl);line-height:1.2;}
.sec-topic span{font-size:20px;font-size:var(--font-l);line-height:1.2;}
.section-1 .sec-topic h2{color:var(--black1);font-weight:400;}
.section-2 .sec-topic h4{color:var(--tem8);font-weight:600;}
.section-3 .sec-topic h4{color:var(--tem1);font-weight:400;}
.section-3 .sec-topic span{color:var(--black1);font-weight:300;}
.section-customer .sec-topic h4{color:var(--tem1);font-weight:400;}
.section-customer .sec-topic span{color:var(--black1);font-weight:300;}
.section-4 .sec-topic h4{color:var(--tem1);font-weight:600;text-transform: uppercase;}
.section-5 .sec-topic h4{color:var(--tem1);font-weight:400;text-transform: uppercase;}
.section-5 .sec-topic span{color:var(--black1);font-weight:300;}



/* section */
.section-1{width:100%;display:grid;grid-gap:1rem;margin:0 auto;padding:0;}
.sec1-content{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"sec101 sec102" "sec101 sec103";grid-gap:1rem;grid-template-rows:1fr 1fr;margin:0 auto;padding:2rem 2rem 4rem;}
.sec1-01{display:grid;grid-area:sec101;}
.sec1-02{display:grid;grid-area:sec102;}
.sec1-03{display:grid;grid-area:sec103;}
.sec1-01,.sec1-02,.sec1-03{overflow:hidden;border-radius:24px;}

.sec1-01{width:100%;min-height:50vh;}
.sec1-01-ct{width:100%;display:grid;padding:3rem 1rem 1rem;position:absolute;left:0;bottom:0;grid-gap:.5rem;background:var(--tem1-gar);}
.sec1-01-topic{color:var(--white1);font-size:24px;font-size:var(--font-xl);line-height:1;font-weight: 700;}
.sec1-01-tx{color:var(--white1);font-size:16px;font-size:var(--font-ct);line-height:1.2;font-weight: 300;}

.sec1-02{width:100%;}
.sec1-02{grid-template-columns:1fr 1fr;padding:1rem;grid-gap:1rem;}
.sec1-02-ct-left{width:100%;display:grid;align-content: end;}
.sec1-02-topic1{color:var(--tem5);font-size:24px;font-size:var(--font-xl);line-height:1;font-weight: 700;}
.sec1-02-topic2{color:var(--tem7);font-size:24px;font-size:var(--font-l);line-height:1;font-weight: 700;}
.sec1-02-ct-right{width:100%;display:grid;justify-items: center;align-content: center;}
.sec1-02-ct-right img{display: grid;width:100%;max-width:50%;}

.sec1-03{width:100%;}
.sec1-03-ct{width:100%;max-width:70%;height:100%;display:grid;align-content: end;position:absolute;left:0;top:0;padding:1rem 3rem 1rem 1rem;background:var(--tem2-gar);}
.sec1-03-topic1{color:var(--tem3);font-size:24px;font-size:var(--font-xl);line-height:1;}
.sec1-03-topic2{color:var(--tem3);font-size:24px;font-size:var(--font-l);line-height:1;}


.section-2{width:100%;display:grid;grid-gap:1rem;margin:0 auto;padding:0;background:var(--tem4);color:#ce1616;}
.sec2-content{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;margin:0 auto;padding:2rem;}
.sec2-left,.sec2-right{width:100%;height:100%;display:grid;padding:1rem;}
.sec2-left-img{width:100%;height:100%;max-height:350px;display:grid;justify-content:center;align-content: center;align-items:center;overflow:hidden;border-radius:24px;}
.sec2-left-img img{object-position: center;object-fit: cover;}
.sec2-right{grid-gap:1rem;}
.sec2-right h4{color:var(--tem8);font-size:22px;font-size:var(--font-xx);line-height:1;font-weight:600;}
.sec2-right p{color:var(--black1);font-size:15px;font-size:var(--font-ct);line-height:1.3;font-weight:300;}

.section-3{width:100%;display:grid;grid-gap:1rem;margin:0 auto;padding:0;}
.sec3-content{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;margin:0 auto;padding:0 2rem;}
.sec3-right{margin-top: -5vw;z-index: 20;}
.sec3-left,.sec3-right{width:100%;display:grid;padding:1rem;}
.sec3-left{grid-gap:1rem;justify-content:center;align-content: center;align-items:center;overflow:hidden;}
.sec3-left-ct{width:100%;display:grid;text-align:center;grid-gap:1rem;}
.sec3-left-ct img{max-width:240px;margin:auto;}
.sec3-left-ct span{color:var(--black1);font-size:15px;font-size:var(--font-ct);line-height:1.3;font-weight:300;}


.section-4{width:100%;display:grid;grid-gap:1rem;margin:0 auto;padding:0;background:#fff;}
.sec4-content{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;margin:0 auto;padding:2rem;align-items: center;}
.sec4-left,.sec4-right{width:100%;display:grid;text-align:center;padding:1rem;}
.sec4-left span{color:var(--black1);font-size:18px;font-size:var(--font-l);line-height:1.3;font-weight:300;}
.sec4-right{grid-gap:1rem;}
.sec4r-img1,.sec4r-img2{width:100%;display:grid;text-align:center;}
.sec4r-img1,.sec4r-img2{width:100%;height:100%;max-height:220px;display:grid;justify-content:center;align-content: center;align-items:center;overflow:hidden;border-radius:24px;}
	.sec4r-img1 img{object-position: center;object-fit: cover;}
	.sec4r-img2 img{object-position: center;object-fit: cover;}


.section-5{width:100%;display:grid;grid-gap:1rem;margin:0 auto;padding:0;background:#fff;}
.sec-gallary{width:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:0;margin:0 auto;padding:0;}
.sec-gallary-item{width:100%;display:grid;justify-content:center;align-content: center;align-items:center;overflow:hidden;aspect-ratio: 6/4.8;}
.sec-gallary-item img{object-position: center;object-fit: cover;}
.sec-gallary-item:nth-child(1){grid-column: span 2;grid-row: span 2;}
.sec-gallary-item:nth-child(11){grid-column: span 2;grid-row: span 2;}


.sec-map{width:100%;display:grid;}



/* product */
.section-product{width:100%;display:grid;grid-gap:1rem;margin:0 auto;padding:4rem 2rem;}
.product-area{width:100%;display:grid;grid-gap:2rem;}

.sec-product-row{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;}
.p-box-item{width:auto;display:grid;}
.product-info{width:100%;display:grid;}
.product-cover{width:100%;display:flex;justify-content:center;align-content: center;align-items:center;overflow:hidden;aspect-ratio: 6/4.8;}
.product-cover img{object-position: center;object-fit: cover;}
.product-name{position:absolute;right:0;bottom:10px;display:grid;padding:1rem 2rem;color:var(--tem4);background:var(--tem8);font-size:22px;font-size:var(--font-l);line-height:1;font-weight:400;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}

.product-area .sec-topic h2{color:var(--tem3);font-size:24px;font-size:var(--font-xx);line-height:1;font-weight:700;}
.product-area .sec-topic span{color:var(--tem5);font-size:22px;font-size:var(--font-l);line-height:1;font-weight:400;}

.p-box-item:hover .product-name{color:var(--tem5);background:var(--tem1);}



/* page content */

.section-page{width:100%;display:grid;background:#f5f5f5;}
.secpage-content{width:100%;display:grid;grid-template-columns:1fr;padding:2rem;grid-gap:2rem;}
.secpage-ct{width:100%;display:grid;padding:2rem;background:#fff;overflow:hidden;grid-gap:2rem;}




/* FAQ area */
.section-faq{width:100%;display:grid;}
.sec-faq-box{width:100%;display:flex;}
.faq-section{width:100%;max-width: 100%;margin: 0 auto;padding: 20px;}
.faq-item{margin-bottom: 20px;box-shadow: 0 4px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;overflow: hidden;}
.question{font-weight: bold;cursor: pointer;padding: 15px;background: var(--tem4);color: white;}
.question:hover{background: var(--tem5);}
.answer{color:var(--white1);padding: 15px;background: var(--tem6);display: none;transition: all .5s ease;font-weight:300;}
.toggle-faq{font-size: 40px;transition: transform .5s;color: white;line-height:54px;font-weight: 200;position: absolute;right:20px;top: 0;}
.toggle-faq.active{transform: rotate(45deg);}


/* contact form */
.form-contact{width:100%;display:grid;padding:1rem;}
.contact-form {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 400px;
}

.contact-form h1 {
    margin-bottom: 30px;
    font-size: 24px;
    text-align: center;
    color: #333333;
}

.form-group {
    position: relative;
    margin-bottom: 20px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
    font-size: 16px;
    outline: none;
    transition: all 0.3s ease-in-out;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: #aaa;
    background-color: #fff;
}

.form-group label {
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #fff;
    color: #aaa;
    padding: 0 5px;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

.form-group input:focus + label,
.form-group input:valid + label,
.form-group textarea:focus + label,
.form-group textarea:valid + label {
    top: -10px;
    left: 10px;
    font-size: 12px;
    color: #333;
}

button.btn-form {
    width: 100%;
    padding: 12px;
    background: var(--tem1);
    color: var(--white1);
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}

button.btn-form:hover {
    background: var(--tem2);
	color:var(--tem1);
}





/* footer */
.area-ft{width:100%;display:grid;}
.footer {background-color:#060606;color: #fff;padding: 20px 0 0;}
    .ftrow1 {
        display: flex;
        justify-content: space-between;
        padding: 20px;
		gap:1.5rem;
    }
	.ftcol1,.ftcol2,.ftcol3,.ftcol4 {
        flex: 1;
        padding: 10px;gap:20px;
    }
	.ftcol1 h4,.ftcol2 h4,.ftcol3 h4,.ftcol4 h4{color:var(--tem2);font-size:20px;font-size:var(--font-m);line-height:1;font-weight:400;padding-bottom:1rem;}
	.ftcol2 p{text-indent:1.5rem;font-weight:300;}
	
	
	.ftcol1{display:grid;justify-content:center;align-items:start;align-content: start;}
    .ftcol1 img {
        max-width: 100%;display:grid;width: 100%;object-fit: scale-down;
    }
    .ftcol3 ul,.ftcol4 ul {
        list-style: none;
        padding: 0;
    }
    .ftcol3 ul li,.ftcol4 ul li {
        margin: 5px 0;
    }
	.ftcol3 ul{padding-left: 1.2rem;}
	.ftcol3 ul li{
        color: var(--tem2);
        list-style-type: disclosure-closed;
    }	
    .ftcol3 ul li a,.ftcol4 ul li a {
        color: #fff;
        text-decoration: none;
    }
	.ftcol3 ul li a:hover,.ftcol4 ul li a:hover {
        color: var(--tem2);
    }
    .ftcol4 .social-icons {
        display: flex;
		flex-wrap: wrap;
        gap: 12px;
		padding:.75rem 0;
    }	
    .ftcol4 .social-icons a {
		max-width:36px;
        text-decoration: none;
       padding:3px;
		opacity:.75
    }
    .ftcol4 .social-icons a:hover {
		opacity:1;
    }
    .footer .ftrow2 {
        text-align: center;
        padding: 10px 0;
        font-size: 14px;
        background: var(--tem6);
    }
	.ftrow2 span{color:var(--tem2);font-size:20px;font-size:var(--font-ft);line-height:1;font-weight:200;}




/* button */
.btn-offer{display:flex;flex-wrap:wrap;justify-content:center;font-size:30px;font-size:clamp(15px, 2vw, 24px);font-weight:400;color:var(--tem2);overflow:hidden;line-height:1;border:2px solid var(--tem6);border-radius:3rem;padding:.75rem 3rem;background:var(--tem1);margin:1rem auto 0;}
.btn-offer:hover{background:var(--tem5);border:2px solid var(--tem1);}

.btn-offer-ft{display:flex;flex-wrap:wrap;font-size:24px;font-size:clamp(15px, 1.4vw, 20px);font-weight:400;line-height:1;color:var(--tem2);overflow:hidden;line-height:1;border:2px solid var(--tem4);border-radius:6px;padding:6px 2rem;background:var(--tem1);margin:1rem 0 0;justify-content: center;}




/* menu mobile*/
.mobile-menu{width: auto;display: none;align-items: center;}
.side-box{z-index:998;position:fixed;left:-200%;top:0;width:100%;max-width:220px;height:100%;padding:40px 0;overflow-x:auto;box-sizing:border-box;text-align:center;align-items:center;align-content:center;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;opacity: 0;background:var(--gray1);box-shadow:3px 0 8px rgb(0 0 0 / 5%);}
#toggle{position:fixed;appearance:none;cursor:pointer;left:-1000px;top:0;}
#toggle + label{z-index:9999;display:grid;max-width: 50px;cursor:pointer;padding:0;margin:0;color:var(--tem4);line-height:1em;font-size:1.4em;text-align:center;-webkit-font-smoothing:antialiased;background:transparent;border-radius:0 0 6px 6px;
cursor:pointer;}
#toggle + label:hover{color:var(--tem2) !important;}
#toggle + label:after{content:"☰";padding:10px;}
.container{transition:margin 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94);padding:0 1%;}
#toggle:checked ~ .side-box{left:0;opacity:1;}
#toggle:checked ~ .container{margin-left:0px;}
#toggle:checked + label{background:none;}
#toggle:checked + label:after{width:auto;content:"X";}

.menu-side{width:100%;display: grid;grid-template-columns:1fr;height: 100%;align-content:center;padding:1rem 0;}
.sub-list{width:100%;position:relative;padding:0;margin:0 auto;display:flex;display:-webkit-flex;-webkit-justify-content:center;justify-content:center;justify-items:center;align-items:center;justify-items:center;flex-wrap:wrap;}
.sub-list li{width:100%;position:relative;display:grid;grid-template-columns:1fr;align-content:start;}
.sub-list li a:link,.sub-list li a:visited,.sub-list li a:active{width:100%;font-size:16px;line-height:1;padding:5px;margin:0 auto;color:var(--tem1);background:transparent;}
.sub-list li a:hover{color:var(--white1) !important;text-shadow:0 2px 3px rgb(0 0 0 / 32%);background:#212121;}

.li-menu-ss{width:100%;position:relative;display:grid;grid-template-columns:1fr;align-content:start;padding:0;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;}
.dropdown2{width:100%;position:relative;display:grid;}

.sub-list-service{width:100%;display:none;background:#fef828;}
.li-menu-ss2{width:100%;position:relative;display:grid;grid-template-columns:1fr;align-content:start;padding:0;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;}

.menu-side-ct{width:100%;display:grid;padding:1rem;}




/* lazy */
img.yall-loaded img.yall-error{opacity: 1;}
img.slowloading,img.yall_lazy {visibility: hidden !important;opacity: 0;-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
img.yall_loaded {visibility: visible !important;opacity: 1;}


/* to top */
#buttontotop {
  display: inline-block;
  background:var(--white1);
  width: 32px;
  height: 32px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 60px;
  right: 2vw;
  border:2px solid var(--tem1);
  text-decoration: none;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 900;
}
#buttontotop:after {
  content: "▲";
  font-size:1em;
  line-height:1;
  color: var(--tem1);
  text-decoration: none;
}
#buttontotop:hover {
  cursor: pointer;
  background-color: var(--tem6);color:var(--white1)
}
#buttontotop:active {
  background-color: #555;
}
#buttontotop.show {
  opacity: 1;
  visibility: visible;
  text-decoration: none;
}

/* dropdown */
.dropbtn {
  background: transparent;
  color: var(--tem1);
    padding: .5rem 1rem;
    text-transform: uppercase;
    font-size: 14px;
    font-size: var(--font-a);
    line-height: 1;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background: var(--tem2);
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown a{border-bottom:1px solid #e5e5e5;}
.dropdown a:hover {background: var(--tem5);}

.show {display: block;}

/* responsive */
@media only screen and (max-width:1200px){

}

@media (max-width:1080px){

}

@media (max-width:840px){
.head-r0 span{font-size:13px;}	
.mobile-menu{display:grid;}
.head-nav{display:none;}
.head-logo img{max-width:300px;}
.sec1-02-ct-right img{max-width:80%;}
.ftrow1{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"ftc1 ftc1 ftc1" "ftc2 ftc3 ftc4";}
.ftcol1{grid-area:ftc1}.ftcol2{grid-area:ftc2}.ftcol3{grid-area:ftc3}.ftcol4{grid-area:ftc4}
.ftcol1 img{object-fit: scale-down;max-width:300px;}
.sec4-content{grid-template-columns: 1fr 40%;}

}

@media (max-width:720px){
.hero-img-in img{height:140%;}
.ftrow1{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ftc1 ftc1" "ftc3 ftc2" "ftc4 ftc4";}
.sec-product-row{grid-template-columns:1fr 1fr;}
.product-cover{aspect-ratio: 6 / 3.4;}
}

@media (max-width:660px){
.head-r0{display:grid;grid-template-columns:1fr;grid-gap:0;}
.top-address,.top-mail{padding:0;justify-content: center;}
.head-r0 span{display:grid;justify-content: center;}
.head-r1{grid-gap:.5rem;}
.head-logo{width: 100%;justify-content: start;}
.head-logo img{max-width: 160px;}
.sec1-content{grid-template-columns: 1fr;grid-template-areas:"sec101""sec102""sec103";grid-template-rows: auto auto 1fr;}
.sec1-03-ct{max-width: 100%;position: relative;min-height: 140px;}
.sec1-02-ct-right img{max-width:60%;}
.sec2-content{grid-template-columns: 1fr;grid-gap:1rem;padding: 1rem 2rem;}
.sec2-left-img{max-height: 160px;}
.sec3-content{grid-template-columns: 1fr;}
.review-section{grid-template-columns: 1fr;}
.ftrow1 p{font-size:14px;}
.sec4-content{grid-template-columns: 1fr;}
.sec5-content{grid-template-columns: 1fr;}
.sec5-img{max-height:160px;}
.sec-product-row{grid-template-columns:1fr;}
.product-cover{aspect-ratio: 3.6 / 1;}
}

@media (max-width:560px){
.hero-ct{max-width:100%;padding: 1rem;background: rgb(255 255 255 / 53%);}
.ftrow1{display:grid;grid-template-columns:1fr;grid-template-areas:"ftc1" "ftc3" "ftc2" "ftc4";}

}
@media (max-width:400px){

}