
@media screen and (max-width: 1380px){
	.mp_ph_cntr h2{
		font-size: 30px;
	}
}
@media screen and (max-width: 1020px){
	.mp_ph_cntr h2{
		font-size: 25px;
	}

}


@media screen and (max-width: 830px){
	.mp_ph_cntr h2{
		font-size: 40px;
	}
	.halfwidth{
		display: block;
		width: 100%;
	}
	.halfwidth .s_p_i{
		float: none !important;
	}
	.someproducts_product{
		width: 650px;
		margin: 0 auto !important;
	}
	#mainpage_products_header_left,
	#mainpage_products_header_right{
		display: none;
	}
	#mainpage_products_header_left,
	#mainpage_products_header_right{
		display: none;
	}
	.mp_ph_cntr h2{
		position: relative;
		left: 0 !important;
		right: 0 !important;
		transform: none !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		font-size: 30px;
		border-top: 1px solid grey;
		border-bottom: 1px solid grey;
		padding: 5px;
	}

	.mm_red{
		background: #F2292A;
		color: white;
	}
	.mm_grey{
		background: #3B3B3B;
		color: white;
	}

}


@media screen and (max-width: 1090px){
	.tile_item img{
		height: auto;
	}
}
@media screen and (max-width: 990px){
	.content{
		width: 100%;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.head-row-one .head-help-container{
		height: 120px;
		margin-top: -30px !important;
		position: absolute;
		right: 10px;
		font-size: 13px;
		padding-top: 5px !important;

	}
	.head-row-one .head-help-container table {
		width: 100px !important;	
	}
	.head-row-one .head-help-container table tr{
		display: table-cell;
		height: auto !important;
		width: auto !important;
		margin-top: 0 !important;
	}
	.head-row-one .head-help-container table tr:first-child td+td{
		display: none;
	}
	.head-row-one .head-help-container table tr{
		width: auto !important;
	}
	.head-row-one .head-help-container table {
		width: 50px !important;	
	}

	#header{
		padding-left: 10px;
		padding-right: 10px;
	}
	.dropdown-container{
		display: block !important;
	}
	.dropdown-container:not(.sdd){
		margin-top: 5px !important;
	}
	#footer{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	
	.nb a{
		width: 50%;
		margin: 0 auto;
		display: block;
		text-decoration: none;
	}
	.newsblocktile{
		width: 100%;
		display: block;
		margin-bottom: 40px;
	}
	.nb .newsblockimage{
		height: 200px;
	}
	
	#page .disp_content_text img{
		width: 70%;
		height: auto;
	}
	#page #footer .disp_content_text img{
		height: 55px;
		width: auto;
	}
	.header_basket{
		right: 0;
		left: 670px;
		top: 120px;
	}
	.head-row-one .head-help-container img{
		position: absolute;
		right: 0;
		top: 0;
		width: 230px;
	}
	.head_slog, .head-row-one span{
		display: inline-block;
		
		font-size: 25px !important;
	}
	.vignette{
		padding-left: 7px !important;
		padding-right: 7px !important;
	}
	.vignette_image img{
		width: 100%;
		height: auto;
	}
	.vignette_title{
		font-size: 17px;
	}
}
@media screen and (max-width: 875px){
	.head_slog, .head-row-one span{
		width: 320px;
	}
}
@media screen and (max-width: 775px){
	.head-row-one .head-help-container table tr:first-child td+td{
		display: none;
	}
	.head-row-one .head-help-container table tr{
		width: auto !important;
	}
	.head-row-one .head-help-container table {
		width: 50px !important;	
	}	
	.head-row-one .head-help-container{
		height: 120px;
		top: 30px;
		position: absolute;
		right: 10px;
		
	}	
	.head-row-one .dropdown-container{
		width: 220px;
	}
	.dropdown-container select{
		width: 225px;
		
	}
	.dropdown-container.sdd{
		background-position: 202px center;
	}
	.inl_1_3{
		display: block !important;
		width: 100% !important;
	}
	.action-container{
	 
	}
	.someproducts_product{
		width: 80%;
		margin: 0 auto !important;
	}
	.header_basket{
		right: 0;
		left: 155px;
		top: 80px;
	}

}

