/* ----- RESPONSIVE STYLES ----- */
img{max-width:100%;height:auto;}
@media (min-width:1200px){}

@media (min-width:992px) amd (max-width:1199px){}

@media (min-width:768px) amd (max-width:991px){
}
@media (max-width:1024px){
}
@media (max-width:768px){
#header{height:auto;}
#header .header{width:96%;}
.logo{margin: auto;}
.header-rht {  width:98%;padding:1%; text-align:center;float:left;}
.header-rht p {margin-bottom: 7px;float: left;margin-right: 2%;}
#slider h1,#slider h2{display:none;}
#navigation{  width: 85%;border:none;}
.logo img{max-width:inherit;}
h1{font-size:23px;}
p{font-size: 14px;}
#news-sticker .news-section h1{font-size:18px;}
#news-sticker .news-sticker{width:98%;}
#news-sticker .news-section{width:100%;}
.news-sticker1{width:84%;}
#services-example-2 .main-container {width:96% !important;}
#services-example-2 .slider_holder{width:96% !important;}
.toolbar .left, .toolbar .right{top: 19px;}
#main-container .main-container{width:98%;}
#services-example-1 .main-container {width:100% !important;}
#services-example-1 .slider_holder{width:100% !important;}
.footer{width:100%;}
#footer{height:auto;}
.footer-copy{width:100%;}
.footer .box1, .footer .box2, .footer .box3{width: 20%; padding: 25px 3%;  height: auto;}
.footer .box2{width: 41%;}
.footer h2{font-size:14px;}
.footer .social ul li a{width:34px;}
.sub-banner, .sub-banner img{height:auto;}
.comitted{width:90%;}
.comitted .lft, .comitted .rht{width: 100%; float:left;}
.comitted .lft li, .comitted .rht li{  background: url(../images/bullet.png) no-repeat left 5px; float:left; padding:0px 0px 0px 30px; text-align:left;}
.menu-bottom .menu-bottom-list li a{padding:0px 15px;}
.menu-bottom .menu-bottom-list li{display:inline-block; float:none;}
#content li{  padding:0px 5% 0 0px;width:30%;}
.menu-bottom{width:100%;}
#main-container.subpage .main-container {padding-left: 2%;padding-right: 2%;width: 96%;}
#txt-field, #txt-area{width:95%;}
.sub-left{width:40%;}
.sub-right{width:60%;}
}
@media (max-width:767px){
}
@media (max-width:640px){
.logo{width:20%;}
#navigation{border-bottom:none;}
.sub-banner, .sub-banner img{height:235px;}
.menu-bottom{width:95%;}
.menu-bottom .menu-bottom-list li a{padding:0px 15px;}
}
@media (max-width:568px){
.sub-banner, .sub-banner img{height:210px;}  
.news-sticker1 {width: 80%;}
.menu-bottom{width:98%;}
.menu-bottom .menu-bottom-list li a{padding:0px 13px;}
#content li{  padding:0px 0 30px 0px; width:100%;}
#main-container .main-container .main-products{width:302px; margin:0 auto;}
.footer .box1, .footer .box2, .footer .box3{width: 85%; padding: 15px 4%; margin: 0 auto; float:none;   border: none;}
.footer-copy p, .footer-copy p a{line-height:130%;}
#footer-copy{height:auto;}
#txt-field, #txt-area{width:95%;}
.sub-left{width:100%;}
.sub-right{width:100%;}
}
@media (max-width:480px){
.logo{width:25%;}
#navigation{width: 75%;}
#news-sticker{display:none;}
#toTop{top:-19px;bottom:auto;}
.sub-banner, .sub-banner img{height:180px;}
.header-rht p a{display:block;}
.header-rht p a.mail{  padding: 2px 0px 2px 0px;}
}

@media (max-width:420px){
.logo{width:100%;}
#navigation{width: 65%;}
.sub-banner, .sub-banner img{height:160px;}
.menu-bottom .menu-bottom-list li a{padding:0px 5px;}
.logo img {  max-width: 100%;}
#main-container.subpage .main-container {padding-left: 5%;padding-right: 5%;width: 90%;}
}