@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1200px) {
	

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

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

header .navbar-nav>li>a { font-size:15px; padding:50px 10px;} header .navbar-default{height:120px;}  header .navbar-brand img{ width:280px;}
header .navbar-brand{padding-top:34px;}	
.welcome .title h1 { font-size:38px; line-height:40px;} .inner-welcome .title h1 { font-size:38px; line-height:40px;} 
.who-we-are { padding-top:100px; padding-bottom:80px;} .who-we-are br { display:none;}
.product-box { padding-top:50px; padding-bottom:80px;} .our-company-box { padding-top:50px; padding-bottom:80px;} .our-company-box br { display:none;}
#footer { background-image:none; background-color:#09b5a9; padding-top:36px; padding-bottom:36px;}
 .contact-box { padding-top:50px; padding-bottom:80px;}

}

@media screen and (max-width: 767px) {
	
	    header .navbar-header {float: none;}
    header .navbar-left,.navbar-right {float: none !important;}
    header .navbar-toggle {display: block; border:none; margin-top:40px; margin-bottom:34px;}
    header .navbar-toggle .icon-bar{background-color: #3a3a3c !important;}
    header .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
    header .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    header .navbar-fixed-top {top: 0;border-width: 0 0 1px;}
    header .navbar-collapse.collapse {display: none!important;}
    header .navbar-nav {float: none!important;margin-top: 1px;background: #e8e5e5;}
    header .navbar-nav>li {float: none;}
    header .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    header .collapse.in{display:block !important; border:none;}

    header .navbar-default{height:100px;}
    header .navbar-brand img{ width:auto;}
    header .navbar-brand {padding-top:28px;}
    header .navbar-toggle .icon-bar{width:27px;}
    header.navbar-right{margin-right: inherit;}
    header .navbar-nav>li>a {padding: 13px 18px;border-bottom: 1px solid #ccc;}
	
	.welcome .title { padding-bottom:36px;} .welcome .title h1 { font-size:32px; line-height:36px;}  
	.who-we-are { padding-top:80px; padding-bottom:80px;} .who-we-are  h2 { font-size:30px; line-height:32px;}
	#footer { padding-top:30px; padding-bottom:30px;} 		
}

@media screen and (max-width: 661px) {
  header .navbar-brand img{width:270px;}
  .welcome { padding-top:60px;} .welcome .title { padding-bottom:26px;}
 .welcome .title h1 { font-size:36px; line-height:40px;} .welcome .title br { display:none;} 
 .who-we-are { padding-top:60px; padding-bottom:60px;} .who-we-are h2 { font-size:30px; line-height:34px;}
   .who-we-are p { margin:30px 0px 20px 0px; text-align:center;}
  .inner-welcome { padding-top:50px;} .inner-welcome .title { padding-bottom:30px;}.inner-welcome .title h1 { font-size:36px; line-height:40px;}
   .product-box { padding-top:50px; padding-bottom:60px;} .our-company-box { padding-top:44px; padding-bottom:70px;}
   .contact-box { padding-top:46px; padding-bottom:60px;}


}

@media screen and (max-width: 460px) {
	
  header .navbar-brand img{width: 220px;} header .navbar-toggle {display: block; border:none; margin-top:40px; margin-bottom: 24px;}
  .welcome .title h1 { font-size:30px; line-height:34px;}  .inner-welcome .title h1 { font-size:30px; line-height:34px;}
   .who-we-are  h2 { font-size:28px; line-height:32px;}
}
@media screen and (max-width: 360px) {
.inner-welcome .inside .contact-left p b { font-size:17px;}
	
}





