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

	.container{ width:100%; margin:auto; }
	div.homecontent .colsx{ width:70%;}
	div.homecontent .coldx{ width:30%;}
		
	#top1 .dx img {
		width: 100%;
	}	

}

@media screen and (max-width: 1139px){
#frontone{ width:100%;}
}

@media screen and (max-width: 1000px){
	
	.menubg a {
		height: 50px;
		font-size: 14px;
		padding-top: 18px;
		padding-left: 5px;	
   		padding-right: 5px;		
	}
	
	.menubg {
		height: 50px;
	}
	
	#top1 .dx{
		right:10px;
	}
	
	#footer .colsx img {
		max-width: 130px;
		margin-bottom: 30px;
	}
	#footer .colsx {
		float: none;
		margin-right: 200px;
		border-right:0;
	}	

}

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

	#top2 .colsx{ display:none;}
	#top2 .collogo{ float:none; margin:auto;}
	.menu_hidden{ padding:10px; text-align:center; background-color:#FFFAAD; display:block;}
	.menu_hidden a{ text-decoration:none; color:#2d2d2d; text-transform:uppercase;}
	
	.grid{ width:100%;}
	#top4 .col {
		float: none;
		width: 100%;
	}
	#top4 .col .top4colContainer{ padding:10px;}
	.content1 {
		min-height: 900px;
	}
	.content1 .title {
		font-size: 38px;
		text-align: center;
	}
	
	.footer .container{ width:80%;}
	.row2 .colsx, .row2 .coldx {
		width: 100%;
		float: none;
		text-align:center;
	}
	
#top1 .sx, #top1 .dx {
    position: relative;
    left: inherit;
    top: inherit;
    width: 80%;
    text-align: left;
    right: inherit;
}

#top1 .sx img {
    width: 190px;
    height: auto;
}

#top1 .dx img {
    width: 100px;
}

div#top1 {
    height: 70px;
}
.mobileicon_hamburger{ display:block;}	
	
	
	#top_menu.mobilemenu .menubg a{ font-size:12px;}
	

}


@media screen and (max-width: 600px){
	
	.content1 {
		min-height: 700px;
	}	
	
.colsx .box {
    padding: 5px;
}

div.homecontent .colsx {
    float: none;
    width: 100%;
}

.box-catalogo-list ul li {
    width: 44%;
    height: 100px;
}

div.homecontent .coldx {
    width: 100%;
    float: none;
}

div#footer {
    padding: 5px;
}

#footer .colsx {
    float: none;
    margin: 10px 20px 20px 0;
}

.footer-title {
    margin-bottom: 5px;
}

.footer-content {
    margin-bottom: 20px;
}	

.title h1 {
    font-size: 28px;
}

#footer .colsx img {
    max-width: 120px;
}

.whatsapp-box {
    float: none;
    margin: 0;
    width: 100%;
	margin-bottom:20px;
}

.whatsapp-box-subtitle {
    padding-top: 10px;
}

.whatsapp-box-title {
    font-size: 21px;
    line-height: 21px;
}
	
	
}
@media screen and (max-width: 500px){

	.content1 {
		min-height: 600px;
	}
	.content1 .title {
		font-size: 30px;
		text-align: center;
	}	
	
	.div_btn {
		top: inherit;
		width: 100%;
		text-align: center;
	}
	.search .container{ padding-bottom:80px;}
	
	#top_menu.mobilemenu .menubg a{ font-size:14px;}
		
}
@media screen and (max-width: 400px){

	.content1 {
		min-height: 500px;
	}
	
	#top1 .sx img {
		width: 180px;
		margin-top: 10px;
	}
	
.box-promo-title {
    font-size: 22px;
    line-height: 22px;
}

.photocontainerfloating {
    float: none;
}

.colsx .box .photocontainer {
    width: 90%;
    max-width: 90%;
}	
.frontone_slide .claim .title {
    font-size: 20px;
    line-height: 20px;
}
.frontone_slide .claim .title {
    font-size: 20px;
    line-height: 20px;
}

#top1 .sx img {
    height: 90%;
    width: auto;
    margin-top: 3px;
}

#top1 .sx {
    height: 70px;
}


		
}