@media (min-width:240px) and (max-width:568px){.header .logo img.img-responsive{width:110px;}
.slider .carousel-inner > .item > img{height:250px;object-fit:cover;}
}
@media (min-width:569px) and (max-width:767px){.header .logo img.img-responsive{width:170px;}
}
@media (max-width:767px){
    #wpgmza_map { height: 300px !important; }
    .sm-simple a.has-submenu span.font-awesome{display:none;}
.pad-right{padding-right:15px;}
.navigation{padding:10px 0;}
a.menu{display:block;width:25px;margin:0;float:right;}
a.menu span{display:block;height:2px;width:100%;margin:5px 0;background:#000;}
#main-menu{display:none;margin:30px 0 0 0;clear:both;float:none !important;border-top:none !important;position:absolute;left:0;right:0;background-color:#fff !important;top:70px;}
.sm-simple > li{padding:0 !important;}
.sm-simple > li.menu-item-has-children::after{display:none;}
.sm-simple > li.active{border-top:none !important;}
.slider .carousel-caption{padding:0;}
.slider .carousel-caption h4{font-size:18px;line-height:26px;letter-spacing:1px;}
.social-number{padding-top:0;}
.social-number .number h2{font-size:20px;}
.slider .carousel-caption .btn{padding:5px;font-size:14px;line-height:14px;}
.slider .carousel-caption .learn-more-btn{padding-top:15px;}
.energy-conservation .col-md-2{width:100%;}
.energy-conservation .energy-logo{text-align:center;padding-bottom:10px;}
.energy-conservation .energy-logo img{display:inline-block;}
.energy-conservation .col-md-10{width:100%;}
.energy-conservation .energy-detail{text-align:center;}
.energy-conservation p{font-size:16px;line-height:24px;}
.about-us{padding:20px 0;}
.about-us p{font-size:16px;line-height:24px;}
.project-block .title{padding:14px 0;}
.project-block .title h2{font-size:24px;line-height:24px;letter-spacing:1px;}
.project-block{margin-bottom:20px;}
.about-us .read-more-btn a{padding:5px;font-size:14px;line-height:14px;}
.social-number .social ul li{padding-left:6px;}
.social-number .social{padding-left:3px;}
.services{padding:20px 0;}
.services h3{margin:0 0 15px 0;}
.services ul li{font-size:14px;line-height:14px;padding-bottom:15px;}
.services .read-more a{padding:5px;font-size:14px;line-height:14px;margin-top:0;}
.footer-menu ul li{padding:0 5px;}
.footer-menu ul li a{font-size:14px;line-height:16px;letter-spacing:1px;}
.footer-menu{padding-bottom:20px;}
.footer-copyright p{font-size:14px;line-height:15px;}
.footer{padding:20px 0;}
.project-list{padding-bottom:0px;padding-top:15px;}
.banner-image{padding-bottom:20px;}
.content{padding:20px 0;}
.content p{font-size:16px;line-height:24px;margin-bottom:15px;}
.principles{padding-bottom:20px;}
.principles ul li{padding:0 6px 0 0;margin:0 6px 0 0;font-size:16px;line-height:16px;letter-spacing:1px;}
.content .content-right{padding:15px;background-color:#549c43;}
.content .content-right .green-bg{display:none;}
.content .content-right .title{margin-bottom:15px;}
.content .content-right .title h2{font-size:18px;line-height:24px;}
.list-of-services ul li{padding-bottom:12px;}
.list-of-services ul li a{font-size:16px;line-height:16px;}
    /**/
    #mapArea {
    height: 330px;
}
}
@media (min-width:768px){.sm-simple > li{border-left:none !important;}
.sm-simple a span.sub-arrow{right:10px !important;}
.sm-simple .sm-nowrap > li > a{padding:10px !important;}
.sm-simple a.has-submenu span.font-awesome{margin:0 0 0 10px;}
#main-menu.done{display:block !important;}
a.menu{display:none;}
}
@media (min-width:768px) and (max-width:991px){.sm-simple a{font-size:14px !important;line-height:14px !important;}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted{padding:8px 5px !important;}
.sm-simple a.has-submenu{padding-right:20px !important;}
.sm-simple a span.sub-arrow{right:10px !important;}
.slider .carousel-caption h4{font-size:20px;line-height:22px;letter-spacing:1px;}
.slider .carousel-caption .btn{padding:10px 26px;font-size:16px;line-height:16px;}
.energy-conservation p{font-size:16px;line-height:22px;}
.project-block .title{padding:10px 0;}
.project-block .title h2{font-size:14px;line-height:14px;letter-spacing:1px;}
.project-block .image .detail p{font-size:20px;line-height:25px;}
.project-block .image .detail a{font-size:18px;line-height:22px;}
.about-us .read-more-btn a{padding:12px 50px;}
.services h3{margin:0 0 10px 0;}
.services .read-more a{padding:10px 26px;font-size:16px;line-height:16px;}
.social-number .number h2{font-size:28px;line-height:40px;}
.slider .carousel-caption .learn-more-btn{padding-top:34px;}
.footer-menu ul li{padding:0 5px;}
.footer-menu{padding-bottom:16px;}
.footer-copyright p{font-size:14px;line-height:14px;}
.footer-menu ul li a{font-size:14px;line-height:14px;}
.social-number{padding-top:0;}
.header .logo img.img-responsive{width:132px;}
.navigation{padding-top:0;}
.energy-conservation .col-md-2{width:25%;}
.energy-conservation .col-md-10{width:75%;}
.about-us p{font-size:16px;line-height:22px;}
.project-list{padding-bottom:15px;padding-top:15px;}
.about-us .read-more-btn a{padding:10px 26px;font-size:16px;line-height:16px;}
.services ul li{font-size:14px;line-height:26px;}
.services ul li a{font-size:14px;line-height:26px;}
.client-logo{padding:15px 0;}
.footer{padding:15px 0;}
.banner-image{padding-bottom:20px;}
.content p{font-size:16px;line-height:24px;margin-bottom:15px;}
.principles{padding-bottom:20px;}
.principles ul li{padding:0 6px 0 0;margin:0 6px 0 0;font-size:16px;line-height:16px;letter-spacing:1px;}
.content .content-right{padding:15px;}
.content .content-right .title{margin-bottom:15px;}
.content .content-right .title h2{font-size:20px;line-height:24px;}
.list-of-services ul li{padding-bottom:12px;}
.list-of-services ul li a{font-size:16px;line-height:16px;}
}
@media (min-width:992px) and (max-width:1200px){.sm-simple a{font-size:16px !important;line-height:16px !important;}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted{padding:8px 5px !important;}
.sm-simple a.has-submenu{padding-right:20px !important;}
.sm-simple a span.sub-arrow{right:10px !important;}
.slider .carousel-caption h4{font-size:26px;line-height:26px;}
.slider .carousel-caption .btn{padding:14px 50px;}
.energy-conservation p{font-size:18px;line-height:26px;}
.project-block .title{padding:14px 0;}
.project-block .title h2{font-size:20px;line-height:20px;}
.project-block .image .detail p{font-size:20px;line-height:25px;}
.project-block .image .detail a{font-size:18px;line-height:22px;}
.about-us .read-more-btn a{padding:12px 50px;}
.services h3{margin:0 0 10px 0;}
.services .read-more a{padding:12px 50px;}
.social-number .number h2{font-size:28px;line-height:40px;}
.slider .carousel-caption .learn-more-btn{padding-top:60px;}
.footer-menu ul li{padding:0 8px;}
.footer-menu{padding-bottom:16px;}
.footer-copyright p{font-size:14px;line-height:14px;}
.footer-menu ul li a{font-size:16px;line-height:16px;}
.banner-image{padding-bottom:20px;}
.content p{font-size:18px;line-height:26px;margin-bottom:15px;}
.principles{padding-bottom:20px;}
.principles ul li{padding:0 6px 0 0;margin:0 6px 0 0;}
.content .content-right{padding:15px;}
.content .content-right .title{margin-bottom:15px;}
.content .content-right .title h2{font-size:24px;line-height:30px;}
}
@media (min-width:1201px) and (max-width:1300px){.container{width:1170px;}
.sm-simple a{font-size:16px !important;line-height:16px !important;}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted{padding:8px 5px !important;}
.sm-simple a.has-submenu{padding-right:20px !important;}
.sm-simple a span.sub-arrow{right:10px !important;}
.slider .carousel-caption h4{font-size:26px;line-height:26px;}
.slider .carousel-caption .btn{padding:14px 50px;}
.energy-conservation p{font-size:18px;line-height:26px;}
.project-block .title{padding:14px 0;}
.project-block .title h2{font-size:20px;line-height:20px;}
.project-block .image .detail p{font-size:20px;line-height:25px;}
.project-block .image .detail a{font-size:18px;line-height:22px;}
.about-us .read-more-btn a{padding:12px 50px;}
.services h3{margin:0 0 10px 0;}
.services .read-more a{padding:12px 50px;}
}
@media (min-width:1301px) and (max-width:1400px){.container{width:1270px;}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted{padding:11px 12px !important;}
.sm-simple a.has-submenu{padding-right:32px !important;}
}
@media (min-width:1401px) and (max-width:1500px){.container{width:1370px;}
}
@media (min-width:1501px) and (max-width:1609px){.container{width:1470px;}
}


@media (max-width:359px){
    .social-number .number h2 {
        font-size: 18px;
        line-height: 30px;
    }
    .header .logo img.img-responsive {
    width: 100px;
}
    
    .social img {
    max-height: 26px;
}
}