.hide-sm {
	display: block;
}
.hide-pc {
	display: none !important;
}
 
 
.menu-pc {
	display: block;
}
.menu-mobile {
	display: none;
}
 

 
 

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

}
@media screen and (max-width: 1600px) {
  
}
@media screen and (max-width: 1536px) {
/*125%*/
body {
    font-size: 16px;
    line-height: 28px;
}
.section-about p br {
    display: none;
}
ul.menu li {
    font-size: 16px;
    padding: 20px 10px;
}
   
.logo img {
    width: 66%;
    max-width: 300px;
}
.section-about, .section-service, .section-why, .section-project {
    padding: 100px 0;
    background-size: 100%;
}
.box-text-hero h2 , .txthead-white, .txthead-red, .txt-about h2 span{
    font-size: 35px;
}


}
/*end 125%*/


/*150%*/
@media screen and (min-width: 1200px) and (max-width: 1600px) {
 



}

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


}
@media screen and (max-width:1366px) {
/*1366 ipad pro*/
 .box-text-hero {
    position: absolute;
    top: 25%;
    width: 100%;
    text-align: center;
}
.banner-hero {
    position: relative;
    height: 74vh;
    width: 100%;
    overflow: hidden;
}
.logo-brand {
    width: 129px;
    height: 129px;
    padding: 5px;
    
    margin: 0 8px;
    transition: 0.3s;
}
.footer-address h2 {
    font-size: 22px;
}
.box-text-project {
    min-height: 230px;
}
.box-text-ser p {
    min-height: 127px;
}
.box-text-ser p br {
    display: none;
}

}

@media screen and (max-width: 1280px) {
 body {
    font-size: 14px;
    line-height: 22px;
}
.txt-about h2 {
    font-size: 25px;
    color: #000;
}
.txt-about h2 span {
    font-size: 30px;
}
.btn-more {
    padding: 5px 15px 3px 15px;
    font-size: 10px
}
.btn-more i {
    font-size: 9px;
    padding-left: 7px;
}
.section-about, .section-service, .section-why, .section-project {
    padding: 100px 0;
    background-size: 100%;
}

ul.menu li {
    padding: 17px 7px;
    font-size: 12px;
}
.logo img {
    width: 57%;
 
}
.btn-tel {
    padding: 0 15px;
    font-size: 10px;
}
ul.menu li img {
    width: 18px;
}
.section-about p br {
    display: none;
}

.box-text-hero h1 {
    font-size: 50px;

}
.box-text-hero h2 , .txthead-white, .txthead-red{
    font-size: 30px;
}
.box-text-ser h3 {
    font-size: 14px;
   
}
.box-text-ser {
    font-size: 12px;
 }

.box-text-ser p {
    min-height: 101px;
}

.box-popup {
    font-size: 12px;
}
.box-popup h2 {
    font-size: 18px;
}
.box-why img {
    width: 85px;
}
.box-text-project {
font-size: 12px;
    line-height: 18px;
}
.logo-brand {
    width: 110px;
    height: 110px;

}


footer {
    padding: 30px 0 0 0;
}
.footer-copy {
    margin-top: 15px;
}

.footer-address {
    margin-top: 4px;
}

.footer-address h2 {
    font-size: 18px;
}
 .footer-address p, .footer-copy {
 
   
    font-size: 12px;
    line-height: 20px;
   
}
.icon-online {
    margin-top: 10px;
}
.icon-online img {
    width:60px !important;
}
.footer-address .icon-hover {
    width: 25px;
}

.section-logo, .section-onlineshop {
    padding: 50px 0;
}
}


@media screen and (max-width: 1180px) {
        .hide-md {
        display: none !important;
    }

    .logo-brand {
        margin-bottom: 10px;
    }
    .footer-address p br {
        display: none;
    }
    .footer-address .icon-hover {
    width: 22px;
    }

    .footer-address h2 {
    font-size: 17px;
    }
}


@media screen and (min-width: 926px) and (max-width: 1180px) {




}

 

@media screen and (max-width: 946px) {
     body {
    font-size: 16px;
    line-height: normal;
}
	.hide-sm {
		display: none !important;
	}
	.hide-pc {
	display: inline-block !important;
	}
	.hide-pc.block {
	display:  block !important;
	}
 	
    .page-top {
    padding-top: 85px;
    }

    .footer-address {
        margin: 15px 0;
        width: 100%;

    }

    .box-text-ser h3 {
        font-size: 22px;
    }
    .box-text-ser {
    font-size: 16px;
    }
    .box-text-ser p {
    min-height: unset;
}
        .btn-more {
            padding: 7px 20px 4px 20px;
            font-size: 14px;
        }
        .object {
            display: none;
        }
        .box-text-project {
    font-size: 16px;
    line-height:  normal;
}
.box-text-project {
    margin-bottom: 50px;
}
 ul.menu li.hide-mb {
        display: none;
    }
    .box-bg-hero {
        height: 100%;
    }
    .banner-hero {
        height: auto;
    }
     .hide-mb {
        display: none !important;
    }
    .banner-hero {
        height: auto;
    }
    
    .box-text-hero h1 {
    font-size: 35px;
    }
    .box-text-hero h2 {
    font-size: 22px;
    }
    .btn-tel {
    padding: 5px 10px;
    font-size: 10px;
}
.box-popup {
    font-size: 16px;
    line-height: normal;
    padding: 25px 0;

}
.show-mb{
    display: block;
}
.box-project {
    color: #fff;
    margin-bottom: 0;
}
.box-text-project p {
    min-height: unset;
}
}


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

    .logo-brand {
        width: 30%;
        height: auto;
        margin: 0 8px 8px 0
    }
   
    .logo img {
    width: 100%;
    margin-top: 8px;
    }
   .box-text-hero {
        top: 36%;
    }
    .section-service {
            background-size: 347%;
    }

    .section-about, .section-service, .section-why, .section-project {
    padding:50px 0;
   
}

    .section-project p br {
        display: none;
    }

    .box-why {
        text-align: center;
        margin-bottom: 35px;
    }

.txt-about {
    text-align: center;
    margin-top: 25px;
}
.owl-theme .owl-dots {
    
    bottom: 5px;
    
}
}

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

}

@media screen and (max-width: 390px) {
   
.box-text-hero h1 {
    font-size: 30px;
}

}

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

}

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