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

body{
	padding:0;
	margin:0;
}
header {
	width: 100%;
}

.container{
	width:100%;
	padding:0;
	margin:0;
}
.koloms_1, .koloms_2, .koloms_3, .koloms_4, .koloms_5, .koloms_6, .koloms_7, .koloms_8, .koloms_9, .koloms_10, .koloms_11, .koloms_12{
	float:left;
	height:auto;
	width:94%;
	margin:0 3%;
	text-align:left;;
}
    
a.button{
    width:100%;
    float:left;
    padding:0;
    float:left;
    text-align:center;
    padding:0.5em 0;
}

.hidden_phone{
	display:none;
}

.visible_phone{
	display:block;
}

nav{
	width:94%;
    margin:0 3%;
    padding:0;
}

ul{
	width:100%;
}

.product{
	margin-bottom:3em;
    float:left;
}

nav ul li{
	float:left;
	width:100%;
	text-align:center;
	margin-top:0.5em;
	text-transform:uppercase;
}

nav ul li a{
	color:#fff;
	text-decoration:none;
}

nav ul li:hover{
	color:#fff;
	text-decoration:none;
}

nav ul li:hover a{
	color:#fff;
}

.service{
	text-align:center;
}

footer{
	text-align:center;
}


footer .facebook, footer .linkedin{
	float:none;
}
    
.rightside{
    float:left;
}
    
li ul{
    display: none;
}