/* ----------*/
@media screen and (max-width: 820px) {	
	#cookie_popup .col_01,
	#cookie_popup .col_02 {
		width:	100%;
	}
	
	.answer_popup .deftit {
		line-height:	1.5;
		font-size:	15px;
	}
}

/*----------------------------------------------
	HEADER, MENU
----------------------------------------------*/
@media screen and (max-width: 1180px) {
	#mobile_menu {
		display: block;
		width: 100px;
		background: #19304a;
		margin: 4px 0 0 auto;
		color: white;
		padding: 6px;
		text-transform: uppercase;
		font-size: 14px;
		cursor:	pointer;
		font-weight: bold;
	}
	
	#header .line_02 .menu_col ul {
		display:	none;
		position: absolute;
		width: 100%;
		background: rgba(255,255,255,0.9);
		left: 0;
		top: 91px;
	}
	
	#header .line_02 .menu_col ul li::before,
	#header .line_02 .menu_col ul li::after {
		display:	none;
	}
	
	#header .line_02 .menu_col ul li {
		display:	block;
		border-bottom: 1px solid #e4e4e4;
	}
	
	#header .line_02 .menu_col ul li a {
		padding:	4px;
	}
	
	#header .line_02 .menu_col ul li.mobileli  {
		display:	block;
	}
	
	#header .line_02 .menu_col ul li.mobileli .open_login {
		padding:	4px;
	}
	
}

@media screen and (max-width: 960px) {
	#header .top .col_02,
	#header .top .inner .decor_02 {
		display: none;
	}

	#header .top .col_01,
	#header .top .col_03 {
		width: 50%; /* Mindkét oszlopot 50%-ra változtattuk */
	}

	#header .top .inner .decor_01,
	#header .top .inner .decor_03 {
		width: 50%; /* Mindkét háttér-sávot is 50%-ra változtattuk */
		left: 0; /* A harmadik sáv a bal szélen kezdődik a mobil nézetben */
	}

	#header .top .inner .decor_03 {
		left: 50%; /* A harmadik sáv a jobb szélen kezdődik a mobil nézetben */
		background: #ecc95b; /* A harmadik sáv színét beállítjuk */
	}

	#header .top .col_03 img {
		display: inline-block;
		margin: 0 auto;
		width: 20px;
	}

	#header .top .inner .decor_01 {
		text-align: center; /* Középre igazítjuk a szöveget */
		position: absolute; /* Abszolút pozíciózás, hogy középen legyen a sávon belül */
		top: 50%; /* A sáv magasságának felére igazítjuk a szöveget */
		transform: translateY(-50%); /* A függőleges középre igazítás trükkje */
		background: #19304a; /* Az első sáv színét beállítjuk */
	}
}


@media screen and (max-width: 630px) {
	#header .line_02 .boxes .col2,
	#header .line_02 .boxes .col3,
	#header .line_02 .boxes .decor_02,
	#header .line_02 .boxes .decor_03,
	#header .line_02 .boxes .decor_01,
	#header .line_02 .boxes .decor_04 {
		display:	none;
	}

	#header .line_02 .boxes .col2,
	#header .line_02 .boxes .col3 {}

	#header .line_02 .boxes .col1 .s0,
	#header .line_02 .boxes .col4 .s0,
	#header .line_02 .boxes .col4 .s1 {
		display:	none;
	}

	#header .line_02 .boxes .col1 .img {
		width: 90%;
		background-size: 100%;
		background-repeat: no-repeat;
		height: 30px;
	}

	#header .line_02 .boxes .col1 {
		height:	30px;
		width:	30px;
		background:	#aad6b5;
		border-radius:	50%;
		margin:	0 5px 0 0;
	}

	#header .line_02 .boxes .col4 .img {
		width: 90%;
		background-size: 100%;
		background-repeat: no-repeat;
		height: 30px;
	}

	#header .line_02 .boxes .col4 {
		height:	30px;
		width:	30px;
		background:	#aad6b5;
		border-radius:	50%;
	}

	#header .line_02 .boxes {
		width:	65px;
	}

	#header .line_02 .boxes .decor_01,
	#header .line_02 .boxes .decor_04 {
		width:	50%;
	}

	#header .line_02 .menu_col {
		width:	calc(100% - 65px);
	}

	#header .line_02 .logo {
		width:	140px;
	}

	#header .line_02 .content {
		width:	calc(100% - 140px);
	}

	#header .line_02 .menu_col {
		padding:	0 10px 0 0;
	}

	#header .top .col_01,
	#header .top .inner .decor_01 {
		display:	none;
	}

	#header .top .col_03,
	#header .top .inner .decor_03 {
		width: 100%;
		left: 0;
		background: #ecc95b; /* Változtathatod a háttérszínt a kívánt színre */
	}

	#header .top .col_03 .m_col.first {
		display:	none;
	}

	#header .top .col_03 .space.first {
		display:	none;
	}

	.subpage {
		margin:	89px 0 0 0;
	}

	#header .line_02 .menu_col ul {
		top:	53px;
	}
}


/*----------------------------------------------
	KAPCSOLAT
----------------------------------------------*/
@media screen and (max-width: 900px) {
	#kapcsolat .sec01 .col_01,
	#kapcsolat .sec01 .col_02 {
		display:	block;
		padding:	10px;
		width:	100%;
	}
}

@media screen and (max-width: 633px) {
	#kapcsolat .sec02 .col_01,
	#kapcsolat .sec02 .col_02 {
		display:	block;
		width:	100%;
	}
}

