@media (max-width: 1240px) {

body {
	overflow-x:hidden;	
}

}


@media (max-width: 1150px) {


#toppanel .inside {
	max-width:1140px;
}

#toppanelright {
	max-width:800px;
}

}



@media (max-width: 1100px) {

#toppanelright {
	width:auto;
}

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

#mainmenu {
	display:none !important;
}

#main-nav {
	width:250px;
	height:100%;
	clear: both;
	position:fixed;
	top:0;
	display:block;
	right:-999%;
	background:#006200;
	overflow-y:auto;
    z-index: 150001;
	
	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 {
	right: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;	
}

#main-nav .inside {
	max-width:100%;
	padding:50px 30px;
}

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

#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:#fff;
}

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

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

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

.mask.activemenu {
	display:block;
}

#menu-icon {
	padding:10px 10px 20px 10px;
	color: #fff;
	cursor: pointer;
	display:inline-block; /* show menu icon */
	position:absolute;
	right:30px;
	top:160px;
    z-index: 150002;
	background:rgba(0,195,0,1);
}

#menu-icon.sticky {
	position:fixed;
	top:14px;
	right:40px;
}

#menu-icon.activemenu {
	top:14px;
	background:rgba(255,0,0,0);

	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 .icon-bar {
	width:40px;
	height:5px;
	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;	
}

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

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

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

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

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

#menu-icon.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);
}


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

#container-panel-2 .moduletable.latestgallery .joomimg88_txt a {
	height:auto;
	padding:10px 0;
	font-size:100%;
	color:#808080;
	position:relative;	
}

}


@media (max-width: 1000px) {

#container-panel-2 .moduletable.latestgallery .joomimg88_img {
	max-height:250px;
}

#container-panel-2 .moduletable.latestgallery .joomimg88_img img {
	height:250px;
	height:calc(250px * 1.2) !important;
}

}


@media (max-width: 950px) {

.products #maincontent .itemListView .itemContainer {
	width:50% !important;
}


}


@media (max-width: 900px) {

#container-panel-5 .inside {
	padding:40px 0 0;
}

#container-panel-5 .inside > .moduletable {
	width:100%;
	margin:0 auto 15px;
	padding:0 0 15px;
	display:block;
	float:none;
	border-bottom:1px solid #CCC;
}

#container-panel-5 .nbs-flexisel-container {
	max-width:none;
}

#container-panel-5 .nbs-flexisel-inner {
	max-height:none;
}

#container-panel-5 .moduletable.latesttweet .modinside {
	padding:0;
}

#container-panel-5 .inside .moduletable.contact-info {
	margin:0 auto;
	text-align:center;
	border-bottom:0;
}

}


@media (max-width: 850px) {

.gallery #content .jg_element_gal .jg_photo_container .wrapimg,
.gallery #content .jg_subcatelem_cat .jg_subcatelem_photo .wrapimg,
.gallery #content .jg_element_cat .jg_imgalign_catimgs .wrapimg {
	max-height:140px;
}

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

.contact #content .contact-form {
	padding:13px 0 0;
	border-top:1px solid #ccc;
}

#footer .moduletable.footer,
#footer .moduletable.contact-info {
	margin:5px auto 10px;
	text-align:center;
	display:block;
	float:none;
}

#footer .moduletable.contact-info .contactinfo > span {
	margin:0 0 10px;
	float:none;
}

#footer .moduletable span.icon {
	margin:0 10px 0 0;
	float:left;
}

}


@media (max-width: 800px) {

#menu-icon {
	position:fixed;
	top:14px;
	right:40px;
}

#toppanel {
	position:fixed;
}

#logoheader {
	margin:0 auto;
}

#toppanel.sticky #logoheader .logo .wrapimg {
	margin:0 auto;
}

#toppanel.sticky {
	top:0;
}

#toppanel.sticky #logoheader .logo .logoimg {
	width:auto;
	height:auto;
	margin:10px auto 0;
}

#logoheader .logo {
	width:20%;
	max-width:none;
	float:left;
}

#toppanelright {
	width:80%;
	max-width:none;
	max-height:none;
	margin:25px 0 0 0;
	text-align:right;
	display:inline-block;
	float:right;
}

#contact-sosmed {
	margin:0 80px 0 0;
	display:inline-block
}

#logoheader .logo .logoimg {
	max-width:60px;
	height:auto;
	margin:10px auto 0;
}

#logoheader .logo .wrapimg {
	height:auto;
}

#logoheader .logo .wrapimg img {
	width:100%;
	height:auto;
}

