@media screen and (max-width:1500px){

    .flblue .fltxt h3 {
        font-size: 33px;
    }
    .ban-title{padding-left:50px; box-sizing: border-box; top:250px;}
#bodyMain { padding:40px 30px; box-sizing: border-box; width: 100%;}
#footmain{  padding:100px 30px 20px; }


.location,.tith3,.tith2{ padding:0 30px; box-sizing: border-box;}

.tith2{ font-size: 40px;}
.conh1{ font-size: 40px;}
.navMain .logo{ padding-left: 30px;}
.morepro h1{ font-size: 40px;}

.bluecon {
    padding: 50px 30px; box-sizing: border-box;
}
.aboutxt {
    width: 60%;
    text-align: left;
    padding: 50px 30px;
}
.flblue .fltxt{    padding: 100px 30px;}
.inblue figure {
    width: 460px;
    height: 460px;
    line-height: 550px;
    top: -150px;
    right:5%
}
.faq {
    padding: 50px 30px;
}
.box1 .flbox{ margin-bottom: 50px;}

}

@media screen and (max-width:1024px){
    .ban-title p{ font-size: 30px;}
    .titleh1{ font-size: 30px;}
    .flblue .fltxt{padding: 100px 5% 70px;}
    .flblue figure{ right:5%; width: 300px; height: 300px; line-height: 400px;top: -10px;}
    .flblue .fltxt h3{ font-size: 30px; width:76%}
    .moretxt{    padding: 50px 5%;}
    .flblue .fltxt h3:before {
        top: -75px;
        font-size: 70px;
    }
    .flblue {
        margin: 150px auto 100px;
    }
    .morea {
        width: 80%;
        margin: 0 5%;
    }
    .faq h1{font-size: 30px;}
    .faq li h3{font-size: 20px;}
    .box2 a {
        padding: 60px 30px; margin-bottom:60px;
    }
    .bluecon{ padding:25px 0}
    .faq ul li:last-child{margin-bottom: 0;}
    .faq li p{ font-size: 16px;}


    /******************/
 .sunlight_cal_to_action_area{padding:40px 30px}
 ul.form_list li .txts{min-height: 150px !important;}
    .floor{ margin-top:0}
    .floor figure img{ width:80%; float: right;}
    .f3con h2{ font-size: 30px;}
    .f3con p {
        width: 40%;
        margin-left: 30px;
    }
    .scope h2{ font-size: 30px;}
    .h2title{ font-size: 30px;}
    .about_inner_area h3{ font-size: 30px;}
    .sunlight_content h2, .sunlight_content h3{ font-size: 30px;}
    .innerul li{ padding:20px}
    .innerul li figure {
        height: 160px;
        line-height: 160px;
    }
    .innerul li h3{ font-size: 20px;}
    .morepro  .proul li{
        width: 48%;
        margin: 0 0 20px;
        float: left;
        padding:0 1%;
    }
    .sunlight_about_area{padding:50px 30px 40px !important}
    .f3con{padding:0 30px}
}
@media screen and (max-width:800px){
    .index-banner{ min-height: 429px;}
    .ban-title a {
    font-size: 16px;
    color: #fff;
    padding: 15px 30px;
    border: solid 1px #fff;
    border-radius: 4px;
}
    .ban-title{ top:120px}
    .ban-title p{ font-size: 24px;    margin-bottom: 30px;}
    .titleh1{ font-size: 24px;}
    .proul{ display: block; padding:0 0px; box-sizing: border-box;}
    .proul li{ width: 100%;margin:0 0 20px; }
    .flblue .fltxt{ width: 100%;padding: 300px 0 70px;    border-bottom-right-radius: 0;}
    .flblue .fltxt h3{ width:100%;padding:0 30px; box-sizing: border-box; font-size: 26px;}
    .flblue figure{right:calc(50% - 130px);width: 260px;
        height: 260px;
        line-height: 300px;}
        .moretxt {
            width: 100%;
        }
    .faq h1 {
        font-size: 24px;
    }
    .faq ul{ display: block;}
    .box2 { display: block;}
    .box2 a:first-child {
        margin-right: 0;
    }
    .box2 a{ font-size: 20px;}
    .bluecon{ display: block;}
    .bluecon p{ width: 100%;}
    #footmain {
        padding: 60px 30px 20px;
    }
    .items {
        display: block;
    }
    .bluecon h3 {
        font-size: 35px;
        padding-bottom: 20px;
    }
    #footer dl:first-child {
        width: 100%; 
    }
     #footer dl:last-child {
        width: 100%; 
    }
    #footer dl{margin-bottom: 20px;}

    #footer dd {
        padding-bottom: 10px;
    }
    #footer dt {
        font-size: 20px; padding-bottom: 20px;
    }
    #foot{ margin-top:60px; display: block;}
    #foot span{float: left; width: 100%; margin-bottom: 10px;}
    #foot a{ padding-left: 0; padding-right: 10px;}

    /*********************/
    .bodyin{ margin-top:80px}
    .navMain .logo{ padding-left: 20px;}
    .tith2 {
        font-size: 30px;
    }
    .conh1 {
        font-size: 30px;
    }
    .flinimg {
        width: 100%; margin-bottom: 20px;
        float: left;
    }
    .flintxt {
        width: 100%;
    }
    .morepro h1 {
        font-size: 30px;
    }
    .morepro .proul li a{ display: block; position: unset; height: auto;}
    .bluecon {
        padding: 25px 30px; box-sizing: border-box;
    }
    .inblue figure {
        width: 440px;
        height: 440px;
        line-height: 500px;
        top: -100px;
    }


    .aboutxt {
        width: 100%;
    }
    .inblue figure {
        right: calc(50% - 150px);
        width: 300px;
        height: 300px;
        line-height: 400px;
        top: -150px;
    }
    .flblue figure img{padding-right: 8%;}
    .flblue {
        margin: 150px auto 50px;
    }
    .box1{ display: block;}
    .box1 .flbox:first-child {
        margin-right: 0px;
    }
    .box1 .flbox{padding:30px 50px;}
    .box1 h2{ font-size: 30px;padding-bottom: 20px;}
    .pdf-box{ display: block;}
    .div_just img{width: 100%;}
    .div_just{ margin-right: 0;}


    /*********************/
    .morepro .proul li {
        width: 48%;
    }
    .innerul{margin:20px -1% 0}
    .innerul li{width:48%; height: 150px; margin:0px 1% 10px;}

    .flh3{ height: auto;}
    .nydaohangul>li:first-child a {
        border: 1px solid #bcdff9;
    }
    .nydaohangul>li:last-child a {
        border-left: 1px solid #bcdff9;
    }
    .nydaohangul>li:first-child a {
        border-right: 1px solid #bcdff9;
    }
    .floor{ display: block;}
    .floor p{ width:100%; margin-bottom: 30px;}
    .floor figure img {
        width: 100%;
        float: right;
    }
    .f3con{ display: block; padding:0 30px; box-sizing: border-box;}
    .f3con p {
        width: 100%;
        margin-left: 0px; margin-bottom:20px;
    }
    .f3con h2 {
        font-size: 24px;
    }
    .scope h2 {
        font-size:24px;
    }
    .innerul li figure {
         height: 80px; 
         line-height: 80px; 
    }
        .innerul li h3 {
        font-size: 16px;
    }.scope h3, .proin h3{ font-size: 18px;}
    .floor2 p{ font-size: 16px;}
	.innerul li figure img{max-height: 100%;}
	.yewu_list li{ float:left;width:100%; margin-right:0%; margin-bottom: 45px;}