@media screen and (max-width: 806px) {
	
	#footer .col_03 {
		width:	100%;
		text-align: center;
		border-top: 1px solid white;
		border-left:	0 none;
		padding:	10px 0 0 0;
		margin:	0 auto 10px;
	}
	
	#footer .col_03 .line {
		display:	none;
	}
	
	#footer .col_02,
	#footer .col_01 {
		width:	100%;
		text-align: center;
		padding: 5px;
	}
	
	#footer .col_02 img {
		margin:	10px auto;
		display:	block;
	}
	
	#footer .col_02 .arukereso div {
		margin:	10px auto !important;
		display:	block;
	}
	
	#footer .col_01 .logo-img,
	#footer .col_01 .bank-img {
		display:	inline-block;
		margin:	0 10px 10px;
		vertical-align: middle;
	}
	
	#footer .content {
		text-align: center;
		padding:	10px 10px 0;
	}
}

@media screen and (max-width: 733px) {
	#footer_bottom #soul {
		position: relative;
		right: 0;
		bottom: 0;
		display: block;
		margin: 20px auto 0;
	}
}

@media screen and (max-width: 496px) {
	#footer_bottom a, #footer_bottom span {
		margin: 0 auto 10px;
		display:	block;
	}
}

/*----------------------------------------------
	ROLUNK
----------------------------------------------*/
@media screen and (max-width: 958px) {
	#rolunk .sec01 .col_01,
	#rolunk .sec01 .col_02 {
		width:	100%;
	}
	
	#rolunk .sec01 .col_02 img {
		width:	400px;
	}
}

@media screen and (max-width: 624px) {
	#rolunk .sec01 .col_02 {
		padding:	0 0 50px 0;
	}
}

@media screen and (max-width: 720px) {
	.popup_img_col,
	.popup_int_col {
		width:	100%;
	}
	
	.popup_img {
		width:	160px;
	}
	
	.popup_int_col {
		padding:	10px;
	}
}
/*----------------------------------------------
	REGISZTRACIO
----------------------------------------------*/
@media screen and (max-width: 845px) {	
	#reg .col_01,
	#reg .col_02 {
		width:	100%;
		padding:	10px;
	}
}
/*----------------------------------------------
	BELEPES
----------------------------------------------*/
@media screen and (max-width: 778px) {	
	 .extra_popup .col_01 {
	 	width:	100%;
	 }
	 
	 .extra_popup .col_01:after {
	 	display:	none;
	 }
	 
	 .answer_popup .col_01 {
	 	width:	100%;
	 }
	 
	 .answer_popup .col_01:after {
	 	display:	none;
	 }
	 
	 #login_popup .facebook_button {
	 	width:	220px;
	 }
}
/*----------------------------------------------
	DEFAULT
----------------------------------------------*/
@media screen and (max-width: 778px) {	
	.deftitle {
		font-size:	20px;
	}
}
/*----------------------------------------------
	BLOG
----------------------------------------------*/
@media screen and (max-width: 1011px) {	
	#blog .col_02 {
		width:	230px;
	}
	
	#blog .col_01 {
		width:	calc(100% - 230px);
	}
	
	#blog .deftitle {
		font-size:	20px;
	}
	
	#blog_menu #banner_offer .pbox {
		width:	200px;
	}
}

@media screen and (max-width: 718px) {	
	#blog .col_02,
	#blog .col_01 {
		width:	100%;
		min-height:	auto;
		padding:	0 10px;
	}
	
	#blog .col_02 {
		padding:	0;
	}
	
	#blog .col_02 .cats {
		margin:	10px auto;
		padding:	10px;
		text-align:	left;
	}
	
	#blog .col_02 .social_div {
		text-align: center;
	}
	
	#blog_menu #banner_offer .pbox {
		width:	230px;
		margin:	0 10px 20px;
		display:	inline-block;
		vertical-align:	middle;
	}
	
	#blog_menu #banner_offer {
		text-align:	center;
		background:	white;
		padding:	20px 0 0 0;
	}
}


@media screen and (max-width: 600px) {	
	#rand_products .t0 {
		text-align: left;
		padding:	10px 109px 10px 10px;
	}
}

/*----------------------------------------------
	PROFIL
----------------------------------------------*/
@media screen and (max-width: 895px) {	
	#profile .col001 {
		width:	200px;
	}
	
	#profile .col002 {
		width:	calc(100% - 200px);
	}
}

@media screen and (max-width: 630px) {	
	#profile_header {
		position: fixed;
		background: white;
		top: 162px;
		padding: 0 10px;
		left: -100%;
		width:100%;
		opacity:	0;
		margin: 0 auto;
	}
	
	#profile_header.open {
		opacity:	1;
		left:	0;
	}
	
	#mobile_profile_header {
		display: block;
		position: fixed;
		background: #d9355b;
		height: 40px;
		color: white;
		width: 40px;
		text-align: center;
		left: 10px;
		border-radius: 50%;
		line-height: 40px;
		top:	114px;
		font-size: 17px;
		cursor: pointer;
	}
	
	#profile .col002 {
		width:	100%;	
		padding:	50px 10px 0;
	}
	
	#profile .col001 {
		position:	absolute;
		left:		0;
		padding:	0;
	}
}

@media screen and (max-width: 756px) {	
	#profile .col_d1,
	#profile .col_d1_ {
		width:	100%;
		display:	block;
	}
	
	#profile .col_d1 {
		margin:	0 auto 10px;
		text-transform:	uppercase;
	}
	
	#profile.personal .links a {
		display:	block;
		margin:	0 auto 5px;
	}
	
	#profile.personal .links span,
	#profile.personal .links .space {
		display:	none;
	}
}

@media screen and (max-width: 477px) {	
	#profile.orders .table td {
		display:	block;
	}
	
	#profile.orders .table .header {
		display:	none;
	}
	
	#profile.orders .table td:nth-child(4) {
		border-bottom:	2px solid black;
	}
}

@media screen and (max-width:   960px){
    #order_msg .col_om_01 {
        display:        none;
    }
    
    #order_msg .col_om_02 {
        width:      100%;
    }
    
    #order_details .col1 {
        width:      220px;
        font-size:12px;
        padding:10px;
    }
    
    #order_details .col0 {
        margin:0 0 0;
        width:calc(100% - 220px);
        padding:    0 0 0 10px;
        border:0 none;
    }
    
    #order_details .col0:before {
        width:      220px;
        left:-220px;
    }
    
}