#contact-sosmed .top,
#contact-sosmed .bottom {
	margin:3px auto;
	vertical-align:top;
}

#contact-sosmed .top {
	display:inline-block;
	overflow:hidden;
}

#contact-sosmed .bottom {
	max-width:none;
	height:0;
	margin:0 -80px 0 0;
	overflow:hidden;
	display:inline-block;
	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;
}

#contact-sosmed .bottom.showpanel {
	height:65px;

	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;
}

#toppanelright #sosmed {
	margin:0 auto 5px;
	text-align:center;	
}

#sosmed > div {
	margin:0 7px;
}

#sosmed a {
	width:27px;
	height:27px;

	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

#sosmed .clickmobile {
	display:inline-block;
}

#sosmed .clickmobile a span.icon {
	background-image:url(../images/icon-clickmobile.png);

	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;
}

#sosmed .clickmobile a.showpanel span.icon {
	background-color:#218021;

    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);

	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;
}

#contact-sosmed .moduletable.contact-info, 
#contact-sosmed .moduletable.messenger {
	float:none;
	display:block;
}

#contact-sosmed .moduletable.contact-info br, 
#contact-sosmed .moduletable.messenger br {
	display:none;
}

#contact-sosmed .moduletable.contact-info .contactinfo,
#contact-sosmed .moduletable.messenger #messenger {
	text-align:center;	
}

#contact-sosmed .moduletable.contact-info .contactinfo > span,
#contact-sosmed .moduletable.messenger #messenger > div {
	margin:0 7px 5px;
	float:left;
	display:inline-block;
}

#contact-sosmed .moduletable span.icon {
	margin:0 7px 0 0;
	float:left;	
}


#slideshow {
	margin:0 auto;
	padding:90px 0 0;
	overflow:hidden;
}

#slideshow.overtop {
	margin:0 auto;
}

#container-panel-2 .moduletable.latestgallery .joomimg88_img {
	max-height:200px;
}

#container-panel-2 .moduletable.latestgallery .joomimg88_img img {
	height:200px;
	height:calc(200px * 1.2) !important;
}

#container-panel-2 .moduletable.latestgallery .joomimg88_txt a {
	font-size:90%;
}

}


@media (max-width: 760px) {

#content .jg_row {
	padding:0;
}

#content .jg_row .jg_element_gal,
#content .jg_row .jg_element_cat {
	width:49%;
	margin:0 0 7px;
}

.gallery #content .jg_element_gal .jg_photo_container .wrapimg,
.gallery #content .jg_subcatelem_cat .jg_subcatelem_photo .wrapimg,
.gallery #content .jg_element_cat .jg_imgalign_catimgs .wrapimg {
	max-height:230px;
}

}


@media (max-width: 710px) {

#mobileCatLink {
	display:none;
}

.products #mobileCatLink,
.promo #mobileCatLink {
	width:100%;
	margin:-2px auto 0;
	padding:5px 0;
	text-align:center;
	display:block;
	position:absolute;
	left:0;
}

#mobileCatLink a {
	padding:5px 12px;
	background:#fff;

	-webkit-box-shadow: 0px 4px 8px 2px rgba(204,204,204,0.5);
	-moz-box-shadow: 0px 4px 8px 2px rgba(204,204,204,0.5);
	-ms-box-shadow: 0px 4px 8px 2px rgba(204,204,204,0.5);
	-0-box-shadow: 0px 4px 8px 2px rgba(204,204,204,0.5);
	box-shadow: 0px 4px 8px 2px rgba(204,204,204,0.5);
}

#mobileCatLink a.active {
	color:#333;
}

.products #sidecontent,
.promo #sidecontent {
	width:100%;
	max-width:none;
	float:none;	
	position:fixed !important;
	top:80px !important;
	left:0;
	background:#218021;
	z-index:100;
	display:none;
}

.products #sidecontent .inside,
.promo #sidecontent .inside {
	padding:20px 30px;
	color:#fff;
}

.products #sidecontent .title,
.promo #sidecontent .title {
	visibility:hidden;
}

.products #sidecontent .categories ul li {
	width:20%;
	font-size:90%;
	display:inline-block;
	vertical-align:middle;
}

.products #sidecontent .categories ul li .catTitle{
	padding:0 4px;
	display:inline-block;
}

.promo #content div.k2ItemsBlock ul li span.moduleItemDateCreated,
.products #sidecontent .categories ul li a {
	color:#fff;
}

