/* oldal eredeti szélességétől lefelé */
@media only screen and (max-width: 1300px) {
	#wrapper,
	#categories, 
	#header, 
	#content, 
	#footer,
	div#wrapper div#categories div#topborder,
	div#wrapper div#categories div#categoriesShadow,
	div.webshop_product_bg{
		width: 100% !important;
		max-width: 1280px;
		box-sizing: border-box !important;
	}
	
	#wrapper {width: 96% !important;}

	/* Főoldal --- START*/
	div#wrapper div#content div#mainpage div.photo img{
		width: 100%;
		height: auto;
		display: block;
	}
	div#wrapper div#content div#mainpage div{
		overflow: hidden;
	}

	/*első sor*/
	div#wrapper div#content div#mainpage > div:nth-of-type(1){
		width: 73.9% !important;
	}
	div#wrapper div#content div#mainpage > div:nth-of-type(2){
		width: 26.1% !important;
	}

	/*második sor*/
	div#wrapper div#content div#mainpage > div:nth-of-type(4){
		width: 46.25% !important;
	}
	div#wrapper div#content div#mainpage > div:nth-of-type(5){
		width: 27.65% !important;
	}
	div#wrapper div#content div#mainpage > div:nth-of-type(6){
		width: 26.1% !important;
	}

	/*harmadik sor*/
	div#wrapper div#content div#mainpage > div:nth-of-type(8){
		width: 26.17% !important;
	}
	div#wrapper div#content div#mainpage > div:nth-of-type(9){
		width: 27.58% !important;
	}
	div#wrapper div#content div#mainpage > div:nth-of-type(10){
		width: 46.25% !important;
	}
	/* Főoldal --- END*/

	div.webshop_category_list ul li.list div.image{
		width: 28% !important;
	}

	div.webshop_category_list ul li.list div.image img{
		width: 100%;
		height: auto;
		display: block;
	}

	div.webshop_category_list ul li.list div.data{
		width: 72% !important;
		padding-right: 0 !important;
		padding-left: 40px !important;	
	}

	div#wrapper div#content div.contentMain div.contentMainText{
		padding: 25px 20px !important;
	}

	#banner img, 
	.banner img{
		width: 100%;
		height: auto;
		display: block;
	}

	.h2border{
		margin-left: 30% !important;
		width: 70% !important;
	}

	div.navbar{
		float: left !important;
		width: calc(100% - 100px);
	}

	div.prevButton a{
		position: static !important;
		float: right !important;
		margin-top: 20px !important;
		margin-right: 20px;
	}

	#footer{
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 20px;
		padding-right: 20px;
	}

	/* Menü */
	div#wrapper div#categories li.list{
		width: calc(25% - 12px);
	}

	div#wrapper div#categories li.list img{
		width: 100% !important;
		height: auto;
		width: 100%;
	}

	.mainMenuList{
		width: 100%;
	}

	div#wrapper div#header div#topMenu li.list a{
		padding-left: 15px;
		padding-right: 15px;
		white-space: nowrap;
	}

	#topMenu{
		width: calc(100% - 190px); /* mínusz a logo */
	}

	div#wrapper div#header div#langs{
		position: absolute;
		top: 20px;
		right: 0;
		margin-top: 0 !important;
	}

	div#wrapper div#content div.contentMain div.contentMainText{
		padding: 25px 20px !important;
	}

	div#wrapper div#content div.contentMain div.contentMainText img{
		max-width: 100% !important;
		height: auto !important;
	}

	div#wrapper div#content div.contentMain div.contentMainText ul{
		margin-left: 20px;
	}

	div.webshop_category_list ul li.list{
		padding: 30px 0 !important;
	}

	div.webshop_category_list ul{
		margin: 10px 0 !important;
	}


	/* Termék adatlap - START */
	.webshop_product_show_main{
		width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	div.webshop_product_show div.image{
		width: calc(40% - 20px) !important;
		padding-right: 20px;
	}

	div.webshop_product_show div.data{
		width: 60% !important;
		padding-left: 40px !important;	
		margin: 20px 0 10px 0 !important;
	}

	div.webshop_product_show div.data div.text object embed{
		width: 100%;
	}

	div.webshop_product_show div.image div.moreImages{
		width: 100% !important;
	}

	div.webshop_product_show div.data .kw_basket{
		text-align: center
	}

	.kw_basket .big{
		text-align: center;
	}
	/* Termék adatlap - END */


	.h1 {font-size: 130px;}
	.h2, div#wrapper div#content div.contentMain div.contentText h1, div#wrapper div#content div.contentMain div.contentText h2 {font-size: 30px;}
	#main-boxes .box.ringbg .text p {font-size: 18px;}
	
	#promo .item p {line-height: 120%;}
	#promo .item img {margin-bottom: 20px;}

}