@media screen and (max-width:   720px){ 
    
    #order_details .col1 {
        display:        block;
        width:      100%;
        font-size:  inherit;
        text-align:center;
        background:white;
    }
    
    #order_details .col1 .button {
        position:   fixed;
        background: #ff5f00;
        padding: 5px;
        width: 140px;
        z-index: 800;
        color: white;
        left:0;
        cursor:pointer;
        text-align: center;
        text-transform: uppercase;
        font-size: 13px;
        border-top-right-radius:10px;
        border-bottom-right-radius:10px;
        border-top-left-radius:0;
        border-bottom-left-radius:0;
        top: 103px;
        margin:0;
        line-height:1.5;
    }
    
    #order_details .col0 {
        display:        block;
        margin:20px 0 0;
        width:100%;
    }
    
    #order_details .col0:before {
        display:        none;
    }
    
   #order_details  #cart.orderpage .list .header {
        display:        none;
    }
    
    #order_details #cart.orderpage .list td {
        display: block;
        border: 0 none;
        text-align: center;
        width:	100%;
        padding: 3px;
    }
    
    #cart .list .image {
        width:      100%;
    }
    
    #cart .list .image img {
        margin:     0 auto;
        width:200px;
    }
    
    #order_details #cart.orderpage .list tr td:nth-child(5) {
        display:        none;
    }

    #order_details .colinfo01 {
        width:      100%;
        text-align:center;
    }
    
    #order_details .colinfo2 {
        width:      100%;
        margin:     40px auto 0;
        text-align:center;
    }
    
    #order_details .col0 {
        border:     0 none;
    }
    
    #order_details .col1 .list {
        width:      300px;
        margin:     0 auto;
    }
    
    #order_details .col1 .list td {
        padding:    5px!important;
        border:     0 none !important;
    }
}
/*----------------------------------------------
	404
----------------------------------------------*/
@media screen and (max-width: 572px) {	
	#error_page .form .half_input_div {
		width:	100%;
	}
}
/*----------------------------------------------
	KUPONOK
----------------------------------------------*/
@media screen and (max-width: 782px) {	
	#coupons_page .row .col_01 {
		width:	calc(100% - 150px);
	}
	
	#coupons_page .row .col_02 {
		width:	150px;
	}
	
	#coupons_page .table td:first-child {
		width:	200px;
	}
}

@media screen and (max-width: 566px) {	
	#coupons_page .row .col_01,
	#coupons_page .row .col_02 {
		display:	block;
		width:	100%;
	}
	
	#coupons_page .row .col_02 {
		padding:	0;
	}
	
	#coupons_page .row .t4 {
		border-top:	1px solid black;
		padding:	10px 0 0 0;
	}
}
/*----------------------------------------------
	TERMEKADATLAP, KATEGORIAK
----------------------------------------------*/
@media screen and (max-width: 1174px) {	
	#product_details .category_col,
	#category_product_list .category_col {
		width:	220px;	
	}
	
	#product_details .b_column02,
	#product_details .product_col,
	#category_product_list .product_col {
		width:	calc(100% - 220px);
		padding:	20px 10px;
	}
	
	#product_details .col1.left {
		width:	300px;
	}
	
	#product_details .col1.right {
		width:	calc(100% - 300px);
	}
}

@media screen and (max-width: 1171px) {	
	.product_list_list .del_div {
		width: 200px;
		padding: 10px;
		text-align: right;
		line-height: 1.5;
	}
	
	.product_list_list .info_div {
		width:	calc(100% - 300px);
	}
}

@media screen and (max-width: 950px) {	
	#product_details .b_column02,
	#product_details .product_col,
	#category_product_list .product_col {
		width:	100%;
	}
	
	#product_details .catpath {
		padding:	10px 0 0 60px;
	}
	
	#category_product_list .product_col {
		padding:	20px 10px;
	}
	
	#category_product_list .deftitle {
		padding: 0 0 0 53px;
		margin: -13px 0 0;
	}
	
	#product_details .catcol_in,
	#category_product_list .catcol_in {
		position: fixed;
		top: 0;
		width: 100%;
		background: white;
		max-height: 300px;
		overflow-y: scroll;
		top: 178px;
		padding: 0 10px;
		left:	-100%;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		opacity:	0;
	}
	
	.the_prod_col_02 {
		position: fixed;
		top: 0;
		width: 100%;
		background: white;
		max-height: 300px;
		overflow-y: scroll;
		top: 178px;
		padding: 0 10px;
		left:	-100%;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		opacity:	0;
	}
	
	.the_prod_col_02.open {
		left:	-0%;
		opacity:	1;
		background:	#fff;
		z-index:200;
		color: black;
		padding:	10px;
	}
	
	#category_product_list .mobile_delete_filter_results {
		display:	block;
	}
	
	#category_product_list .mobile_filter_results {
		display:	block;
	}
	
	#category_product_list .delete_filter_results {
		display:	none;
	}
	
	#category_product_list .filter_results {
		display:	none;
	}
	
	.bsearch_div input {
		background:	white;
	}
	
	#product_details .catcol_in.open,
	#category_product_list .catcol_in.open {
		left:	-0%;
		opacity:	1;
		background:	#fff;
		color: black;
		padding:	10px;
	}
	
	#catmenu {
		display: block;
		position: fixed;
		background: firebrick;
		color: white;
		height: 40px;
		width: 40px;
		text-align: center;
		left: 10px;
		border-radius: 50%;
		line-height: 40px;
		top:	134px;
		font-size: 17px;
		cursor: pointer;
	}
	
	#product_details .b_column01 { 
		position:	absolute;
		padding:	0;
		left:	-0%;
		width:	100%;
	}
	
	#product_details .category_col .banner_holder {
		display:	none;
	}
	
	#category_product_list .category_col .moreaction,
	#category_product_list .category_col .nwbox,
	#category_product_list .category_col .banner_holder,
	#product_details .category_col .moreaction,
	#product_details .category_col .nwbox,
	#product_details .category_col .banner_holder {
		display:	none;
	}
	
	#product_details .category_col, 
	#category_product_list .category_col {
		width:	0;
		padding:	0;
	}
	
	.the_prod_col_02 {
	
	}
	
	.the_prod_col_01 {
		width:	100%;
	}
	
	.optionsrow .obox {
		padding:	0 10px 10px 0;
	}
	
	#category_product_list .product_cat_title, 
	#product_details .product_cat_title {
		padding:	0 0 0 100px;
	}
	
	#category_product_list .fb_iframe_widget, 
	#product_details .fb_iframe_widget {
		display:	none;
	}
		
	#optionmenu {
		display: block;
		position: fixed;
		background: firebrick;
		color: white;
		height: 40px;
		width: 40px;
		text-align: center;
		left: 55px;
		border-radius: 50%;
		line-height: 40px;
		top:	134px;
		font-size: 17px;
		cursor: pointer;
	}
	
	#category_product_list .pbox {
		width:	170px;
	}
}


