
@media (max-width: 1199px) {
	
	

.header .col-sm-4{padding-right:0}
.header .col-sm-8{padding-left:0}
.menu .navbar ul li a{padding:12px 9px; font-size:14px}

}

@media (max-width: 991px) {

.header p{font-size:15px }
.menu{margin-top:0; float:left; text-align:center; padding:15px 0}
.menu .navbar ul li{display:inline-block; float:none}
.menu .navbar ul{float:none}
.menu .navbar ul li a{font-size:15px; padding:12px 11px}
.banner .carousel-caption h1{font-size:24px}

.banner .carousel-caption p{font-size:18px; line-height:23px}
.banner .carousel-caption{padding:10px 25px 5px; width:335px; margin-top:0px; top:35px}
.Productbox h2{font-size:14px}
.othercontent h1{font-size:23px}
}

@media (max-width: 767px) {


	.navbar-brand{display:block;  float: none;   text-align: left; color:#000 !important}
	.menu{width:100%; float:none;  }
	.menu .navbar {background:#fcef27;}
	.header{border-bottom:none}
	.navbar-toggle{background:#2e2e2e; border:none; border-radius:3px}
	.navbar-toggle span{background-color:#fff !important}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:#000}
	.menu .navbar ul li{display:block; text-align:left; margin:0}
	.navbar-collapse{background:#2e2e2e; border-top:1px solid #efe21a !important}
	.navbar-collapse ul{margin:0 !important; padding:0 !important}
	.menu .navbar ul li a{font-size:13px; padding:11px 15px}
	.othercontent h1{font-size:30px}
	.othercontent .col-sm-8, .othercontent .col-sm-4 {padding:0}
	.content-contactinfo{margin-top:40px }
	.banner .carousel-caption h1{font-size:22px}
	.banner .carousel-caption p{font-size:16px; line-height:20px;}
	.banner .carousel-caption{top:30px; width:340px}
	.Productbox h2{font-size:16px}
	.footer li{padding-right:17px}
	.footer P{text-align:center; margin-bottom:5px}
	.footer ul{text-align:center}
	.productcontainer .col-sm-4{min-height:480px}
	.inner-title h2{font-size:22px; padding:10px 20px;}
	.inner-title{top:40px}
	.inner-banner img, .inner-banner{height:120px}
	.content-news .datebox{width:50px; height:43px}
	.content-news .datebox h3{font-size:20px; line-height:20px; margin-top:4px	}
	.content-news .datebox span{font-size:14px}
	
	.content-news h2 a, .content-news h2{font-size:16px}
	h1, .othercontent h1{font-size:22px}
	.button{font-size:14px; padding:10px 15px}
	.contact-detail{margin-bottom:30px}
	p{font-size:14px}
	

	
	}
	
@media (max-width: 600px) {
	.banner .carousel-caption{top:30px}
	.carousel-caption{display:none}
	.footer li{padding-right:10px}
	.resources img { width:100%;}
	
	}
@media (max-width: 568px) {
	.footer li a{font-size:13px}
	.footer p{font-size:12px}
	.menu .navbar ul li a{font-size:13px}
	.productcontainer .col-sm-4{min-height:inherit}
	.productcontainer .col-xs-6{margin:0 auto; float:none; width:100%; margin-bottom:40px;}
	}

@media (max-width: 480px) {
	h1, .othercontent h1{font-size:25px}
	.footer li{display:inline-block; float:none}
	.footer  ul{text-align:center}
	.telephone_box{font-size:22px; margin-top:57px}
	
	}
	
@media (max-width: 380px) {
	.logo{float:none;  margin:15px auto; width:100%; overflow:hidden}
	.alignright{float:none; text-align:center}
	.telephone_box{float:none; width:175px; margin:0 auto}
	.blk-cont input[type="text"], .blk-cont input[type="email"], .blk-cont textarea, .blk-cont select{width:100%}
	.header p {margin-left:8px;}

	
	
	}