@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: 40px 10px;}  header .navbar-brand img{ width:260px;}	 header .navbar-brand{padding-top:15px;}
.welcome .title h1 { font-size:42px; line-height:44px;} .welcome .title { padding-bottom:36px;} .inner-welcome .title { padding-bottom:36px;}  
.welcome .inside { padding-bottom:70px;}  .inner-welcome .inside { padding-bottom:70px;}
.who-we-are { padding-top:80px; padding-bottom:80px;} .who-we-are .inside br { display:none;} .who-we-are .inside h2 { font-size:34px; line-height:36px;}
.product-box { padding-top:70px; padding-bottom:70px;} .our-company-box { padding-top:70px; padding-bottom:70px;} 
.contact-box { padding-top:70px; 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: 80px;}
    header .navbar-brand img{ width:auto;}
    header .navbar-brand {padding-top: 13px;}
    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 {} .welcome .title { padding-bottom:30px;} .welcome .title h1 { font-size:38px; line-height:38px;}
	  .welcome .inside { padding-bottom:70px;}  .inner-welcome .title { padding-bottom:30px;} .inner-welcome .title h1 { font-size:38px; line-height:40px;}
	  .inner-welcome .inside { padding-bottom:70px;}
	 .who-we-are .inside h2 { font-size:32px; line-height:36px;}
.product-box { padding-top:60px; padding-bottom:60px;} 	.our-company-box { padding-top:60px; padding-bottom:60px;}	
.contact-box { padding-top:60px; padding-bottom:70px;}
}

@media screen and (max-width: 661px) {
  header .navbar-brand img{width: 260px;}
  .welcome { padding-top:50px; background:url(../images/welcome-box-bg.jpg) -600px top no-repeat;} 
  .welcome .title { padding-bottom:30px;} .welcome .inside { padding-bottom:50px;}
 .welcome .title h1 { font-size:34px; line-height:36px;}
   .inner-welcome { padding-top:50px;} .inner-welcome .title { padding-bottom:30px;} .inner-welcome .inside { padding-bottom:50px;}
 .inner-welcome .title h1 { font-size:34px; line-height:36px;}
 .who-we-are{ padding-top:50px; padding-bottom:50px;} 
   .who-we-are .inside p { margin:30px 0px 20px 0px; text-align:center;}
   
.welcome .inner-inside { padding-bottom:50px;} .welcome .inner-inside .thumbnail { padding:15px;}

.product-box { padding-top:50px; padding-bottom:50px;} .our-company-box { padding-top:50px; padding-bottom:56px;}
.contact-box { padding-top:50px; padding-bottom:60px;}
.inner-welcome{ width:100%; height:auto; float:left; text-align:center; padding-top:52px; background:url(../images/inner-welcome-bg.jpg) -500px top no-repeat;}


}

@media screen and (max-width: 460px) {
	
  header .navbar-brand img{width: 220px;} header .navbar-toggle {display: block; border:none; margin-top: 36px; margin-bottom:26px;}
  .welcome .title h1 { font-size:28px; line-height:32px;} .inner-welcome .title h1 { font-size:28px; line-height:32px;}
   .who-we-are .inside h2 { font-size:28px; line-height:30px;} 
   .welcome .inner-inside { background:url(../images/inner-welcome-inside-bg2.jpg) left top repeat-x #f79a2b;}
}
@media screen and (max-width: 360px) {
.inner-welcome .inside .contact-left p b { font-size:17px;}
	
}