@charset "utf-8";
/* CSS Document */


@media (min-width: 1500px) {}
@media (min-width: 1200px) {}
@media (max-width: 1199px) {
	
	
}
@media (min-width: 993px) {}
@media screen and (max-width: 992px){
	
	.contact_left p, .contact_left a{
		text-align:center;
	}
	.contact_right p, .contact_right a{
		text-align:center;
	}
/*========================================================================*/
/*========================= RENDELÉSEIM ===============================*/
	.timeline_content {width:100%;}
	.timeline_img {width:100%;height: 120px;padding:0;}
	.timeline_img img {height:120px; width: auto;padding:0;}
	.timeline_wrapper{height:100%;}
	.timeline_header {
		position: absolute;
		top: 0;
		left: 120px;
		width:calc(100% - 120px);
	}
	.timeline_header_right {width:100%;float: left}
	.timeline_header_left {width:100%;}
/*========================= /RENDELÉSEIM ===============================*/
	
}
@media screen and (min-width: 768px){
	#nav_mobil {display:none;}
	#nav_head {display:block}
	#navigation {display:block}
}
@media screen and (max-width: 767px){
	
	#nav_mobil {display:block;}
	.nav_mobil_left {
		width:30%;
		float: left;
		display: inline-block;
	}
	.nav_mobil_mid {
		width:40%;
		float: left;
		display: inline-block;
	}
	.nav_mobil_mid a{
		width:100%;
		height: 40px;
		float: left;
		display: inline-flex;
	}
	.nav_mobil_mid img {
		height: 40px;
		max-height: initial;
		padding: 10px 0px;
		margin: 0 auto;
		overflow: hidden;
	}
	.nav_mobil_right {
		width: 30%;
		float: right;
		display: inline-block;
	}
	.nav_mobil_right .btn_cart{
		float: right;
		width: 110px;
		margin:5px;
		text-align: center
	}
	
	
	#nav_head {display:none}
	#navigation {display:none}
	.navbar-toggle {
		position: relative;
		border: 1px solid transparent;
		border-radius: 2px;
		width: 110px;
		font-size: 19.5px;
		display: inline-flex;
		height: auto;
		color: #fff;
		margin:5px;
		padding: 2px 5px 0px 8px;
		cursor: pointer;
		float: left;
	}
	.nav_mobil_left p{
		height: 26px;
		font-size: 14px;
		margin-bottom: 0px;
		line-height: 1.9;
	}
	.icon-menu:before {
    	content: '\e80a';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: never;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		line-height: 1.3em;
	    margin-left: 0.11em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	#nav_mobil {
		display: block;
		position: fixed;
		margin-top: 0px;
		background-color: #f2f2f2;
		width: 100%;
		box-shadow: 0px 0px 3px #999;
		transition: 0.3s;
		user-select: none;
		z-index: 1500;
	}
	.contact_left p, .contact_left a{
		text-align:left;
	}
	.contact_right p, .contact_right a{
		text-align:left;
	}

	#newsletter .gdpr_p {
		width:90%;
		margin: 6px 5px;
	}
	.page_title h1 {
		letter-spacing:5px;
		font-size: 24px;
	}
	.scroll-down-black-box{display:none}
	
/*========================================================================*/
/*========================= RENDELÉSEIM ===============================*/
.timeline_header {
	position: relative;
	top:unset;
	left: unset;
	width: calc(100% - 0px);
}
.timeline_header_left {
	width: calc(100% - 0px);
	height: auto;
	padding: 10px 5px;
}
.timeline_header_right{width:100%;}
.timeline_header {height:100%;}
.timeline_img{width:100%; height: 170px; display: inline-flex;background-color: #f4f4f4}
.timeline_img img{ height: 170px; width:170px;padding: 10px 10px;margin:0 auto}
.timeline_content {width:100%;padding: 20px 50px;}

.timeline_header_box {width:calc(100% - 50px);float: right}
.timeline_wrapper{height:100%;}
.timeline_icons {    
	width: 50px;
	float: left;
	display: inline-grid;
	margin-top: 20px;
	margin-bottom: 0px;
}
.timeline_incon_step{width:100%;height: 110px;position: relative}
.timeline_line_box{
	width: 50px;
	height: 110px;
	position: absolute;
	top: -70px;
	left: 27px;	
	z-index: 1;
}
.timeline_line {
	width:8px;
	height: 100%;
	background: #ddd;
	float: left;
	display:block;
	border:none;		
}
.timeline_data_box {width:calc(100% - 50px);float: left;padding-left:40px;}
.timeline_text_box{width:100%;height: 110px; float: left;text-align: left}
.timeline_text_box p{width:100%;float: left;text-align: left;padding-left: 10px;font-size: 14px}
.timeline_step {width:100%;float: left;text-align: left;padding-left: 10px;}
.timeline_text_box .timeline_text_date {text-align:left}
.timeline_text_box .timeline_text_time {text-align:left}
.timeline_text_box .timeline_text_status {text-align:left}
.timeline_text_box p a {text-align:left;}
.timeline_text_box .timeline_step_btn {width: auto; padding: 0px 15px; margin-left: 10px;}
.timeline_content2 {padding:0;}

.timeline_icon_box i{bottom: 75px;}
.timeline_icon_box {z-index:10;}
.timeline_content2 {  width: 100%; padding: 20px 50px}
.timeline_icons2 {
    width: 50px;
    float: left;
    display: inline-grid;
    margin-top: 0px;
    margin-bottom: 0px;
}	
.timeline_incon_step2 p {
width: 100%;
height: 110px;
position: relative;
}
.timeline_line_box2	{
	width: 80px;
	position: absolute;
	top: -28px;
	left: -10px;
	z-index: 1;
	transform: rotate(90deg);
}
.timeline_text_box2 {
	width: 100%;
	height: 110px;
	float: left;
	text-align: left;
}
.timeline_incon_step2 {height: 110px;}
.timeline_icon_box2 i {bottom: 75px;}
.timeline_data_box2 {width:calc(100% - 50px);float: left;padding-left:40px;}	

.timeline_step2 {text-align: left; padding-left: 5px;}
.timeline_text_box2 .timeline_text_date2 {text-align: left}
.timeline_text_box2 .timeline_text_time2 {text-align: left}
.timeline_text_box2 .timeline_text_status2 {text-align: left}
.timeline_text_box2 p {text-align: left}
.timeline_data_box2 .active p a {text-align:left}
.timeline_icon_box2 { z-index: 5;}

/*======================== /RENDELÉSEIM ===============================*/
}






@media (max-device-width: 480px) and (orientation: landscape) {}

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

.nav_mobil_left img {
	width:auto;
	height: 100%;
	padding:0px;
	margin:0px auto;
	}
#newsletter .gdpr_p {
    width: 85%;
    margin: 6px 5px;
}
.wrapper_categories_sidebar {margin-top:0px;}	
.overlay_menu_logo {
    width: 50%;
    margin-bottom: 50px;
    margin-left: 25%;
}
.overlay_menu_logo img {
    width: 100%;
    margin: 20px auto 50px auto;
}
}
@media screen and (max-width: 360px){
	
	
	
	
	
}