@media (max-width: 1280px) {



}



@media (max-width: 1200px) {

#slideshow .slides_container {
	height:auto;
}

.home #slideshow .inside .wrapimg {
	margin:0 auto !important;
}


}


@media (max-width: 1130px) {

#sidecontent .moduletable.latest-products {
	max-width:260px;
}


}


@media (max-width: 1100px) {

#slideshow .bt-caption {
	background:rgba(255,255,255,0.7);
}

#content div.avs_thumb,
.videos.video #maincontent .avs_video_related .avs_thumb {
	width:49% !important;
}

}


@media (max-width: 1040px) {

#logoheader .logo {
	max-width:500px;
	display:inline-block;
}

.phonecontact .moduletable.topphone {
	padding:0;
}

}


@media (max-width: 1000px) {

#logoheader .logo {
	max-width:400px;
	display:inline-block;
}

}


@media (max-width: 990px) {

#slideshow .slides_container .bt-caption {
	padding:0 0 50px;
}

#sidecontent .moduletable.latest-products {
	max-width:220px;
}


}


@media (max-width: 980px) {

#mainmenu ul li {
	margin:0 13px;
}

}



@media (max-width: 900px) {

/* --- MAIN MENU ---- */

#mainmenu {

}

#mainmenu nav.menu {
	display:none !important;
}

#menu-icon {
	height:auto;
	margin:0 50px;
	padding:10px 10px 22px;
	color: #fff;
	cursor: pointer;
	display:inline-block; /* show menu icon */
	position:relative;
	left:0;
	z-index:120001;

	transition:         all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition:    all .25s ease-in-out;
	-o-transition:      all .25s ease-in-out;	
	-ms-transition:    all .25s ease-in-out;
}

#menu-icon.activemenu {
	transition:         all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition:    all .1s ease-in-out;
	-ms-transition:		all .1s ease-in-out;
	-o-transition:      all .1s ease-in-out;	
}

#menu-icon.sticky {
	transition:         all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition:    all .25s ease-in-out;
	-o-transition:      all .25s ease-in-out;	
	-ms-transition:    all .25s ease-in-out;
}

#menu-icon .wrapmenuicon {
	margin:0 10px 0 0;
	display:inline-block;
	position:relative;
}

.icon-bar {
	width:30px;
	height:4px;
	background:#fff;
	display:block;
	position:relative;
	
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	
	transition: 		all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition:    all 200ms ease-in-out;
	-ms-transition:		all 200ms ease-in-out;
	-o-transition:      all 200ms ease-in-out;	
}

.icon-bar:nth-of-type(2) {
	top:5px;
}

.icon-bar:nth-of-type(3) {
  	top:10px;
}

.activemenu .icon-bar {
	background:#fff;
}

.activemenu .icon-bar:nth-of-type(1) {
	top:5px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.activemenu .icon-bar:nth-of-type(2) {
	margin-left:-3px;
	background-color: transparent;
}

.activemenu .icon-bar:nth-of-type(3) {
	top: -4px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

#main-nav {
	width:350px;
	height:100%;
	clear: both;
	position:fixed;
	top:0;
	left:-999%;
	background:rgba(255,0,0,0.6);
	display:block;
	overflow-y:auto;
	z-index:1200;
	
	transition:         all 1.5s ease-in-out;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition:    all 1.5s ease-in-out;
	-ms-transition:		all 1.5s ease-in-out;
	-o-transition:      all 1.5s ease-in-out;	
}

#main-nav.activemenu {
	left:0;
	
	transition:         all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition:    all .2s ease-in-out;
	-ms-transition:		all .2s ease-in-out;
	-o-transition:      all .2s ease-in-out;	
}

#nav-close {
	margin:0 45px 30px;
	padding:6px 0;
}

#main-nav .inside {
	max-width:100%;
	padding:10px 20px 40px;
}

#main-nav ul {
	margin:0;
	padding:5px 0 0 20px;
	display: block;
}

#main-nav ul.menu {
	padding:5px 0 20px 20px;
}

#main-nav ul li {
	width:100%;
	margin:0 auto;
	padding:7px 0;
	font-size:90%;
	text-align:left;
	text-transform:uppercase;
	display:block;
	clear: both;
	float: none;
}