/* fekvo tablet - optimalizalas: 960px */
@media only screen and (max-width: 1040px) {

	/* mobil menu --- START*/
	div#wrapper div#header div#logo{
		width: 85px;
	}

	#header {padding: 10px 0 30px;}
	#header .logo {float :left; width: auto;}
	#header .logo img {height: 46px;}
	#header .langs {padding: 10px 0;}
	#header .social {padding: 10px 0;}
	#header nav {display: none;}
	#header nav ul li {display: block; padding: 10px; text-align: center;}
	#header .top {padding-bottom: 0;}
	
	#footer .col4 .col {width: 48% !important; margin-right: 4% !important; margin-bottom: 30px;}
	#footer .col4 .col:nth-child(2n+2) {margin-right: 0 !important;}
	
	.h1 {font-size: 100px;}
	.h2, div#wrapper div#content div.contentMain div.contentText h1, div#wrapper div#content div.contentMain div.contentText h2 {font-size: 26px;}
	#main-boxes .box.ringbg .text p {font-size: inherit;}
	
	.button, .contact_form_new .submit input {font-size: 18px; line-height: 26px;}
	
	#promo {padding: 0 0 40px;}
	#promo .item {margin: 0 3%; width: 27.3334%;}

	div#wrapper div#content{
		margin-top: 50px;
	}

	#categories{
		display: none !important;
	}

	.menu_icon{
		display: block;
		margin-left: 20px;
	}

	div#wrapper div#header div#langs{
		top: 18px;
		margin-right: 60px !important;
	}

	div#wrapper div#header div#topMenu{
		float: none;
		margin-top: 0 !important;
		position: static;
		overflow: hidden;
		background-color: #000;
		width: 100%;
		transition: height 2s;
	}

	#mainMenuList{
		display: none;

	}

	div#wrapper div#header div#topMenu li.list{
		float: none;
		text-align: center;
		line-height: 35px;
		border-bottom: solid 1px #9f9f9f;
	}
	
	div#wrapper div#header div#topMenu li.list.gyemant a img {position: relative;display: inline-block;top: 6px;left: auto;transform: none;margin-right: 10px;}
	
	div#wrapper div#header div#topMenu li.list.categories a img,
	div#wrapper div#header div#topMenu li.sep{
		display: none;
	}
	/* mobil menu --- END*/

	div.webshop_category_list ul li.list div.data h2.name a{
		line-height: 30px;
	}
	
	/* Termék adatlap*/
	div.webshop_product_show div.data h1.name{
		font-size: 30px !important;
	}

	div.webshop_product_show div.data h2.short_name{
		font-size: 21px !important;
	}

	.kw_basket .big{
		font-size: 24px;
	}

	div.webshop_product_show div.data div.text object{
		display: none;
	}

	div.webshop_product_show div.image{
		border-right: 0 !important;
	}

	div.webshop_product_show div.data{
		border-left: 0 !important;
	}

	#hidden a,
	#hidden a:hover{
		width: 190px !important;
	}

	#hidden .box{
		padding-bottom: 100px;
	}

	.footer_menu nav a{
		font-size: 16px;
		line-height: 30px;
		padding-left: 5px;
		padding-right: 5px;
	}

	div#wrapper div#content div.contentMain div.contentText table td{
		display: block !important;
		width: 100% !important;
	}

	.footer_social{
		text-align: center;
	}

	.footer_social a{
		background-image: url('images/social.jpg');
		width: 30px;
		height: 30px;
		float: none !important;
		display: inline-block;
	}

	.footer_social .fb:hover{
		background-position: 0 -30px;
	}

	.footer_social .tw{
		background-position: -31px 0;
	}

	.footer_social .tw:hover{
		background-position: -31px -30px;
	}

	.footer_social .go{
		background-position: -60px 0;
	}

	.footer_social .go:hover{
		background-position: -60px -30px;
	}
	
}

