@media  screen and (min-width: 2048px) {
    
}
@media screen and (min-width: 1500px) {
    
}
@media screen and (max-width: 1499px) and (min-width: 1200px) {
   
}
@media screen and (max-width: 1199px) and (min-width: 1025px) {
    .inner{padding: 0 20px; width: calc(100% - 40px);}
	.header{
		display: flex!important;
		flex-direction: column;
		padding: 5px 15px;
	}
	.header .phone-logo img{
		max-width: 220px;
	}
	.header .menu-end{
		display: flex;
		justify-content: flex-end;
	}
    .menuBtn{ width: 35px; height: 30px; position: relative; background-color: rgba(0,0,0,.05);}
	.menuBtn span{ display: block; background: #000; width: 20px; height: 2px; position: absolute; left: 7px; transition: all ease 0.35s;}
	.menuBtn span:nth-of-type(1) {top: 8px;}
	.menuBtn span:nth-of-type(2){ top: 14px;}
	.menuBtn span:nth-of-type(3){ top: 20px;}
	.a_txt{display:block;position:absolute;top:58px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000000}
	.a_txt .div1{position:absolute;width:100%;height:100%;background:#ffffff;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
	.a_txt .div2{position:absolute;width:100%;left:0px;top:0;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;text-align: right; background-color: #ffffff; padding-bottom: 5px;} 
	.a_txt .div2 .a_closed{padding-right: 15px;}
	.a_txt .div3{position:absolute;width:100%;right:0px;top:35px;background:#ffffff;z-index:100;right:-100%}
	.a_txt .div3 ul{padding-left:5%;padding-right:5%; margin: 0!important;}
	.a_txt .div3 ul li{border-top:1px solid #e0e0e0; padding: 10px 0 10px 10px; background-image: url('../images/menu_icon.png'); background-size: 22px 22px; background-repeat: no-repeat; background-position: left top 22px;}
	.a_txt .div3 ul li a{display:block;height:45px;color:#989898;line-height:45px;padding-left:5%;font-size:18px}
	.a_txt .div3 ul li .a_js2{background:url('../images/menu_add.png') 95% center no-repeat;background-size: 20px 20px; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;color:#484848;}
	.a_txt .div3 ul li .a_js2_on{background:url('../images/menu_reduce.png') 95% center no-repeat;background-size: 20px 20px;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_txt2{display:none}
	.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:15px;color:#989898;} 
    .case-three{width: 100%; overflow: hidden;}
	.swiper-three .swiper-box .swiper-img img{
		width: 80vw;
	}
	.swiper-three .swiper-pad{
		padding-top: 0px;
	}
	.swiper-three .swiper-slide{
		margin-right: 0;
	}
	.swiper-three .swiper-slide:first-child{
		margin-left: 0;
	}
}
@media screen and ( max-width: 1024px) {
	.inner{padding: 0 20px; width: calc(100% - 40px);}
	.header{
		display: flex!important;
		flex-direction: column;
		padding: 5px 15px;
	}
	.header .phone-logo img{
		max-width: 220px;
	}
	.header .menu-end{
		display: flex;
		justify-content: flex-end;
	}
    .menuBtn{ width: 35px; height: 30px; position: relative; background-color: rgba(0,0,0,.05);}
	.menuBtn span{ display: block; background: #000; width: 20px; height: 2px; position: absolute; left: 7px; transition: all ease 0.35s;}
	.menuBtn span:nth-of-type(1) {top: 8px;}
	.menuBtn span:nth-of-type(2){ top: 14px;}
	.menuBtn span:nth-of-type(3){ top: 20px;}
	.a_txt{display:block;position:absolute;top:58px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000000}
	.a_txt .div1{position:absolute;width:100%;height:100%;background:#ffffff;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
	.a_txt .div2{position:absolute;width:100%;left:0px;top:0;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;text-align: right; background-color: #ffffff; padding-bottom: 5px;} 
	.a_txt .div2 .a_closed{padding-right: 15px;}
	.a_txt .div3{position:absolute;width:100%;right:0px;top:35px;background:#ffffff;z-index:100;right:-100%}
	.a_txt .div3 ul{padding-left:5%;padding-right:5%; margin: 0!important;}
	.a_txt .div3 ul li{border-top:1px solid #e0e0e0; padding: 10px 0 10px 10px; background-image: url('../images/menu_icon.png'); background-size: 22px 22px; background-repeat: no-repeat; background-position: left top 22px;}
	.a_txt .div3 ul li a{display:block;height:45px;color:#989898;line-height:45px;padding-left:5%;font-size:18px}
	.a_txt .div3 ul li .a_js2{background:url('../images/menu_add.png') 95% center no-repeat;background-size: 20px 20px; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;color:#484848;}
	.a_txt .div3 ul li .a_js2_on{background:url('../images/menu_reduce.png') 95% center no-repeat;background-size: 20px 20px;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_txt2{display:none}
	.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:15px;color:#989898;} 
    .case-three{width: 100%; overflow: hidden;}
	.swiper-three .swiper-box .swiper-img img{
		width: 65vw;
	}
	.swiper-three .swiper-pad{
		padding-top: 0;
	}
	.swiper-three .swiper-slide{
		margin-right: 0;
	}
	.swiper-three .swiper-slide:first-child{
		margin-left: 0;
	}
	.section-top{
		margin-top: 50px;
	}
	.mid-form .mid-form-flex,.mid-form .form-right .form-right-label{
		display: block;
	}
	.mid-form .form-left{
		margin-right: 0;
		width: calc(100% - 16px);
		text-align: center;
		padding: 8px;
		margin-bottom: 12px;
	}
	.mid-form .form-left .form-left-phone a{
		font-size: 16px;
	}
	.mid-form .form-right .form-right-label .form-right-label-item{
		margin-left: 0;
		margin-bottom: 12px;
	}
	.mid-form .form-right .form-right-label{
		margin-bottom: 12px;
	}
	.mid-form .form-right .form-right-label .form-right-label-btn{
		margin-left: 0;
	}
	.article .article-content{
		margin: 40px 0px;
		font-size: 16px;
	}
	.sales .sales-flex .sales-flex-item .sales-flex-item-img img{
		width: 100%;
		height: auto;
	}
	.sales .sales-flex .sales-flex-item .sales-flex-item-title{
		margin-top: 12px;
	}
	.sales .sales-flex .sales-flex-item .sales-flex-item-title a{
		font-size: 16px;
	}
	.sales .sales-flex .sales-flex-item .sales-flex-item-kr{
		font-size: 14px;
		margin-top: 12px;
	}
	.swiper-three .swiper-box .swiper-title{
		font-size: 16px;
		margin-top: 12px;
	}
	.swiper-three .swiper-box .swiper-name{
		font-size: 12px;
	}
	.footer .footer-inner{
		padding: 45px 20px;
		display: block;
	}
	.footer .footer-two .footer-welcome{
		line-height: 18px;
	}
	.footer .footer-two .footer-form .footer-form-label .footer-form-label-item:last-child,.footer .footer-two .footer-form .footer-form-label .footer-form-label-btn{
		margin-right: 0;
	}
	.grid .grid-work{
		grid-template-columns: repeat(2,1fr);
		grid-gap: 10px;
	}
	.grid .grid-inner{
		padding: 0;
		width: 100%;
	}
	.popup-box{
		width: 85%;
		padding: 0 10px;
	}
	.popup-box .popup-content{
		padding: 20px 0 0 0;
		display: block;
		max-height: 75%;
	}
	.popup-content .popup-right{
		margin-left: 0;
		margin-top: 14px;
	}
	.popup-content .popup-right .popup-right-title{
		font-size: 18px;
	}
	.popup-content .popup-right .popup-right-html{
		font-size: 16px;
	}
	.grid .grid__item, .grid .grid__sizer{
		width: calc((100% - 40px) / 2);
	}
	.artiz-inner{
		width: 100%;
	}
	.news .news-detail-title{
		font-size: 18px;
	}
	.inner-small{
		padding: 0 20px;
	}
	.about-flex{
		display: block;
	}
	.about .about-item{
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 14px;
	}
	.globle-title{
		font-size: 32px;
		line-height: 38px;
		width: 100%;
	}
	.globle-p{
		font-size: 16px;
		line-height: 24px;
	}
	.accordion-ul li .uk-accordion-title{
		font-size: 20px;
	}
	.globle-margin-left{
		margin-left: 0;
	}
	.divider{
		width: 100%;
	}
	.book .book-flex .book-flex-cell a{
		padding: 15px 6px;
		font-size: 13px;
	}
	.wedding-flex{
		display: block;
	}
	.wedding-flex .wedding-flex-item{
		margin-top: 30px;
	}
	.wedding-day{
		background-size: contain;
	}
	.wedding-day .wedding-day-three{
		display: block;
	}
	.wedding-day .wedding-day-three .wedding-day-three-item{
		margin-right: 0;
		width: calc(100% - 40px);
		margin-bottom: 20px;
	}
	.rental-menu{
		display: block;
	}
	.rental-menu .rental-menu-item{
		width: 100%;
		margin-right: 0;
	}
	.rental-menu .rental-menu-item:nth-child(2n){
		margin-right: 0;
	}
	.indoor{
		display: block;
	}
	.indoor .indoor-day{
		padding: 40px 0;
	}
}
@media screen and ( max-width: 768px) {
	.header .phone-logo img{
		max-width: 100px;
	}
}

