.container_full {width:calc(100% - 30px);padding: 0 15px;}
.container {max-width:1280px;margin: 0 auto;padding: 0 15px;}
h2.title{font-size: 30px;}
/*-----------------top_banner---------*/
#top_banner {padding: 0 100px;margin-bottom: 90px;position: relative;}
#top_banner .page_title {font-size: 2.8vw;text-transform: uppercase;font-weight: 400;position: absolute;left: 33px;bottom: 30px;margin: 0;line-height: 1.5;}
#top_banner .container_full {width:calc(100% - 30px);position: relative;}
#top_banner .container_full img.top_img {width: 100%;}
.top_text {position: absolute;top: 79px;left: 90px;}
@media (min-width:1025px){
    .topswiper {overflow: hidden;position: absolute;bottom: -70px;right: -24px;padding: 20px 50px;width: 25vw;z-index: 9999999;}
    .open .topswiper {z-index:0;}
}

.topswiper .border {position: absolute;width: calc(100% - 100px);background: #fff;height: calc(100% - 40px);top: 10px;left: 60px;}
.topswiper_wrapper  {position: relative;overflow: hidden;}
.topswiper_wrapper a {display: flex;flex-direction: column;background-size: 45% 100% !important;line-height: 1.7;position: relative;}
.topswiper_wrapper a .top {display: flex;}
.topswiper_wrapper a .top .left {background: #fff;color: #0D0D0D;font-size: 1.5vw;font-weight: bold;writing-mode: tb-rl;padding: 5px;display: flex;align-items: center;justify-content: center;margin-right: 10px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.topswiper_wrapper a .top .right  {line-height: 1.2;padding: 15px 0;}
.topswiper_wrapper a .top .right h2 {color: #fff;font-weight: bold;font-size: 1.8vw;margin: 0;}
.topswiper_wrapper a .top .right h3 {color: #fff;font-weight: bold;font-size: 0.8vw;margin: 0;}
.topswiper_wrapper a .date {font-size: 0.9vw;font-weight: bold;margin: 0px 0 0px 15px;display: flex;align-items: center;color: #fff;line-height: 1;}
.topswiper_wrapper a .date p {margin: 0;line-height: 1;}
.topswiper_wrapper a .date .big {font-size: 1.5vw;}
.topswiper_wrapper a .date .spe {font-size: 30px;}
.topswiper_wrapper a .time {font-size: 1.2vw;font-weight: bold;margin: 0 0 0px 15px;display: flex;color: #fff;text-transform: uppercase;line-height: 1;}
.topswiper_wrapper a .time span {margin-right: 20px;}
.topswiper_wrapper a .location {font-size: 0.9vw;color: #fff;font-weight: bold;margin-left: 15px;}
.topswiper_wrapper a .description {color: #fff;font-size: 0.6vw;margin-left: 15px;max-width: 45%;font-weight: bold;}
.topswiper_wrapper a .slider_btn {position: absolute;right: 10px;bottom: 10px;max-width: 92px;}
.topswiper .swiper-button-next, .topswiper .swiper-button-prev {width: 36px;height: 36px;background: #000;border-radius: 50%;border: 3px solid #fff;}
.topswiper .swiper-button-next::after,.topswiper .swiper-button-prev::after {font-size: 14px;font-weight: bold;color: #fff;}
.topswiper .swiper-button-prev,.topswiper .swiper-rtl .swiper-button-next {left: 0;right: auto;}
.topswiper .swiper-button-next,.topswiper .swiper-rtl .swiper-button-prev {right: 0;left: auto;}
/*-----------------End top_banner---------*/
.section_head {text-align: center;}
.section_head h3 {font-size: 30px;margin: 0 0 30px;}
.section_head h1, .section_head h2 {font-size: 2.5vw;text-transform: uppercase;font-weight: 700;letter-spacing: 2px;margin: 0 0 70px;line-height: 57px;}
/*-----------------housing_list---------*/
#high_performance_housing .section_head {text-align: center;margin-bottom: 60px;}
ul.housing_list {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;}
ul.housing_list > li{padding:25px 55px;position:relative;min-height:300px;}

@media (min-width:1025px){
    ul.housing_list > li {height: 350px;overflow: hidden;}
}

ul.housing_list > li > a{display:flex;flex-direction: column;width: 100%;height: 100%;position: relative;z-index: 2;}
ul.housing_list > li:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;opacity:0;background:rgba(0,0,0,0.5); transition: all .5s;}
ul.housing_list > li:hover:after{height:100%;opacity:1;}
ul.housing_list > li h3.number{color:#fff;font-size:74px;font-weight:bold;width:310px;position:relative;padding: 0;margin: 30px 0 80px; transition: all .5s;}
ul.housing_list > li:hover h3.number{margin: 20px 0 40px;}
ul.housing_list > li h3.number:after{content:'';position:absolute;width:0px;height:1px;background:#fff;bottom:-35px;left:0; transition: all .5s;}
ul.housing_list > li:hover h3.number:after{width:100%;}
ul.housing_list > li h2.page_title{color:#fff;font-size:32px;font-weight:bold;margin: 30px 0 20px;}
ul.housing_list > li .page_title_en{color:#fff;font-size:16px;font-weight:bold;line-height: 1.2;}
ul.housing_list > li .des{color:#fff;display:none; transition: all .5s;}
ul.housing_list > li:hover .des{color:#fff;display:block;line-height: 1.7;}
body.has_popup{height: 100vh;overflow: hidden;}
ul.housing_list > li .popup{display:none;transition: all .5s;position: fixed;z-index: 9999999;width: calc(100% - 40px);height: 100vh;top: 0;left: 0;background: #fff;overflow-y: scroll;padding: 0 20px;}
.popup_content{position:relative;max-width: 100%;margin: 75px auto;overflow: hidden;}
.popup_content .close{position: fixed;top: 40px;right: 40px;cursor: pointer;}
.popup_content .logo{margin-bottom: 30px;text-align: center;display: block;line-height: 1;}
.popup_content .logo p {font-size: 30px;color: #0D0D0D;text-transform: uppercase;}
h2.popp_title {margin: 70px 0 95px;text-align: center;display: flex;justify-content: center;}
h2.popp_title span.text {font-size: 32px;border-bottom: 2px solid #0D0D0D;padding: 0 20px 5px;line-height: 1.5;position:relative;}
h2.popp_title span.note_right  {position: absolute;right: 20px;bottom: -30px;font-size: 16px;font-weight: 400;}
h2.popp_title span span.big {font-size:48px;}
h3.popp_title {margin: 35px 0;font-size: 30px;text-align: center;}
h3.popp_title.red {color:#E50020;}
.popup_content .grey {background: #F7F7F7;padding: 30px 20px;}
div.pc2cols{display:flex;flex-wrap: wrap;justify-content:space-between;padding:0 25px;}
div.pc2cols.text{max-width: 100%;width: 646px;margin:0 auto;}
div.pc2cols > div.col{width:48%;}
.popup_content .table_wrap {margin-bottom: 50px;}
.popup_content .table{width: 850px;margin: 0 auto;}
.popup_content .table img{width:100%;}

@media (max-width:900px){
    .popup_content .table_wrap {overflow-x: scroll;width: 100%;}
}

.popup_content a.btn,.btn.btn_big {width: 328px;font-size: 18px;}
ul.housing_list li a.popup_instagram{position: fixed;top: 0px;left: 0px;width: 100px;}
#insulation-performance .container {max-width: 100%;width: 940px;}
#insulation-performance .grey .container  {display: flex;justify-content: space-between;gap: 30px;}
#insulation-performance h2.popp_title {margin: 70px 0 55px;}
#insulation-performance h3.popp_title {margin: 60px 0 35px;}
#insulation-method .popup_content{width: 700px}
#high-performance-sash .container{width:850px;max-width:100%;}
#high-performance-sash .popup_content .grey {padding: 70px 20px;margin-top:50px;}
#high-performance-sash .popup_content .grey .row{margin-bottom:90px;}
#high-performance-sash .popup_content .grey .row:last-child{margin-bottom:0px;}
.popup_content .row h4 {display: flex;justify-content: center;margin: 0 0 16px;align-items:center;}
.popup_content .row h4 span:first-child {font-size:18px;font-weight:400;letter-spacing:3.5px;}
.popup_content .row h4 span:nth-child(2) {margin:0 30px;height:1px;width:100px;background:#0D0D0D;}
.popup_content .row h4 span:last-child {font-size:30px;}

#seismic-performance .container{width:900px;max-width:100%;}
#seismic-performance  div.pc2cols {margin: 0 auto 66px;}

#building-a-fire-resistant-house .container{width:1026px;max-width:100%;}
#building-a-fire-resistant-house .grey .container{width:640px;max-width:100%;}
#building-a-fire-resistant-house .popup_content .row h4 {justify-content: flex-start;}
.structure_house{padding-top:50px;}
#building-a-fire-resistant-house .popup_content .structure_house .row{margin-bottom:110px;}
#building-a-fire-resistant-house .popup_content .structure_house .row:last-child{margin-bottom:0px;}
div.pc2cols > div.col ul {list-style: none;padding: 0;margin: 0;}
div.pc2cols > div.col ul li{display:flex;justify-content:space-between;margin-bottom:60px;}
div.pc2cols > div.col ul li:last-child{margin-bottom:0px;}
div.pc2cols > div.col ul li .img{margin-right:20px;width:172px;}
div.pc2cols > div.col ul li .text{font-size: 14px;width: calc(100% - 192px);line-height: 28px;padding-top: 20px;}
#smart-house .container{width:963px;max-width:100%;}
.cols12 {display: flex;justify-content: space-between;margin-bottom: 80px;}
.cols12 .text{width:35%;margin-right:80px}
.cols12 .img{width:calc(65% - 80px);}
.cols12 .img img:not(.people){width:100%;}
.cols12 h2 {font-size: 36px;text-align: center;line-height: 1.3;margin: 0 0 20px;}
.cols12 h3 {font-size: 28px;line-height: 1.3;margin: 0 0 20px;display: flex;justify-content: space-between;}
/*-----------------End housing_list---------*/
/*-----------------concept---------*/
#concept{margin:100px 0 70px;}
#concept .container {max-width: unset;margin-right: 15vw;position:relative;}
#concept a.btn {position: absolute;right: -50px;bottom: 100px;margin: 0;}
.concept-box.box1 {display: flex;flex-wrap: wrap;margin-bottom: 30px;}
.concept-box.box1 h2 {width: 100%;margin: 105px 0 0px;font-size: 30px;}
.concept-box.box1 .left {width: calc(55% - 90px);display: flex;margin-right: 90px;padding-top: 70px;justify-content: space-between;line-height: 28px;}
.concept-box.box1 .left p {width: 48%;}
.concept-box.box1 .right {width: 45%;}
.concept-box.box2 {position: relative;overflow: hidden;}
.concept-box.box2 .top_img{position: relative;}
.concept-box.box2 .top_img:after {content:'';position: absolute;background:#fff;width:50%;height:100px;right:0;bottom:0;}
.concept-text1 {position: absolute;right: 10vw;top: 10vw;width: 37vw;z-index: 1;}
.concept-box.box2 .container {max-width: 75%;display: flex;justify-content: space-between;padding:50px 0;position: relative;z-index: 1;}
.concept-box.box2 .container .left {width: 47%;}
.concept-box.box2 .container .right {width: 41%;display: flex;justify-content: space-between;}
.concept-box.box2 .container figure{margin: 0;}
.concept-box.box2 .container figure.concept-text2{width: 100%;}
.concept-box.box2 .container figure.concept-text3{width: 75%;margin-top: -6vw;}
.concept-box.box2 .container figure.concept-text4{width: 20%;margin-top: -12vw;margin-right: -3vw;}
.concept-box.box2 .container figure img{width:100%;}
.concept-box.box3 {display: flex;justify-content: space-between;align-items: center;max-width: 75%;margin:70px auto 100px;}
.concept-box.box3 img{max-width:48%;}
.concept-box.box4 {margin-left: 105px;display: flex;justify-content: space-between;margin-bottom:65px;}
.concept-box.box4 .left {width: calc(45% - 25px);margin-right: 25px;display: flex;flex-direction: column;justify-content: space-between;}
.concept-box.box4 .left h2 {font-size: 30px;margin: 0;}
.concept-box.box4 .right {width: 55%;}
.concept-box.box4 .right img{width: 100%;}
.concept-box.box5 {margin-left: 105px;display: flex;justify-content: space-between;margin-bottom:65px;}
.concept-box.box5 .left {width: calc(45% - 25px);margin-right: 25px;display: flex;flex-direction: column;justify-content: space-between;}
.concept-box.box5 .left p {width: 100%;display: flex;justify-content: space-between;}
.concept-box.box5 .left p span{width: 48%;}
.concept-box.box5 .left p img{width: 48%;}
.concept-box.box5 .right {width: 55%;}
.concept-box.box5 .right img{width: 100%;}
/*-----------------End concept---------*/
/*-----------------gallery---------*/
ul.gallery_list {list-style: none;padding: 0;margin: 70px 0 0 0;display: flex;flex-direction: column;position: relative;}
ul.gallery_list:before{content:'';position:absolute;top:0; left:4vw;height:100%;width:1px;background:#0D0D0D;z-index: -1;}
ul.gallery_list li{display: flex;margin-bottom:50px;justify-content: space-between;}
ul.gallery_list li:last-child{margin-bottom:0;}
ul.gallery_list li .left{width:50%;}
ul.gallery_list li:nth-child(2n) .left{order:2;}
ul.gallery_list li:nth-child(2n) .left_content{padding-left:40px;padding-right: 5vw;}
ul.gallery_list li:nth-child(2n+1) .left_content{padding-left:8vw;}
ul.gallery_list h2.page_title{margin:0 0 20px;}
ul.gallery_list h2.page_title a{font-size:2.5vw;line-height:1.2;font-weight:600;color:#0D0D0D;letter-spacing:5px;}
.date{font-size:22px;font-weight:600;margin:0px 0 20px;display: flex;}
.date a.btn{width: 200px;height: 30px;margin: 0 0 0 100px;font-size: 14px;}
.category_link, .category_link a{font-size:20px;letter-spacing:6.5px;color:#0D0D0D;}
ul.gallery_list li .right{width: calc(50% - 40px);padding-left: 2vw;height:300px;position:relative;}
ul.gallery_list li .right a{position: relative;height: 100%;width: 100%;display: block;line-height: 1;}
ul.gallery_list li .right a:before{content:'';position:absolute;top:0;left:0px;width: 0;height: 0;border-style: solid;border-width: 300px 150px 0 0;border-color: #fff transparent transparent transparent;}

@media (min-width:1600px){
    ul.gallery_list li .right{height:400px;}
    ul.gallery_list li .right a:before{border-width: 400px 200px 0 0;}
}

ul.gallery_list li .right img{height:100%;width:100%;object-fit:cover;}
/*-----------------End gallery---------*/
/*----------------- after-service_page---------*/
#after-service_page .container {max-width: 80%;margin-bottom:100px;}
#after-service_page .container:last-child {margin-bottom:0px;}
#after-service_page .container .box_top {display: flex;justify-content: space-between;margin-bottom: 25px;}
#after-service_page .container .box_top h2 {letter-spacing: 2px;margin: 0;line-height: 1.4;font-size: 3vw;font-weight: bold;}
#after-service_page .container .box_top h3 {font-size: 2.2vw;line-height: 1.5;margin: 0;font-weight: bold;}
#after-service_page .container .box_top .number {display: flex;width: 8.5vw;height: 8.5vw;background: #734E30;font-size: 4vw;font-weight: bold;color: #fff;align-items: center;justify-content: center;}
#after-service_page .container .des {font-size: 2vw;font-weight: 600;margin-bottom: 45px;line-height: 1.7;}
#after-service_page .container.box2 .des {margin-bottom:0;}
#after-service_page .container p{font-size:18px;font-weight: normal;}
#after-service_page .container ul.images {list-style: none;padding: 0;margin: 0;display: flex;justify-content: space-between;}
ul.images li{align-items: flex-start;}
.box1 ul.images{gap: 10px;}
.box1 ul.images li:first-child{width: 61%;display: flex;align-items: flex-start;flex-wrap: wrap;gap: 10px;}
.box1 ul.images li:first-child img{width: calc(50% - 5px);}
.box1 ul.images li:first-child img:first-child{width: 100%;}
.box1 ul.images li:last-child{width: 39%;display: flex;flex-wrap: wrap;gap: 10px;align-items: flex-start;}
.box2 ul.images li{display: flex;align-items: flex-start;gap: 10px;}
.box2 ul.images li img{width: calc(33.33333% - 5px);margin-bottom: 30px;}
.box3 ul.images{gap: 10px;}
.box3 ul.images li:first-child{width: 67%;display: flex;gap: 10px;flex-wrap: wrap;}
.box3 ul.images li:first-child img{width: calc(50% - 5px);}
.box3 ul.images li:last-child{width: 33%;}
.box3 ul.images:last-child li:first-child{width: 33%;display: flex;gap: 0px;flex-wrap: wrap;}
.box3 ul.images:last-child li:first-child img{width: 100%;}
.box3 ul.images:last-child li:last-child{width: 67%;display: flex;gap: 10px;flex-wrap: wrap;}
.box3 ul.images:last-child li:last-child img{width: calc(50% - 5px);}
.box5 .des{display: flex;gap: 35px;flex-wrap: wrap;justify-content: space-between;width:75%;margin-bottom:60px;}
.box5 .des p{width:calc(50% - 20px)}
.box5 ul.images li{display: flex;flex-wrap: wrap;justify-content: space-between;}
.box5 ul.images li img{width:calc(50% - 15px)}
.box_right {display: flex;}
.box_right figure {width: 20vw;margin-right: 5vw;margin-bottom: 0;}
/*----------------- End after-service_page---------*/
/*----------------- model-house---------*/
#model-house {background: #F7F7F7;padding: 80px 0 0;}
ul.model-house_list {list-style: none;padding: 0;margin: 0;}
ul.model-house_list > li{display: flex;justify-content: space-between;margin-bottom:80px;}
ul.model-house_list > li:last-child{margin-bottom:0px;}
ul.model-house_list > li:nth-child(2n){flex-direction: row-reverse;}
ul.model-house_list > li .model-house_images{width:55%;}
ul.model-house_list > li .model-house_content{width:calc(45% - 30px);padding-left:30px;}
ul.model-house_list > li:nth-child(2n) .model-house_content-top {margin-left: 30px;}
ul.model-house_list > li:nth-child(2n+1) .model-house_content-top {margin-left: -15%;}
.model-house_content-bottom {margin: 30px 5vw 0;}
ul.model-house_list > li:nth-child(2n+1) .model-house_content-bottom {margin: 30px 0 0 5vw;}
.model-house_content h3 {margin:10px 0 0;position:relative;}
.model-house_content h3 span{font-size:1.5vw;text-transform:uppercase;letter-spacing:4px;position:relative;background:#F7F7F7;font-weight:400;padding-right: 20px;z-index: 1;}
.model-house_content h3:after{content:'';position:absolute;top:calc(50% - 1px);left:0;height:1px;background:#0D0D0D;width:100%;}
.model-house_content h2.page_title{margin:25px 0;line-height: 1;}
.model-house_content h2.page_title a{font-size:3vw;line-height:1;color:#0D0D0D;font-weight: 400;}
.model-house_content p.address{font-size:2.2vw;margin: 20px 0 0;font-weight: 500;}
.model-house_content .new_open{margin-top: -20px;}
.model-house_content .sub_title{font-size:2.8vw;font-weight:600;line-height: 1.4;margin-bottom: 0;letter-spacing: 6px;}
.model-house_content .des{margin-top: 3vw;}
.model-house_content .btn{margin:40px 0 60px;}
ul.model-house_list ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
ul.model-house_list ul li{display:flex;align-items: flex-start;}
ul.model-house_list ul li img{max-height:550px;width: 100%;height: 100%;object-fit: cover;}
ul.model-house_list > li:nth-child(2n) .model-house_content h3{text-align: right;}
ul.model-house_list > li:nth-child(2n) .model-house_content h3 span {padding-right: 0;padding-left: 20px;}
ul.model-house_list > li:nth-child(2n) .model-house_content h2.page_title {text-align: right;}
ul.model-house_list > li:nth-child(2n) .model-house_content p.address {text-align: right;}
ul.model-house_list > li:nth-child(2n) .model-house_content-bottom {display: flex;flex-direction: column;align-items: flex-end;}
ul.model-house_list > li:nth-child(2n) .model-house_content .new_open{padding-left: 70px;}
ul.model-house_list > li:nth-child(2n+1) .model-house_content .new_open{padding-right: 70px;}
ul.model-house_list li:nth-child(2n) ul li:nth-child(2n+1){width: calc(45% - 60px);padding-left: 60px;}
ul.model-house_list li:nth-child(2n) ul li:first-child img{height:65%;}
ul.model-house_list li:nth-child(2n) ul li:nth-child(2n){width:calc(55% - 10px);padding-left:10px;}
ul.model-house_list li:nth-child(2n) ul li:last-child{width:85%;padding-left:0;margin-top:10px;}
ul.model-house_list li:nth-child(2n+1) .model-house_content{width: 35%;padding-right: 10%;padding-left:0;}	
ul.model-house_list li:nth-child(2n+1) ul li:nth-child(2n){width:calc(45% - 30px);padding-left:30px;}
ul.model-house_list li:nth-child(2n+1) ul li:nth-child(2n) img{height:65%;}
ul.model-house_list li:nth-child(2n+1) ul li:nth-child(2n+1){width:calc(55% - 10px);padding-left:10px;}
ul.model-house_list li:nth-child(2n+1) ul li:first-child{width:85%;padding-left:0;margin-bottom:10px;}
ul.model-house_list li ul li:nth-child(2n+1){align-items: flex-end;}
#model-house_detail_page .section_head h1, #model_house_list .section_head h2 {margin: 0 0 15px;font-weight:700;letter-spacing:5px;}
#model_house_list ul {display: flex;list-style: none;flex-wrap: wrap;gap: 60px;margin: 50px 0 100px;padding: 0;}
#model_house_list ul li{width:calc(33.3333% - 60px)}

@media (min-width:768px){
    #model_house_list ul li .img {height: calc(100% - 185px);}
    #model_house_list ul li .img img{height: 100%;object-fit: cover;}
}

#model_house_list ul li h2.page_title{font-size:24px;color:#0D0D0D;margin:10px 0;position:relative;padding-bottom:5px;}
#model_house_list ul li h2.page_title:after{content:'';position:absolute;bottom:0;left:0;width:60%;height:1px; background:#0D0D0D;}
#model_house_list ul li .sub_title{color:#0D0D0D;}
#model_house_list ul li a.btn{width: 210px;height: 30px;margin: 0;font-size: 14px;}
#model_house_contact {position: relative;padding-top: 10vw;}
.model_house_contact_img {position: absolute;width: 100%;left: 0;top: 0;}
#model_house_contact .container {background: #fff;position: relative;margin: 10vw auto 0;padding: 5%;max-width: 80%;}
.ct_content {max-width: 850px;margin: 0 auto;}
#model_house_contact .container h2{font-size: 2.45vw;margin: 0 0 25px;line-height: 1.2;font-weight: 700;letter-spacing:8px;}
#model_house_contact .container .ct_info{display: flex;justify-content: space-between;gap: 20px;margin: 30px 0 0px;}
#model_house_contact .container .ct_info h3{font-size: 22px;font-weight: 400;margin: 0;text-align:center;}
#model_house_contact .container .ct_info .tel{font-size: 28px;font-weight: 600;margin-right: 15px;letter-spacing: 4px;}
#model_house_contact .container .ct_info .time {font-size: 18px;font-weight: 500;}
#model_house_contact .container .ct_info .right{width:38%;}
#model_house_contact .container .ct_info a.btn {margin: 0;width:100%;}
#high_performance .high_performance_content {max-width: 850px;margin:0 auto 120px;}
#high_performance .container .section_head h3 {font-size: 32px;margin: 0 0 15px;}
#high_performance .container .section_head h4 {font-size: 24px;margin: 0 0 30px;}
#section_points{margin-top:50px;}
ul#points{list-style: none;padding: 0;margin: 80px 0 0;}
ul#points li{display: flex;justify-content:space-between;gap:60px;margin-bottom:100px}
ul#points li:nth-child(2n) {flex-direction: row-reverse;}
ul#points li:last-child{margin-bottom:0}
ul#points li .img{width:calc(55% - 30px);}
ul#points li .img img{width:100%;}
ul#points li .text{width:calc(45% - 30px);}
ul#points li .text h2{font-size:30px;margin:15px 0 35px;}
ul#points li .text  h4 {margin: 0;position: relative;}
ul#points li .text  h4  span {font-size: 1.5vw;text-transform: uppercase;letter-spacing: 4px;position: relative;background: #fff;font-weight: 400;padding-right: 20px;z-index: 1;}
ul#points li .text  h4::after {content: '';position: absolute;top: calc(50% - 1px);left: 0;height: 1px;background: #0D0D0D;width: 100%;}
.single-ciacius-model-house #top_banner img {width: 100%;max-height: 300px;object-fit: cover;}
#model-house_detail_content {max-width: 100%;width: 800px;margin: 30px auto 75px;}
#model-house_detail_content h2{font-size:23px;margin:0 0 27px;}
ul.model-house-gallery {list-style: none;padding: 0;display: flex;flex-wrap: wrap;}
ul.model-house-gallery li{position:relative;}
ul.model-house-gallery img{width:100%;}
ul.model-house-gallery li .text{background:#fff;padding:20px;width:164px;position:absolute;top:20px;right:20px;}
ul.model-house-gallery li .text p:last-child{margin-bottom:0;}
ul#type1{justify-content:space-between;align-items: flex-start;}
ul#type1 li:nth-child(2n+1){width:calc(40% - 45px);}
ul#type1 li:nth-child(2n){width:calc(60% - 45px);margin-top:140px;}
ul#type1 li:nth-child(2n) .text{left:30px;top:-50px}

ul#type2{justify-content:space-between;align-items: center;padding:0 5vw;}
ul#type2 li:nth-child(2n+1){width:calc(35% - 40px);}
ul#type2 li:nth-child(2n){width:calc(65% - 40px);}
ul#type2 li:nth-child(2n+1) .text {top: 0px;left: 0;width: 174px;padding-top: 0;}
ul#type2 li:nth-child(2n) .text {top: 0px;right: 30px;width: 174px;padding-top: 0;}

ul#type3{justify-content:space-between;align-items: center;}
ul#type3 li .item{position:relative;}
ul#type3 li:first-child{width:calc(30% - 45px);padding-left:25px;}
ul#type3 li:last-child{width:calc(70% - 45px);}
ul#type3 li:last-child .item:nth-child(2n+1){width:80%;margin-bottom:96px;}
ul#type3 li:last-child .item:nth-child(2n+1) .text{padding-top:0;top:0;right:-10%;width: 174px;}
ul#type3 li:last-child .item:nth-child(2n){margin-left:40px;}
ul#type3 li:last-child .item:nth-child(2n) .text{top:0;right:0;width: 174px;}

ul#type4{justify-content:space-between;align-items: flex-end;margin-top:40px;}
ul#type4 li:nth-child(3n+1){width:calc(35% - 25px);}
ul#type4 li:nth-child(3n+2){width:calc(42% - 25px);}
ul#type4 li:nth-child(3n){width:calc(23% - 25px);}
#visual360{margin-top:30px;}
.visual360_note {display: flex;justify-content: center;align-items: center;font-size: 24px;font-weight: 500;}
.visual360_note img{margin:0 50px 0;}
#present{margin:80px 0;}
#present img{width:100%;}
#reservation {position: relative;}
.reservation_top {display: flex;justify-content: space-between;align-items: flex-end;}
#reservation .section_head h3{font-size:23px;font-weight:500;margin:0 0 15px;}
#reservation .section_head h2{font-size:36px;font-weight:700;margin:0;}
#reservation_content {text-align: center;position: relative;overflow: hidden;width: 980px;margin: 50px auto;max-width: 100%;}
/* #reservation_content iframe {top: 0;position: absolute;left: 0;} */
/*-----------------End model-house---------*/
/*-----------------company---------*/
#company{padding:85px 0 40px;}
#company .container {position: relative;display: flex;}
#company .container .left {width: 75%;margin-right: 50px;}
.company_head{margin-left:55px;}
.company_head span{margin-left:60px;}
#company .container .left h2.title {font-size: 38px;line-height: 60px;letter-spacing: 0.5px;}
.company_content {display: flex;justify-content: space-between;}
.company_content .text {width:calc(100% - 380px);padding: 0 40px;}
.company_detail {margin: 50px 110px 100px 0;display: flex;justify-content: space-between;}
.company_detail .left{width:45%;margin-right:40px;}
.company_detail .left img{width:100%;}
.company_detail .right{width:calc(55% - 40px);display: flex;flex-direction: column;}
.company_detail .right .head{text-align:center;margin-bottom:45px;}
.conpany_profile h2 {font-size: 43px;margin: 0;text-transform: uppercase;}
.conpany_profile h3 {font-size: 22px;margin: 15px 0 25px;}
.conpany_profile ul {list-style: none;padding: 0;margin: 20px 0 140px;}
.conpany_profile ul li{display: flex;}
.conpany_profile ul li .title{width:180px;margin-right:30px;padding: 25px 0;border-top:1px solid #B9B9B9;}
.conpany_profile ul li .text{width:calc(100% - 210px);padding: 25px 0;border-top:1px solid #B9B9B9;}
.conpany_profile ul li:last-child .title{border-bottom:1px solid #B9B9B9;}
.conpany_profile ul li:last-child .text{border-bottom:1px solid #B9B9B9;}
p.list{display:flex;}
p.list .year{width:85px;}
.client {display: flex;}
.client a{margin-right:40px;}
.client a:last-child{margin-right:0px;}
.compnay_privacy{padding:40px;border: 1px solid #0D0D0D;height:800px;max-width:80%;overflow-y: scroll;}
/*-----------------End company---------*/
/*-----------------instagram---------*/
#instagram  {padding-bottom: 40px;}
#instagram .section_head h2 {margin: 0 0 40px;line-height: 1;}
.instagram_photos{position:relative;}
a.big-logo {position: absolute;width: 33.3333%;height: 33.3333%;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
a.big-logo:hover {opacity:1;}
.big-logo img{width:100%;height:100%;}
#instagram ul {list-style: none;padding: 0;margin: 40px 0;display: flex;justify-content:space-between;flex-wrap: wrap;}
#instagram ul li{width:calc(33.3333% - 1px);margin-bottom:1px;}
#instagram ul li img{width:100%;height:100%;object-fit: cover;}
/*-----------------End instagram---------*/
/*-----------------news---------*/
#news {background: #F7F7F7;padding: 40px 0;}
.list-posts {display: flex;margin: 40px 0 0;flex-wrap: wrap;justify-content: space-between;}
.item-post{width:46%;display: flex;justify-content: space-between;margin-bottom: 80px;}
.item-post .left {width: 140px;margin-right: 15px;}
.item-post .right {width: calc(100% - 155px);}
.post_time{margin:0;font-weight: 600;}
.item-post .post_category {color: #0D0D0D;border-bottom: 1px solid #0D0D0D;padding-right: 120px;}
.item-post h3.post_title {margin: 15px 0 0;}
.item-post h3.post_title a {font-size: 20px;font-weight: 400;color: #0D0D0D;}
#news .btn{margin-top:0;}
#news_page {background: #F7F7F7;padding: 90px 105px;}
#news_page .container_full {background: #fff;display: inline-block;}
.article_content_title{text-align:center;}
ul.news_list {list-style: none;padding: 90px 90px 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
ul.news_list li{width:calc(33.3333% - 20px);margin-bottom:95px;}
ul.news_list li a{width:100%;}
ul.news_list li .img{width:100%;height: 350px;overflow: hidden;}
ul.news_list li .img img{width:100%;height: 100%;object-fit: cover;}
ul.news_list li .date time{font-size:16px;color:#0D0D0D;position:relative;padding-bottom:3px;}
ul.news_list li .date time:after{content:'';width:170px;background:#0D0D0D;position:absolute;height:1px;bottom:0;left:0;}
ul.news_list li .page_title{font-size:20px;color:#0D0D0D;}
.article_content{padding: 90px;}
.article_content_image{text-align: center;}
#news_page .container_full a.btn {margin-top: 0;}
/*-----------------Smart home page---------*/
h2.big_title {
    text-align: center;
    font-size: 3vw;
    line-height: 1.5;
}
h2.title1{
    font-size: 2.5vw; line-height: 1.5;margin-top:130px;
}
/*-----------------End smart home page---------*/
/*-----------------End news_page---------*/
/*-----------------Contact---------*/
#contactsection {padding: 100px 0 40px;}
#contactsection h2{color:#fff;font-size:30px;font-weight:600;text-align:center;margin: 0 0 20px;}
#contactsection h3{color:#fff;font-size:57px;font-weight:600;text-align:center;text-transform:uppercase;margin: 0 0 10px;letter-spacing:10px;}
.contactcontent {margin-top: -200px;}
.ct_text {text-align: center;font-size: 23px;max-width: 75%;background: #fff;margin: 0 auto;padding: 50px 0 30px;line-height: 1.8;letter-spacing: 0.5px;position: relative;font-weight:700;}
.ct_text .tel{letter-spacing:1px;color: #0D0D0D;}
#contactsection .btn {margin-top: 0;}
#contact_page p{font-size:18px;}
#contact_page h3 {font-size: 23px;font-weight: 400;margin: 55px 0 27px;}
#contact_page .tel {font-size: 2.8vw;font-weight: bold;}
#contact_page .ct_mail {font-size: 1.8vw;font-weight: bold;margin:74px 0 56px;}
.ct_form  {max-width: 690px;margin: 0 auto;font-size: 16px;}
.ct_form  label {display: flex;justify-content: space-between;margin-bottom:60px;font-size: 16px;}
.req{background:#734E30;color:#fff;padding:2px 5px;margin-right:10px;}
.wpcf7-form-control-wrap input.wpcf7-text{width:404px;height:50px;background:#E2E2E2;font-size:16px;padding:0 20px;border: 0;font-size: 16px;}
.wpcf7-form-control-wrap textarea.wpcf7-textarea{width:404px;height:180px;background:#E2E2E2;font-size:16px;padding:20px;border: 0;font-size: 16px;}
.acceptance {display: flex;justify-content: center;}
.acceptance input {width: 22px;height: 22px;}
.acceptance_text {display: flex;flex-direction: column;line-height: 1.5;}
.acceptance_text span{margin-left: 25px;font-weight: 500;}
.acceptance_text span.no_confirm{margin-left: 15px;font-weight: 400;}
submit.submit {display: flex;flex-direction: column;}
.wpcf7-submit {background: #734E30;width: 500px;max-width: 100%;height: 80px;border: 0;color: #fff;margin: 0 auto;font-weight: bold;font-size: 18px;}
/*-----------------End Contact---------*/
/*-----------------Footer---------*/
footer {padding: 60px 0 40px;border-top: 1px solid #0D0D0D;}
ul#fmenu {list-style: none;padding: 0;display: flex;flex-wrap: wrap;}
ul#fmenu li{width:25%;margin-bottom: 20px;}
ul#fmenu li a{font-size: 16px;color: #0D0D0D;display: flex;align-items: center;padding: 0 20px;letter-spacing: 0;}
ul#fmenu li a img{margin-right: 10px;width: auto;height: 28px;}
.footer_text {text-align: center;padding: 20px 0 40px;}
.footer_text p {line-height: 1.5;margin: 0;color: #0D0D0D;}
.footer_text p span{color: #0D0D0D;}
.footer_bottom {border-top: 1px solid #0D0D0D;}
ul#footer_bottom_menu {list-style: none;padding: 0;margin: 0 0 50px;display: flex;justify-content: end;}
ul#footer_bottom_menu li a{font-size: 18px;font-weight: 600;text-align: center;width: 288px;height: 66px;border: 1px solid #0D0D0D;display: flex;align-items: center;justify-content: center;border-top: 0;color: #0D0D0D;}
ul#footer_bottom_menu li:last-child a{border-left:0;}
ul#footer_bottom_menu li a img{margin-right:5px}
.copyright {text-align: center;font-size: 14px;font-weight: 600;letter-spacing: 0.5px;margin: 0;}
#timerex_calendar iframe{overflow-y:scroll !important;}
/*-----------------End Footer---------*/
@media (max-width:767px){
    body header {padding: 0;height: 66px;background: #fff;position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;}
    body .header__container {width: 100%;margin: 0 auto;padding: 0;height: 66px;display: flex;align-items: center;justify-content: center;}
    .toggle_btn {margin-bottom: 0;margin-right: 15px;}
    body #ct_right_fixed {display: none;}
    #main {margin-top: 66px;}
    #top_banner {padding: 0 20px;margin-bottom: 30px;}
    body.home #top_banner {margin-bottom: 180px;padding: 0;}
    #top_banner .page_title {font-size: 24px;left: -10px;background: #fff;padding: 0 15px;}
    .top_text {top: 36px;left: 33px;width: 83px;}
    .topswiper {overflow: unset;position: absolute;bottom: -150px;right: 15px;padding: 25px;background: #fff;margin: 0 auto;width: calc(100% - 80px);left: 15px;}
    .topswiper_wrapper {max-width: 100%;}
    .topswiper_wrapper a .top .left {font-size: 16px;}
    .topswiper_wrapper a .top .right {line-height: 1;padding: 5px 0;}
    .topswiper_wrapper a .top .right h3 {font-size: 13px;}
    .topswiper_wrapper a .top .right h2 {font-size: 25px;}	
    .topswiper_wrapper a .date{font-size: 14px;margin: 5px 0 5px 15px;}
    .topswiper_wrapper a .date .big {font-size: 20px;}
    .topswiper_wrapper a .time {font-size: 18px;margin: 0 0 5px 15px;}
    .topswiper_wrapper a .time span{font-size: 14px;}
    .topswiper_wrapper a .location {font-size: 13px;}
    .topswiper_wrapper a .description {font-size: 8px;max-width: 50%;}
    .topswiper_wrapper a .slider_btn {max-width: 75px;}
    .topswiper .swiper-button-next, .topswiper .swiper-button-prev {width: 30px;height: 30px;}
    .topswiper .swiper-button-prev, .topswiper .swiper-rtl .swiper-button-next {left: -10px;}
    .topswiper .swiper-button-next, .topswiper .swiper-rtl .swiper-button-prev {right: -10px;}	
    .section_head {padding: 0 15px;}
    .section_head h3 {font-size: 18px;margin: 0 0 10px;}
    .section_head h1,.section_head h2 {font-size: 26px;margin: 0 0 30px;line-height: 1;}
    /*-----------------high_performance_housing---------*/
    #high_performance_housing .section_head {margin-bottom: 30px;}
    ul.housing_list li {display: flex;align-items: center;padding: 25px 45px;}
    ul.housing_list li h3.number {font-size: 40px;margin: 0;}
    ul.housing_list li h2.page_title {font-size: 30px;margin: 15px 0 20px;}
    ul.housing_list li .page_title_en {margin: 0;}
    ul.housing_list li a.popup_instagram {position: fixed;top: auto;left: 0px;width: 100vw;bottom: 0;line-height: 0;z-index: 9;}
    ul.housing_list li a.popup_instagram img{width:100%;}
    .popup_content .close {top: 20px;right: 20px;width: 30px;height: 30px;}
    .popup_content .logo {margin-bottom: 10px;}
    .popup_content a.logo img {width: 144px;}
    h2.popp_title {margin: 25px 0 50px !important;}
    h2.popp_title span.text {font-size: 18px;}
    h2.popp_title span span.big {font-size: 31px;}
    h3.popp_title {font-size: 18px;margin: 0;}
    .popup_content a.btn,.btn.btn_big {width: 263px;height: 44px;font-size: 16px;}
    div.pc2cols {padding: 0;flex-direction: column;}
    div.pc2cols > div.col {width: 100%;}
    .popup_content .row h4 {flex-direction: column;}
    .popup_content .row h4 span:first-child {font-size: 16px;}
    .popup_content .row h4 span:nth-child(2) {margin: 0;height: 20px;width: 1px;}
    .popup_content .row h4 span:last-child {font-size: 18px;}
    img.sp70{width:70%;margin:0 auto;}
    #insulation-performance .grey .container {flex-direction: column;}
    #insulation-performance .grey .container img:first-child {width: 70%;margin: 0 auto;}
    #high-performance-sash .popup_content .grey {padding: 30px 20px;}
    #high-performance-sash .popup_content .grey .row {margin-bottom: 50px;}
    .structure_house div.pc2cols > div.col:first-child{order:2;}
    div.pc2cols > div.col ul li {flex-direction: column;margin-bottom: 30px;padding-bottom: 0;}
    div.pc2cols > div.col ul li .img {margin-right: 0;}
    div.pc2cols > div.col ul li .text {width: 100%;padding-top: 0;}
    .cols12 {margin-bottom: 40px;flex-direction: column;}
    .cols12 .text {width: 100%;margin-right: 0;}
    .cols12 .text.splast {order:2;}
    .cols12 .img {width: 100%;}
    .cols12 h2 {font-size: 20px;}
    .cols12 h3 {font-size: 18px;}
    .cols12 h3 img{width:97px;}
    /*-----------------End high_performance_housing---------*/
    /*-----------------gallery---------*/
    ul.gallery_list li {flex-direction: column;}
    ul.gallery_list li .left {width: 100%;order: 2;}
    ul.gallery_list li .left_content {padding-left: 30px !important;padding-right: 15px !important;margin-top: 20px;}
    ul.gallery_list h2.page_title a {font-size: 26px;}
    ul.gallery_list li .left_content .date {font-size: 20px;justify-content: space-between;}
    ul.gallery_list li .left_content .date a.btn {width: 174px;height: 26px;margin: 0;font-size: 12px;}
    ul.gallery_list li .left_content .date a.btn::before {left: -18px;top: calc(50% - 7px);width: 44px;height: 8px;}
    .category_link, .category_link a {font-size: 16px;}
    ul.gallery_list li .right {width: 100%;padding-left: 0;height: 180px;}
    ul.gallery_list li .right a::before {border-width: 180px 90px 0 0;}
    /*-----------------End gallery---------*/
    /*-----------------concept---------*/
    #concept .container {margin-right: 0;}
    #concept a.btn {position: unset;margin: 20px auto;position: relative;margin: 20px auto;top: auto;bottom: auto;left: auto;right: auto;}
    .concept-box.box1 h2 {margin: 49px 0 0px;font-size: 20px;}
    .concept-box.box1 .left  {width: 100%;margin-right: 0;padding-top: 20px;order: 2;flex-direction: column;}
    .concept-box.box1 .left p {width: 100%;}
    .concept-box.box1 .right {width: 100%;}
    .concept-box.box2 .top_img::after {content: '';position: absolute;background: #fff;width: 60%;height: 40px;right: 0;bottom: 0;left: 5%;}
    .concept-box.box2 .container {max-width: 90%;flex-direction: column;padding: 0;}
    .concept-box.box2 .container .left {width: 100%;order: 2;margin-top: 30px;}
    .concept-box.box2 .container .right {width: 80%;display: flex;justify-content: space-between;padding: 0 10%;}
    .concept-text1 {right: 0vw;width: 75vw;}
    .concept-box.box2 .container figure.concept-text3 {width: 65%;margin-top: -6vw;}
    .concept-box.box2 .container figure.concept-text4 {width: 20%;margin-top: -25vw;margin-right: 0;}
    .concept-box.box3 {max-width: 90%;margin: 40px auto 20px;flex-direction: column;}
    .concept-box.box3 img{max-width: 100%;margin-bottom:30px;}
    .concept-box.box4 {margin-left: 0;display: flex;justify-content: space-between;margin-bottom: 35px;flex-direction: column;}
    .concept-box.box4 .left {width: 100%;margin-right: 0;display: flex;flex-direction: column;justify-content: space-between;order: 2;}
    .concept-box.box4 .left h2 {font-size: 20px;margin: 0 20px;}
    .concept-box.box4 .right {width: 100%;display: flex;}
    .concept-box.box4 .right figure:first-child {width: 40%;text-align: center;display: flex;align-items: center;justify-content: center;}
    .concept-box.box4 .right figure:first-child img {width: 53px;}
    .concept-box.box4 .right figure:last-child {width: 60%;}
    .concept-box.box5 {margin-left: 0;display: flex;justify-content: space-between;margin-bottom: 65px;flex-direction: column;}
    .concept-box.box5 .left {width: 100%;margin-right: 0;display: flex;flex-direction: column;justify-content: space-between;order: 2;}
    .concept-box.box5 .left p {width: 100%;display: flex;justify-content: space-between;margin: 0 auto;flex-wrap: wrap;}
    .concept-box.box5 .left p span {width: 100%;padding: 20px 40px;}
    .concept-box.box5 .right {width: 100%;}
    /*-----------------End concept---------*/
    /*-----------------model-house---------*/
    #model-house {padding: 30px 0 0;}	
    ul.model-house_list > li {flex-direction: column !important;margin-bottom: 0;}
    ul.model-house_list > li .model-house_images {width: 100%;margin-bottom: 20px;}
    ul.model-house_list li .model-house_content {width: calc(100% - 30px) !important;padding-right: 15px !important;padding-left: 15px !important;}
    ul.model-house_list li ul li{width: 50% !important;padding-left: 0 !important;margin: 0 !important;height:150px;}
    ul.model-house_list li ul li:first-child {width: 100% !important;height:220px;}
    ul.model-house_list li ul li img{width: 100%;height:100% !important;object-fit:cover;}
    ul.model-house_list > li .model-house_content-top {margin: 0 !important;}
    ul.model-house_list > li .model-house_content-bottom {margin: 0 !important;}
    .model-house_content h3 span {font-size: 13px;}
/*    .model-house_content h2.page_title {margin: 0px 50px 0px 0px;}*/
    .model-house_content h2.page_title a {font-size: 20px;}
    .model-house_content p.address {font-size: 18px;margin: 0;}
    .model-house_content .new_open {margin-top: -40px;padding: 0 !important;}
    .model-house_content .sub_title {font-size: 22px;}
    .model-house_content .btn {margin: 15px auto 50px;}
    #section_points {margin-bottom: 50px;}
    #model_house_list ul {flex-direction: column;padding: 0 30px;margin-bottom: 50px;}
    #model_house_list ul li {width: 100%;}	
    #model_house_contact {padding-top: 0;}
    .model_house_contact_img {position: unset;}
    #model_house_contact .container{margin-top:-70px;}
    .ct_content {max-width: 100%;margin: 0 auto;width: 100%;font-size: 14px;}
    #model_house_contact .container h2 {font-size: 22px;margin: 0 0 10px;text-align: center;}
    #model_house_contact .container .ct_info {flex-direction: column;margin: 0px 0 0px;}
    #model_house_contact .container .ct_info h3 {font-size: 18px;font-weight: 600;margin: 0;text-align: center;}
    .ct_tel_time {display: flex;flex-direction: column;align-items: center;}
    #model_house_contact .container .ct_info .tel {font-size: 22px;margin-right: 0;}
    #model_house_contact .container .ct_info .time {font-size: 18px;font-weight: 500;}
    #model_house_contact .container .ct_info .right {width: 75%;margin: 0 auto;text-align: center;}
    #model_house_contact .container .ct_info .right p{font-size: 12px;}
    #high_performance .container .section_head h3 {font-size: 22px;margin: 0;}
    #high_performance .container .section_head img{width: 144px;}
    #high_performance .container .section_head h4 {font-size: 18px;margin: 0 0 30px;}
    #high_performance .high_performance_content {max-width: 100%;margin: 0 auto 60px;}
    ul#points li {margin-bottom: 50px;flex-direction: column !important;gap: 0;}
    ul#points li .img {width: 100%;margin-top: 30px;order: 2;}
    ul#points li .text {width: 100%;}
    ul#points li .text h2 {font-size: 22px;margin: 15px 0 20px;}
    ul#points li .text h4 span {font-size: 16px;}
    .single-ciacius-model-house #top_banner img {max-height: 200px;}
    #model-house_detail_content .section_head svg{width:170px;}
    ul.model-house-gallery img {width: 100%;height: 100%;object-fit: cover;}
    ul#type1 {margin-bottom: 80px;}
    ul#type1 li:nth-child(2n+1) {width: 100%}
    ul#type1 li:nth-child(2n+1) .text {left: 0;bottom: -65px;top: auto;}
    ul#type1 li:nth-child(2n) {width: 100%;margin-top: 100px;}
    ul#type1 li:nth-child(2n) .text{left: auto;right:0;bottom: -65px;top: auto;}

    ul#type2 {padding: 0;margin-bottom: 120px;}
    ul#type2 li:nth-child(2n+1) {width: 100%}
    ul#type2 li:nth-child(2n+1) .text {left: 0;bottom: -65px;top: auto;padding-top:20px;}
    ul#type2 li:nth-child(2n) {width: 100%;margin-top: 100px;}
    ul#type2 li:nth-child(2n) .text{left: auto;right:0;top: auto;padding-top: 20px;position: relative;float: right;margin-top: -50px;}

    ul#type3 {position: relative;padding-bottom: 380px;}
    ul#type3 li:first-child {width: 30%;padding-left: 0;position: absolute;height: 360px;bottom: 0;left: 0;}
    ul#type3 li:last-child {width: 100%;}
    ul#type3 li:last-child .item:nth-child(2n+1) {width: 100%;margin-bottom: 40px;padding-top: 100px;}
    ul#type3 li:last-child .item:nth-child(2n+1) .text {top: -70px;left: 0;}
    ul#type3 li:last-child .item:nth-child(2n) {margin-left: 0;width: 100%;}

    ul#type4 {margin-top: 20px;position: relative;}
    ul#type4 li:nth-child(3n+1) {width: 100%;height: 225px;margin-top:25px;}
    ul#type4 li:nth-child(3n+2) {width: calc(80% - 25px);height: 225px;}
    ul#type4 li:nth-child(3n) {width: 20%;height: 225px;}
    ul#type4 li:first-child {width: calc(70% - 25px);position: absolute;top: -380px;right: 0;height: 360px !important;margin: 0 !important;}
    .reservation_top {flex-direction: column;}
    .reservation_top .section_head {width: 100%;}
    #reservation .section_head h3 {font-size: 18px;}
    #reservation .section_head h2 {font-size: 24px;}
    .visual360_note {display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: 500;flex-wrap: wrap;margin: 0;}
    .visual360_note img {margin: 0 10px 0;width: 30px;}
    #present {margin: 50px 0;}
    /*-----------------End model-house---------*/
    /*-----------------company--------*/
    #company .container {position: relative;display: flex;flex-direction: column;}
    #company .container .left {width: 100%;margin-right: 0;}
    #company .container .right {width: 100%;margin-right: 0;}
    .company_content {flex-direction: column;}
    .company_content .text {width: 100%;padding: 0;margin-bottom: 40px;}
    .company_head {margin-left: 35px;display: flex;flex-direction: column;width: 190px;}
    .company_head img {width: 162px !important;}
    .company_head span {margin-left: 40px;}
    .company_content img, #company .right img{width:100%;}
    #company .container .left h2.title {font-size: 24px;line-height: 38px;letter-spacing: 0.5px;width: 225px;text-align: right;margin: 0 0 20px;}
    img.company_profile {width: 59px !important;position: absolute;top: -45px;right: 0;}
    .company_detail {flex-direction: column;margin: 40px 0 70px;}
    .company_detail .left{width:100%;margin-right:0px;margin-bottom:30px;}
    .company_detail .right{width: calc(100% - 70px);padding: 0 35px;}
    .conpany_profile h2 {font-size: 28px;}
    .conpany_profile h3 {font-size: 16px;}
    .conpany_profile ul li {flex-direction: column;padding: 25px 0;border-top: 1px solid #B9B9B9;}
    .conpany_profile ul li .title {width: 100%;margin-right: 0;padding: 0;border:0 !Important;}
    .conpany_profile ul li .text {width: 100%;padding: 0;border: 0;border:0 !Important;}
    .conpany_profile ul li:last-child .title {border-bottom: 0;}
    .client a{margin-right:10px;}
    .compnay_privacy{padding:20px;max-width:calc(100% - 80px);;}
    /*-----------------End company--------*/
    /*-----------------after-service--------*/
    #after-service_page .container {max-width: 100%;margin-bottom: 50px;}
    #after-service_page .container:last-child {margin-bottom: 50px;}
    #after-service_page .container .box_top {padding: 0 20px;margin-bottom: 20px;}
    #after-service_page .container .box_top h2 {font-size: 22px;line-height: 30px;}
    #after-service_page .container .box_top h3 {font-size: 16px;}
    #after-service_page .container .box_top .number {width: 57px;height: 57px;font-size: 29px;}
    #after-service_page .container .des {font-size: 16px;margin-bottom: 20px;line-height: 28px;padding: 0 20px;}
    #after-service_page .container p {font-size: 14px;margin-bottom: 10px;padding: 0 20px;}
    #after-service_page .container .des p{padding:0;font-size: 16px;}
    #after-service_page .container.box1 ul.images {flex-direction: column;gap: 6px;}
    #after-service_page .container.box1 ul.images li{width: 100% !important;gap:6px !important;justify-content: space-between;}
    #after-service_page .container.box1 ul.images li img{min-width: calc(50% - 3px);}
    #after-service_page .container.box2 ul.images li.sp {display: flex !important;align-items: unset;gap: 6px;}
    #after-service_page .container.box2 ul.images li.sp .left {display: flex;flex-direction: column;gap: 6px;width: calc(50% - 3px);}
    #after-service_page .container.box2 ul.images li.sp .right {width: calc(50% - 3px);}
    #after-service_page .container.box2 ul.images li.sp img{width:100%;margin-bottom:0;min-height: calc(50% - 3px);}
    #after-service_page .container.box2 ul.images li.sp  .right img{height: 100%;}
    #after-service_page .container.box3 ul.images{gap: 6px;margin-bottom:6px;}
    #after-service_page .container.box3 ul.images:last-child {flex-direction: row-reverse;}
    #after-service_page .container.box3 ul.images li{width: calc(50% - 3px) !important;gap: 6px !important;display: flex;flex-direction: column;}	
    #after-service_page .container.box3 ul.images li img {width: 100% !important;}
    #after-service_page .container.box5 .des {width: auto;}
    #after-service_page .container.box5 .des p {width: 100%;}
    #after-service_page .container.box5 ul.images li {padding: 0 10px;}
    #after-service_page .container.box5 ul.images li img {width: 100%;margin-bottom: 15px;}
    #after-service_page .container .box_right figure {width: 120px;margin-right: 10px;}

    /*-----------------End instagram--------*/
    /*-----------------instagram--------*/
    #instagram .container {max-width: 100%;margin: 0 auto;}
    /*-----------------End instagram--------*/
    /*-----------------news_page---------*/
    .list-posts {flex-direction: column;}
    .item-post {width: 100%;margin-bottom: 40px;}
    .item-post .post_category {padding-right: 0;width: 80%;display: block;}
    .item-post h3.post_title {margin: 15px 0 0;line-height: 1;}
    .item-post h3.post_title a {font-size: 16px;line-height: 1;}
    #news_page {padding: 20px;}
    ul.news_list {padding: 20px;flex-direction: column;}
    ul.news_list li {width: 100%;margin-bottom: 50px;}
    ul.news_list li .img {height: auto;}
    .article_content {padding: 15px;}
    /*-----------------End news_page---------*/
    /*-----------------contact section---------*/
    #contactsection {padding: 0px 0 40px;}
    #contactsection .container {max-width: 100%;}
    .contactcontent {margin-top: -170px;}
    #contactsection h2 {font-size: 16px;margin: 0 0 10px;line-height: 1;}
    #contactsection h3 {font-size: 26px;line-height: 1;}
    .ct_text {font-size: 18px;padding: 20px 0px;width: 75%;}
    .ct_text .tel {font-size: 28px;}
    #contact_page p {font-size: 16px;}
    #contact_page h3 {font-size: 20px;}
    #contact_page .tel {font-size: 40px;}
    #contact_page .tel img {width:22px;}
    #contact_page .ct_mail {font-size: 20px;margin: 50px 0 40px;}
    #contact_page .ct_mail img {width:22px;}
    .ct_form label {flex-direction: column;}
    .wpcf7-form-control-wrap input.wpcf7-text,.wpcf7-form-control-wrap textarea.wpcf7-textarea{width:calc(100% - 40px);}
    .wpcf7-submit {height: 60px;}	
    /*-----------------End contact section---------*/
    /*-----------------Smart home---------*/
    h2.big_title {font-size: 6.4vw;}
    h2.title1 {font-size: 5vw;}
    /*-----------------End Smart home---------*/
    /*-----------------Footer---------*/
    ul#fmenu li {width: 50%;}
    ul#fmenu li a {align-items: flex-start;
                   padding: 0;line-height: 1.2;}
    ul#fmenu li a img {height: 18px;}
    .footer_text img {width:157px}
    .footer_text p {font-size: 14px;}
    ul#footer_bottom_menu {margin: 0 0 90px;}
    ul#footer_bottom_menu li a {font-size: 14px;height: 49px;padding: 0 40px;width: auto;}
    .copyright {font-size: 10px;}
    a.gotop {width: 150px;right: 10px;bottom: 70px;display:none !important;}
    #footer_fixed{display: flex !important;align-items: center;justify-content: center;position: fixed;bottom: 0px;left: 0;width: 90%;background: #fff;padding: 10px 5%;line-height: 1;z-index: 99999999;}
    #footer_fixed a.btn{margin: 0 20px;}
    /*-----------------End Footer---------*/
}

@media (min-width:768px) and (max-width:1200px){
    .model-house_content h2.page_title {margin: 10px 0;}
    .model-house_content p.address {margin: 0;}
}
@media (min-width:1200px){
    img.model_image1 {
        width: 100%;
        height: 470px;
        object-fit: cover;
    }
    img.model_image2 {
        width: 100%;
        height: 530px;
        object-fit: cover;
    }
    img.model_image3 {
        width: 100%;
        height: 530px;
        object-fit: cover;
    }
    img.model_image4 {
        width: 100%;
        height: 430px;
        object-fit: cover;
    }
    img.model_image5 {
        width: 100%;
        height: 730px;
        object-fit: cover;
    }

    img.model_image6 {
        width: 100%;
        height: 315px;
        object-fit: cover;
    }
    img.model_image7 {
        width: 100%;
        height: 420px;
        object-fit: cover;
    }
    img.model_image8 {
        width: 100%;
        height: 570px;
        object-fit: cover;
    }
    img.model_image9 {
        width: 100%;
        height: 460px;
        object-fit: cover;
    }
    img.model_image10 {
        width: 100%;
        height: 540px;
        object-fit: cover;
    }
}
@media (min-width:993px){
    .header__top .logo img {width: 14vw;max-width: 258px;}	
}	
@media (min-width:1600px){
    .top_text {top: 6vw;left: 7vw;}
    .company_content .text {width: 55%;}
    .company_images {width: 45%;}
    .company_images img{width: 100%;}
}

div.section_banner img{
    margin: auto!important;
    display: block!important;
}

#news_page .slider-for .slick-slide{
    position: relative;
    height: 56.25vw;
}
#news_page .slider-nav .slick-slide{
    position: relative;
    height: 60px;
}
@media (min-width: 768px){
    #news_page .slider-nav .slick-slide{
        position: relative;
        height: 80px;
    }
}
@media (min-width: 992px){
    #news_page .slider-nav .slick-slide{
        position: relative;
        height: 120px;
    }
}
#news_page .slider-for .slick-slide img,
#news_page .slider-nav .slick-slide img{
    position: absolute;
    left: 2px;
    top: 2px;
    max-width: calc(100% - 4px);
    height: calc(100% - 4px);
    object-fit: cover;
}