#main-nav ul li:last-child {
	padding:7px 0 0;
}

#main-nav li a {
    color:#FFCCCC;
}

#main-nav li a:hover {
    color:#FFEBEB;
}

#main-nav li.current a,
#main-nav li.activemenu a {
    color:#fff;
}

.mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
	display:none;
	cursor:pointer;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
}

.mask.activemenu {
	display:block;
}


/* ---- END OF MAIN MENU ---- */

#main-nav .moduletable .search {
	padding:5px 0 25px 20px;
	display:inline-block;
}

#main-nav .moduletable .search input {
	padding:4px;
	background:#fff;
	border:2px solid #fff;
}

#main-nav .moduletable.search .icon {
	width:30px;
	height:30px;
}



#logoheader .logo {
	max-width:300px;
}

.phonecontact .moduletable.topphone {
	font-size:90%;
}

.phonecontact .moduletable.topphone .contactinfo {
	padding:3px 0 3px 35px;
}

#content .contentinside {
	padding:10px 30px;
}

#content #maincontent,
#content #sidecontent {
	width:100%;
	float:none;
}

#content #maincontent {
	margin:0 auto;
	padding:0;
	border-right:0;
}

.products #content #maincontent {
	margin:0 auto 0;
	padding:5px 0 10px;
}

#content #maincontent .inside {
	padding:0;
	border-right:0;
}

#content #maincontent .inside .blog {
	padding:0;
}

#sidecontent .moduletable.latest-products {
	max-width:none;
	padding:0;
}

#sidecontent .moduletable.latest-products.sticky {
	position:relative;
	top:0;
}

#sidecontent .moduletable.latest-products ul li {
    width:25%;
}

.products #maincontent .wrapcategories > div {
	width:25%;
	margin:0 0 20px;
}

.videos #maincontent .avs_thumb,
.videos.video #maincontent .avs_video_related .avs_thumb {
	width:32% !important;
}

.contact #content .contact-address {
	width:34%;
}

.contact #content .contact-form {
	width:64%;
	margin:0 0 0 10px;
}

}


@media (max-width: 870px) {

#slideshow .slides_container .bt-caption {
	padding:0 0 70px;
}

}


@media (max-width: 840px) {

.home .moduletable.aboutus .gkArtContentInside {
	font-size:90%;
}

}


@media (max-width: 830px) {

#container-panel-5 .wrapBotContact > span {
	margin:0 10px 7px 0;
}

}

@media (max-width: 800px) {

#slideshow .bt-cs .bt-inner img {
	margin:0 auto;
}

#slideshow .slides_container .bt-caption {
	width:100%;
	height:auto;
	padding:0 0 50px;
	text-align:center;
	left:0; right:0; bottom:0;
}

#slideshow .slides_container .bt-caption > div {
	display:block;
}

#slideshow .bt-titlewrap {
	margin:25px auto 7px;
}

#slideshow .bt-introtext {
	margin:0 auto 15px;
	padding:0 70px;
}

#slideshow .moduletable.slideshow .bt-cs {
	margin:0 auto !important;
	text-align:center;
}

#slideshow .moduletable.slideshow .bt-cs .bt_handles {
	margin:0 auto !important;
	text-align:center;
	display:block;
	bottom:10px; left:0; right:0 !important;
}

#slideshow .bt-cs .bt_handles li {
	margin:0 4px 0 !important;
	display:inline-table;
	float:none;
}

.home .moduletable.aboutus .gkArtContentInside {
	padding:0 30px;
}

.home .moduletable.aboutus .gkArtContentInside p {
	max-height:50px;
	overflow:hidden;
}

.moduletable.categories li h4,
.moduletable.categories .readmore {
	font-size:100%;
}

.photos #content #maincontent .gallery .jg_element_cat {
	width:25%;
}

}


@media (max-width: 770px) {

#slideshow img {
    position: relative;
    top:0;
	
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

}



@media (max-width: 750px) {

#logoheader .logoinside {
	text-align:center;
}

#logoheader .logo,
#logoheader .phonecontact {
	max-width:none;
	float:none;
	display:block;
}

