/* Smartphones ----------- */
@media screen and (max-width: 768px) {
.header_content,
.header_content_l,
.header_content_c,
.header_content_r,
.navbar,
.content,
.banner,
.column_l,
.column_c,
.column_r,
.column_l_big,
.column_r_small,
.column_inner,
.footer_content,
.footer_content_l,
.footer_content_c,
.footer_content_r,
.adress span,
.contact ul li {
	clear:both;
	width:100%;
	display:block;
	margin:0;
	}
.header{
	height:auto;
	}
.btn_menu {
	position: absolute;
	right: 10px;
	top: 22px;
	padding: 5px;
	margin: 0;
	cursor: pointer;
	z-index:1;
	}
.btn_menu_bar{
    display: block;
    width: 25px;
    height: 2px;
    background-color: #fff;
    margin-bottom: 5px;
    }
.btn_menu_bar:last-child{
    margin-bottom: 0;
    }			
.logo{
	text-align:center;
	}
.navbar{
	height:0;
	transform: translate3d(0, 0, 0);
    -webkit-transition: height .25s linear;
    -moz-transition: height .25s linear;
    -o-transition: height .25s linear;
    -ms-transition: height .25s linear;
    transition: height .25s linear;
	}
.navbar_expanded {
	transform: translate3d(0, 0, 0);
    -webkit-transition: height .25s linear;
    -moz-transition: height .25s linear;
    -o-transition: height .25s linear;
    -ms-transition: height .25s linear;
    transition: height .25s linear;
    height: auto;
    }	
.navbar li{
	overflow:hidden;
	}	
.navbar li a{
	clear:both;
	display:block;
	width:100%;
	line-height:1;
	padding:15px;
	}	
.country{
	text-align:right;
	line-height:1;
	padding:15px;
	}
.header_content_r{
	height:0;
	}	
.header_content_r_expanded{
	height:auto;
	}			
.column_l,
.column_c,
.column_r,
.column_l_big,
.column_r_small{
	overflow:hidden;
	width:100%;
	float:none;
	padding:20px;
	}	
.column_inner,
.column_small_inner {
	min-height:auto;
	}
p.columns_text{
	line-height:1;
	 -webkit-column-count: 1; /* Chrome, Safari, Opera */
	 -moz-column-count: 1;/* Firefox */
	 column-count: 1;
	 -webkit-column-gap: 0;/* Chrome, Safari, Opera */
	 -moz-column-gap: 0;/* Firefox */
	 column-gap: 0;
	 margin:0;
	}
.contact ul li{
	margin-bottom:20px;
	}
.top_3{
	display:none;
	}	
		
.footer{
	height:auto;
	position:relative;
	overflow:hidden;
	}
.social{
	width:150px;
	float:right;
	height:50px;
	overflow:hidden;
	}	
.adress span{
	margin-top:15px;
	text-align:center;
	line-height:2;
	}
.slogan{
	float:none;
	text-align:center;
	}
}

/* Tablet  ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}