.promo #content #sidecontent div.k2ItemsBlock ul li {
	margin:7px 0;
	padding:7px 0;
	border-bottom:1px dotted #fff;
}

.promo #content #sidecontent div.k2ItemsBlock ul li:first-child {
	margin:0 0 7px;
	padding:0 0 7px;
}

.products #maincontent,
.promo #maincontent {
	width:100%;
	float:none;
}

.products #maincontent .inside,
.promo #maincontent .inside {
	padding:0;
	border-left:0;
	border-right:0;
}

}



@media (max-width: 700px) {

#container-panel-1 .moduletable.latestproducts .nspArt {
	margin:0 auto 10px;	
}

#container-panel-2 .moduletable.latestgallery .joomimg88_img {
	max-height:150px;
}

#container-panel-2 .moduletable.latestgallery .joomimg88_img img {
	height:150px;
	height:calc(150px * 1.2) !important;
}

}


@media (max-width: 640px) {

.gallery #content .jg_element_gal .jg_photo_container .wrapimg,
.gallery #content .jg_subcatelem_cat .jg_subcatelem_photo .wrapimg,
.gallery #content .jg_element_cat .jg_imgalign_catimgs .wrapimg {
	max-height:200px;
}

}


@media (max-width: 600px) {

#contact-sosmed .moduletable.contact-info .contactinfo,
#contact-sosmed .moduletable.messenger #messenger {
	text-align:left;
}

#container-panel-1 .moduletable.latestproducts .gkInfoImage .wrapimg {
	display:block;
}

#container-panel-1 .moduletable.latestproducts .gkInfoImage img {
	width:100%;
}

#container-panel-2 .moduletable.latestgallery .joomimg88_imgct {
	width:100% !important;
	margin:0 0 5px;
	float:none;	
}

#container-panel-2 .moduletable.latestgallery .joomimg88_img {
	max-height:none;
}

#container-panel-2 .moduletable.latestgallery .joomimg88_img .wrapimg {
	width:100%;
}

#container-panel-2 .moduletable.latestgallery .joomimg88_img img {
	width:100% !important;
	max-width:100%;
	height:auto !important;
	display:block;
}


}



@media (max-width: 580px) {

.products #sidecontent .categories ul li {
	width:33.33%;
	width:calc(100% / 3);
}

#content .jg_row .jg_element_gal,
#content .jg_row .jg_element_cat {
	width:100%;
	margin:0 0 12px;
}

.gallery #content .jg_element_gal .jg_photo_container .wrapimg,
.gallery #content .jg_subcatelem_cat .jg_subcatelem_photo .wrapimg,
.gallery #content .jg_element_cat .jg_imgalign_catimgs .wrapimg {
	max-height:none;
}

}



@media (max-width: 570px) {

#contact-sosmed .bottom.showpanel {
	height:120px;
}

}



@media (max-width: 500px) {

#contact-sosmed .bottom.showpanel {
	height:140px;
}

.products #maincontent .itemListView .itemContainer {
	width:100% !important;
}

.promo #content div.catItemImageBlock,
.promo #content .hasimage .catItemBody {
	width:100%;
	max-height:none;
	margin:0 0 5px;
	display:block;
}


}


@media (max-width: 470px) {

.contact #content .control-group input,
.contact #content .control-group textarea {
	width:70%;
}

}


@media (max-width: 450px) {

#sosmed > div {
	margin:0 3px 5px;
}

#contact-sosmed .bottom.showpanel {
	height:170px;
}

}


@media (max-width: 400px) {

#menu-icon,
#menu-icon.activemenu,
#menu-icon.sticky {
	top:27px;
}

#menu-icon.activemenu .icon-bar:nth-of-type(1) {
	top:3px;
}

#menu-icon.activemenu .icon-bar:nth-of-type(2) {
	margin-left:-3px;
}

#menu-icon.activemenu .icon-bar:nth-of-type(3) {
	top:-4px;
}

#menu-icon .icon-bar {
	width:25px;
	height:3px;
}

#contact-sosmed {
	margin:0 60px 0 0;
}

#sosmed > div {
	margin:0;
}

#contact-sosmed .bottom {
	margin:0 -60px 0 10px;
}

#contact-sosmed .bottom.showpanel {
	height:170px;
}


}


@media (max-width: 350px) { 

#sosmed .clickmobile {
	margin:5px 0 0;
}

.products #sidecontent, .promo #sidecontent {
	overflow-y:auto;
}

.products #sidecontent .categories ul li {
	width:50%;
}


}