#logoheader .logo {
	max-width:70%;
	margin:0 auto 10px;
}


}


@media (max-width: 730px) {

.products #maincontent .wrapcategories > div {
	width:33.333%;
}

}


@media (max-width: 700px) {

.home .moduletable.aboutus .gkArtContentInside {
	margin:15px auto;
}

.home .moduletable.aboutus .gkArtContentInside h4 {
	padding:0 0 7px;
	font-size:110%;
}

.home .moduletable.aboutus .gkArtContentInside p {
	font-size:90%;
}

.home .moduletable.aboutus .gkArtContentInside .wrapreadon {
	margin:10px auto;
}

.home .moduletable.aboutus .gkArtContentInside .readon {
	font-size:70%;
}

.photos #content #maincontent .gallery .jg_element_cat {
	width:33.333%;
}

.contact #content .contact-address ,
.contact #content .contact-form {
	width:100%;
	margin:0 0 7px;
	display:block;
	float:none;
}


}


@media (max-width: 680px) {

#slideshow .bt-caption {
	font-size:90%;
}

#slideshow .bt-titlewrap {
	margin:15px auto 7px;
}


}


@media (max-width: 650px) {

.moduletable.categories li {
	margin:0 auto 20px;
	display:block;
}

.moduletable.categories li h4, 
.moduletable.categories .readmore {
	font-size:110%;
}


}


@media (max-width: 630px) {

#slideshow .bt-cs .bt_handles li a {
	width:10px;
	height:10px;
	border:2px solid #fff;	
}

.videos #maincontent .avs_thumb,
.videos.video #maincontent .avs_video_related .avs_thumb {
	width:48% !important;
}

.catalogs #maincontent ul.pos-specification li.title {
	width:75%;
}

.catalogs #maincontent ul.pos-specification li.size,
.catalogs #maincontent ul.pos-specification li.link {
	width:100%;
	margin:5px 0;
	display:block;
	table-layout:inherit;
}

.contact #content .contact-misc table td {
	width:100%;
	margin:0 0 7px;
	padding:0;
	display:block;
	border-bottom:1px solid #f2f2f2;
}

}


@media (max-width: 600px) {

#slideshow .bt-cs .bt-inner {
	max-height:none;
}

#slideshow .bt-cs .bt-center {
	height:200px;
	overflow:hidden;
}

#slideshow .bt-cs .bt-center img {
	max-width:none;
	width:auto;
	height:200px;
}

#slideshow .slides_container .bt-caption {
	padding:0 0 20px;
	margin:0 auto;
	color:#fff;
	position:relative;
	background:#000;
}

#slideshow .bt-introtext {
	height:47px !important;
	padding:0 20px;
	overflow:hidden;
}

#slideshow .bt-titlewrap {
	margin:0 auto;
	padding:15px 0 7px;
}

#slideshow .bt-readmore {
	margin-bottom:40px;
}

#slideshow .moduletable.slideshow .bt-cs > a {
	top:16%;
}

#logoheader .logo {
	max-width:100%;
	margin:0 auto 15px;
	text-align:center;
}

#sidecontent .moduletable.latest-products ul li {
    width:49%;
}

#container-panel-5 .wrapBotContact > span {
	margin:0 0 7px 0;
	display:block;
}

}

@media (max-width: 580px) {

.products #maincontent .wrapcategories > div {
	width:50%;
}

}


@media (max-width: 560px) {

#content #maincontent .inside .item-page.products .wraptable {
	padding:0 0 20px;
	overflow-x:scroll;
}

#content #maincontent .inside .item-page.products table {
	vertical-align:top;
}

#content #maincontent .inside .item-page.products table td {
	height:35px;
	overflow:hidden;
}

#content #maincontent .inside .item-page.products .wraptd {
	position:fixed;
}

#content #maincontent .inside .item-page.products table.cloneTable,
#content #maincontent .inside .item-page.products table td:first-child {
	min-width:131px;
	max-width:131px;
}

#content #maincontent .inside .item-page.products .wrapcloneTable {
	max-width:131px;
	position:absolute;
	top:0; left:0;
	overflow:hidden;
}


}