@media screen and (max-width: 740px) {	
	#product_details .version_box .vcol_01,
	#product_details .version_box .vcol_02 {
		width:	100%;
		padding:	10px;
	}
	
	#product_details .version_box .vcol_01:after,
	#product_details .version_box .vcol_02::before {
		display:	none;
	}
	
	#product_details .version_box .vcol_02{
		border:	1px solid black;
	}
}


@media screen and (max-width: 950px) {	
	#category_product_list .pbox {
		width:	230px;
	}
}

@media screen and (max-width: 668px) {	
	.product_list_list .del_div {
		width:	100%;
		text-align: center;
	}
	
	.product_list_list .info_div {
		width:	calc(100% - 150px);
	}
	
	.product_list_list .ppbox .price_div {
		text-align: center;
	}
	
	.product_list_list .ppbox .cartdiv {
		margin:	10px auto;
	}
}

@media screen and (max-width: 668px) {	 
	.product_list_list .img_div {
		width:	160px;
		margin:	0 auto 10px;
	}
	
	.product_list_list .info_div {
		width:	100%;
	}
}

@media screen and (max-width: 716px) {	
	#product_details .col1.left,
	#product_details .col1.right {
		width:	100%;
		display:	block;
		padding:	0 10px;
	}
	
	#product_details .b_column02 {
	
	}
}

@media screen and (max-width: 721px) {	
	#product_details .advantages .box02 {
		display:	none;
	}
	
	#product_details .advantages .box01 .row,
	#product_details .advantages .box03 .row {
		display:	block;
		padding:	0;
		position:	relative;
	}
	
	#product_details .advantages .box01,
	#product_details .advantages .box03 {
		width:	100%;
		text-align:	center;
	}
	
	#product_details .advantages .nr {
		display:	none;
	}
	
	#product_details .advantages {
		padding:	0;
	}
}

@media screen and (max-width: 690px) {	
	#product_details .tabs_box {
		display:	none;
	}
	
	#product_details .tabs_div .cols {
		display:	block;
		margin:	0 auto 30px;
	}
	
	#product_details iframe {
		max-width:	100%;
	}	
}

@media screen and (max-width: 525px) {	
	#product_sort .x4,
	#product_sort .x4_ {
		display:	none;
	}
}


/*----------------------------------------------
	KERESÉS
----------------------------------------------*/
@media screen and (max-width: 733px) {	
	#search_page .col01,
	#search_page .col02 {
		display:	block;
		width:	100%;
	}
	
	#search_page .col02 {
		margin:	20px auto 0;
	}
}


/*----------------------------------------------
	KOSAR
----------------------------------------------*/
@media screen and (max-width: 834px) {	
	#cart.gift .top .col1 {
		display:	none;
	}
	
	#cart.gift .top .col2 {
		width:	100%;
	}
}


@media screen and (max-width: 651px) {	
	#cart table.list .image {
		display:	none;
	}
}

@media screen and (max-width: 564px) {
	#cart table.list td {
		display:	block;
		width:	100%;
		text-align:	center;
		border:	0 none;
	}
	
	#cart table.list .image {
		display:	block;
		width:	100%;
	}
	
	#cart table.list .header {
		display:	none;
	}
	
	#cart table.list td:nth-child(4) {
		display:	none;
	}
	
	#cart table.list .image img {
		display:	block;
	}
	
	#cart.finish .col_02 table.list .image {
		display:	block;
		width:	100%;
	}
	
	#cart table.list .qty_div {
		margin:	0 auto;
	}
	
	#cart table.list .summ_info {
		display:	block;
	}
	
	#cart .sec_title .text {
		font-size:	13px;
	}
}

@media screen and (max-width: 506px) {
	#cart .sec_title .text {
		line-height:	1.5;
		background:	white;
	}
	
	#cart .section_next .sec_title .text {
		line-height:	40px;
	}
	
	#cart .col_02 .sec_title .text {
		background:	#e4e4e4;
	}
}

@media screen and (max-width: 752px) {
	
	#cart .section_div.section_profile .input_div {
		width:	100%;
		margin:	0 auto 20px;
	}
	
	#choose_mpl .input_div {
		width:	100%;
		margin:	0 auto 20px;
	}
	
	#postaPontApi-inner form {
		height:	auto;
		padding:	0 0 10px;
	}
	
	#cart #postaPontApi-inner form button {
		display:	block;
		margin:		0 auto;
		float: none;
		margin:	10px auto 0;
	}
	
	#pp-geoloc-button {
		display:	none !important;
	}
}

