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



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


}

@media screen and (max-width: 1199px){
.stellarnav>ul>li {
    margin-right: 31px;
}
.banner .desc h1{
    font-size: 50px;
    line-height: 52px;
}
.banner .desc strong{
    font-size: 20px;
}
.banner .desc p{
    font-size: 18px;
}
.banner .desc {
    max-width: 550px;
    padding: 40px 30px 40px 30px;
}
.constaruction-sec .text-block h3{
    font-size: 40px;
}
.constaruction-sec .text-block .desc{
    padding: 15px 0;
}
.constaruction-sec .text-block, .constaruction-sec .row:nth-child(even) .text-block{
    padding: 15px;
}

}

@media screen and (max-width: 991px){
.stellarnav>ul>li {
    margin-right: 11px;
}
.stellarnav>ul>li:nth-child(5) {
    margin-right: 200px;
}
.banner-contact {
    width: 100%;
    position: relative;
    bottom: 0;
    background: rgba(0,85,165,.92);
}
.banner-contact .banner-contact-wrap .form-wrap {
    width: 100%;
    max-width: 100%;
    background: none;
}
.home-about .text-block h2{
    font-size: 48px;
}
.home-about .text-block h2 span{
    font-size: 36px;
}
.building-constaruction-sec .building-box .text-block a {
    font-size: 22px;
    height: 55px;
}
.corp-gallery .gallery-text h2{
    font-size: 46px;
}
.cat-list-sec .list-box{
    margin-bottom: 30px;
}
.cat-list-sec{
    padding: 40px 0 10px;
}
.qualified-sec .qualified-text  span {
    font-size: 40px;
}
.qualified-sec .qualified-text h2, 
.variety-sec .ttl h2,
.variety-sec .text-block h2 {
    font-size: 46px;
    line-height: 1.2;
}
.gallery-sec .gallery-wrap {
    column-count: 2;
    column-gap: 15px;
}
.inner-banner .desc .text h2{
    font-size: 40px;
}
.faq-sec {
    padding: 40px 0;
}
.slick-prev, .slick-next{
    display: none !important;
}
.remodeling-slider-sec .remodeling-sl-text .tham-img:after {
    display: none !important;
}
.remodeling-slider-sec .remodeling-sl-text .tham-img {
    padding: 0;
    margin: 0;
}
.slick-dots{
display: none !important;
}
.remodeling-slider-sec {
    padding: 40px 0 0px;
}
.remodeling-sl-text .text-box{
    padding: 20px 0 0 0;
}
.remodeling-slider-sec.main-slider-sec .remodeling-sl-text .tham-img {
    padding: 0;
}
.remodeling-sl-text .text-box h3{
    font-size: 30px;
}
}
@media screen and (max-width: 960px){

}
@media screen and (min-width: 768px){
.stellarnav.light, .stellarnav.light ul ul {
    background:transparent;
}
}
@media screen and (max-width: 767px){
    .our-project-sec{
        padding: 40px 0 10px;
    }
    .our-project-sec .our-project-box{
        margin-bottom: 30px;
    }
    .header .logo{
        position: relative;
        margin: 0;
    }
    .header .header-wrap{
        justify-content: space-between;
    }
    .stellarnav.mobile.light li a{
        border-bottom: none;
    }
    .home-about::after{
        display: none;
    }
    .mid-logo-sec, .corp-gallery{
        height: 300px;
    }
    .mid-logo-sec > img, .corp-gallery > img{
        height: 100%;
        object-fit: cover;
    }
    .constaruction-sec .text-block .desc {
        max-width: 100%;
    }
    .variety-sec .text-block{
        padding: 15px;
    }
    .footer .footer-wrap .ft-logo{
        padding: 0 0 15px;
    }
.footer .footer-wrap .ft-box ul li:last-child {
    margin-bottom: 15px;
}
.qualified-sec .qualified-text h2, .variety-sec .ttl h2, .variety-sec .text-block h2 {
    font-size: 34px;
}
.qualified-sec .qualified-text  span {
    font-size: 30px;
}
.qualified-sec .qualified-text h2, .variety-sec .ttl h2, .variety-sec .text-block h2 {
    font-size: 34px;
}
.constaruction-sec {
    padding: 30px 0 0;
}
.home-about .text-block h3{
    font-size: 30px;
}
.home-about .text-block{
    padding: 20px 0 0;
}
.gallery-sec {
    padding: 40px 0;
}
.gallery-sec h2{
    font-size: 30px;
}
.gallery-sec .gallery-wrap {
    column-count: 1;
    column-gap: 15px;
}

}

@media screen and (max-width: 575px){
.constaruction-sec .text-block h3 {
    font-size: 30px;
}
.constaruction-sec .text-block h4{
    font-size: 26px;
}
.corp-gallery .gallery-text h2 {
    font-size: 30px;
}
.corp-gallery .gallery-text h3{
    font-size: 24px;
}
.building-constaruction-sec .ttl h3{
    font-size: 26px;
}
.building-constaruction-sec .ttl h2{
    font-size: 30px;
}
.building-constaruction-sec .building-box .text-block a {
    height: auto;
}
.banner .desc h1 {
    font-size: 30px;
    line-height: 1.2;
}
.banner .desc strong {
    font-size: 18px;
}
.inner-banner img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.inner-banner .desc .text h2{
    font-size: 40px;
    line-height: 1.2;
}
.inner-banner .desc .text{
    min-width: 300px;
}
}

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

}