/* allo tablet - optimalizalas: 768px */
@media only screen and (max-width: 840px) {
	
	.h1 {font-size: 78px;}
	#about-us .items .item {width: 48%; margin: 1%;}
	
	#promo .item {float: none; width: auto; margin-bottom: 50px; text-align: center;}
	#promo .item img {margin-bottom: 0; float: none; display: inline-block; vertical-align: top;}
	#promo .item p {display: inline-block; vertical-align: top;}
	
	.contact_form_new .col {float: none; width: auto; margin-right: 0;}
	
	/* Termék adatlap*/
	div.webshop_product_show div.data .kw_basket{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	div.webshop_category_list ul li.list div.image{
		float: none !important;
		width: 260px !important;
		margin-bottom: 20px;
	}
	div.webshop_category_list ul li.list div.data{
		float: none !important;
		width: 100% !important;
		padding-left: 0 !important;
	}

	#hidden .box{
		width: 100% !important;
		height: auto !important;
	}

	#hidden div:nth-of-type(1){
		margin: 0 !important;
	}

	#hidden div:nth-of-type(2){
		margin: 0 !important;
	}

	#hidden div:last-of-type{
		border-bottom: solid 1px #333;
	}

	#hidden a,
	#hidden a:hover{
		width: 260px !important;
	}

	#hidden .box{
		padding-bottom: 0 !important;
	}

	#hidden .box p:last-child{
		display: block;
		position: static;
		width: 100%;
		margin: 0 auto !important;
		left: auto;
		transform: none;
		margin: 20px auto 40px auto !important;
	}

	.footer_menu{
		float: none;
		width: 250px;
		margin: auto;
		text-align: center;
	}

	.footer_menu > a{
		font-size: 12px !important;
		line-height: 40px;
	}

	.footer_menu nav a{
		display: block !important;
		text-align: center;
	}

	div#wrapper div#footer div#madeby{
		width: 100%;
		text-align: center;
	}

	.footer_bottom{
		width: 100%;
		text-align: center;
		line-height: 30px;
	}
	
	#main-boxes .box.ringbg {
		background-size: auto 75%;
	}

}

/* fekvo mobil - optimalizalas: 480px */
@media only screen and (max-width: 700px) {
	
	.h1 {font-size: 56px;}
	.h2, div#wrapper div#content div.contentMain div.contentText h1, div#wrapper div#content div.contentMain div.contentText h2 {font-size: 22px;}
	#footer .col4 .col h3 {font-size: 20px;}
	html, body {font-size: 12px;}
	
	#footer .categories {font-size: 14px;}
	
	#main-boxes .box.w60, #main-boxes .box.w40 {float: none; width: 100%; margin-right: 0; height: auto !important;}
	#main-boxes .box.w33 {float: none; width: 100%; margin-right: 0;}
	#main-boxes .box.ct1 .text {padding-left: 40%;}
	
	#blogs .blog .img {float: none; width: 100%; margin-right: 0; margin-bottom: 20px;}
	#blogs .blog .text {float: none; width: 100%;}
	
	
	div.webshop_product_list div.webshop_product_list_main {padding: 20px 10px !important;}
	div.webshop_product_list div.navbar {padding: 15px 10px 40px !important; float: none !important; width: 100%;}
	
	.contact_form_new label {width: 100px;}
	.contact_form_new input[type=text], .contact_form_new input[type=email], .contact_form_new textarea {width: calc(100% - 110px);}
	.contact_form_new input[type=checkbox] {margin-left: 110px;}
	

	/* Főoldal - START */
	/*első sor*/
	div#wrapper div#content div#mainpage > div:nth-of-type(1){
		width: 100% !important;
	}
	div#wrapper div#content div#mainpage > div:nth-of-type(2){
		display: none;
	}

	/*második sor*/
	div#wrapper div#content div#mainpage > div:nth-of-type(4){
		width: 63.9% !important;
	}
	div#wrapper div#content div#mainpage > div:nth-of-type(5){
		display: none;
	}
	div#wrapper div#content div#mainpage > div:nth-of-type(6){
		width: 36.1% !important;
	}

	/*harmadik sor*/
	div#wrapper div#content div#mainpage > div:nth-of-type(8){
		display: none;
	}
	div#wrapper div#content div#mainpage > div:nth-of-type(9){
		width: 37.4% !important;
	}
	div#wrapper div#content div#mainpage > div:nth-of-type(10){
		width: 62.6% !important;
	}
	/* Főoldal - END */

	/* Termék lista - START */

	div.webshop_product_list ul li.list{
		width: calc(33.333334% - 3% - 14px) !important
	}

	/* Termék lista - STOP */
	
	/* Termék adatlap - START */
	.kw_basket .big{
		font-size: 20px !important;
	}

	div.webshop_product_show div.image{
		width: 100% !important;
		padding-right: 0 !important;
		float: left;
		border-right: 0 !important;
	}

	div.webshop_product_show div.data{
		width: 100% !important;
		padding-left: 0 !important;
		float: right;
	}

	div.webshop_product_show div.image .oneImage img{
		width: 100% !important;
		margin: 0 auto;
	}

	div.webshop_product_show div.image .oneImage{
		width: 75%;
		float: left;
	}

	div.webshop_product_show div.image div.moreImages{
		width: 25% !important;
		float: left;
	}

	div.webshop_product_show div.data h1.name{
		font-size: 26px !important;
	}

	div.webshop_product_show div.data h2.short_name{
		font-size: 18px !important;
	}

	.kw_basket .big{
		font-size: 21px;
	}

	/* Termék adatlap - STOP */
	
	.contact_form{
		width: 100%;
	}

	.contact_form form{
		padding: 0 !important;
	}

	.contact_form label{
		width: 30%;
	}

	.contact_form input[type=text], 
	.contact_form input[type=email], 
	.contact_form textarea{
		width: 60%;
	}

	div#wrapper div#content div.contentMain div.contentText table iframe{
		width: 100% !important;
	}

	.prevButton{
		display: none;
	}

}