@media (max-width: 550px) {

.home .moduletable.aboutus .gkArtContentInside p {
	max-height:30px;
}

.photos #content #maincontent .gallery .jg_element_cat {
	width:50%;
}

}


@media (max-width: 500px) {

#logoheader .logo img {
	min-width:320px;
}

#logoheader .logo .wrapimg {
	margin:0 auto;
	text-align:center;
	display:block;
}

.phonecontact .moduletable.topphone .contactinfo {
	font-size:90%;
}

.videos #maincontent .avs_thumb,
.videos.video #maincontent .avs_video_related .avs_thumb {
	width:100% !important;
}

#sidecontent .moduletable.latest-products ul li {
    width:100%;
}

.moduletable.categories li {
	width:100%;
	margin:0 0 10px;
}

.contact #content .control-group > div {
	margin:0 0 7px;
	text-align:left;
	display:block;
}

}


@media (max-width: 470px) {

.home .moduletable.aboutus .gkArtContainerWrap {
	height:200px;
	max-height:none;
}

.home .moduletable.aboutus .gkArtImageWrap img {
	max-width:none;
	width:auto;
	height:200px;
	position:relative;
	
	transform:translateX(-30%);
	-webkit-transform:translateX(-30%);
	-moz-transform:translateX(-30%);
	-o-transform:translateX(-30%);	
}

.home .moduletable.aboutus .gkArtContentInside {
	margin:30px auto;
}

.home .moduletable.aboutus .gkArtContentInside h4 {
	padding:0 0 15px;
}

.home .moduletable.aboutus .gkArtContentInside p {
	max-height:60px;
}

.home .moduletable.aboutus .gkArtContentInside .wrapreadon {
	margin:15px auto;
}


}


@media (max-width: 430px) {

.products #maincontent .wrapcategories > div {
	width:100%;
}

.products #maincontent .wrapblogimg {
	max-height:none;
	overflow:hidden;
}

.products #maincontent .blog .item-image .wrapimg,
.products #maincontent .wrapblogimg img {
	max-width:100%;
	height:auto;
	max-height:none;
	display:block;
}

}



@media (max-width: 420px) {

#logoheader .logoinside {
	padding:20px 20px;
}

#logoheader .logo img {
	max-width:100%;
	min-width:200px;
}

.phonecontact .moduletable.topphone .contactinfo {
	padding:3px 0 3px 24px;
	font-size:80%;
	background-size:auto 20px;
}

}



@media (max-width: 400px) {

#container-panel-5 .wrapBotContact span.icon {
	position:absolute;
	top:0; left:0;
}

#container-panel-5 .wrapBotContact > span {
	padding:7px 0 0 40px;
	margin:0 0 15px;
	position:relative;
}

.photos #content #maincontent .gallery .jg_element_cat {
	width:100%;
}

#content #jform_captcha {
	margin:0 0 0 -30px;
}



}


@media (max-width: 360px) { 

#logoheader, #slideshow,
#content, #content .contentinside {
	padding:0 20px;
}

#content #jform_captcha {
	margin:0 0 0 -20px;
}

#content .search {
	padding:20px 0;
}

.search #content .btn-group.pull-left input {
	max-width:150px;
}


}


@media (max-width: 350px) { 

.products #maincontent .wrapinfo .category-name a, 
.products #maincontent .article-info .category-name a {
	padding:7px;
	font-size:100%;
}

.products #maincontent .wraptitle .page-header h2 {
	font-size:100%;
}

#content #maincontent .inside .item-page.products table.cloneTable,
#content #maincontent .inside .item-page.products table td:first-child {
	min-width:120px;
	max-width:120px;
}

.phonecontact .moduletable.topphone .contactinfo {
	background-position:left top;
}

#container-panel-5 .wrapBotContact > span {
	width:100%;
	padding:7px 0 0 30px;
	margin:0 0 5px;
}

#container-panel-5 .wrapBotContact span.icon {
	width:26px;
	height:26px;
	margin:5px 5px 7px 0;
}

}


@media (max-width: 320px) { 

#logoheader .logo .wrapimg {
	max-width:220px;
	overflow:hidden;
}

.phonecontact .moduletable.topphone .contactinfo {
	padding:3px 0 3px 25px;
}

}