@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1200px) {
	.our-company { padding-bottom:100px;}
}
@media screen and (max-width: 1050px) {
	.product-box h2 { font-size:34px;}

}
@media screen and (max-width: 991px) {
header .container { width:100%;} 
.navbar-toggle { margin-right:0px;}
header .navbar-nav>li>a{ font-size:17px;}
header .navbar-nav>li:first-child a { padding-left:0px;}
.who-we-are { padding-top:80px; padding-bottom:20px; text-align:left;} 
 .who-we-are .right { text-align:left; padding-top:24px;} .who-we-are .right p { text-align:left;}
 
.inner-welcome { padding-top:80px;}
.product-box { padding-bottom:20px; padding-top:50px;} .product { padding-top:30px;}
.our-company { padding-top:50px; padding-bottom:30px; text-align:left;} 
 .our-company .right { text-align:left; padding-top:24px;} .our-company .right p { text-align:left;}

  .welcome .title .product-info { float:none;}
	
}

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

 header .navbar-nav>li>a { text-align:center; padding:10px 0px; border-bottom:1px solid #cccccc;} 
.navbar-toggle { margin-top:38px;} header .navbar-nav>li:last-child a { border-bottom:none; padding-bottom:0px;}
.navbar-nav { margin: 0px -15px; } 

.welcome .title { padding-top:80px; padding-bottom:50px; text-align:center;} .welcome .title p { text-align:center;}
 .welcome .title br { display:none;} .welcome .title h1 { font-size:58px; line-height:60px;}
 .welcome-inside .thumbnail { padding:10px;}
 
.who-we-are { padding-top:80px; padding-bottom:30px; text-align:left;} 
 .who-we-are .right { text-align:left; padding-top:24px;} .who-we-are .right p { text-align:left;}
 
.inner-welcome { padding-top:70px;}
.product-box { text-align:center; padding-bottom:20px; padding-top:50px;} .product { padding-top:30px;}
 .product-box .product .inside { margin-left:15%; margin-right:15%; width:70%; text-align:center; margin-bottom:30px;} 
 .product-box .product .inside p { text-align:center;} 
 .product-box .product .inside .img-responsive { display:inline-block;} .product-box .product .row-flex { margin-bottom:0px;}
 
 .our-company { padding-top:50px; padding-bottom:30px; text-align:left;} 
 .our-company .right { text-align:left; padding-top:24px;} .our-company .right p { text-align:left;}
 
 #footer { padding-top:108px; padding-bottom:30px;}
 .navbar-brand>img { height:95px;}

}

@media screen and (max-width: 661px) {
 .navbar-toggle { margin-top:36px;}
 .welcome .title { padding-top:60px; padding-bottom:50px;} .welcome .title h1 { font-size:50px; line-height:52px;}
 .who-we-are { padding-top:60px; padding-bottom:60px; text-align:center;} .who-we-are h2 { font-size:30px; line-height:34px;}
 .who-we-are .right { text-align:center; padding-top:24px;} .who-we-are .right p { text-align:center;}
 .who-we-are .right .img-responsive { display:inline-block;}
 
 .inner-welcome { padding-top:60px;} 
.product-box { padding-bottom:30px;}  .product-box .product .inside { margin-left:5%; margin-right:5%; width:90%;}

 .our-company { padding-top:50px; padding-bottom:60px; text-align:center;} .our-company h2 { font-size:30px; line-height:34px;}
 .our-company .right { text-align:center; padding-top:24px;} .our-company .right p { text-align:center;} 
 
#footer { background-image:none; background-color:#000000; padding-top:40px; padding-bottom:40px;} #footer .footer-block { text-align:center;}
.navbar-brand>img { height:90px;}


}

@media screen and (max-width: 460px) {
	
 .navbar-toggle { margin-top:24px;}
.welcome .title .product-info { width:290px;}
.welcome .title h1 { font-size:44px; line-height:46px;}
.navbar-brand>img { height:80px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #ccc; margin-top:24px;} 

.product-box .product .inside { margin-left:0%; margin-right:0%; width:100%;} 
}