.yewu_list li .box{ display:block;}
.yewu_list li .img{ width:100%; text-align: center; padding:40px 20px;}
.yewu_list li .txt{ width:100%;}

.intro_col-no2 {
    float: left;
    width: 100%;
  
}
.intro_col-no1{width:100%}
.u-headline04 > b {
    display: block;
    font-size: 26px;
}
/* .intro_image{ margin-top:25px;} */
.u-headline04 {
    margin: 40px 0;
}
	.intro{ margin-bottom:0}
	.bottom_pages{ margin-top:0}
	
/***********************/
#bodyMain {
        padding: 30px 20px;
}
.breadcumb-area h1{ font-size: 20px; padding:0 0 5px;}
.breadcumb-area{ padding:150px 0 100px}
.h2title{ font-size: 24px;}	
    .conh1 {
        font-size: 24px;
    }
    .slidePro{ display: none;}
    .sunlight_content h2, .sunlight_content h3{
        font-size: 24px;
    }.sunfl {
    width: 100%;margin-bottom: 40px;
}
.sundiv{ display: block;}
.sunlight_cal_to_action_area{ padding:40px 20px}
.sunlight_content.white p{ width: 100%;}
.sunlight_button{ margin-top:25px}
.logo-wrapper{width: 160px; height: 160px;}
.logo-img{width: 100px;}

.column_sort{ flex-wrap: wrap;}
.addul li {
    margin: 0 2px;
}
.accordion-container{width: 100%;}
.accordion-header {
    padding: 15px 10px;
}.accordion-header span{ font-size: 16px;}
ul.contact_list{ display: block; margin:20px auto}
ul.contact_list li{width: 98%; padding:20px; margin-bottom: 30px;}
ul.contact_list li h3{ font-size: 24px;}
.newform{ width: 100%; padding:20px}
.apartment_text h2{ font-size: 24px;}
/* .w1500{padding:0 20px} */
.sabout{ display: block;}
.about_inner_area {
    width: 100%;
}
.about_inner_area h3{ font-size: 24px;}
.about_inner_area p{ font-size: 18px;}
.about_inner_area ul{ width: 100%;}
.about_inner_area .year {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #DDDDDD;
    padding: 10px 10px 10px 20px;
    border-radius: 6px;
    margin-top: 27px;
    display: inline-block;
}
.single_image_area {
    width: 90%;
    padding-right: 0;
    margin-top: 40px;
}
.about_inner_area .year h4 {
    font-size: 30px;
    font-style: normal;
    color: #3997d3;
    display: inline-block;
    font-weight: 700;
}
.about_inner_area .year span{font-style: normal;
    font-size: 18px;
    float: right;
    color: #204478;
    font-weight: 500;
    margin: 5px 10px 10px 10px;
    line-height: 1;
    transition: .5s;}
.sunlight_about_area {
    box-sizing: border-box;
    background-image: url(../images/about-bg-.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px 90px !important;
    padding: 80px 0;
}
.titleh2{ font-size: 24px;}
.sunlight_testimonial_area{padding:40px 0px 30px}


.pgask .swiper-button-prev, .pgask .swiper-container-rtl .swiper-button-next {
    left: 40px;top:40%;
  
}
.pgask .swiper-button-next, .pgask .swiper-container-rtl .swiper-button-prev{
  top:40%;  right:40px}
   .pgask .swiper-button-next:after,.pgask .swiper-button-prev:after{ font-size: 30px;}
}