@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1024px) {
.top_search{ float:none; width:auto;}
.top_search input[type="text"]{ width:93.5%; padding:2% 3%;}
.cart_drop, .cart_drop li{ width:100%;}
.cart_drop li a { padding: 6% 3% 6% 24%; width: 70%;}
.cart_drop > li > a .icon-shopping-cart{ width:22%; padding:3.4% 0; margin:0;}
.main_navigation .nav > li > a{ padding:10px 15px;}
h1{ font-size:24px;}
.boxes .span3 .box_txt h4{ font-size:14px;}
.boxes .span3 .box_txt h3{ font-size:18px;}
ul.inline > li{ padding:0 5px;}
}
@media only screen and (max-width: 980px) {
}
@media only screen and (max-width: 960px) {
.top_nav .nav > li{ background:0;}
.top_nav .nav > li:first-child a{ padding:9px 15px;}
.top_container{ padding:30px 0;}
.main_navigation .nav > li > a { padding: 10px 12px;}
.carousel-caption{ width:60%; left:8%; top:10%;}
.carousel-caption h4{ font-size:24px;}
.carousel-caption p{ font-size:14px; line-height:24px;}
.boxes .span3 .box_txt h4 { font-size: 12px;}
.boxes .span3 .box_txt h3 { font-size: 14px;}
.read_more { bottom: 8px;right: 5px;}
.boxes{ margin-bottom:60px;}
.container_sub{ padding-top:60px;}
h1 { font-size: 18px; margin-bottom:25px;}
.container_sub{ margin-bottom:40px;}
footer ul li a.contact_no{ font-size:16px;}
ul.contact_info{ white-space:nowrap;}
.footer_bottom{ font-size:10px;}
p {line-height: 24px;}
.cart_drop li a{ padding: 7% 3% 7% 16%; width:80%; font-size:11px;}
.cart_drop > li > a .icon-shopping-cart{ width:18%; font-size:12px; padding: 8% 0;}
.carousel_main .carousel-indicators li{ height:15px; width:15px; margin-left:5px;}
.carousel_main .carousel-indicators { bottom: 25px; right: 25px;}
}
@media only screen and (max-width: 800px) {
ul.contact_info{ white-space:normal;}
}
@media only screen and (max-width: 685px) {
.top_search{ margin-top:30px;}
.top_search input[type="text"]{ height:15px;}
.cart_drop li a{ padding:12px 3%; width:93.5%; margin-top:10px; font-size:14px;}
.cart_drop > li > a .icon-shopping-cart{ padding:7px 0; width:12%; font-size:28px;}
.main_navigation .nav > li > a{ font-size:14px;}
.carousel-caption{ display:none;}
.carousel-caption p { font-size: 12px; line-height: 18px;}
.read_m{ font-size:12px;}
.boxes .span3 .box_txt{ position:relative;}
.boxes .span3{ text-align:center;}
.boxes .span3 .box_txt{ width:240px; margin:0px auto 20px auto; padding: 8px 30px 8px 10px;}
.vdo_sec{ text-align:center; margin-bottom:35px;}
.container { width: 94%;}
.footer_upper .span3{ margin-bottom:30px;}
.footer_bottom div{ text-align:center;}
.footer_bottom .social_icons{ float:none; margin:0;}
.main_navigation .nav > li.divider-vertical{ display:block; border-bottom:0;}
.main_navigation .nav > li > a{ font-weight:normal;}
.top_search input[type="text"] { padding: 12px 3%;}
.navbar .btn-navbar{ margin-bottom:5px;}
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 480px) {
.carousel_main{ padding:5px;}
}
@media only screen and (max-width: 380px) {
.cart_drop > li > a .icon-shopping-cart{ padding:6px 0;}
}
@media only screen and (max-width: 320px) {
.boxes .span3 .box_txt{ width:85%;}
h1 { font-size: 16px;}
.footer_bottom { font-size: 9px;}
.footer_bottom ul.inline li{ padding:0 3px;}

}