/* allo-fekvo mobil koztes */
@media only screen and (max-width: 550px) {
	
	.h1 {font-size: 48px;}
	#header nav ul li a {font-size: 16px;}
	
	#main-boxes .box.gyemantbg .text {padding-left: 50%;}

	div.webshop_product_show div.image .oneImage img{
		width: 100% !important;
		margin: 0 auto;
	}

	div.webshop_product_list ul li.list{
		width: calc(50% - 3% - 14px) !important
	}
	
	#footer .col4 .col {width: 100% !important; margin-right: 0 !important; text-align: center;}
	#footer .col4 .col * {text-align: center;}
	#footer .col4 .col img {margin: 0 auto; width: 100%;}
	
	.contentText_bg.type_1 .h2 {float: none; width: auto;}
	.contentText_bg.type_1 p {float: none; width: auto;}
	
	.contentText_bg.type_2 .text {float: none; width: auto; margin-right: 0; margin-bottom: 20px;}
	.contentText_bg.type_2 .img {float: none; width: auto;}
	
	#main-boxes .box.ringbg {background-size: auto 60%;}
}

/* allo mobil - optimalizalas: 320px */
@media only screen and (max-width: 420px) {
	
	.h1 {font-size: 36px;}
	.h2, div#wrapper div#content div.contentMain div.contentText h1, div#wrapper div#content div.contentMain div.contentText h2 {font-size: 18px;}
	#footer .col4 .col h3 {font-size: 16px;}
	#header .social {display: none;}
	#header .langs {font-size: 16px;}
	
	.contact_form_new {padding: 30px 10px;}
	
	#about-us .items .item {float: none; width: 100%; margin: 1% 0; height: auto !important;}
	.button, .contact_form_new .submit input {font-size: 16px; line-height: 18px;}
	
	#promo .item img {margin: 0 auto 10px; display: block;}
	#promo .item p {display: block; text-align: center;}
	
	div.webshop_product_list ul li.list{
		width: calc(98% - 14px) !important;
	}
	div.webshop_product_list ul li.list div.data div.name a, div.webshop_product_list ul li.list div.data div.short_name a {height: auto !important;}

	div.webshop_product_show div.image .oneImage{
		width: 100%;
		float: none !important;
	}

	div.webshop_product_show div.image div.moreImages{
		width: 100% !important;
		float: !important;
	}

	#hidden a,
	#hidden a:hover{
		font-size: 12px !important;
		padding: 10px 5px !important;
		width: 250px !important;
	}

	.contact_form label{
		width: 95% !important;
		margin-bottom: 0 !important;
	}

	.contact_form input[type=text], 
	.contact_form input[type=email], 
	.contact_form textarea{
		width: 95% !important;
	}

	div#wrapper div#header div#logo{
		margin: 5px 10px 0;
	}

	div.webshop_product_show div.data h1.name{
		font-size: 22px !important;
	}

	div.webshop_category_list ul li.list div.data h2.name a{
		font-size: 18px !important;
		padding-bottom: 0 !important;
	}

	div.webshop_product_list h1 a,
	div.webshop_product_show h2 a,
	div.webshop_product_list_main h2,
	div.webshop_product_show div.data h1.name{
		font-size: 18px !important;
	}

	div.navbar{
		padding: 15px 20px !important;
		width: 100%;
	}
}

@media only screen and (max-width: 360px) {
	#main-boxes .box.ringbg {background-size: auto 50%;}
}