/*--Main Css--*/
@import "bootstrap.min.css";


body{margin: 0px; background: #fff; }
table,div{font-family: 'Montserrat', sans-serif;font-size:15px; color:#000000; line-height:28px;}
a{color: #333333; text-decoration: none;transition: all 0.7s ease;}
a:hover{color: #333333; text-decoration: none;}
img{border:none;max-width: 100%;}
p{ margin:0 0 20px;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
*{box-sizing: border-box;}
.img_left, #logo, #left, #social, .left, #contact-left{float:left;}
.img_right, #top_link, #right, #copy-logo, .right, #contact-right{float:right;}
input,select,textarea,button{font-family: 'Montserrat', sans-serif;font-size: 13px;}
button{cursor: pointer;}
h1,h2,h3,h4{margin:0 0 20px; color: #000000;}
/*Heading*/
h1{font-size:22px;}
h2{font-size:22px; color: #71aa19}
h3{font-size:18px;}
h4{font-size:14px;}
	
.img_left{margin-right:10px;}
.img_right{margin-left:10px;}
ul{margin:0; padding:0;}
ul li{list-style-type: none;}

.ul{margin:0 0 20px 20px; padding-left:0; list-style: disc}
.ul li{list-style-type: inherit;}

#main{margin:0 auto;}
header{}
#logo{margin:0;}
.navbar {height: auto;background: #fff;margin: 0;border: 0;padding: 16px 0px 0 0;}
.navbar-default .navbar-nav > li > a{line-height: 71px;padding: 18px 25px;color: #838384;font-size: 19px;font-weight: normal;text-transform: uppercase;position: relative; font-weight: bold;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover ,.navbar-default .navbar-nav > li > a.active{color: #649715;}
.navbar-default .navbar-nav > li > a:focus::before, .navbar-default .navbar-nav > li > a:hover::before ,.navbar-default .navbar-nav > li > a.active::before{background: url(../images/hov.png)no-repeat;width: 33px;height: 17px;content: "";position: absolute;bottom: -25px;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1;}
.navbar-default .navbar-nav > li > a:focus::before, .navbar-default .navbar-nav > li > a:hover::before{z-index: 9999;}
#top_link{}

#banner{}
#banner .carousel-caption{text-shadow: 0 0 0 rgba(0, 0, 0, .0);right: 16%;left: 16%;text-align: left;top:61%;}
#banner h2{font-size: 68px;color: #fff;font-weight: bold;text-transform: uppercase;line-height: 50px; margin: 0 0 20px;}
#banner h2 span{font-size: 49px;font-weight: bold;display: block;}
#banner p{font-size: 19px;color: #fff;line-height: 26px;font-family: Arial;margin-bottom: 35px;}
#banner .btn{padding: 0;}
#banner .btn a{font-size: 12px;color: #fff;font-weight: bold;letter-spacing: 1px;background: #ff8a00;padding: 13px 25px;border-radius: 0;text-transform: uppercase;border: 0;display: block;}
#banner .btn a:hover{background: #85c226;}

#content .row{padding-top: 50px;padding-bottom: 50px;}
.title{font-size: 42px;color: #000000;font-weight: bold;text-transform: uppercase;position: relative;text-align: center;padding-bottom: 15px;margin-bottom: 35px;}
.title::before{background: #87c329;width: 93px;height: 4px;content: "";position: absolute;bottom: 0;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.welcome{background: #2d5191 url(../images/welcome-bg.png)no-repeat center bottom;padding-top: 35px;}
.welcome .title{color: #fff;}
.welcome .title::before{background: #fff;}
.welcome h3{font-size: 30px;line-height: 49px;color: #fff;}
.welcome .box{background: #040062;height: 300px;width: 100%;padding: 25px 30px;margin: 50px 0;}
.welcome .box h2{font-size: 87px;color: #fff;font-weight: bold;text-transform: uppercase;margin: 0;}
.welcome .box h2 span{font-size: 22px;font-weight: lighter;display: block;}
.welcome .box h2 i{font-size: 60px;margin-bottom: 60px;display: block;}
.welcome .btn{padding: 0;margin: 50px auto;display: table;}
.welcome .btn a{font-size: 12px;color: #fff;font-weight: bold;letter-spacing: 1px;background: #ff8a00;padding: 13px 25px;border-radius: 0;text-transform: uppercase;border: 0;display: block;}
.welcome .btn a:hover{background: #85c226;}

.hmcerti{background: #dadada;}
.hmcerti .title{text-align: left;}
.hmcerti .title::before{left: 0;transform: translate(0%,-50%);-webkit-transform: translate(0%,-50%);}
.hmcerti p{font-size: 24px;line-height: 39px;color: #2b2b2b;font-weight: lighter;}
.hmcerti .btn{padding: 0;margin: 35px 0 0;display: table;}
.hmcerti .btn a{font-size: 12px;color: #fff;font-weight: bold;letter-spacing: 1px;background: #ff8a00;padding: 13px 25px;border-radius: 0;text-transform: uppercase;border: 0;display: block;}
.hmcerti .btn a:hover{background: #85c226;}
.hmcerti .bx{padding: 130px 50px 0 0;}

.hmproject{}
.hmproject h3{font-size: 30px;line-height: 49px;color: #2e2e2e;text-align: center;}
.hmproject p {text-align: center;}
.hmproject .col-md-6{padding: 0;margin: 0 0 -4px;}
.hmproject .box{width: 100%;display: inline-block;background: #eeeeee;}
.hmproject .box .img{width: 36%;}
.hmproject .box .text{width: 62%;display: table;height: 317px;padding: 0 18px;}
.hmproject .box .text span{vertical-align: middle;display: table-cell;}
.hmproject .box h4{font-size: 20px;font-weight: bold;text-transform: uppercase;line-height: 25px;}
.hmproject .box h4 a{color: #000000;}
.hmproject .box h4 a:hover{color: #85c226;}
.hmproject .box .btn{padding: 0;margin: 35px 0 0;display: table;}
.hmproject .box .btn a{font-size: 13px;color: #FFFFFF;font-weight: bold;letter-spacing: 1px;background: #ff8a00;padding: 13px 25px;border-radius: 0;text-transform: uppercase;border: 0;display: block;}
.hmproject .box .btn a:hover{background: #85c226;color: #fff;}
.hmproject .btn2{padding: 0;margin: 50px auto;display: table;}
.hmproject .btn2 a{font-size: 12px;color: #fff;font-weight: bold;letter-spacing: 1px;background: #ff8a00;padding: 13px 25px;border-radius: 0;text-transform: uppercase;border: 0;display: block;}
.hmproject .btn2 a:hover{background: #85c226;}


footer{background: url(../images/footer.jpg)no-repeat center top;}
.footerbox{background: rgba(23,22,41,0.8);width: 100%;padding: 70px 0;margin: 180px 0;}

.social-icon {margin: 0;padding: 0;text-align: center;}
.social-icon ul li{display: inline-table;font-size: 17px;width: 42px;height: 42px;background: #fff;border-radius: 50px;margin: 0 2px;}
.social-icon li a {color: #191c36;display: table-cell;vertical-align: middle;}

.flink{margin: 0 0 35px 0;padding: 0;text-align: center;}
.flink li {font-size: 13px;color: #fff;font-weight: normal;text-transform: uppercase;display: inline-block;position: relative;}
.flink li a {color: #fff;padding: 0 15px;padding-left: 15px;}
.flink li::before {/*content: "•"*/ content: "\2022";;position: absolute;top: 0;right: 0;width: auto;height: 100%; font-size: 14px;}
.flink li:last-child::before{display: none;}
footer .copy{background: #020030;padding: 10px;}
footer .copy p{font-size: 16px;color: #ffffff;font-family: Arial;opacity: 0.5; margin: 0;}
footer .copy .col-md-6:last-child p{text-align: right;}

.hibay-part {text-align: center; margin-bottom: 20px;}
.hibay-part ul li {display: inline-block; background-color: #000000;}
.hibay-part ul li a {color: #ffffff; padding: 5px 10px;}
.hibay-part ul li a.active,.hibay-part ul li a:hover {background-color: #85c226;}
/*--------ABOUT US--------*/
#abt{padding-bottom: 0;}
#abt .box{background: #eeeeee;border: 1px solid #d7d7d7;box-shadow: 0 10px 16px rgba(32,28,29,0.1);padding: 20px;}
#abtbanner{position: relative;}
.abt-ban{text-align: center;position: absolute;top: 50%;transform: translate(0%,-50%); left: 0; right: 0; margin: 0 auto; }
.abt-ban h3{font-size: 49px;color: #fff;font-weight: bold;text-transform: uppercase; border-left: 8px solid #71aa19; padding-left: 20px; line-height: 58px; text-align: left; width: 57%;}
.abt-ban p{font-size: 19px;line-height: 26px;color: #fff;font-family: Arial;}
.welcome p{font-size: 17px;line-height: 34px;color: #fff;font-weight: lighter;letter-spacing: 0.5px;}
.welcome h4{font-size: 25px;font-weight: lighter;line-height: 40px;color: #fff;}
.aboutbrand{background: #eeeeee;padding: 50px 0;}
.aboutbrand ul{margin: 0;padding: 60px 20px;border-radius: 6px;background: #fff;}
.aboutbrand ul li{display: inline-block;width: 19%;}
#abt h3{color: #85c226;font-size: 30px;line-height: 49px;}
#abt ul{margin: 0;padding-left: 23px;}
#abt p{font-size: 17px;line-height: 34px;font-weight: lighter;color: #000;}
#abt ul li{font-size: 17px;line-height: 34px;font-weight: lighter;color: #000;list-style-type: decimal;}

/*--------CONTACT US--------*/
.contbox{margin-top: 100px;}
.contbox h4{font-size: 15px;color: #fff;font-weight: normal;margin-bottom: 25px;word-break: break-all;}
.contbox h4 span{display: block;margin-bottom: 15px;}
.contbox h5{font-size: 13px;color: #fff;font-weight: lighter;line-height: 20px;}
.contbox h4 a{color: #fff;}
.contform{background: #eeeeee;}
.contform .box{/*background: #fff;border: 1px solid #d7d7d7;box-shadow: 0 10px 16px rgba(32,28,29,0.1);*/}
.contform .box h4{font-size: 21px;color: #000000;font-weight: normal;text-transform: uppercase; border-left: 4px solid #71aa19; padding-left: 20px; line-height: 28px}
.contform .box p{font-size: 14px;color: #7b7b7b;line-height: 26px;font-weight: lighter;}
.contform .box .col-md-6{padding: 0;}
.contform .box .col-md-6:first-child{padding: 50px;}
.contform form{margin-top: 35px;}
.contform input[type="text"], .contform textarea {
    width: 100%;
    background: #FFFFFF;
    padding: 14px 10px;
    font-size: 13px;
    color: #000;
    border: 0;
    margin-bottom: 10px;font-weight: lighter;border-radius: 3px;
}
.contform textarea{height: 130px;}
.contform input[type="submit"] {
    background: #649715;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    padding: 15px 50px;
    border: 0;
    margin: 10px 0 0;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.contbox.mob{display: none;}

.address ul{margin: 0; padding: 0; list-style: none;}
.address ul li{margin-bottom: 30px;}
.address ul li h5{line-height: 28px; padding-left: 80px; position: relative;display: inline-block;width: 100%;}
.address ul li .fa{background: #FFFFFF; border-radius: 50%; width: 40px; width: 40px; color: #649715; display: inline-block; line-height: 40px; text-align: center; left: 23px; position: absolute; font-size: 18px;}

.map{padding: 0 !important}
.map iframe{width: 100%;}


/*--------PRODUCT--------*/
.product{/*background: #eeeeee;*/}
.probox{background: #f5f5f5;display: table;width: 100%;text-align: center;margin-bottom: 35px; transition: all .2s ease-in-out; border: 1px solid #eaeaea;}
.probox:hover{box-shadow: 0 4px 7px rgba(28,26,26,0.1);}
.probox .left{width: 25%;}
.probox .left h2{font-size: 28px;color: #85c226;font-weight: bold;text-transform: uppercase;}
.probox .left .text{padding: 35px;display: table;width: 100%; background: #FFFFFF}
.probox .left .img{width: 100%;height: 300px;background: #fff;}
.probox .left .img img{width: auto;height:288px;}
.probox .right{width: 73%; text-align: left;}
.probox .right ul{margin: 0;padding: 10px 0 10px 22px;}
.probox .right ul li{font-size: 15px;color: #000000;line-height: 19px;margin-bottom: 10px;font-weight: lighter;list-style-type: unset;list-style-image: url(../images/li.png);opacity: 0.6;}
.probox .right ul li span{display: inline-block; width: 260px;}
.probox .right ul li:last-child{margin: 0;}

#pagination{width: auto; margin-top: 50px; text-align: center; float: none}
#pagination a{ text-align: center;text-decoration: none; color: #FFFFFF; padding: 8px 20px; border: 1px solid #dedacf; background: #333333}
#pagination a:hover, #pagination a.active{ text-align: center;text-decoration: none; color: #ffffff; padding: 8px 20px; background-color: #85c226;}

.probox .img{width: 100%;height: 300px;background: #fff;}
.probox .img img{width: auto;height: 300px;}
.probox .text{padding: 35px 50px;display: table;width: 100%;}
.probox h2{font-size: 49px;color: #85c226;font-weight: bold;text-transform: uppercase;}
.probox h3{font-size: 19px;color: #373737;font-weight: normal;line-height: 27px;}
.probox h3 a{color: #373737;}
.probox h3 a:hover{color: #85c226;}
.probox h4{font-size: 16px;color: #747474;font-weight: lighter;line-height: 24px;}
.probox .btn{margin-top: 20px;}
.probox .btn a{border: 1px solid #000;padding: 10px 30px;display: block;font-size: 15px;color: #373737;font-weight: normal;text-transform: uppercase;background: none;}
.probox .btn a:hover{background: #85c226;color: #fff;border: 1px solid #fff;}

/*--------PRODUCT-QUICK-VIEW--------*/
.product-view{}
.product-view .img{width: 55%;float: left;}
.product-view .text{padding: 35px 50px;display: table;width: 100%;background: #000000;width: 45%;}
.product-view h2{font-size: 49px;color: #85c226;font-weight: bold;text-transform: uppercase;}
.product-view h3{font-size: 28px;color: #fff;font-weight: lighter;line-height: 36px;}
.product-view h4{font-size: 19px;color: #fff;font-weight: lighter;line-height: 31px;}
.product-view ul{margin: 0;padding-left: 22px;padding-top: 30px;}
.product-view ul li{font-size: 15px;color: #fff;line-height: 24px;margin-bottom: 10px;font-weight: lighter;list-style-type: unset;list-style-image: url(../images/list.png);opacity: 0.6;}

/*--------PRODUCT-RANGE--------*/
.range .gray{background: rgba(79,79,79,0.5);height: 338px;width: 100%;display: table;position: absolute;top: 0;left: 0;}
.range span{vertical-align: middle;display: table-cell;text-align: center;}
.range h3{font-size: 36px;color: #fff;font-weight: normal;text-transform: uppercase;}
.range .btn{margin-top: 20px;}
.range .btn a{font-size: 15px;color: #fff;font-weight: normal;text-transform: uppercase;border: 1px solid #fff;background: none;border-radius: 0;padding: 12px 35px;}
.range .btn a:hover{background: #71aa19;color: #FFFFFF;}
.range .img{background: #fff;height: 338px;width: 100%;display: table;box-shadow: inset 0 0 76px rgba(27,25,26,0.3);text-align: center;position: relative;margin-bottom: 30px; display: flex;}
.range .img:hover{box-shadow: 0 4px 7px #999999;}
.range .img:hover .btn a{background: #71aa19;color: #FFFFFF;}
/*.range .col-md-6{padding: 0;}*/
/*.range .gray-top::before{width: 0; height: 0; border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #4f4f4f;content: "";position: absolute;left: 50%;bottom: -20px;transform: translate(-50%,0%);-webkit-transform: translate(-50%,0%);}
.range .gray-bottom::before{width: 0; height: 0; border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #4f4f4f;content: "";position: absolute;left: 50%;top: -20px;transform: translate(-50%,0%);-webkit-transform: translate(-50%,0%);}*/

/*--------CAREER--------*/
.career{background: #eeeeee;}
.career .box{background: #fff;border: 1px solid #d7d7d7;box-shadow: 0 10px 16px rgba(32,28,29,0.1);}
.career .box h4{font-size: 21px;color: #000000;font-weight: normal;text-transform: uppercase;}
.career .box p{font-size: 15px;color: #7b7b7b;line-height: 31px;font-weight: lighter;}
.career .box .col-md-6{padding: 50px;}
.career form{margin-top: 35px;}
.career input[type="text"], .career textarea ,.career input[type="file"]{
    width: 100%;
    background: #e3e3e3;
    padding: 10px 10px;
    font-size: 13px;
    color: #000;
    border: 0;
    margin-bottom: 10px;font-weight: lighter;border-radius: 3px;
}
.career input[type="file"]{color: rgba(0,0,0,0.5);}
.career textarea{height: 130px;}
.career input[type="submit"] {
    background: #85c226;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    padding: 15px 50px;
    border: 0;
    margin: 10px 0 0;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.career .gray{background: #dedede;height: 100%;}
.career .gray p{color: #000;}
.career .gray{margin: 0;padding: 0;}
.career .gray ul{margin: 0;padding: 0;}
.career .gray ul li{display: table;width: 100%;margin-top: 30px;}
.career .gray .num{background: #424242;width: 30px;height: 30px;display: table;font-size: 15px;border-radius: 100%;margin-top: 10px;margin-right: 10px;}
.career .gray .num span{vertical-align: middle;display: table-cell;color: #fff;text-align: center;}
.career .gray ul li p{vertical-align: top;display: table-cell;}

/*--------CARTIFICATE--------*/
.certificate{text-align: center;background: #eeeeee;}
.certificate .box{margin: 50px 0;}
.certificate p{font-size: 21px;font-weight: lighter;color: #373737;margin-top: 25px;}
.certificate img{border: 1px solid #b4b4b4;box-shadow: 0 10px 16px rgba(32,28,29,0.1);}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background: none !important;color: #85c226;}
.header_menu .dropdown{position: static !important;}
.header_menu .navbar-nav > li > .dropdown-menu{width: 100%;padding: 30px;border: 1px solid #ccc !important;background: #fff !important;}
.header_menu .navbar-nav > li > .dropdown-menu ul{margin: 0;padding: 0;}
.header_menu .navbar-nav > li > .dropdown-menu ul li{font-size: 16px;line-height: 24px;margin-bottom: 10px;font-weight: lighter;}
.header_menu .navbar-nav > li > .dropdown-menu ul li a:hover{color: #85c226;}
.header_menu .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu {
    display: block;
}


#hamburger-navigation{display: none;}
.mobile{display: none;}

/*.img{float: right; margin-left: 20px;}*/

/*--------1366px------------*/
@media only screen and (min-width:1281px) and (max-width:1366px) {
.container{width: 1170px;}
.navbar-default .navbar-nav > li > a{padding: 10px 27px;font-size: 16px;}
#banner h2{font-size: 70px;line-height: 60px;}
#banner h2 span{font-size: 36px;}
.title{font-size: 38px;}
.welcome h3 ,.hmproject h3{font-size: 25px;line-height: 38px;}
.welcome .box h2 {font-size: 80px;}
.hmcerti p{font-size: 22px;line-height: 37px;}
.hmproject .box .text{height: 228px;}
.hmproject .box h4{font-size: 17px;line-height: 22px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev ,.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{height: 60px;width: 60px;background-size: 100%;}

.contform .box h4{font-size: 19px;}
}

/*--------1180px------------*/
@media only screen and (min-width:1180px) and (max-width:1280px) {
.container{width: 1170px;}
.navbar-default .navbar-nav > li > a{padding: 10px 27px;font-size: 16px;}
#banner h2{font-size: 60px;line-height: 60px;}
#banner h2 span{font-size: 28px;}
.title{font-size: 38px;}
.welcome h3 ,.hmproject h3{font-size: 25px;line-height: 38px;}
.welcome .box h2 {font-size: 80px;}
.hmcerti p{font-size: 22px;line-height: 37px;}
.hmproject .box .text{height: 210px;}
.hmproject .box h4{font-size: 15px;line-height: 20px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev ,.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{height: 60px;width: 60px;background-size: 100%;}

/*--------CONTACT US--------*/
.contbox{margin-top: 50px;}
.contbox h4{font-size: 16px;}
.contbox h5{line-height: 18px;font-size: 13px;}

/*--------PRODUCT-QUICK-VIEW--------*/
.reveal-modal{width: 1170px !important;}
.product-view h3{font-size: 24px;line-height: 34px;}
.product-view h4{font-size: 17px;line-height: 28px;}
.product-view ul{padding-top: 10px;}

/*--------CARTIFICATE--------*/
.certificate .box{margin: 30px 0;}

.contform .box h4{font-size: 19px;}
}


/*--------960px------------*/
@media only screen and (min-width:960px) and (max-width:1179px) {
.navbar-default .navbar-nav > li > a{padding: 10px 12px;font-size: 13px;}
#banner .carousel-caption{right: 11%;left: 11%;}
#banner h2{font-size: 60px;line-height: 56px;margin-bottom: 0;}
#banner h2 span{font-size: 32px;}
#banner p{font-size: 16px;line-height: 28px;margin-bottom: 10px;margin-top: 0;}
#banner .btn a{padding: 11px 20px;font-size: 12px;letter-spacing: 0px;}
#banner .carousel-indicators{margin-bottom: 0;bottom: 2px;}
.title{font-size: 38px;}
.welcome{padding: 0;}	
.welcome h3 ,.hmproject h3{font-size: 24px;line-height: 35px;}
.welcome .box{height: 280px;padding: 20px 20px;text-align: center;margin: 10px 0;}
.welcome .box h2{font-size: 75px;}
.welcome .btn{margin: 20px auto;}
.hmcerti .title {text-align: center;}
.hmcerti .title::before {left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.hmcerti .bx{text-align: center;padding: 0 0 35px 0;}
.hmcerti p{font-size: 22px;line-height: 37px;}
.hmcerti .btn{margin: 35px auto 0;}
.hmproject .box .img img{width: 100%;}
.hmproject .box .text{height: 178px; padding: 0 15px;}
.hmproject .box h4{font-size: 17px;line-height: 22px;}
.footerbox{margin: 110px 0;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev ,.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{height: 55px;width: 55px;background-size: 100%;}

/*--------ABOUT US--------*/
#abt .box{padding: 20px 0;}
.abt-ban h3{font-size: 38px;line-height: 53px;width: 67%;}
.abt-ban p{font-size: 17px;line-height: 24px;}
.welcome h4{font-size: 21px;line-height: 32px;}
.aboutbrand{padding: 0;}
.aboutbrand ul{padding: 45px 10px;}

/*--------CONTACT US--------*/
.contbox{margin-top: 0;margin-bottom: 30px;}
.contbox h4{font-size: 16px;color: #7b7b7b;}
.contbox h4 a{color: #7b7b7b;}
.contbox h5{line-height: 18px;font-size: 13px;color: #7b7b7b;}
.contbox.desk{display: none;}
.contbox.mob{display: block;}
.contform .box{clear: both;}

/*--------PRODUCT--------*/
.probox .text{padding: 25px 35px;}
.probox h2{font-size: 34px;}
.probox h3{font-size: 16px;line-height: 24px;}
.probox h4{font-size: 14px;line-height: 22px;}
.probox .btn{margin: 0;}
.probox .btn a{font-size: 13px;}

/*--------PRODUCT-QUICK-VIEW--------*/
.reveal-modal{width: 940px !important;}
.product-view .img{width: 45%;}
.product-view .text{width: 55%;}
.product-view h2{font-size: 34px;}
.product-view h3{font-size: 24px;line-height: 34px;}
.product-view h4{font-size: 17px;line-height: 28px;}
.product-view ul{padding-top: 10px;}

/*--------PRODUCT-RANGE--------*/
.range h3{font-size: 28px;}
.range .btn{margin-top: 10px;}
.range .btn a{font-size: 13px;padding: 10px 25px;}
.range .img ,.range .gray{height: 200px;}
.range .img img{height: 100%;width: 100%;}


/*--------CARTIFICATE--------*/
.certificate .box{margin: 20px 0;}

.header_menu .navbar-nav > li > .dropdown-menu ul li{font-size: 14px;}
.header_menu .navbar-nav > li > .dropdown-menu{padding: 15px;margin-top: 0px;}

.solar-roof-top img{margin-bottom: 20px; width: 50%;}
}

/*---------768px-----------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.navbar-default .navbar-nav > li > a{padding: 10px 12px;font-size: 13px;}
#banner .carousel-caption{right: 11%;left: 11%;}
#banner h2{font-size: 40px;line-height: 46px;margin-bottom: 0;}
#banner h2 span{font-size: 28px;}
#banner p{font-size: 15px;line-height: 24px;margin-bottom: 10px;margin-top: 0;}
#banner .btn a{padding: 9px 18px;font-size: 12px;letter-spacing: 0px;}
#banner .carousel-indicators{margin-bottom: 0;bottom: 2px;}
.title{font-size: 32px;}
.welcome{padding: 0;}	
.welcome h3 ,.hmproject h3{font-size: 22px;line-height: 32px;}
.welcome .box{height: 280px;padding: 20px 20px;text-align: center;margin: 10px 0;}
.welcome .box h2{font-size: 55px;}
.welcome .btn{margin: 20px auto;}
.hmcerti .title {text-align: center;}
.hmcerti .title::before {left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.hmcerti .bx{text-align: center;padding: 0 0 35px 0;}
.hmcerti p{font-size: 22px;line-height: 37px;}
.hmcerti .btn{margin: 35px auto 0;}
.hmproject .box .img img{width: 100%;}
.hmproject .box .text{height: 274px;padding: 0 60px;}
.hmproject .box h4{font-size: 17px;line-height: 22px;}
.footerbox{margin: 110px 0;padding: 55px 0;}
footer .copy p ,footer .copy .col-md-6:last-child p{text-align: center;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev ,.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{height: 50px;width: 50px;background-size: 100%;}

/*--------ABOUT US--------*/
#abt .box{padding: 20px 0;}
.abt-ban h3{font-size: 34px;line-height: 38px;width: 71%;}
.abt-ban p{font-size: 17px;line-height: 24px;}
.welcome h4{font-size: 21px;line-height: 32px;}
.aboutbrand{padding: 0;}
.aboutbrand ul{padding: 45px 10px;}

/*--------CONTACT US--------*/
.contbox{margin-top: 0;margin-bottom: 30px;}
.contbox h4{font-size: 16px;color: #7b7b7b;}
.contbox h4 a{color: #7b7b7b;}
.contbox h5{line-height: 18px;font-size: 13px;color: #7b7b7b;}
.contbox.desk{display: none;}
.contbox.mob{display: block;}
.contform .box{clear: both;}

/*--------PRODUCT--------*/
.probox .text{padding: 25px 35px;}
.probox h2{font-size: 34px;}
.probox h3{font-size: 17px;line-height: 25px;}
.probox h4{font-size: 14px;line-height: 22px;}
.probox .btn{margin: 0;}
.probox .btn a{font-size: 13px;}
.range .img ,.range .gray{height: 184px;}
.range .img img{height: 100%;}

/*--------PRODUCT-QUICK-VIEW--------*/
.reveal-modal{width: 748px !important;}
.product-view .img{width: 45%;}
.product-view .text{width: 55%;padding: 25px 35px;}
.product-view h2{font-size: 34px;}
.product-view h3{font-size: 20px;line-height: 28px;}
.product-view h4{font-size: 15px;line-height: 24px;}
.product-view ul{padding-top: 0;padding-top: 0;overflow: auto;height: 100px;}
.product-view ul li{font-size: 14px;line-height: 22px;}

/*--------PRODUCT-RANGE--------*/
.range h3{font-size: 28px;}
.range .btn{margin-top: 10px;}
.range .btn a{font-size: 13px;padding: 10px 25px;}

/*--------CARTIFICATE--------*/
.certificate .box{margin: 20px 0;}

.header_menu .navbar-nav > li > .dropdown-menu ul li{font-size: 14px;}
.header_menu .navbar-nav > li > .dropdown-menu{padding: 15px;margin-top: 90px;}

footer .copy p {margin: 0;}

.solar-roof-top img{margin-bottom: 20px; width: 50%;}
}

/*-----------640px---------*/
@media only screen and (min-width: 640px) and (max-width: 767px) {
.social-icon.pull-right{float: left !important;}
.navbar-collapse{position: absolute;right: 0;top: 95px;width: 100%;box-shadow: none;border-top: 0;padding: 0;z-index: 100;}
.navbar-collapse .nav{margin: 0;background: #1f1a17;}
.navbar-default .navbar-nav > li > a{padding: 10px;font-size: 13px;line-height: 25px;}
.navbar-nav > li .btn-default {color: #000000;padding: 0 10px;text-align: center;line-height: 50px;width: 100%;}
#banner .carousel-caption{right: 11%;left: 11%;}
#banner h2{font-size: 40px;line-height: 36px;margin-bottom: 0;}
#banner h2 span{font-size: 22px;}
#banner p{font-size: 14px;line-height: 20px;margin-bottom: 10px;margin-top: 0;}
#banner .btn a{padding: 9px 18px;font-size: 12px;letter-spacing: 0px;}
#banner .carousel-indicators{margin-bottom: 0;bottom: 2px;}
.title{font-size: 30px;}
.welcome{padding: 0;}	
.welcome h3 ,.hmproject h3{font-size: 20px;line-height: 30px;}
.welcome .box{height: 220px;padding: 20px 20px;text-align: center;margin: 10px 0;}
.welcome .box h2{font-size: 35px;}
.welcome .btn{margin: 20px auto;}
.hmcerti .title {text-align: center;}
.hmcerti .title::before {left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.hmcerti .bx{text-align: center;padding: 0 0 35px 0;}
.hmcerti p{font-size: 20px;line-height: 34px;}
.hmcerti .btn{margin: 25px auto 0;}
.hmproject .box .img img{width: 100%;}
.hmproject .box .text{height: 230px;padding: 0 35px;}
.hmproject .box h4{font-size: 15px;line-height: 20px;}
.footerbox{margin: 40px 0;padding: 45px 0;}
footer .copy p ,footer .copy .col-md-6:last-child p{text-align: center;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev ,.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{height: 50px;width: 50px;background-size: 100%;}
.navbar-default .navbar-nav > li > a:focus::before, .navbar-default .navbar-nav > li > a:hover::before ,.navbar-default .navbar-nav > li > a.active::before{display: none;}


/*--------ABOUT US--------*/
#abt .box{padding: 20px 0;}
.abt-ban h3{font-size: 30px;line-height: 35px;width: 72%;}
.abt-ban p{font-size: 16px;line-height: 23px;}
.welcome h4{font-size: 20px;line-height: 30px;}
.aboutbrand{padding: 0;}
.aboutbrand ul{padding: 45px 10px;}

/*--------CONTACT US--------*/
.contbox{margin-top: 0;margin-bottom: 30px;}
.contbox h4{font-size: 16px;color: #7b7b7b;}
.contbox h4 a{color: #7b7b7b;}
.contbox h5{line-height: 18px;font-size: 13px;color: #7b7b7b;}
.contbox.desk{display: none;}
.contbox.mob{display: block;}
.contform .box{clear: both;}
.contform .box .col-md-6:first-child {padding: 35px;}
.contform .box iframe{height: 350px;}


/*--------PRODUCT--------*/
.probox .text{padding: 25px 35px;}
.probox h2{font-size: 34px;}
.probox h3{font-size: 17px;line-height: 25px;}
.probox h4{font-size: 14px;line-height: 22px;}
.probox .btn{margin: 0;}
.probox .btn a{font-size: 13px;}
.range .img ,.range .gray{/*height: 100%;*/ height: 338px;}
.range .img img{height: 100%;}


/*--------PRODUCT-QUICK-VIEW--------*/
.reveal-modal{width: 620px !important;}
.product-view .img{width: 45%;}
.product-view .text{width: 55%;padding: 15px 15px;}
.product-view h2{font-size: 34px;}
.product-view h3{font-size: 20px;line-height: 28px;}
.product-view h4{font-size: 15px;line-height: 24px;}
.product-view ul{padding-top: 0;padding-top: 0;overflow: auto;height: 100px;}
.product-view ul li{font-size: 14px;line-height: 22px;}
.close-reveal-modal img{width: 25px;}


/*--------CAREER--------*/
.career .box .col-md-6{padding: 35px;}

/*--------CARTIFICATE--------*/
.certificate .box{margin: 20px 0;}

.header_menu .navbar-nav > li > .dropdown-menu ul li{font-size: 14px;}
.header_menu .navbar-nav > li > .dropdown-menu{padding: 15px;}

.carousel-indicators li ,.carousel-indicators .active{margin: 18px 0 !important;}
.hibay-part ul li{margin-bottom: 10px;}
.probox .left,.probox .right {width: 100%;}
.probox .right{padding: 10px;}
footer .copy p {margin: 0;}

.solar-roof-top img{margin-bottom: 20px; width: 100%;}

}

/*-----------480px---------*/
@media only screen and (min-width: 480px) and (max-width: 639px) {
.social-icon.pull-right{float: left !important;}
.navbar-collapse{position: absolute;right: 0;top: 95px;width: 100%;box-shadow: none;border-top: 0;padding: 0;z-index: 100;}
.navbar-collapse .nav{margin: 0;background: #1f1a17;}
.navbar-default .navbar-nav > li > a{padding: 10px;font-size: 13px;line-height: 25px;}
.navbar-nav > li .btn-default {color: #000000;padding: 0 10px;text-align: center;line-height: 50px;width: 100%;}
#banner .carousel-caption{right: 11%;left: 11%;}
#banner h2{font-size: 40px;line-height: 26px;}
#banner h2 span{font-size: 20px;}
#banner p{font-size: 17px;line-height: 24px;margin-bottom: 25px;display: none;}
#banner .btn a{padding: 8px 14px;font-size: 11px;letter-spacing: 0px;}
#banner .carousel-indicators{margin-bottom: 0;bottom: 2px;}
#banner .carousel-indicators li ,#banner .carousel-indicators .active{width: 12px;height: 12px;}
.title{font-size: 26px;}
.welcome{padding: 0;}	
.welcome h3 ,.hmproject h3{font-size: 18px;line-height: 28px;}
.welcome .box{height: 220px;padding: 20px 20px;text-align: center;margin: 10px 0;}
.welcome .box h2{font-size: 35px;}
.welcome .btn{margin: 20px auto;}
.hmcerti .title {text-align: center;}
.hmcerti .title::before {left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.hmcerti .bx{text-align: center;padding: 0 0 35px 0;}
.hmcerti p{font-size: 20px;line-height: 34px;}
.hmcerti .btn{margin: 25px auto 0;}
.hmproject .box .img img{width: 100%;}
.hmproject .box .img{width: 100%;}
.hmproject .box .text{height: 240px;padding: 0 20px;width: 100%;}
.hmproject .box h4{font-size: 15px;line-height: 20px;}
.footerbox{margin: 40px 0;padding: 45px 0;}
footer .copy p ,footer .copy .col-md-6:last-child p{text-align: center;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev ,.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{height: 35px;width: 35px;background-size: 100%;}
.navbar-default .navbar-nav > li > a:focus::before, .navbar-default .navbar-nav > li > a:hover::before ,.navbar-default .navbar-nav > li > a.active::before{display: none;}

/*--------ABOUT US--------*/
#abt .box{padding: 20px 0;}
.abt-ban h3{font-size: 24px;margin: 0;line-height: 30px;width: 78%;}
.abt-ban p{font-size: 15px;line-height: 22px;margin: 0;}
.welcome h4{font-size: 18px;line-height: 26px;}
.aboutbrand{padding: 0;}
.aboutbrand ul{padding: 20px 0;}
.aboutbrand ul li{display: block;text-align: center;width: 100%;padding: 10px 0;}

/*--------CONTACT US--------*/
.contbox{margin-top: 0;margin-bottom: 30px;}
.contbox h4{font-size: 16px;color: #7b7b7b;}
.contbox h4 a{color: #7b7b7b;}
.contbox h5{line-height: 18px;font-size: 13px;color: #7b7b7b;}
.contbox.desk{display: none;}
.contbox.mob{display: block;}
.contform .box{clear: both;}
.contform .box .col-md-6:first-child {padding: 25px;}
.contform .box iframe{height: 350px;}

/*--------PRODUCT--------*/
.probox .text{padding: 25px 35px;}
.probox h2{font-size: 28px;}
.probox h3{font-size: 16px;line-height: 24px;}
.probox h4{font-size: 13px;line-height: 22px;}
.probox .btn{margin: 0;}
.probox .btn a{font-size: 13px;}
.probox .img ,.probox .img img{height: auto;}
.range .img ,.range .gray{/*height: 100%;*/ height: 358px;}
.range .img img{/*height: 100%;*/ height: 357px;}

/*--------PRODUCT-QUICK-VIEW--------*/
.reveal-modal{width: 460px !important;}
.product-view .img{width: 45%;}
.product-view .text{width: 55%;padding: 15px 15px;}
.product-view h2{font-size: 28px;}
.product-view h3{font-size: 17px;line-height: 24px;}
.product-view h4{font-size: 13px;line-height: 22px;}
.product-view ul{padding-top: 0;padding-top: 0;overflow: auto;height: 100px;}
.product-view ul li{font-size: 13px;line-height: 22px;}
.close-reveal-modal img{width: 25px;}

.range h3{font-size: 24px;}
.range .btn{margin-top: 10px;}
.range .btn a{font-size: 13px;padding: 10px 20px;}


/*--------CAREER--------*/
.career .box .col-md-6{padding: 25px;}

/*--------CARTIFICATE--------*/
.certificate .box{margin: 20px 0;}

.header_menu .navbar-nav > li > .dropdown-menu ul li{font-size: 14px;}
.header_menu .navbar-nav > li > .dropdown-menu{padding: 15px;}

.carousel-indicators li ,.carousel-indicators .active{margin: 12px 0 !important;}
.hibay-part ul li{margin-bottom: 10px;}
.probox .left,.probox .right {width: 100%;}
.probox .right{padding: 10px;}
footer .copy p {font-size: 13px; margin: 0;}
#pagination a:first-child, #pagination a:last-child {display: none;}

.solar-roof-top img{margin-bottom: 20px;}
.hmproject .box .btn{margin: 0 auto;}
.hmproject .box h4{text-align: center;}
}

/*----------320px----------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.social-icon.pull-right{float: left !important;}
.navbar-collapse{position: absolute;right: 0;top: 95px;width: 100%;box-shadow: none;border-top: 0;padding: 0;z-index: 100;}
.navbar-collapse .nav{margin: 0;background: #1f1a17;}
.navbar-default .navbar-nav > li > a{padding: 10px;font-size: 13px;line-height: 25px;}
.navbar-nav > li .btn-default {color: #000000;padding: 0 10px;text-align: center;line-height: 50px;width: 100%;}
#banner .carousel-caption{right: 11%;left: 11%;}
#banner h2{font-size: 24px;line-height: 18px;margin: 0;}
#banner h2 span{font-size: 13px;}
#banner p{font-size: 17px;line-height: 24px;margin-bottom: 25px;display: none;}
#banner .btn a{padding: 6px 9px;font-size: 8px;letter-spacing: 0px;}
#banner .carousel-indicators{margin-bottom: 2px;}
#banner .carousel-indicators li ,#banner .carousel-indicators .active{width: 10px;height: 10px;}
.title{font-size: 24px;}
.welcome{padding: 0;}	
.welcome h3 ,.hmproject h3{font-size: 18px;line-height: 28px;}
.welcome .box{height: 220px;padding: 20px 20px;text-align: center;margin: 10px 0;}
.welcome .box h2{font-size: 35px;}
.welcome .btn{margin: 20px auto;}
.hmcerti .title {text-align: center;}
.hmcerti .title::before {left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.hmcerti .bx{text-align: center;padding: 0 0 35px 0;}
.hmcerti p{font-size: 20px;line-height: 34px;}
.hmcerti .btn{margin: 25px auto 0;}
.hmproject .box .img img{width: 100%;}
.hmproject .box .img{width: 100%;}
.hmproject .box .text{height: 240px;padding: 0 20px;width: 100%;}
.hmproject .box h4{font-size: 15px;line-height: 20px;}
.footerbox{margin: 20px 0;padding: 25px 0;}
footer .copy p ,footer .copy .col-md-6:last-child p{text-align: center;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev ,.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{height: 30px;width: 30px;background-size: 100%;}
.carousel-indicators{bottom: 0;}
.navbar-default .navbar-nav > li > a:focus::before, .navbar-default .navbar-nav > li > a:hover::before ,.navbar-default .navbar-nav > li > a.active::before{display: none;}

/*--------ABOUT US--------*/
/*#abt{text-align: center;}*/
#abt .box{padding: 20px 0;}
.abt-ban h3{font-size: 20px;margin: 0;line-height: 26px;width: 100%;}
.abt-ban p{font-size: 15px;line-height: 22px;margin: 0;}
.welcome h4{font-size: 18px;line-height: 26px;}
.aboutbrand{padding: 0;}
.aboutbrand ul{padding: 20px 0;}
.aboutbrand ul li{display: block;text-align: center;width: 100%;padding: 10px 0;}

/*--------CONTACT US--------*/
.contbox{margin-top: 0;margin-bottom: 30px;}
.contbox h4{font-size: 16px;color: #7b7b7b;}
.contbox h4 a{color: #7b7b7b;}
.contbox h5{line-height: 18px;font-size: 13px;color: #7b7b7b;}
.contbox.desk{display: none;}
.contbox.mob{display: block;}
.contform .box{clear: both;}
.contform .box .col-md-6:first-child {padding: 25px;}
.contform .box iframe{height: 350px;}

/*--------PRODUCT--------*/
.probox{display: inline-block;}
.probox .text{padding: 15px 15px;}
.probox h2{font-size: 28px;}
.probox h3{font-size: 16px;line-height: 24px;}
.probox h4{font-size: 13px;line-height: 22px;}
.probox .btn{margin: 0;}
.probox .btn a{font-size: 13px;}
.probox .img ,.probox .img img{height: auto;}
.range .img ,.range .gray{height: 100%;}
.range .img img{height: 100%;}


/*--------PRODUCT-QUICK-VIEW--------*/
.reveal-modal{width: 300px !important;}
.product-view .img{width: 100%;}
.product-view .text{width: 100%;padding: 15px 15px;}
.product-view h2{font-size: 28px;}
.product-view h3{font-size: 17px;line-height: 24px;}
.product-view h4{font-size: 13px;line-height: 22px;}
.product-view ul{padding-top: 0;padding-top: 0;overflow: auto;height: 100px;}
.product-view ul li{font-size: 13px;line-height: 22px;}
.close-reveal-modal img{width: 25px;}

.range h3{font-size: 18px;}
.range .btn{margin-top: 10px;}
.range .btn a{font-size: 13px;padding: 10px 20px;}


/*--------CAREER--------*/
.career .box .col-md-6{padding: 25px;}

/*--------CARTIFICATE--------*/
.certificate .box{margin: 20px 0;}

.header_menu .navbar-nav > li > .dropdown-menu ul li{font-size: 14px;}
.header_menu .navbar-nav > li > .dropdown-menu{padding: 10px;}

.carousel-indicators li ,.carousel-indicators .active{margin: 8px 0 !important;}
.hibay-part ul li{margin-bottom: 10px;}
.probox .left,.probox .right {width: 100%;}
.probox .right{padding: 10px;}
.probox .right ul li span{width: 160px;}
footer .copy p {font-size: 13px; margin: 0;}
#pagination a:first-child, #pagination a:last-child {display: none;}

.solar-roof-top img{margin-bottom: 20px;}
.hmproject .box .btn{margin: 0 auto;}
.hmproject .box h4{text-align: center;}
.range .img ,.range .gray{/*height: 100%;*/ /*height: 458px;*/ height: 268px;}

}