@media screen and (max-width: 985px) {
	#cart .last_sections {
		display:	none;
	}
	
	#cart .mobile_row {
		display:	block;
	}
	
	#cart.finish .col_01,
	#cart.finish .col_02 {
		width:	100%;
		display:	block;
	}
	
	#cart .mobile_row .section_div .success_title:first-child {
		display:	none;
	}
	
	#cart .mobile_row .section_div:first-child {
		border:	0 none;
		background:	#e4e4e4;
	}
	
	#cart .sumtable_mobile {
		margin:	0 auto !important;
	}
	
	#cart .sub_content_mobile {
		padding:	20px 0;
		border-top:	1px solid black;
	}
	
	#cart .mobile_sec_div {
		display:	block;
	}
}

@media screen and (max-width: 645px) {	
	#kapcsolat #map .path #start {
		height: 100px;
		position: relative;
		line-height: 1.5;
		padding: 29px 0;
		text-align: center;
		width: 100px;
		cursor: pointer;
		z-index: 200;
		border-radius: 50%;
		color: white;
		font-size: 15px;
	}
	
	#kapcsolat #map .path {
		height:	100px;
	}
	
	#kapcsolat #map .form_.show {
		left:	0;
	}
}

@media screen and (max-width: 538px) {	
	#product_details .send_opinion .input_div {
		width:	100%;
	}
	
	#product_details .send_opinion .btn_div {
		width:	100%;
		margin:	10px auto 0;
	}
}

@media screen and (max-width: 1024px) {	
	#wm_slider .unslider-arrow.next,
	#wm_slider .unslider-arrow.prev {
		top: auto;
		bottom:	30px;
	}
}

@media screen and (max-width: 1120px) {	
	#month_offer .col_01 {
		padding:	0 0 10px 0;
		width:	500px;
	}
	
	#month_offer .col_02 {
		width:	calc(100% - 500px);
	}
	
	#month_offer .col_01 .decor {
		display:	none;
	}
}

@media screen and (max-width: 995px) {	
	#month_offer .col_01,
	#month_offer .col_02 {
		width:	100%;
		padding:	10px;
	}
	
	#month_offer .col_02 {
		text-align: center;
	}
	
	#month_offer .col_01 .mbox {
		border-right: 2px solid black;
	}
}

@media screen and (max-width: 480px) {	
	#month_offer .col_02 .pbox {
		width:	250px;
		margin:	0 auto 20px;
		display:block;
	}
}

@media screen and (max-width: 485px) {
	#month_offer .col_01 .box_02 .input_div {
		width:	100%;
		margin:	0 auto 10px;
	}
}

@media screen and (max-width: 740px) {
	#prod_banner .box {
		height:	200px;
	}
}

@media screen and (max-width: 422px) {
	#header .line_02 .cartbar {
		width:	64px;
	}
	
	#header .line_02 .cartbar .text {
		display:	none;
	}
	
}

@media screen and (max-width: 986px) {
	#subcats .box {
		width:	200px;
	}
}

@media screen and (max-width: 771px) {
	#subcats .box {
		margin:	0 10px 5px;
	}
}

@media screen and (max-width: 500px) {
	#subcats .box .bg {
		display: none;
	}
	
	#subcats .box {
		margin:	0 5px 5px;
	}
}



@media screen and (max-width: 700px) {
    #kapcsolat .top {
        display:    none;
    }
    
    .the_image_boxes .box {
        width:  calc(100% / 3);
    }
    
    .the_image_boxes .box:last-child {
        display:    none;
    }
}

@media screen and (max-width: 500px) {

    .the_image_boxes .box {
        width:  calc(100% / 2);
        height: 300px;
    }
    
    .the_image_boxes .box:nth-child(3) {
        display:    none;
    }
}

/*----------------------------------------------
	AKCIOK
----------------------------------------------*/
@media screen and (max-width: 1010px) {	
	#ajanlatok .filter_content .c0 {
		width:	250px;
	}
	
	#ajanlatok .filter_content .c1 {
		width:	calc(100% - 250px);
	}
}

@media screen and (max-width: 857px) {	
	#ajanlatok .filter_content .c0 {
		width:	300px;
		margin:	0 auto;
		display:	block;
	}
	
	#ajanlatok .expired {
		top:	50%;
		z-index:200;
	}
	
	#ajanlatok .filter_content .c1 {
		width:	calc(100%);
	}
	#ajanlatok .filter_content .c1 .title {
		display:	none;
	}
	
	#ajanlatok .filters .col01 .title {
		display:	block;
	}
	#ajanlatok .c0 .buttoncol {
		display:	none;
	}
	#ajanlatok .c1 .buttoncol {
		display:	block;
	}
}

@media screen and (max-width: 632px) {	
	#ajanlatok .filter_content .c1 {
		padding:	0px 25px;
	}
}

@media screen and (max-width: 1260px) {	
	#rand_products {
		padding:	0 10px 30px 10px;
	}
}

@media screen and (max-width: 900px) {	
	#rand_products .decor_01,
	#rand_products .decor_02 {
		display:	none;
	}
	
	#rand_products .box {
		padding:	0;
	}
}

@media screen and (max-width: 1080px) {	
	#wmb .col_02 {
		padding:	0 0 0 200px;
	}
	
	#wmb .col_02 .blogbox::before {
		width:	200px;
		left:	-200px;
	}
}

@media screen and (max-width: 916px) {	
	#wmb .col_01,
	#wmb .col_02 {
		width:	100%;
	}
	
	#wmb .instabox {
		width:	22%;
	}
	
	#wmb .col_01 {
		text-align: center;
	}
	
	#wmb .col_02 {
		padding:	20px 0 0 200px;
	}
	
	#rand_products .decor_01 {
		top:	0;
		opacity:	0.5;
	}
}

