@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1800px) {
header .content_wrap5 { width: 60%; margin-left: 20%; position:absolute;top: 15%; }
header h2{  margin-top: 30%; }
	
}

@media only screen and (max-width: 1440px) {
.prod_sec { padding: 70px 0 40px;}
.prod_sec .row1{margin-left: -15px;margin-right: -15px;}
.prod_sec .product_wrap{padding: 0 15px;margin-bottom: 30px;}
.prod_sec .img_wrap{height: 250px;}
.prod_sec .content_wrap p{font-size: 14px; line-height: 21px;}
.prod_sec .content_wrap{min-height: 120px; padding: 25px;}
.prod_sec .img_wrap h3{font-size: 18px; padding: 10px;}
.prod_details .wrap{padding: 70px 50px;}
.prod_details .col-2 h2{font-size: 27px;}
.prod_details .col-2 p{font-size: 17px; line-height: 24px;}
.prod_details .col-2 h3{font-size: 17px;}
.prod_details .col-2 .table_box td{font-size: 15px;}
.prod_details .col-2 .table_box{min-width: 500px;}
.prod_details .col-2{padding-right: 5%;}
}

@media only screen and (max-width: 1370px) {
i.gurjan{width:100%;}

}

@media only screen and (max-width: 1300px) {
.homepdt{width:46%; height:auto; min-height:240px;}
.fixer, .fixer2{width:96%; margin:0 2%;}

.contact span, .contact span.highlight{width:100%; margin-bottom:20px; margin-left:0;}
.map{ height:350px;}

.pdtdetail .details{width:100%; }
.pdtdetail .pdtimg{width:100%;  margin-top:50px; max-width:600px; padding:0 30px;  }
}
@media only screen and (max-width: 1200px) {
header h2{  font:700 28px/36px Montserrat, Arial, Helvetica, sans-serif; margin-bottom: 10px; }
header p{ margin-left:0px; font:300 14px 'Open Sans', Arial, Helvetica, sans-serif;
 color:#fff;}
 header a.more{  bottom:100px; font:700 14px/48px 'Montserrat', Arial, Helvetica, sans-serif; color:#FFf; }
 
 i.gurjan{width:100%; font:800 30px/40px 'Open Sans', Arial, Helvetica, sans-serif; position:static; padding-left:0%; float:left; text-align:center; padding: 10px; }
	
	/*-----*/
	.about_area .col-1{    padding-top: 20px;padding-right: 20px;}
	.about_area .col-2{padding-left: 20px;}
	.about_area .col-1 p{ line-height: 30px; font-size:16px; padding-right: 0;}
	.about_area .col-1 h1{ margin-bottom:20px;}

	.menu ul{ display:none;}
.menu ul li.logo2{ display:none;}
.slicknav_menu{ display:block;}
header{ overflow:visible;}
	.homepdt{  height:550px; }
.homepdt img{width:70%; height:auto; float:left; display:block; margin-right:30%; padding:0 30px; box-sizing:border-box;}
.homepdt aside{width:100%; height:auto; float:left; display:block; padding:15px; box-sizing:border-box;}
video{ display: none; }
.videowrapper{height: 480px;}
.menu{ background: none; position:absolute; top:0px; right:40px; z-index:999;}
.logo{width: 150px;}
header{height: auto; padding: 20px 0;}
.inner_banner,.banner{padding-top: 70px;}
.slicknav_btn{margin-top: 15px!important;}
.btn_enquire{font-size: 13px; padding: 10px 20px;    margin-right: 70px;}
.prod_details .wrap {padding: 50px 30px;}
.prod_details .col-2 p { font-size: 14px; line-height: 21px;}
.prod_details .col-2{padding: 3%;}
.prod_details .col h3{font-size: 17px;}
.prod_details .table_box td{font-size: 15px;}
.prod_details .table_box{min-width: 550px;}
.prod_details .table_row{overflow-x: scroll;}
}

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

}


@media only screen and (max-width: 990px){
	/*----------*/
	.about_area{ padding:60px 0; margin: 0!important;}
	.about_area .col-1{ width:100%; padding: 30px 0; text-align: center;}
	.about_area .col-2{ width:100%; padding: 30px 0;}
    .promo{ position: static; margin: auto;}
	footer .footer-1{ padding-bottom:20px;}
	footer{ padding:80px 0;}
	footer .clearfix{ display:block;}
	footer .col{ padding-bottom:20px;}
	footer .col-1{ width:60%;}
	footer .col-2{ width:40%;}
	footer .col-3{ width:60%;}
	footer .col-4{ width:40%;}
	.inner_banner h2{font-size: 31px; top: 55%;}
	.banner .slick-dots{padding: 5px 0 10px;}
	.banner .slick-dots li button{width: 10px; height: 10px;}
	.banner .slick-dots li{margin: 0 2px;}
	.banner .slick-dots li.slick-active button{border-width: 2px;}
	.prod_sec .product_wrap{width: 50%;}
	.prod_sec { padding: 70px 0 50px;}
	.prod_details .col-1,.prod_details .col-2{width: 100%;}
	.prod_details { padding: 50px 0;}
	.prod_details .wrap { padding: 30px 15px;}
	.prod_details .col h3 { font-size: 14px;padding: 15px;}
	.prod_details .table_box tr{padding: 15px;}
	.prod_details .table_box td{font-size: 14px;}
}

@media only screen and (max-width: 900px) {
	
	header h2{ margin-top: 20%; font:700 22px/28px Montserrat, Arial, Helvetica, sans-serif; }
	header p{ font:300 14px/18px 'Open Sans', Arial, Helvetica, sans-serif;
 color:#fff;}
 	header a.more{  bottom:90px; font:700 14px/48px 'Montserrat', Arial, Helvetica, sans-serif; color:#FFf; }
	
	h1.center{  font:300 40px 'Open Sans', Arial, Helvetica, sans-serif; }
.grey p{width:90%; margin:0 5%; font:300 16px 'Open Sans', Arial, Helvetica, sans-serif; }

.abtimg{ padding:10px; margin-top:50px; }


.c50{width:100%;}
.contact span {width:auto; margin-bottom:0px; float:left;}
.contact span.highlight{ width:auto; margin-left:40px;}
.map{ height:200px;}
.homepdt{  height:480px; }
}

@media only screen and (max-width: 800px) {
	
	.pdtname{width:100%; margin-bottom:30px; padding:0 30px; box-sizing:border-box;  }
	.pdtdetail{width:100%;  }
	.pdtname ul{display:none;}
	#tinynav1{ display:block;}
	.pdtdetail .pdtimg{width:100%;  margin-top:50px; max-width:100%; padding:0 30px;  }
	
}

@media only screen and (max-width: 760px) {
	header .content_wrap5 { width: 90%; margin-left: 5%; position:absolute;top: 2%; }
	.logo{width:150px; height:40px; }
	.logo a{ font:300 13px/20px 'Open Sans', Arial, Helvetica, sans-serif; }	
	header h2{ width:100%; margin-top: 0%; font:700 22px/28px Montserrat, Arial, Helvetica, sans-serif; }
	header p{ width:100%; margin-left:0px; font:300 14px/18px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff;}
 	header a.more{  bottom:110px; font:700 14px/48px 'Montserrat', Arial, Helvetica, sans-serif; color:#FFf; }
	
	
	
	.c33{width:96%; margin-left:2%;}
	.c66{width:96%; margin-left:2%;}
	.abtimg{ padding:20px; margin:0px 5%; float:none; }	
	.contact2 .c25{width:50%; padding:10px 20px;}
	
}

@media only screen and (max-width: 700px) {
	
	.contact span, .contact span.highlight{width:100%; margin-bottom:20px; margin-left:0;}

}


@media only screen and (max-width: 640px) {
	
/*	header h2{ position:static;  bottom:0px; left:0px; width:90%; margin-left:5%; height:36px; font:700 22px/28px Montserrat, Arial, Helvetica, sans-serif; color:#333; float:left; margin-top:30px; }
	header p { position:static;  bottom:0px; left:0px; width:90%; margin-left:5%;  float:left; color:#999;}*/
 	header a.more{  position:relative;  bottom:0px;  float:left; color:#333; border:1px solid #333; margin-left:-75px; margin-top:20px; margin-bottom:30px;  }
	footer aside{width:250px;  text-align:left; margin-right:20px;}
	.videowrapper{height: 240px; background: url(../images/videobg-small.jpg) no-repeat;}
	.prod_sec .product_wrap{width: 100%;}
	.prod_sec .img_wrap h3{font-size: 16px;}


}

@media only screen and (max-width: 600px) {
	.homepdt{width:90%;  height:auto;  float:left; display:block; margin:0 5% 50px 5%;}
	.fixer .homepdt:nth-child(3) { border-bottom:1px solid #ccc !important; }
	footer aside{width:90%;  text-align:left; margin:0 5% 30px 5%;}
	
	section{padding:40px 0; margin:0;}
	i.gurjan{ font:800 24px/60px 'Open Sans', Arial, Helvetica, sans-serif; }
}

@media only screen and (max-width: 500px) {
	
	.contact2 .c25{width:100%;}

	/*--------*/
	.about_area .col-1{ padding:20px 0;}
	.about_area .col-1 h1{ font-size: 31px;margin-bottom: 20px;}
	.about_area .col-1 p{ line-height:25px; font-size: 15px;}
	footer .col-1{ width:100%;}
	footer .col-2{ width:100%;}
	footer .col-3{ width:100%;}
	footer .col-4{ width:100%;}
	footer{ padding:60px 0;}
	footer .col h2{ font-size:15px; margin-bottom: 20px;}
	footer .col ul li a{ font-size:15px;}
	footer .col p{ font-size:15px;}
	footer .footer-2 h3{ font-size:13px;}
	footer .footer-2 p{ font-size:13px;}

	.menu{right: 0; margin-top: 0;}
	.logo{width: 120px;}
	.btn_enquire {font-size: 11px;padding: 7px 10px;margin-right: 40px;}
}

@media only screen and (max-width: 470px) { 
header h2{ font:700 16px/22px Montserrat, Arial, Helvetica, sans-serif; letter-spacing:1px; }
i.gurjan{ font:800 18px/30px 'Open Sans', Arial, Helvetica, sans-serif; }
header p{ font:300 13px/18px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff;}
}

@media only screen and (max-width: 425px) {
	.banner img{margin-top: 22px;}
}
@media  (min-width: 426px) and (max-width: 1200px) {
	.banner img{margin-top: 31px;}
}