/*-- --*/
.bannerbox{ width:100%; height:auto; float: left; position: relative; background-color:#000;}
.bannerbox .swiper{ width:100%; height: 100%;}
.bannerbox .swiper-slide{ width:100%; height: 100%; background-size:cover; background-repeat: no-repeat; background-position: center center; display: flex;}
.bannerbox .swiper-slide a{ width: 100%; display: flex; position: relative;}
.bannerbox .swiper-slide a img{ max-width: 100%;}
.banwords{ position: absolute; left:0%; bottom:200px; width:100%; height:auto; display: flex; justify-content:center; align-items:flex-start; padding: 20px; flex-direction: column;}
.ban-m{width:100%; height:auto; display: flex; justify-content:center; align-items:flex-start; flex-direction: column;}
.banwords h1{ font-size:3.55rem; text-align: center; color: #FFF; text-shadow: 2px 10px 4px rgba(0, 0, 0, 0.3);}
.banwords p{ font-size:1.2rem; text-align: center; color: #FFF;  text-shadow: 2px 10px 4px rgba(0, 0, 0, 0.3);}
.banwords img{ max-width:100%; }
.banwords button { font-size:1.1rem; line-height: 1.5; background-color: #FFF; display: flex; justify-content: center; align-items: center; text-align: center; color:#000; border: 0; margin-top:20px; padding:10px 20px; -webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.banwords button i{ margin-left:10px; width:50px; height:30px; background-size:80%; background-repeat: no-repeat; background-position: center center; background-image:url(../../uploads/page/syjt.png); }
.banwords button:hover i{ background-image:url(../../uploads/page/syjts.png); } 
.banwords button.button--isi::before { background:#00a0e9;}
.banwords button:hover{ color:#ffffff; }
.ban-swiper-pagination{width: 100%; position: absolute; left: 0; bottom:40px!important; z-index: 1; display: flex; justify-content: center; align-items: center;}
.ban-swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; opacity: 1; background-color: transparent; border: 2px solid #FFF; }
.ban-swiper-pagination .swiper-pagination-bullet-active { background: #ffffff;}
.ban-swiper-pagination .swiper-horizontal>.swiper-pagination-bullets{ bottom:60px;}
.banSwiper .inbg{ width:100%; height:100%; position: absolute; left: 0; top:0; background-repeat: no-repeat; background-size:cover; background-position: center; }
.section .dds{ width:100%; position: absolute; left: 0; bottom:30px; z-index: 10; display: flex; justify-content: center; align-items: center; text-align: center;}
.section .dds svg{ display:inline-block; }

.bigbox{ width:100%; float:left; display:flex; flex-direction: column;}
.onebox{ display:flex; flex-direction:column; padding:25px 0px; width: 100%; background-position: center; background-repeat: no-repeat;}
.one-title{ width:100%; display:flex; justify-content:center; align-items: center; flex-direction: column; position:relative; opacity: 0;}
.one-title h1{ font-size:2.4rem; font-weight:900; color:#000; line-height:1.5; padding:25px 0px; letter-spacing: 2px; text-align: center;}
.one-title h1::before{ content:''; position:absolute; left:calc(50% - 40px); background-color:#c6000d; bottom:0; width:80px; height:6px; background-color:#c6000d; }
.one-content{ width:100%; display:flex; flex-direction:row; justify-content:space-between; gap:30px; padding: 60px 0px 40px;}
.one-content-one{ width:25%; height:450px; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; cursor:pointer; overflow: hidden; opacity: 0;}
.one-img{ width:100%; height:100%; position: relative; display: block; overflow: hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s; overflow: hidden; }
.one-img::before{ content:''; position: absolute; left: 0 top:0; width:100%; height:100%; background-color:#000; opacity:0.6; z-index: 1; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.one-img img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.one-div{ width:100%; position:absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); z-index:1; display:flex; justify-content:center; align-items:center; flex-direction: column; color:#FFF; gap:18px; padding:15px;} 
.one-div i img{ max-width:100%; }
.one-div h1{ font-size: 1.5rem; font-weight:600; text-align: center;}
.one-div p{ font-size: 1rem; text-align: center;}
.one-content-one:hover .one-img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }
.one-content-one:hover .one-img::before{ opacity:0.3; }

.twobox{ width:100%; height:580px; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; gap:20px; }
.twobox::before {content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: -1; transform: translateZ(0); will-change: transform; }
.twobox i{ opacity:0;}
.twobox i img{ max-width:100%; }
.twobox p{ font-size: 2.4rem; color: #ffffff; opacity:0; text-align: center;}

.threebox{ width:100%; padding:30px 0px; background:url(../../uploads/common/20251115164908_69183e840a90f.jpg) center center no-repeat #e8e8e8; }
.three-content{ width:100%; padding:50px 0px; gap:25px; display:flex; flex-direction:column; }
.swiperA{ width:100%; overflow:hidden; }
.three-one{ width:100%; height:90px; background-color:#ffffff; display:flex; justify-content:center; align-items:center; flex-direction:row; background-color:#FFF; padding:5px; border: 1px solid #dbdbdb; cursor: pointer;}
.three-one i{ display:flex; padding:0px 5px; }
.three-one i .second{ display:none; }
.three-one i img{ max-width:100%; }
.three-one div{ display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; }
.three-one div h1{ font-size:1.5rem; color:#000; }
.three-one div p{ font-size:1rem; color:#9e9e9e; }
.swiperA .swiper-slide-thumb-active .three-one {
  background-color: #c6000d;
  transition: background-color 0.3s ease;
}
.swiperA .swiper-slide-thumb-active .three-one h1,
.swiperA .swiper-slide-thumb-active .three-one p {
  color: #fff;
}
.swiperA .swiper-slide-thumb-active .three-one .frist{ display:none; }
.swiperA .swiper-slide-thumb-active .three-one .second{ display:block; }
.swiperB{ width:100%; overflow:hidden; }
.three-content-one{ width:100%; display:flex; flex-direction:row; background:url(../../uploads/common/20251115163910_69183c2e8890c.png) right bottom no-repeat #FFF; }
.three-content-one-img{ width:50%; height:530px; overflow:hidden; display:flex; position: relative;}
.three-content-one-img i{ width:100%; height:100%; position:absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); z-index:1; display:flex; justify-content:center; align-items:center; flex-direction: column;}
.three-content-one-img i img{ width:100%; height:100%; }
.three-content-one-info{ width:50%; display:flex; flex-direction:row; padding-left:70px; }
.info-no{ width:70px; height:160px; background-color:#c6000d; display:flex; justify-content:center; align-items:center; flex-shrink:0; }
.info-no h1{ font-size:1.9rem; font-weight: 600; color:#FFF; padding:30px 0px 15px; position:relative; }
.info-no h1::before{ content:''; position:absolute; left:calc(50% - 9px); bottom:0; width:18px; height:3px; background-color:#FFF;  }
.info-div{ width:100%; padding:30px; display:flex; flex-direction:column; gap:20px; }
.info-div h1{ font-size:2.4rem; font-weight:600; color:#000; padding-top:40px; }
.info-div h2{ font-size:1.3rem; border-bottom: 1px solid #dbdbdb; padding-bottom: 20px;}
.info-div p{ width:70%; font-size:1rem; line-height:1.7; }

.fourbox{ width:100%; display:flex; flex-direction: column; background-image:url(../../uploads/common/20251115164232_69183cf8517ec.jpg); background-repeat:no-repeat; background-size:cover; background-position:center top; padding:60px 0px; position:relative; }
.four-one{ width:100%; display:flex; flex-direction:column; overflow: hidden; transform: translateZ(0); position: -webkit-sticky; position: sticky; top:0;}
.four-one-title{ width:100%; display:flex; justify-content:space-between; align-items:center; flex-direction:row; }
.four-one-title h1{ font-size:2.3rem; font-weight:600; color:#000; position:relative; padding:25px 0px; }
.four-one-title h1::before{ content:''; position:absolute; left:0; bottom:0px; width:70px; height:5px; background-color:#c6000d; }
.four-one-title a{ width:135px; height:45px; font-size:1rem; background-color:#FFF; border:1px solid #c6c6c6; display:flex; justify-content:center; align-items:center; font-size:1rem; color:#000; margin-top:25px; position: relative; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.four-one-title a::before{ content:''; position:absolute; left:0; top:0; width:0px; height:100%; background-color:#c7000b; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.four-one-title a:hover::before{ width:100%; }
.four-one-title a:hover{ color:#FFF; border:1px solid #c7000b; }
.four-one-title a span{ position:relative; z-index:1; }
.four-one-content{ width:100%; padding:40px 0px; display:flex; justify-content:space-between; flex-direction:row; gap:35px;}
.content-left{ flex: 1;}
.content-right{ flex: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap:35px; }
.left-one{ position: relative; overflow: hidden;}
.content-left .left-one {width:100%; height: 100%; display: flex; flex-direction: column; }
.left-one i {display: block; overflow: hidden; position: relative; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.content-left .left-one i { }
.content-right .left-one i { }
.left-one img { width:100%; }
.left-one p { width: 100%; height:70px; font-size:1.45rem; position:absolute; left: 0; bottom:0; z-index:1; color: #ffffff; padding:0px 30px; display:flex; justify-content: flex-start; align-items:center; }
.left-one p::before{ content:''; width: 100%; height:200px; background: linear-gradient(to bottom, transparent 1%, rgba(0, 0, 0, 0.8)); position:absolute; left: 0; bottom:0;}
.content-right .left-one p { font-size: 1rem; height:50px;}
.left-one p span{ position:relative; z-index:1; }
.left-one:hover i{ -webkit-transform: scale(1.03); -moz-transform: scale(1.03); transform: scale(1.03); }

.fivebox{ width:100%; display:flex; background-image:url(../../uploads/common/20251115164156_69183cd427387.jpg); background-repeat:no-repeat; background-size:cover; background-position:center top; padding:40px 0px; }
.five-content{ width:100%; padding:40px 0px; display:flex; justify-content:space-between; flex-direction:row; gap:35px;}
.five-content-left{ flex: 0.9; min-height:620px; background-color:#e2e2e2; position: relative;}
.five-content-left i{ width:100%; display:flex; position:relative; }
.five-content-left i img{ width:100%; }
.five-info{ width:80%; min-height:230px; display:flex; flex-direction:column; justify-content: center;  padding:20px 25px 35px; background-color:#FFF; position:absolute; left:10%; bottom:-150px; z-index:1; font-style:normal; 
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9a9a9a,direction=120,strength=4);
-moz-box-shadow: 0px 0px 25px #9a9a9a;
-webkit-box-shadow: 0px 0px 25px #9a9a9a;
box-shadow:0px 0px 25px #9a9a9a;
}
.five-info h1{ width:100%; font-size:1.2rem; font-weight:600; color: #000; padding:15px 20px; display:flex; justify-content:flex-start; border-bottom:2px dashed #c6c6c6; }
.five-info h2{ font-size:1rem; color:#6c6c6c; padding:15px 20px; line-height:2; }
.five-info p{ font-size:1rem; color:#000; padding:0px 20px; }
.five-content-left .five-info::before{ content:''; position:absolute; left:0; bottom:0; width:0%; height:4px; background-color:#c7000b; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.five-content-left:hover .five-info::before{ width:100%; }
.five-content-right{ flex:1.1; display:grid; grid-template-columns:repeat(1, 1fr); gap:35px; }
.five-content-right-one{ width:100%; display:flex; flex-direction:row; background-color:#e2e2e2; justify-content:center; align-items:center; padding:40px; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.five-content-right-one a{ width:100%; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.five-date{ width:120px; height:120px; background-color:#4f4f4f; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:5px; flex-shrink:0; color: #FFF; line-height: 2; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.five-date h1{ font-size:2.6rem; font-weight:900; text-align:center;}
.five-date h2{ font-size:1.3rem; font-weight:900; text-align:center;}
.five-words{ width:calc(100% - 120px); background-color:#FFF; padding:30px; min-height:200px; display:flex; flex-direction:column; position: relative; 
filter:progid:DXImageTransform.Microsoft.Shadow(color=#9a9a9a,direction=120,strength=4);
-moz-box-shadow: 5px 0px 15px #9a9a9a;
-webkit-box-shadow: 5px 0px 15px #9a9a9a;
box-shadow:5px 0px 15px #9a9a9a;
}
.five-words h1{ width:100%; font-size:1.2rem; font-weight:600; color: #000; padding:15px 20px; display:flex; justify-content:flex-start; border-bottom:2px dashed #c6c6c6; }
.five-words p{ font-size:1rem; color:#6c6c6c; padding:15px 20px; line-height:2; }
.five-content-right-one .five-words::before{ content:''; position:absolute; left:0; bottom:0; width:0%; height:4px; background-color:#c7000b; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.five-content-right-one:hover .five-words::before{ width:100%; }
.five-content-right-one:hover .five-date{ background-color:#c7000b;}

.index-contact{ width:100%; height:140px; background-color:#c7000b; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:20px; }
.index-contact-main{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center; color: #FFF; gap:15px; }
.index-contact-main h1{ font-size:1.5rem; opacity: 0;}
.index-contact-main a{ width:180px; height:40px; border-radius:30px; background-color: #ffffff; display:flex; justify-content:space-between; align-items:center; flex-direction:row; color:#c7000b; font-size:0.95rem; padding:0px 10px 0px 40px; opacity: 0; position: relative;}
.index-contact-main a i {width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; position: relative; }
.index-contact-main a svg{ width:25px; height:25px; position: absolute;}
#jtfull{ fill:#c7000b; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.index-contact-main a:hover{ background-color:#000; color:#FFF; }
.index-contact-main a:hover #jtfull{ fill:#ffffff; }

@media (min-width: 1631px) {
.left-one i { min-height:760px; }
.content-right .left-one i { min-height:365px; }
}
@media (min-width: 1430px) and (max-width: 1630px) {
.left-one i { min-height:674px; }
.content-right .left-one i { min-height:319px; }
}
@media (min-width: 1230px) and (max-width: 1429px) {
.left-one i { min-height:574px; }
.content-right .left-one i { min-height:269px; }
}
@media (min-width: 992px) and (max-width: 1229px) {
.left-one i { min-height:454px; }
.content-right .left-one i { min-height:209px; }
}
@media (max-width: 1230px) {
.one-title h1{ font-size:2rem; }
.one-content{ gap:20px; padding:40px 0px 30px;}
.one-content-one{ width:25%; height:420px;}

.twobox{ width:100%; height:530px; }
.twobox p{ font-size: 2.2rem; }

.three-content{ padding:45px 0px; gap:20px; }
.three-one div h1{ font-size:1.3rem; }
.three-one div p{ font-size:0.95rem; line-height:1.3; }
.three-content-one-img{ height:450px; }

.three-content-one-info{ padding-left:40px; }
.info-no{ width:60px; height:140px; }
.info-no h1{ font-size:1.7rem; padding:20px 0px 15px;}
.info-div{ padding:20px; gap:15px; }
.info-div h1{ font-size:2rem; padding-top:30px; }
.info-div h2{ font-size:1.15rem; padding-bottom: 20px;}
.info-div p{ width:100%; line-height:1.7; }

.four-one-content{ gap:25px;}
.content-right{ gap:25px; }

.five-content{ padding:30px 0px; gap:30px;}
.five-content-left{ min-height:500px; }
.five-info{ width:86%; min-height:200px; padding:20px; left:7%; bottom:-120px; }
.five-info h1{ font-size:1.1rem; }
.five-info h2{ font-size:0.95rem; line-height:1.5; }
.five-info p{ font-size:0.95rem; }
.five-content-right{ gap:30px; }
.five-content-right-one{ padding:20px; }
.five-date{ width:110px; height:110px; }
.five-date h1{ font-size:2.3rem; }
.five-date h2{ font-size:1.2rem; }
.five-words{ width:calc(100% - 110px); padding:20px; min-height:150px; }
.five-words h1{ font-size:1.1rem; }
.five-words p{ font-size:0.95rem; line-height:1.5; }

}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.one-title h1{ font-size:1.8rem; font-weight:600; }
.one-content{ gap:10px; padding:35px 0px 20px;}
.one-content-one{ width:25%; height:330px; }
.one-div{ gap:15px; padding:10px;} 
.one-div i img{ width:70px; }
.one-div h1{ font-size: 1.5rem;}
.left-one i { min-height:343px; }
.content-right .left-one i { min-height:154px; }

.twobox{ height:450px; }
.twobox i img{ width:200px; }
.twobox p{ font-size: 1.8rem; }

.three-content{ padding:35px 0px; gap:20px; }
.three-one i{ flex-shrink:0; }
.three-one i img{ width:45px; }
.three-one div h1{ font-size:1.2rem; }
.three-one div p{ font-size:0.95rem; line-height:1.3; }
.three-content-one-img{ height:330px;}
.three-content-one-info{ padding-left:20px; }
.info-no{ width:50px; height:80px; }
.info-no h1{ font-size:1.5rem; padding:20px 0px 10px; }
.info-div{ padding:10px; gap:15px; }
.info-div h1{ font-size:1.4rem; padding-top:20px; }
.info-div h2{ font-size:1.1rem; padding-bottom: 20px;}
.info-div p{ width:100%; }

.fourbox{ padding:40px 0px; }
.four-one-title h1{ font-size:1.8rem; padding:20px 0px; }
.four-one-title h1::before{ width:60px; }
.four-one-title a{ width:110px; }
.four-one-content{ padding:30px 0px; gap:20px;}
.content-right{ gap:20px; }
.left-one p { height:60px; font-size:1.20rem; padding:0px 10px;}
.content-right .left-one p { line-height:1.3; }

.fivebox{ padding:30px 0px; }
.five-content{ padding:30px 0px; gap:20px;}
.five-content-left{ min-height:400px; }
.five-info{ width:90%; min-height:150px; padding:15px; left:5%; bottom:-100px; }
.five-info h1{ font-size:1.1rem; padding:15px;}
.five-info h2{ font-size:1rem; padding:15px; line-height:1.5; }
.five-info p{ font-size:1rem; padding:0px 15px; }
.five-content-right{ gap:20px; }
.five-content-right-one{ padding:20px; }
.five-date{ width:100px; height:100px; }
.five-date h1{ font-size:1.8rem; }
.five-date h2{ font-size:1.2rem; }
.five-words{ width:calc(100% - 100px); padding:15px; min-height:100px;}
.five-words h1{ font-size:1rem; padding:10px; }
.five-words p{ font-size:0.95rem; padding:10px; line-height:1.5; }

}
/* xs */
@media (max-width: 767px) {
.bannerbox{ margin-top:50px; }
.onebox{ padding:20px 0px; }
.one-title h1{ font-size:1.5rem; font-weight:800; padding:25px 0px; letter-spacing:0px; }
.one-title h1::before{ left:calc(50% - 30px); width:60px; height:5px; }
.one-content{ flex-wrap:wrap; gap:10px; padding:30px 0px;}
.one-content-one{ width:calc(50% - 5px); height:250px; }
.one-div{ gap:10px; padding:10px;}
.one-div i img{ width:50px; }
.one-div h1{ font-size: 1.2rem;}
.one-div p{ font-size: 0.95rem;}

.twobox{ height:350px; background-size:cover; gap:10px; }
.twobox i img{ width:180px; }
.twobox p{ font-size: 1.3rem;}

.threebox{ padding:20px 0px; }
.three-content{ padding:30px 0px; gap:15px; }
.three-one{ height:75px; flex-direction:column; text-align:center; padding:0; }
.three-one i{ width:40px; flex-shrink:0; }
.three-one div h1{ font-size:0.95rem; text-align:center; width: 100%;}
.three-one div p{ font-size:0.65rem; text-align:center; width: 100%; line-height:1;}
.three-content-one{ flex-direction:column; background-size:100px; }
.three-content-one-img{ width:100%; height:auto; }
.three-content-one-img i{ width:100%; position:relative; top:0%; left:0%; transform: translate(0%,0%); }
.three-content-one-info{ width:100%; padding-left:0px; }
.info-no{ width:50px; height:80px; }
.info-no h1{ font-size:1.6rem; padding:10px 0px; }
.info-div{ padding:10px; gap:10px; }
.info-div h1{ font-size:1.15rem; padding-top:10px; }
.info-div h2{ font-size:1rem; padding-bottom:10px;}
.info-div p{ width:100%; font-size:0.95rem; line-height:1.5; }

.fourbox{ padding:20px 0px; }
.four-one-title h1{ font-size:1.4rem; padding:20px 0px; }
.four-one-title h1::before{ width:50px; height:4px; }
.four-one-title a{ width:95px; height:38px; font-size:0.95rem; }
.four-one-content{ padding:25px 0px; flex-direction:column; gap:15px;}
.content-right{  gap:15px; }
.left-one p { height:50px; font-size:1.15rem; padding:0px 20px; }
.left-one p::before{ height:100px;}
.content-right .left-one p { font-size:0.9rem; height:50px;}
.left-one i { min-height:500px; }
.content-right .left-one i { min-height:230px; }

.fivebox{ padding:20px 0px; }
.five-content{ padding:25px 0px; flex-direction:column; gap:15px;}
.five-content-left{ flex:1; min-height:auto;}
.five-content-left i{ display: flex; flex-direction: column; }
.five-info{ width:100%; min-height:auto; padding:15px; position:relative; left:0%; bottom:0px; }
.five-info h1{ width:100%; font-size:1rem; padding:10px 15px;}
.five-info h2{ font-size:0.9rem; padding:15px; line-height:1.5; }
.five-info p{ font-size:0.9rem; padding:0px 15px; }
.five-content-right{ flex:1; gap:15px; }
.five-content-right-one{ padding:0px; }
.five-content-right-one a{ display:flex; }
.five-date{ width:100px; height:100px; }
.five-date h1{ font-size:1.8rem; font-weight: 600;}
.five-date h2{ font-size:1.2rem; font-weight: 600;}
.five-words{ width:calc(100% - 100px); padding:10px; min-height:auto; -moz-box-shadow: 5px 0px 5px #9a9a9a; -webkit-box-shadow: 5px 0px 5px #9a9a9a; box-shadow:5px 0px 5px #9a9a9a; }
.five-words h1{ width:100%; font-size:1rem; padding:15px; }
.five-words p{ font-size:0.9rem; padding:15px; line-height:1.5; }

.index-contact{ height:auto; }
.index-contact-main h1{ font-size:1.2rem; }
.index-contact-main a{ width:150px; padding:0px 10px 0px 20px; }
}

@media (max-width: 480px) {
.one-content-one{ height:220px; }
.twobox{ height:280px; }
.twobox i img{ width:150px; }
.twobox p{ font-size: 1.25rem;}
.left-one i { min-height:350px; }
.content-right .left-one i { min-height:160px; }

}