@media screen and (max-width: 570px) {	
	#wmb .instabox {
		width:	49%;
	}
	
	#wmb .col_02 {
		padding:	220px 0 0 0;
	}
	
	
	#wmb .col_02 .blogbox::before {
		height:	220px;
		width: calc(100% - 10px);
		left: 4px;
		top:	-220px;
	}
}

@media screen and (max-width: 688px) {
	#wm_sec01 .col_01 {
		display:	none;
	}
	
	#wm_sec01 .col_02 {
		width:	100%;
	}
}

@media screen and (max-width: 1200px) {	
	#wmr .col_05 .man {
		margin:	0 auto;
	}
	
	#wmr .col_05 {
		vertical-align:	bottom;
	}
}

@media screen and (max-width: 1117px) {	
	#wmr .col_01 {
		width:	500px;
	}
	
	#wmr .line {
		left:	500px;
	}
	
	#wmr .col_02 {
		width:	calc(100% - 500px);
	}
	#wmr .col_05 .man {
		left:	500px;
	}

	#wmr .col_05 .qu {
		left:590px;
	}
}

@media screen and (max-width: 986px) {	

	#wmr .line {
		display:	none;
	}
	
	#wmr .col_01 {
		width:	100%;
		border-bottom:	10px solid white;
	}
	
	#wmr .col_01 {
		width:	100%;
	}
	
	#wmr .col_05 .man {
		left:	0px;
		position: relative;
	}

	#wmr .col_05 {
		position: relative;
	}
	
	#wmr .col_05 .qu {
		left:90px;
	}
	
	#wmr .col_02 {
		width:	100%;
	}
}

@media screen and (max-width: 600px) {	
	#wmr .col_03,
	#wmr .col_04 {
		width:  100%;
	}
	
	#wmr .btn.middle {
		margin:	0 auto;
		display:	block;
	}
	
	#wmr_title .t0 {
		margin: 0 auto;
		text-align: center;
	}
}

@media screen and (max-width: 470px) {	
	#wmr .col_05 {
		display:	none;
	}
	
	#wmr .col_06 {
		width:	100%;
	}
}

@media screen and (max-width: 1031px) {	
	#wm_slider .sinner {
		display:	none;
	}
}

@media screen and (max-width: 794px) {	
	#wm_slider .big_inner .decor_02 {
		display:	none;
	}
}

@media screen and (max-width: 730px) {	
	#wm_slider .slider_pbox {
		width:	100%;
	}
	
	#wm_slider .box {
		padding: 100px 0 0 35px;
		text-align: center;
		width: calc(100% - 35px);
	}
	
	#wm_slider .slider_pbox .col_01 {
		display:	block;
		height:	180px;
		width:	180px;
		margin: 0 auto;
	}
	
	#wm_slider .slider_pbox .col_01 .img_div {
		height:	180px;
		width:	180px;
	}
	
	#wm_slider .slider_pbox .col_02 {
		width:	100%;
		margin:	0 auto;
	}
	
	#wm_slider .slider_pbox .col_02 .inforow {
		text-align: center;
	}
	
	#wm_slider .big_inner .decor {
		width:	100%;
	}
	
	#wm_slider .inner {
		padding:	100px 0 0 0;
	}
	
	#wm_slider .slider_pbox .pname {
		text-align: center;
	}
	
	#wm_slider .title_01,
	#wm_slider .title_02 {
	 	position: relative;
	 	z-index:300;
	 	text-align: center;
	 	line-height:	1.5;
	}
	#wm_slider .slider_pbox .title_02 {
	 	margin:	0 auto;
	 	text-align: center;
	}
}

@media screen and (max-width: 573px) {	
    #product_details #blog_col .brow .brow_01,
    #product_details #blog_col .brow .brow_02 {
        width:  100%;
    }
    
    #product_details #blog_col .brow .brow_02 {
        padding:	10px 0 0 0;
    }
    
    #product_details #blog_col .brow .brow_01  img {
        width:  250px;
    }
}



@media screen and (max-width: 554px) {
	#hasznos.garancia .grow_1 .text {
		width:	100%;
		padding:	0;
	}
	
	#hasznos.garancia .grow_1 .nr {
		display:	block;
		margin:	0 auto 10px;
	}
	
	#hasznos.garancia .grow_2 .text {
		width:	100%;
		padding:	0;
	}
	
	#hasznos.garancia .grow_2 .nr {
		display:	none;
	}
	
	#hasznos.garancia .grow_2 .nr.mobilenr {
		display:	block;
		margin:	0 auto 10px;
	}
	
	#hasznos.garancia .grow_2 .g1,
	#hasznos.garancia .grow_1 .g1 {
		text-align:	left;
		line-height:	1.5;
	}	
}

@media screen and (max-width: 500px) {
	#hasznos.garancia .form .half_input_div {
		width:	100%;
	}
}


/*----------------------------------------------
	KUPONOK
----------------------------------------------*/


@media screen and (max-width: 1100px) {	
	#coupons_page .row .col_01 {
		padding:	0;
	}
	
	#coupons_page .row .col_01 .decor {
		display:	none;
	}
	
	#coupons_page .row .col_02 {
		width:	100%;
		margin:	30px auto 20px;
	}
	
	#coupons_page .row .col_01 {
		width:	100%;
	}
	
	#coupons_page .table td:first-child {
		width: 100px;
	}
	
	#coupons_page .table td {
		
	}
}

@media screen and (max-width: 800px) {	
	#coupons_page .row .col_01 {
		width:	calc(100% - 150px);
	}
	
	#coupons_page .row .col_02 {
		width:	150px;
	}
	
	#coupons_page .table td:first-child {
		width:	200px;
	}
}

@media screen and (max-width: 600px) {	
	#coupons_page .row .col_01,
	#coupons_page .row .col_02 {
		display:	block;
		width:	100%;
	}
	
	#coupons_page .row .col_02 {
		padding:	0;
	}
	
	#coupons_page .row .t4 {
		border-top:	1px solid black;
		padding:	10px 0 0 0;
	}
}


