/* ----MENU---- */
@media all and (max-width : 768px) {
	.header{
		float: left;
		width: 100% !important;
		margin-left: 0 !important;
	}
	.logo, .line {display:block;}
	.logo{
		position: absolute;
		width: 40%;
		margin-top: 0%;
		margin-left: 3%;
	}
	.slider {margin-top: 10%;}
	.navigation {
		float: right;
		width: 100%;
		margin-top: 4%;
		margin-bottom: 3%;
	}
	.menuItem img{
		display: none;
	}
	.menuImg{
		display: none;
	}
	.menuItem p{
	  float: left;
	  //width: 100%;
	  margin-left:10%;
	  margin-bottom: 0px;
	  margin-top: 0px !important;
	  padding-top:2%;
	  color: #717171;
	  font-size: 0.8em;
	}
	nav {
	  margin: 0;
	  padding: 0;
	}
	.toggle, [id^=drop] {
	 display: none;
	}
	.toggle img {
		float: right;
		margin-right: 4%;
	}
	nav:after {
	  content: "";
	  display: none;
	  clear: both;
	  float: right;
	}
	nav ul {
		float: right;
		padding: 0;
		margin: 0;
		list-style: none;
		position: relative;
	}
	nav ul.menu li{
		text-transform: none !important;
		border: none;
	}
	nav li:hover{
		color: #348E4B;
		text-decoration: none !important;
	}
	nav ul ul{
	  box-shadow: none;
	  border: none;
		padding: 0;
		margin: 0;
	}
	nav ul li {
		margin: 0px;
		display: inline-block;
		float: left;
		border-bottom: 1px solid #EBEBEB;
	}
	nav a {
		display: block;
		padding: 0 20px;
		color: #000;
		font-size: 1.2em;
		line-height: 40px;
		text-decoration: none;
		}
	nav ul li ul li:hover { color: #717171; }
	nav a:hover { color: #717171; }
	nav ul ul {
	  display: none;
	  position: absolute;
	  top: 40px;
	}
	nav ul li:hover > ul { display: inherit; }
	nav ul ul li {
	  width: 170px;
	  float: none;
	  display: list-item;
	  position: relative;
		border-bottom: 1px solid #EBEBEB;
	}
	/*media mobile*/
	.toggle + a,
	 .menu { display: none; }
	.toggle {
	  display: block;
	  color: #717171;
	  background-color: #fff;
	  padding: 0 20px;
	  font-size: 1.2em;
	  line-height: 40px;
	  text-decoration: none;
	  border: none;
	  position: relative;
	}
	.toggle:hover {
		color: #348E4B;
		background-color: #fff;
		border-bottom: none;}
	[id^=drop]:checked + ul {
		display: inline !important;
		margin-bottom: -4% !important;
		margin-top: 3% !important;
	}
	nav ul.menu{
		border: 2px solid #348E4B;
	}
	nav ul li {
	 	display: block;
	 	width: 100%;
		border-bottom: 1px solid #EBEBEB;
	}
	nav ul ul .toggle,
	 nav ul ul a { padding: 0px; }
	nav a:hover,
	 nav ul ul ul a { background-color: #fff;
	 color: #717171 }
	nav ul li ul li .toggle,
	 nav ul ul a { background-color: #fff; }
	nav ul ul {
	  float: none;
	  position: static;
	  color: #ffffff;
	}
	nav ul ul li:hover > ul,
	nav ul li:hover > ul { display: none; }
	nav ul ul li {
	  display: block;
	  width: 100%;
	}
	}
	@media all and (max-width : 330px) {
	nav ul li {
	  display: block;
	  width: 94%;
	}
	.menuImg{
	  display: none;
	}
	}
 /* ----MENU---- */
@media all and (max-width : 768px) {
	.inner{
		width: 100% !important;
		margin-left: 0 !important;
	}
	.menuImg{
	  display: none;
	}
	.header-nav{
		display: block;
		width: 100%;
	}
	.header-nav ul{width: 100%;}
	.header-nav ul li.log{display: none;}
	.header-nav ul li.phone{display: none;}
	.header-nav ul li.headerSocial{display: none;}
	.header-nav ul li:last-child {
	    padding-right: 5%;
	    float: right;
	}
	body{overflow-x: hidden;}
	nav {width: 100%;}
	[id^=drop]:checked + ul {
		display: inline !important;
		margin-bottom: -4% !important;
		margin-top: 6% !important;
		width: 100% !important;
	}
	.indexProductsWrap{width: 90%; margin-left: 5%;}
	.indexProductItem{width: 48%; height: 150px; font-size: 0.7em;}
	.itemTitle{	font-size: 0.85em;}
	.dropdown-content{ width: 43%!important;}
	#indexSeasonProdutBox{width: 90%; margin-left: 5%;}
	#seasonSelectedMobile{width: 90%; margin-left: 5%;}
	.indexMore{width: 100%;}
	.indexGallery{display: none;}
	.indexAbout{ width: 90%; margin-left: 5%;}
	.indexAboutTitle{font-size: 1.1em;}
	.indexAboutText{font-size: 0.9em;}
	.panelRight{width: 90%; margin-left: 5%;}
	.bannerPromo, .bannerContacts{width: 90%; margin-left: 5%;}
	.form input{ font-size: 0.8em;}
	.title{	font: 1em Herald FM; width: 100%; }
	.subTtitle{	font: 1em Herald FM;}
	.contentTemplateImg {width: 40%; margin-right: 5%; margin-bottom: 2%;}
	.slider{margin-top: 0% !important;}
	.about{width: 90%; margin-left: 5%;}
	.aboutTitle{width: 55%; margin-bottom: 3%;}
	.buttonAsk {width: 100%; font-size: 0.8em; padding-top: 3% !important;}
	.leftContacts, .rightContacts{width: 100%;}
	.product-selected{width: 90%; margin-left: 5%;}
	.selectedContent .selectedImage{width: 100%;}
	.selectedContent .productItem{width: 100%;}
	.selectedData{ width: 100%;}
	.selectedData table.features{ width: 100%;}
	table.features td:first-child{width: 50%;}
	.catalog {width: 95%;}
	.catalogDownload{width: 100%; margin-top: 2%;}
	.otherSelected{display: none;}
	.news{ width: 90%; margin-left: 5%;}
	.newsContent{padding-bottom: 0%;}
	.newsImage {width: 32%;}
	.newsText{ margin-top: -2%; font-size: 0.8em}
	.newsBoxText{margin-top: -2%;}
	.productBox{width: 48%; height: 150px;}
	.productWrap{width: 48%; height: 150px;}
	.productTitle{font-size: 0.6em;}
	.productInner{width: 90%; margin-left: 5%;}
	.gallery{width: 90%; margin-left: 5%;}
	.galleryMenu{font-size: 1em;}
	.gallery .galleryVideoBox, .galleryPictureBox{width: 96%; margin-top: 5%;}
	.videoName{margin-bottom: 0%; height: 40px;}
	.videoText{margin-top: -3%; height: 40px;}
	.galleryBoxImage{height: 50%;}
	.pictureText{font-size: 0.8em; margin-top: 2%;}
	#page_navigation{float: right;margin-right: 6%;}
	.distributors{width: 90%; margin-left: 5%;}
	.map{width: 100%}
	.distributors .map iframe{width: 100%; height: 150px;}
	.distributorsData{width: 100%; margin-bottom: 10%;}
	.firmData ul li{ font-size: 0.9em;}
	.contacts{width: 90%; margin-left: 5%;}
	.contactsData{width: 100%; margin-bottom: 10%;}
	.contactsData h2{font-size: 1.3em;}
	.contactsData ul li{ font-size: 1em;}
	ul.productsList{
		  columns: 1;
	  -webkit-columns: 1;
	  -moz-columns: 1;
	}
	.fb-like-box{display: none !important;}
	.jSlider {display: none;}
	/*.jSlider img {width: 100%; height: 150px !important; object-fit: contain;}
	.jSlider .slider-content {width: 100% !important;	height: 150px !important; top: 10% !important; left: 0% !important;}
	.jSlider .slider-slides > div{ height: 150px !important;}
	.jSlider .navigator span { width: 35px !important; height: 35px !important; top: 20% !important;}
	.jSlider .navigator .prev {	left: 3% !important;}
	.jSlider .navigator .next { right: 3% !important;}
	.jSlider .indicator { top: 23% !important;}
	.jSlider .indicator span { width: 5px !important; height: 5px !important; }
	.jSlider .navigator .prev:before, .jSlider .navigator .prev:after { top: 10px !important; left: 10px !important;}
	.jSlider .navigator .next:before, .jSlider .navigator .next:after {	bottom: 10px !important;	right: 10px !important;}
	*/
	footer{padding-bottom: 5%;}
	.footerLogo{float: left; width: 40%; margin-top: 5%; margin-left: 0%;}
	.footerLogo img{ width:  100%;}
	.follow{display: none;}
	.footer-social{	float: right; width: 30%; }
	.footer-nav{-webkit-box-shadow: -10px 0 15px -8px #A3A3A3;
	   				-moz-box-shadow: -10px 0 15px -8px #A3A3A3;
	      			 	 box-shadow: -10px 0 15px -8px #A3A3A3;}
	.footerBox{box-shadow: none; float: none;}
	.footerBox ul{display: none;}
	.footerBox .nav-title{text-transform: uppercase; font-size: 0.9em; margin-top: 1.5%;}
	.nav-title{margin-top: 0%; margin-left: 5%; margin-bottom: 0%}
	.footer-products .nav-title{margin-top:1.5%; margin-left: 5%; margin-bottom: 0%;}
	.copyRight{margin-top: -1.1%; font-size: 0.8em}

	.bannerContacts {
    float: left;
    width: 95%;
    margin-top: 5%;
    margin-left: 1.5%;
}

.itemImg img{

	max-width: 100%;
WIDTH: 100%;
OBJECT-FIT: CONTAIN;
HEIGHT: 120PX!important;

	/*max-width: 100%;
	vertical-align: middle;
	position: absolute;
	top: 50%;
		left: 50%;
		margin-right: -50%;
	 transform: translate(-50%, -50%)
*/
}


}

/* ----- 14'' Notebook / 15.6'' Laptop / 18.5'' monitor ----- */
@media screen and (max-width : 1366px){
	.jSlider .slider-content{ margin-top:3% !important;}
	.jSlider .navigator span{ margin-top: 6% !important;}
}
/* 21.5'' monitor / 23'' monitor / 1080p TV */
@media screen and (max-width : 1920px) and (max-width: 1080px){
	.buttonAsk, .buttonDistributor{font-size: 1em; padding-top: 0%;}
}
/* ----------- Galaxy S3 ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 600px) and (max-width:1024px){
	.jSlider{display: none;}
    .indexProductItem {width: 47%; height: 250px!important;}
    .indexProductImage{width: 99%}
    .productWrap {width: 47%; height: 250px!important;}
    .gallery .galleryVideoBox, .galleryPictureBox {width: 45%; margin-top: 0%;}
	.newsContent{padding-bottom: 8%;}
	.newsImage{width: 20%;}
	.catalogDownload{margin-left: 30%;}
	.catalogDownload a{margin-top: 2%;}
}
@media only screen and (min-width: 600px) and (max-width:1024px) and (orientation: landscape) {
	.inner{
		width: 90% !important;
		margin-left: 5% !important
	}
	.header-nav{
		display: block;
		width: 100%;
	}
	.header-nav ul{width: 100%;}
	.header-nav ul li.log{display: none;}
	.header-nav ul li.phone{display: none;}
	.header-nav ul li.headerSocial{display: none;}
	.header-nav ul li:last-child {
	    padding-right: 5%;
	    float: right;
	}
	.logo{width: 18%; margin-top: 3%;}
	.nav{margin-top: 0%;}
	nav ul ul {width: 35%;}
    .indexProductItem {width: 46%; height: 400px!important;}
	.productArrow{width: 6%;}
    .indexProductImage{width: 99%}
    .productWrap {width: 45%; height: 400px!important;}
	.indexGallery{display: none;}
	.footer-products {padding-right: 0%!important;}
	.footerBox{margin-right: 4% !important;}
	.fb-like-box{display: none !important;}
}
/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.inner{
		width: 100% !important;
		margin-left: 0 !important
	}
	.header-nav{
		display: block;
		width: 100%;
	}
	.header-nav ul{width: 100%;}
	.header-nav ul li.log{display: none;}
	.header-nav ul li.phone{display: none;}
	.header-nav ul li.headerSocial{display: none;}
	.header-nav ul li:last-child {
	    padding-right: 5%;
	    float: right;
	}
	.logo{
		position: absolute;
		width: 40%;
		margin-top: 0%;
		margin-left: 3%;
	}
	.slider{
		display: none;
	}
	body{overflow-x: hidden;}
	nav {width: 100%;}
	[id^=drop]:checked + ul {
		display: inline !important;
		margin-bottom: -4% !important;
		margin-top: 6% !important;
		width: 100% !important;
	}
	.jSlider {display: none!important;}
	.indexProductsWrap{width: 90%; margin-left: 5%;}
	.contentBox{display: none;}
	.indexMore{width: 100%;}
	.indexGallery{display: none;}
	.indexAbout{ width: 90%; margin-left: 5%;}
	.panelRight{width: 90%; margin-left: 5%;}
	.bannerContacts ul li:first-child{font: 1em Herald FM;}
	.bannerContacts ul li{width: 52%; font: 1em Herald FM;}
	.QRcode{ width: 10%; margin-right: 10%;}
	.indexProductItem{height: 350px !important;}
	.itemTitle{font: 1.3em Herald FM !important;}
	.productArrow{width: 6%;}
	.productWrap{height: 350px !important;}
	.productTitle{font: 1.2em Herald FM !important;}
	.newsBoxTitle{ font: 1.1em Herald FM;}
	.newsBoxImage{width: 15%;}
	.newsBoxText{margin-top: 0%; font: 1em Herald FM;}
	.newsText{margin-top: 0%; font: 1em Herald FM;}
	.buttonAsk {width: 100%; font-size: 1.1em; padding-bottom: 1.5%;}
	.leftContacts, .rightContacts{width: 100%;}
	.leftContacts input,.rightContacts input {width: 96.5% !important;}
	.form input, .form textarea{ border-radius: 0%;}
	.form .captcha_code, .form .sent {width: 33% !important;}
	.form input{ font-size: 1em;}
	.captchaimg{height: 41px !important;}
	.sent {height: 41px !important;}
	.selectedContent .selectedImage{width: 50%; margin-left: 25%;}
	.selectedContent .productItem{width: 90%; margin-top:5%; margin-left: 4%;}
	.catalog{width:80%; padding-left: 12.5%;}
	.catalogDownload{width: 49%; margin-top: 2%;}
	.catalogDownload a{margin-top: 5%;}
	.otherSelected{display: none;}
	.indexGallery{display: none;}
	.gallery{width: 90%; margin-left: 5%;}
	.gallery .galleryVideoBox, .galleryPictureBox{width: 46%; margin-top: 5%;}
	.pictureText{font-size: 0.8em;}
	.firmData{margin-top: 5%;}
	.contactsData{width: 100%; margin-bottom: 5%;}
	.footer-nav{width: 30%; padding: 2%}
	.footer-social{margin-top: 5%;}
	.copyRight{font-size: 0.9em}
}
/* Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.inner{
		width: 100% !important;
		margin-left: 0 !important
	}
	.header-nav{
		display: block;
		width: 100%;
	}
	.header-nav ul{width: 100%;}
	.header-nav ul li.log{display: none;}
	.header-nav ul li.phone{display: none;}
	.header-nav ul li.headerSocial{display: none;}
	.header-nav ul li:last-child {
	    padding-right: 5%;
	    float: right;
	}
	.header {width: 90%;margin-left: 5%;}
	.logo{width: 18%; margin-top: 2%;}
	.navigation{width: 100%;}
	nav {width: 74%; margin-top: 1%; margin-right: 0%; }
	nav ul ul {width: 35%;}
	.indexProductItem {width: 30%; height: 260px!important;}
	.productArrow{width: 6%;}
	.dropdown-content{width: 27%!important;}
    .indexProductImage{width: 99%}
    .productWrap {width: 30%; height: 260px!important;}
	.productInner{width: 90%; margin-left: 5%;}
	.product-selected{width: 90%; margin-left: 5%;}
	.selectedContent .selectedImage{width: 40%;margin-left: 0%;}
	.selectedData{ width: 50%; margin-top: 0%}
	.selectedData table.features{ margin-top: -10%; margin-bottom: 0%}
	.catalog {width: 35%; margin-left: -10%; margin-top: 3%;}
	.catalogDownload{width: 100%; margin-top: 2%;}
	.newsText{margin-top: 0%; font: 1.2em Herald FM; padding-bottom: 2%}
	.buttonAsk {width: 100%; font-size: 1.1em; padding-top: 1%; padding-bottom: 0%;}
	.bannerPromo {width: 80%; margin-left: 10%;}
	.bannerContacts{width: 80%; margin-left: 10%;}
	.bannerContactsLogo img{width: 40%;}
	.QRcode{ width: 10%; margin-right: 0%;}
	.about{width: 90%; margin-left: 5%;}
	.news{ width: 90%; margin-left: 5%;}
	.distributors{width: 90%; margin-left: 5%;}
	.contacts{width: 90%; margin-left: 5%;}
	.contactsData{width: 55%;}
	.footer-nav{width: 100%; }
	.footer-social{width: 40%; margin-top: 1%;}
}
@media all and (max-width : 640px) {
	.slider{display: none;}

	img.ri:empty{
		    max-width: 100%;
		    WIDTH: 100%;
		    OBJECT-FIT: CONTAIN;
		    HEIGHT: 110PX!important;
		    max-height: 110px;
	}
	footer{
		position: relative;
		z-index: 100
	}
	.menuImg{
	  display: none;
	}

	.itemImg img{

		max-width: 100%;
	WIDTH: 100%;
	OBJECT-FIT: CONTAIN;
	HEIGHT: 120PX!important;

		/*max-width: 100%;
		vertical-align: middle;
		position: absolute;
		top: 50%;
	    left: 50%;
	    margin-right: -50%;
	   transform: translate(-50%, -50%)
	*/
	}

}
@media all and (max-width : 1366px) {
	.slider{
		height: 400px;
	}

}


@media (min-width: 1600.98px) {


	.jSlider .indicator {
	visibility: hidden;
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin-top: -55px;
}



}