@charset "utf-8";
/* CSS Document */

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

@media screen and (max-width: 1366px) {
	.gallery ul.resp-tabs-list li{font-size: 17px;}
	.products_tab p{line-height: normal;}
	.products_tab h1{font-size: 21px;}
	.products_tab p{font-size: 16px; line-height:24px;}
	.certication .leftbar .block1 { max-width: 90%; width: 90%; float: right; padding: 164px 80px 80px 0;  }
	.certication .leftbar .block1 h2 {  font-size: 55px; line-height: 57px; }
}

@media screen and (max-width: 1280px) { 
.certication { height: auto;  }
.about .row1 { padding: 0 0px; margin: 30px 0; }
}

@media screen and (max-width: 1166px) {
  
	.ve-menu ul{overflow-y: scroll;
	max-height: 500px;}
	.sec-4 .left { height: 350px;}
	.sec-4 .right article a{ width: 23%; display: inline-block; float: none;}
	.sec-4 aside article{width: 100%; } 
	.sec-4 .right article a img { width: 100%; }
	.sec-4 .left img{width: 100px;}
	.sec-4 .left article h3{ font-size: 30px;}
	.sec-4 .left article p{ font-size: 23px;}
	.sec-4 .right{ text-align: center; height: 350px;}
	.gallery .resp-tab-content{margin: 0; background-color: #fff112; padding:7px 0;}
	.products_tab h1{font-size:  18px;}
	.products_tab p{font-size:  14px; line-height:24px; }
	.products_tab .wrapper{width: 75%;}
	.sec-4 .left article{  text-align: center; margin: 80px 0 0 0px;}
	.sec-4 .left article p { text-align: center; }
	.sec-4 .right article { margin: 100px 0 0 0%; padding-left: 0px; }
	.sec-4 .left article hr { display: none; }
	.gallery .row2 { padding-bottom: 30px;}
	.factory_test {  height: 500px;  }
.factory_test .test_report a { padding: 20px 40px; font-size: 20px; }
	
}

@media screen and (max-width: 1024px) {
	      .title{margin: 30px 0;}
	       .p1{font-size: 35px; line-height: 35px;}
	       .p2{font-size:55px; line-height: 55px;}
	.sec-1 .content p{font-size: 14px;}
	.sec-2 a{opacity: 1;}
	.sec-2 .overlay-2 .p3{font-size: 18px;}
	.sec-2 .overlay-2 .p4{font-size: 18px;}
    .sec-3 a{margin-right: 15px;}
	.about article{padding: 40px 0;}

	.about .para{font-size: 14px; line-height: 25px;}
	.contact{margin: 60px 0;}
	.contact h1{margin-bottom: 30px;}
	.contact input{width: 100%; margin: 4px 0;}
	.contact select{width: 100%; margin: 4px 0;}
	.contact textarea{width: 100%; margin: 4px 0;}
	.contact input[type=submit]{width: 50%; margin-top: 30px;}
	.gallery .resp-tab-content{margin: 0; background-color: #fff112;}
	.gallery_tab p{display: none;}
	.gallery_tab .icon {display: none;}
	.product_detail .product_detail_img{padding: 30px 0;}
	.product_detail .content{padding:  0 30px;}
	.product_detail .p1{font-size: 40px; margin-top: 50px; margin-bottom: 10px;}
	.product_detail p{font-size: 14px;}
	.our_products .wrapper{width: 80%;}
	.products_tab .wrapper{width: 80%;}
	.media .media_tab{margin: 0% 1%;}
	.media .media_tab iframe{width: 50%;height: 255px;}
	.our_products h1{font-size: 21px;}
	.our_products .col-2 p{font-size: 14px;}
	.media .title .p1{font-size: 40px;}
	.career_wrap { padding: 50px 0 60px; }
	.certication .leftbar { width: 100%; position:relative; height:auto; float: left;   }
.certication .leftbar .block1 { max-width: 80%; width: 80%; margin: 0 10%;  padding: 45px 0px 45px 0; background: none; }
.certication .leftbar .block1 h2 {  font-size: 40px; line-height: 50px; text-align: center; } 
.certication .rightbar { width: 100%; padding: 60px 0 60px 0px; }
.certication .rightbar .certification_slider { width: 100%; float: left; }
.certication .rightbar .certification_slider .column_one { float: left; width: 50%; }
.certication .rightbar .certification_slider .column_one img { width: 90%; margin-bottom: 40px;}

}

/*extra_query*/
@media screen and (max-width: 1100px){
	
}


@media screen and (max-width: 1000px) { 
	.sec-1 .content{font-size: 18px;}
	.sec-1 a{font-size: 19px;}

    footer .logo img { width: 200px;}	
	footer .logo { margin-bottom: 30px;}
	
	.inner-section .qoute h5 i img{ width:60%;}
	.inner-section .qoute h5 i{ margin-right:5px;}
	.inner-section .qoute h5 p{ font-size:16px; line-height: 24px; padding-top: 3px;}
	.inner-section .qoute h5 p span{ font-size:13px; margin-top: 15px;}
	.career_wrap .row1 h3{ padding-bottom:40px;}
}

@media screen and (max-width: 960px) {
    .sec-2 .plywood_gallery{ width: 50%; height: auto;}
	
	/*brochure-resize*/
	.sec-3 a{ padding: 13px 46px 13px 15px;font-size: 17.9px;}
	.sec-3 .pdf img{width: 30px;}
	.gallery_tab a{ width: 48%; margin:1%;}
}

/*extra_query*/
@media screen and (max-width: 900px){
	footer ul li{float: none; padding: 3px 12px; display: inline-block;}
	footer p{margin-bottom: 10px;}
	footer .col-3{width: 100%; margin-top: 25px; text-align: center;margin-right: 0;}
	footer .col-3 ul{ width: 100%; text-align: center;}
	footer{padding: 50px 0;}
	footer .copyright{text-align: center;}
	.products_tab .tab_image{width: 100%;}
	.products_tab .tab_content .content{width: 100%; text-align: center; margin-bottom: 4%; margin-left: 1%; margin-right: 1%; padding: 20px;}
	.products_tab h1{font-size: 21px;}
	.products_tab .wrapper{width: 90%;}
	.copyright { padding: 30px 0px; }
	.our_products .col-2 a { font-size: 16px;  padding: 15px 40px; }
	.certication .leftbar .block1 h2 {  font-size: 28px; line-height: 38px; } 
	
	.media{ padding:50px 0;}
	.media .title{ margin-bottom:40px;}
	.inner-section .qoute{ margin:40px 0;}
	.resource-head{ padding-top:50px!important;}
	.p1.our{ padding-top:50px;}
	
	.products_tab .table_wrap table{ width:670px;}
	.products_tab .table_wrap{overflow-x: scroll;}
	footer .logo{ width: 50%;}
	footer .logo2{ width: 50%;}
	footer .logo img { margin-top: 50px;  }
	.sec-3 { background-size: 550px;}
} 


@media screen and (max-width: 870px){
	
	.inner-section .qoute h5{ margin-right:0;}
}

@media screen and (max-width: 800px) {
    /*.banner .logo{ top: 50px;right: 100px;}*/
	.sec-1 .read_btn{margin-top: 7%;}
	.media .media_tab ul li a{width: 48%;}
	.media .media_tab p{padding: 8% 17%; font-size: 17px;}
	.media .media_tab hr{visibility: hidden;}
	.inner-section .qoute h5 i{ margin-right:0; margin-bottom: 7px;}
}

@media screen and (max-width: 768px) { 
    .our_products .col-2{width: 98%;}
	.our_products .wrapper{width: 90%;}
	.contact .contact_wrap .row1 .input_wrap { width: 100%; padding-right: 0px; }
.contact .contact_wrap .row1 .input_wrap2 { padding-right: 0px; }
.contact .contact_wrap .row1 .input_wrap:first-child { margin-bottom: 15px;}
.address h1 { font-size: 24px; }
.address p {  font-weight: 400; margin-top: 10px; font-size: 16px;}
	.factory_test {  height: 300px;  }
.factory_test .test_report a { padding: 20px 40px; font-size: 16px; }

.career_wrap .row2 .input_row { margin: 8px 0; }
.career_wrap .row2 .input_row input { padding: 15px 28px; font-size: 16px; font-weight:400; }
.submit_btn {  font-size: 18px; font-weight:400; padding: 14px 0; }
.career_wrap .row2 { padding: 50px; }
.career_wrap .row2 h2 { margin-bottom: 20px; font-size: 26px; }
.career_wrap .row1 h3 {  font-size: 40px; }
.file-upload-button { padding: 15px 20px; }
	.career_wrap .row1 h3{font-size:35px;}
	.career_wrap .row1 p{ font-size:15px;}

/*extra_query*/
@media screen and (max-width:690px){
	.p1{font-size: 30px; line-height: 30px;}
	.p2{font-size:50px; line-height: 50px;}
	.title{margin: 23px 0;}	
	.sec-2 .plywood_gallery{ width: 100%; height: auto;}
	.sec-4 aside{width: 100%;}
	.sec-4 .right article a{width: 80px;}


	
}


@media screen and (max-width: 550px) {
	.sec-1 a{padding: 13px 75px;}
	/*.banner .logo{ top: 30px;right: 70px;}*/
	
	.about .para{ font-size: 14px; line-height: 23px;}
	.product_detail .content{padding:  0 15px;}
	.product_detail .p1{font-size: 33px; line-height: 33px; margin-top:40px; margin-bottom: 0;}
	.product_detail p{font-size: 13px; line-height: 22px;}
	.media .media_tab iframe{width: 100%;}
	.sec-3 { background-size: 400px;}
	
	.award .modal-dialog .content2 { padding-right: 0px; padding-bottom: 60px; }
.award .modal-dialog .content2 p { font-size: 16px; line-height: 26px; padding: 20px; text-align: center; }
.award .modal-dialog .content2 a { right: auto; left:0; top: auto; bottom:0px; text-align: center; height: 50px; line-height: 30px; width: 100%;}
}



@media screen and (max-width: 480px) {
	.p1{font-size: 25px; line-height:25px;}
	.p2{font-size:40px; line-height: 40px;}
	.title{margin: 18px 0;}	
    .sec-1{ padding: 50px 0;}
	.sec-1 a{padding: 10px 55px; font-size: 19px;}
	.sec-4 .left{padding: 80px 45px;}
	.slogan p{font-size: 18px;}
	.products_tab a{font-size: 17px;}
	.media .media_tab ul li a{width: 98%;}
	.media .media_tab iframe{ height: 210px;}
	.media .title p{font-size: 14px;}
	.media .title .p1{font-size: 30px;}
	.career_wrap .row2 { padding: 40px 10px; }
	.career_wrap .row2 .input_row .input1 { padding: 14px 15px; font-size: 14px; font-weight:400; }
	.career_wrap .row2 .input_row input { padding: 14px 15px; font-size: 14px; font-weight:400; }
	.file-upload-button { padding: 13px 20px; }
	.contact input[type=submit]{width: 100%; margin-top: 30px;}
	
	.sec-4 .left article{margin: 20px 0 0 0px;}
	.inner-section .qoute{ padding:40px 0;}
	.career_wrap .row1 h3{ padding-bottom:30px;}
	.career_wrap .row1 p{ padding:40px 0; padding-bottom: 0;}
	
}
   
  /*extra_query*/
@media screen and (max-width: 470px){
	.sec-4 .right article a{width: 50px;}
	.about .p1{font-size: 27px; line-height: 27px;}
	.about .p2{font-size: 30px; line-height: 30px;}
	
}

  /*extra_query*/
@media screen and (max-width: 414px){
   .sec-4 .left{padding: 25px 15px;}
   .sec-4 .right{padding: 55px 30px;}
	/*.banner .logo{top: 25px;right: 60px;}*/
	.product_detail .product_detail_img{padding: 20px 0;}
	.product_detail .p1{font-size: 25px;margin-top: 25px;margin-bottom: 0;}
	.our_products h1{font-size: 23px;}
	.our_products .col-2 p{font-size: 14px;}	
}


@media screen and (max-width: 320px) { 
    .sec-1 a{ font-size: 14px; padding: 10px 40px;}
	/*.banner .logo{top: 17px;right: 55px}*/	
}


@media screen and (min-width: 1166px){
    .banner:hover .slick-next{
	opacity: 1;
	transition: .5s;}
	
	.banner:hover .slick-prev{
	opacity: 1;
	transition: .5s;}
	}