@media screen and (max-width: 1180px) {	
	#top_100 .top3 .col_01 {
		width:	290px;
		padding:	20px 0 0 40px;
	}
	
	#top_100 .top3 .col_02 {
		padding:	0 0 0 76px;
		width:	calc((100% - 290px) / 2);
	}
	
	#top_100 .top3 .col_03 {
		width:	calc((100% - 290px) / 2);
		padding:	0 76px 0 0;
	}
	
	#top_100 .top3::after {
		width:	290px;
	}
	
	#top_100 .pbox {
		width:	250px;
	}
}

@media screen and (max-width: 879px) {	
	#top_100 .top3 .col_01 {
		width:	100%;
		position: relative;
		margin:	0 auto 30px;
	}
	
	#top_100 .top3::before {
   		display:	none;
  	}
  	
  	#top_100 .top3 .col_01 .product_list {
  		position: relative;
  		z-index:	200;
  	}
  	
  	#top_100 .top3 .col_01 .nr ,
  	#top_100 .top3 .col_01 .decor{
  		z-index:	200;
  	}
  	
  	#top_100 .top3 .col_01 .nr {
  		left:	-17px;
  	}
  	
  	#top_100 .top3 .pbox {
  		margin:	0 auto;
  		display:	block;
  		width: 250px;
  	}
   
	#top_100 .top3 .col_01::after {
		height: 100%;
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		content: '';
		background: #aad6b5;
    }
    
	#top_100 .top3 .col_02 {
		padding:	0 0 0 76px;
		width:	calc((100%) / 2);
	}
	
	#top_100 .top3 .col_03 {
		width:	calc((100%) / 2);
		padding:	0 76px 0 0;
	}
	
	#top_100 .top3::after {
		display:	none;
	}
}

@media screen and (max-width: 725px) {	
	#top_100 .top3 .col_02 {
		width:	calc(100%);
		border:	0 none;
	}
	
	#top_100 .top3 .col_03 {
		width:	calc(100%);
		padding:	20px 0 0 76px;
	}
	

	#top_100 .top3 .col_03 .nr {
		top:	0;
		left:	0;
		right: auto;
		bottom: auto;
	}
	
	
}

@media screen and (max-width: 635px) {	
	.coupon_banner .b1 {
		display:	none;
	}
	
	.coupon_banner .b2 {
		width:	100%;
	}
}

@media screen and (max-width: 1260px) {	
	#top_100 .deftitle {
		padding:	0 0 0 10px;
	}
}


@media screen and (max-width:   936px){
	#ajanlatok #day_products {
		padding:	0;
	}
	
	#ajanlatok #day_products .decor,
	#ajanlatok #day_products .arrow_up {
		display:	none;
	}
}	

@media screen and (max-width:   1600px){
	#ajanlatok .filter_content .c1 {
		width:	100%;
		padding:	0 30px;
	}
	
	#ajanlatok .filters .next {
		display:	none;
	}
	
	#ajanlatok .c1 .buttoncol {
		display:	block;
	}
	
	#ajanlatok .c1 .buttoncol .next {
		display:	block !important;
	}
	
	#ajanlatok .filter_content .c0 {
		width:	100%;
	}
	
	#ajanlatok .filter_content .col01 img {
		width: 400px;
		position: relative;
		z-index: 100;
		box-shadow: 0 0 10px #3b3b3b;
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}
	
	#ajanlatok .filters .col01::before {
		display:	none;
	}
}

@media screen and (max-width:   985px){
	#ajanlatok .sec01 .col_01 {
		width:	100%;
	}
	
	#ajanlatok .sec01 .col_02 {
		width:	100%;
	}
	
	#ajanlatok .sec01 .col_02 #month_offer,
	#ajanlatok .moreaction,
	#ajanlatok .nwbox {
		width:	30%;
		margin:	0 10px 20px;
		min-width:	300px;
		display:	inline-block;
		vertical-align:	top;
	}
	
	#ajanlatok #month_offer .inner {
		padding:	0;
	}
}


@media screen and (max-width:   600px){
	#wm_filter .bottom .col_02 .pbox {
		margin:	0 auto;
	}
	
	#wm_filter .col_01 {
		width:	100%;
	}
	
	#wm_filter .col_02 {
		margin:	0 auto;
		display:	block;
	}
}

@media screen and (max-width:   785px){
	#ajanlatok_3 .col_01 {
		width:	200px;
	}
	
	#ajanlatok_3 .col_02 {
		width:	calc(100% - 200px);
	}
}


@media screen and (max-width:   600px){
	#ajanlatok_3 .col_01 {
		width:	140px;
	}
	
	#ajanlatok_3 .col_02 {
		width:	calc(100% - 140px);
	}
}


@media screen and (max-width: 796px) {	
	#ajanlatok .filter_details .col01 {
		display:	none;
	}
	
	#ajanlatok .filter_details .col02 {
		width:	100%;
		padding:	10px;
	}
}

@media screen and (max-width: 1103px) {
	#cartgift .cg2_box {
		width:	40%;
		min-width:	270px;
		margin:	0 auto 20px;
	}
	
	#cartgift .product_list .pbox {
		width:	100% !important;
		margin:	0 auto;
	}

}

@media screen and (max-width: 1103px) {
	#choose_gls_pont #big-canvas {
		max-width:	100%;
	}
}

#wm_slider_top .inner {
    gap: 15px; /* Térköz a képek között desktopra */
    padding-left: 15px; /* Térköz az első kép előtt */
    padding-right: 15px; /* Térköz az utolsó kép után */
}

#wm_slider_top .inner a:nth-child(2) img {
    display: block;
    max-width: 100%; /* Soha ne lépje túl a konténer szélességét */
    height: auto; /* Az arányok megtartása */
}

#wm_slider_top .inner a {
    /* A gap property kezelik a terközöket */
}