@media screen and (max-width: 720px){
	.mobile_menu_button{
		position: fixed;
		top: 25px;
		left: 0;
		height: 48px;
		width: 32px;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center center;
		background-image: url('/parameters/iparitisztitoszer.patronet/templates/images/mobile_btn_.png');
		cursor: pointer;
		-webkit-box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.3);
		box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.3);
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.mobmenu{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 0;
		background: white;
		color: black;
		-webkit-box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.3);
		box-shadow: 5px 5px 4px 0px rgba(0,0,0,0.3);
	}
	.head-row-one .head-help-container{
		display: none !important;
	}
	.head-row-one{
		text-align: center;
	}
	.head-row-one .dropdown-container.sdd{
		margin-top: 0 !important;
	}
	.head-row-two{
		display: none;
	}
	#header-container{
		height: 125px;
	}
	.slider__slideTitle{
		font-size: 25px;
	}
	.slider__slideDescription{
		font-size: 15px;
	}
	.slider--panel{
		width: 100% !important;
		/*height: 100% !important;*/
		overflow: visible;
	}
	.slider--panel.__left{
		height: 135px;
	}
	.slider--panel.__right{
		padding: 20px;
		width: auto !important;
		height: 100px;
	}
	#eShopSearch_mobile{
		display: none;
	}
	.nb a{
		width: 100%;
		margin: 0 auto;
		display: block;
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
	}
	.nb .newsblockimage{
		height: 150px;
	}
	.slider--image{
		background-size: contain;
		background-position: top center;
	}
	.slider--image img.filler{
		height: 100%;
		width: 100%;
	}
	.slider--textContainer{
		vertical-align: bottom;
	}

	
	.slider--panel,
	.slider--slideContainer{
		height: 255px
	}
	#mainpage_slider{
		height: 298px !important;
	}
	.header_basket{
		right: 10px;
		left: auto;
		top: 40px;
	}
	.vignette_image img{
		width: auto;
		height: auto;
	}
	.inl_1_6{
		width: calc(100% / 3);
	}
	.flex-viewport{
		height: 298px;
	}
	a.list-item-container{
		width: 45% !important;
	}
	.form_row .row_input input{
		width: 100% !important;
	}
	.row_input input,
	.row_input textarea{
		width: 100% !important;
	}
}
@media screen and (max-width: 675px){
	.tiles{
		flex-wrap: wrap;
	}
	.tiles .tile_item{
		width: 50%;
	}
}
@media screen and (max-width: 580px){
	#eShopSearch_mobile{
		display: block;
	}
	#mainpage_products_header_left,
	#mainpage_products_header_right{
		display: none;
	}
	.mp_ph_cntr h2{
		position: relative;
		left: 0 !important;
		right: 0 !important;
		transform: none !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		font-size: 30px;
		border-top: 1px solid grey;
		border-bottom: 1px solid grey;
		padding: 5px;
	}
	.someproducts_product,
	.someproducts_product .s_p_i{
		width: 100%;
		
	}
	.someproducts_product .someproducts_image_container,
	.someproducts_product .someproducts_text_container,
	.someproducts_product .someproducts_buttons_container{
		display: block;
	}
	.someproducts_product .someproducts_image_container{
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.someproducts_product .someproducts_text_container{
		width: auto;
		max-width: 100%;
		margin: 0 auto;
	}
	.someproducts_product .someproducts_buttons_container{
		width: 100%;
		text-align: right;
	}
	.someproducts_product .someproducts_buttons_container .someproducts_button{
		display: inline-block;
		margin-right: 10px;
		margin-left: 10px;
	}
	#eShopSearch{
		display: none;
	}
	.head-row-one .logo-container{
		padding-left: 20px !important;
		padding-right: 20px !important;
		margin: 0 auto !important;
	}
	.nb a{
		padding-left: 0px;
		padding-right: 10px;
	}
	.hirobj-image, .hirobj-body{
		display: block;
		width: 100%;
	}
	.head_slog, .head-row-one span{
		display: none;
	}
	
}
@media screen and (max-width: 540px){
	.form_row .row_label,
	.form_row .row_input{
		display: block !important;
		width: 100% !important;
		text-align: left !important;
	}
	.bigform{
		margin: 0 auto !important;
	}
	.covertext p{
		font-size: 28px !important;
	}
}
@media screen and (max-width: 500px){ 
	.inl_1_6{
		width: calc(100% / 2);
	}
	a.list-item-container{
		width: 98% !important;
	}
}
@media screen and (max-width: 370px){ 
	.inl_1_6{
		display: block;
		width: 100%;
	}
}
@media screen and (max-width: 450px){ 
	.break{
		display: block;
	}
	.tiles .tile_item{
		width: 100%;
	}
	.mm_inside .head-help-container img{
		width: 75%
	}
}

@media screen and (min-width: 720px) and (max-width: 730px){ 
	.content{
		padding-right: 0 !important;
	}
}


@media screen and (max-width: 990px){
	.references tr td img{
		max-width: 200px;
	}
}

@media screen and (max-width: 580px){
	table.references{
		width: auto !important;
		margin: 0 auto !important;
	}
	.references tr td{
		display: block;
		width: 100%;
		text-align: center !important;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.references tr td img{
		width: auto;
		height: 100%;
		max-width: 300px;
	}
}

	.references tr td{
		text-align: center !important;
		
	}