/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
/* pagewrap */
.wrapper {
	width: 100%;
	overflow: hidden;
}




}
/************************************************************************************
smaller than 970
*************************************************************************************/
@media screen and (max-width: 975px) {
	

}
/************************************************************************************
smaller than 970
*************************************************************************************/
/************************************************************************************
smaller than 950
*************************************************************************************/
@media screen and (max-width: 950px) {
/* main nav */
.main-menu{margin: 0 !important; float:none !important; clear:both;}
.toggleMenu{width:100%;padding: 10px 0px !important;}
.main-nav{width:100%; margin:0 !important; padding:0px;}
.sidebar{position:relative !important; background-color:#000 !important; background-image:none !important; float:left; width:100% !important; left:0 !important; top:0 !important}
.general-container .gen-page{margin:0 !important;}
.general-container{height:auto !important;}
#ticker{margin:0 auto !important; float:none;}
.nav { margin: 0 !important;}
.nav > li > a {padding-bottom: 10px !important;}
.nav > li.hover > ul { padding-top:0px !important;}
.inner{width:100%}
.general-container2 .blog-left{width:100%; float:none; padding:0px; border:0px;}
.general-container2 .blog-left .b-img img{display:block; width:100%; height:100%; }
.general-container2 .blog-right{float:left; width:100%;}
.general-container2 .blog-left label{width:100%; float:none; clear:both}
.general-container2 .blog-left .blog-form [type="text"] {border:1px solid #7d7d7d; color:#000; font: 12px/20px 'Cabin', sans-serif; padding:0px; margin:0; height:28px;float: none;clear: both;display: block;width: 100%;}
.general-container2 .blog-left .blog-form .captcha-box{width:100%;}
.button-small{margin-left:18%;}
.blog-archive{height:auto !important; min-height:inherit;}
.popular-post{height:auto !important; min-height:inherit}
.pro-dialogue .pro-left{float:left; width:40%;}
.pro-dialogue .pro-left img{display:block; max-width:100%; height:auto !important;}
.pro-dialogue{width:100%; padding:10px;}
.pro-dialogue .pro-right{width:auto !important; float:left; margin-left:10px}
.pro-dialogue .pro-right .item-code2 .code-type{float:left; margin:0 0px 0 0; width: 80px; text-align:left; font-weight:700}
.general-container p{margin:0 !important}
.product-container{width: 75% !important; margin:15px 0 0 0;}

.tb-container{width: 100% !important;}
.tb-container .tb-box{width: 100% !important; height:auto !important; margin:0 auto !important; float:none; display: block; padding:5px; text-align:center;}
.tb-container .tb-box img{width:100% !important; height:100% !important; display:block; margin:0 auto}

.tb-container .tb-box-right{width: 100% !important; height:auto !important; margin:0 auto !important; float:none;display: block; padding:5px; text-align:center;}
.tb-container .tb-box-right img{width:100%; height:100%; display:block; margin:0 auto}
.general-container .about-page{width:100% !important}


}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
/* header */
.logo{ clear:both; float:none; text-align:center; margin:0 auto}
.logo img{max-width:80% !important; max-height:80% !important; display:block; margin:0 auto;}
.toggleMenu{width:100%;padding: 10px 0px !important;}
.sidebar{position:relative !important; background-color:#000 !important; background-image:none !important; float:left; width:100% !important; left:0 !important; top:0 !important}
.header{background:#f5f5f5; border-bottom:14px solid #000; height:100% !important; /* float:left; */}
.general-container .gen-page{margin:0 !important;}
.general-container{height:auto !important;}
#ticker{margin:0 auto !important; float:none;}
.team-txt{width:100%;}
.image-container {float:left;}
#scroller{height:auto !important; overflow:hidden !important; width:100% !important}
.general-container .gen-page{margin:0 !important;}
.vert, .simply-scroll-clip{height:100% !important; width:100% !important;}
.general-container .about-page{margin:0 !important;}
.general-container .about-page .abt-txt-container{width:100%; margin:0 !important;}
.vert .simply-scroll-list li{width:100% !important; margin-bottom:20px !important; height:100% !important;}
.vert .simply-scroll-list{height:auto !important; width:100% !important}
.simply-scroll-btn-up, .simply-scroll-btn-down{display:none;}
.team-txt p{width:100% !important}
.abt-holder{margin:0 !important}
.ny-img{width:100% !important; clear:both; float:none; height:100% !important}
.ny-img img{max-width:100% !important; height:auto !important; display:block;}
.inner{width:100%}
.main-footer{height:auto !important}
.general-container2 .blog-left{width:100%; float:none; padding:0px; border:0px;}
.general-container2 .blog-left .b-img img{display:block; width:100%; height:100%; }
.general-container2 .blog-right{float:left; width:100%;}
.general-container2 .blog-left label{width:100%; float:none; clear:both}
.general-container2 .blog-left .blog-form [type="text"] {border:1px solid #7d7d7d; color:#000; font: 12px/20px 'Cabin', sans-serif; padding:0px; margin:0; height:28px;float: none;clear: both;display: block;width: 100%;}
.general-container2 .blog-left .blog-form .captcha-box{width:100%;}
.button-small{margin-left:18%;}
.blog-archive{height:auto !important; min-height:inherit;}
.popular-post{height:auto !important; min-height:inherit}
.pro-dialogue .pro-left{float:none; margin:0 auto; width:50%;}
.pro-dialogue .pro-left img{display:block; width:100%; height:100%;}
.pro-dialogue{width:100%; padding:10px;}
.pro-dialogue .pro-right{width:100%; float:none; clear:both;}
.pro-dialogue .pro-right .item-code2 .code-type{float:left; margin:0 0px 0 0; width:100px; text-align:left; font-weight:700}
.general-container p{margin:0 !important}
.simply-scroll-clip{height:100% !important; width:100% !important;}
.vert { width: auto !important; height: auto !important; margin-bottom:0 !important;}

.tb-container{width: 100% !important;}
.tb-container .tb-box{width: auto !important; height:auto !important; margin:0 auto !important; float:none;display: block; padding:5px;}
.tb-container .tb-box img{width:100%; height:100%; display:block;}

.tb-container .tb-box-right{width: auto !important; height:auto !important; margin:0 auto !important; float:none;display: block; padding:5px;}
.tb-container .tb-box-right img{width:100%; height:100%; display:block;}

.main-contents .sidebar .form-container{width:100%}
.main-contents .sidebar .form-container p{width:100%;}
.abt-holder img.imagebrdr{border:1px solid #000; float:left; margin:0 20px 0 0;}


}



/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {
/* disable webkit text size adjust (for iPhone) */
.main-contents{width:100%;}
.logo{ clear:both; float:none; text-align:center; margin:0 auto}
.logo img{max-width:80% !important; max-height:80% !important; display:block; margin:0 auto;}
.sidebar{position:relative !important; background-color:#000 !important; background-image:none !important; float:none; width:100% !important; left:0 !important; top:0 !important; border-radius: 0 !important; min-height:inherit !important; height:auto !important}
.main-nav{float:none; width:100%; text-align:center;}
.toggleMenu{width:100%;padding: 10px 0px !important;}
.header{background:#f5f5f5; border-bottom:14px solid #000; height:100% !important; /* float:left; */}
.landing-bg{width:100%; background-size: contain; /* height: auto !important; */ /* min-height:inherit; */}
#ticker{margin:0 auto !important; float:none; width:100% !important;}
.team-txt {width:100%;}
.image-container{display:block; float:right; width:100%; }
#scroller{height:auto !important; overflow:hidden !important; width:100% !important}
.general-container .gen-page{margin:0 !important;}
.general-container .about-page{margin:0 !important;}
.general-container .about-page .abt-txt-container{width:100%; margin:0 !important;}

.vert .simply-scroll-list{height:auto !important; width:100% !important}
.simply-scroll-btn-up, .simply-scroll-btn-down{display:none;}
.team-txt p{width:100% !important}
.abt-holder{margin:0 !important}
.ny-img{width:100% !important; clear:both; float:none; height:100% !important}
.ny-img img{max-width:100% !important; height:auto !important; display:block;}
.main-contents .sidebar .bar-txt{margin:0 auto;}
.main-footer{height:auto !important}
.main-footer .footer-right{float:left; clear:both;}
.main-footer .footer-left{margin:0 auto; clear:both; width:100%; text-align:center;}
.main-footer .footer-left ul{text-align:center; margin:10px auto 0 auto}
.main-footer .footer-left ul li {float:right;}
.main-footer .footer-left ul li a{text-align:center; margin:0}
#tick img{width:100% !important; height:auto !important; display:block;}
#ticker img{width:100% !important; height:auto !important; display:block;}
#tick{width:100% !important; clear:both; float:none; height:100% !important;}
.sliderimage{width:100% !important; height:auto !important; display:block;}
.general-container2 .blog-left{width:100%; float:none; padding:0px; border:0px;}
.general-container2 .blog-left .b-img img{display:block; width:100%; height:100%; }
.general-container2 .blog-right{float:left; width:100%;}
.general-container2 .blog-left label{width:100%; float:none; clear:both}
.general-container2 .blog-left .blog-form [type="text"] {border:1px solid #7d7d7d; color:#000; font: 12px/20px 'Cabin', sans-serif; padding:0px; margin:0; height:28px;float: none;clear: both;display: block;width: 100%;}
.general-container2 .blog-left .blog-form .captcha-box{width:100%;}
.button-small{margin-left:18%;}
.blog-archive{height:auto !important; min-height:inherit;}
ul.tandc{width:100% !important}
ul.tandc li{width:90% !important}
.general-container{background-image:none !important}
.general-container p{margin:0 !important}
.product-container .product-box{float:none; clear:both;}
.product-container .product-box-right{float:none; clear:both;}
.vert, .simply-scroll-clip{height:100% !important; width:100% !important;}
.pro-dialogue .pro-left{float:none; margin:0 auto; width:50%;}
.pro-dialogue .pro-left img{display:block; width:100%; height:100%;}
.pro-dialogue{width:100%; padding:10px;}
.pro-dialogue .pro-right{width:100%; float:none; clear:both;}
.pro-dialogue .pro-right .item-code2 .code-type{float:left; margin:0 0px 0 0; width:100px; text-align:left; font-weight:700}
.general-container3{width:auto !important;}
.tb-container{width:100% !important}
.tb-container .tb-box{width:100%; height:auto !important}
.tb-container .tb-box img{width:100% !important; height:100% !important; display:block;}

.pro-dialogue img{display:block; width:100%; height:100%;}
.fancybox-inner{height:auto !important}

.main-contents .sidebar .form-container p{width:100%;}

.abt-holder img.imagebrdr{border:1px solid #000; float:none; margin:0;}
.vert .simply-scroll-list li{width:100% !important; margin-bottom:20px !important; height:100% !important;}
.about-page .tel, .about-page .fax, .about-page .skp, .about-page .info{margin:0 0 15px 0; width:100%}
}