#wm_slider_top .inner a:last-child {
    /* A gap property kezelik a terközöket */
}


@media screen and (max-width: 1200px) {
    #wm_slider_top {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #wm_slider_top .inner {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 15px !important; /* Térköz a képek körül mobil nézetben */
        gap: 15px; /* Térköz a képek között mobil nézetben */
    }
    #wm_slider_top .inner a {
        display: block !important;
        width: 100%;
        margin-right: 0;
    }
    #wm_slider_top .inner a img {
        width: 100% !important;
        height: auto !important;
        max-width: 100%;
    }
    #wm_slider_top .t_col {
        display: none !important;
    }
    
    /* Melyik képek jelenjenek meg: */
    /* 1. kép (pályázat) */
    #wm_slider_top .inner a:nth-child(1) {
        display: none !important;
    }
    /* 2. kép (ünnepi nyitvatartás) */
    #wm_slider_top .inner a:nth-child(2) {
        display: block !important;
    }
    /* 3. kép (adománybotton) */
    #wm_slider_top .inner a:nth-child(3) {
        display: block !important;
    }

    #wm_top .col_01 {
        display: none;
    }
    #wm_top .col_02 {
        margin: auto;
        width: 100%;
        height: auto;
    }
    #wm_top img {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 1000px;
        padding: 10px;
    }
    
    #wm_user_desc {
        padding: 20px 0 0;
    }
}


@media screen and (max-width:   980px){
	#wm_filters .filter_content  {
		margin:	0 auto 20px;
	}
}


@media screen and (max-width: 1200px){
	#wm_sec02 .col_01,
	#wm_sec02 .col_02 {
		width:	100%;
		border:	0 none;
	}

	#wm_sec02 .col_01 {
		padding: 0 12px;
	}

	#wm_sec02 .col_02 {
		padding:	0 10px;
		margin:	20px auto 0;
	}

	#wm_sec02 .dpbox .p0 {
		font-size:	17px;
	}
	
	#wm_sec02 .col_02 .t0 {
		font-size:	20px;
		line-height:	1.5;
	}
}

@media screen and (max-width:   600px){
	#wm_sec02 .col_002,
	#wm_sec02 .col_001,
	#wm_sec02 .col_02 .t0 {
		width:	100%;
	}

	#wm_sec02 .col_01 {
		padding: 0px;
	}

}

@media screen and (max-width:   1260px){
	#wm_nw .col_01 {
		padding:	0 10px;
	}
}

@media screen and (max-width:   833px){
	#wm_nw .col_02 {
		display:	none;
	}
	
	#wm_nw .col_01 {
		width:	100%;
	}
	
	#wm_nw .half_input_div {
		width:	100%;
	}
}

@media screen and (max-width:   540px){
	#month_offer .m1 .orig_price {
		margin:	10px auto 0;
		position: relative;
	}
}	



@media screen and (max-width: 856px) {
	#uoffer .col_01 {
		width:	300px;
	}
	
	#uoffer .col_02 {
		width:	calc(100% - 300px);
	}
	
	#uoffer .x1 {
		font-size:	14px;
	}
}

@media screen and (max-width: 570px) {
	#uoffer .col_01,
	#uoffer .col_02 {
		width:	100%;
	}
	
	#uoffer .col_02 {
		padding:	53px 0 0 0;
	}
	
	#uoffer .x0 {
		font-size:	16px;
	}
	
}


@media screen and (max-width: 1040px) { 
	#nyer .the_image_boxes {
		display:	none;
	}
	
	#nyer .col_01 {
		margin:	0 auto;
	}
	
	#nyer .col_02 img {
		width:	300px;
		margin:	20px auto 0;
	}
	
	#nyer .col_02 .btn {
		display:	block;
		margin:	-20px auto 0 auto;
	}
}


@media screen and (max-width: 900px) { 
	#nyer .col_01 {
		width:	100%;
		padding:	0 10px;
	}
	
	#nyer .col_02 {
		padding:	0;
		width:	100%;
	}
}

@media screen and (max-width: 1036px) { 
	#nyer2 .col_01 {
		width:	100%;
		padding:	20px 10px;
	}
	
	#nyer2 .col_01 .img_01 {
		top:	60px;
	}
	
	#nyer2 .t0 {
		font-size:	21px;
	}
	
	#nyer2 .col_03 {
		width:	calc(100%);
		padding:	0 10px;
	}
}


@media screen and (max-width: 750px) { 
	#nyer2 .col_02 {
		width:	0;
	}
	
	#nyer2 .col_03 {
		width:	calc(100%);
	}
	
	#nyer2 .col_02 img {
	    width: 300px;
		max-width: 250px;
		margin: 0 0 0 -200px;
	}
}

@media screen and (max-width: 1240px) { 
div#ak-widget div.akw-container div.akw-tab {
display: none;
}}



@media screen and (max-width: 500px) { 
	#nyer2 .col_02 {
		display:	none;
	}
	
	#nyer2 .col_03 {
		width:	calc(100%);
	}
	
	#nyer2 .inner {
		padding:	0;
	}
	
	#nyer2 .col_01::before,
	#nyer2 .col_01 .img_01{
		display:	none;
	}
}

@media screen and (max-width: 820px) {	
	#pr_po .pr_po_col_01,
	#pr_po .pr_po_col_02 {
		width:	100%;
		padding:	0;
	}
	
	#fb_header_box {
		display:	none;
	}
}

@media screen and (max-width: 1260px) {
	#kar2021  {
		padding:	0 10px;
	}
}

@media screen and (max-width: 800px) {
	#kar2021 .sec01 .col_01 {
		padding:	0 10px;
		width:	100%;
	}
	
	#kar2021 .sec01 .col_02 {
		padding:	20px 10px;
		width:	100%;
	}
	
	#kar2021 .sec01 .col_02 img {
		width: 400px;
	}
}









