Problema Responsive

[nicolaviareggio]

Buongiorno,
ho realizzato una testata per il sito www.fcz.it, che potete vedere in alto bianca che, a quanto pare, crea dei problemi nella visualizzazione responsive dell'intero sito, che precedentemente funzionava correttamente.

Ho già fatto decine di prove, ma sembra che quando il sito viene aperto da smartphone ci sia qualche elemento che non permette di arrivare alla visualizzazione corretta.

Vi posto qua il css, potete darmi una mano ? Grazie

<style>
body {
	margin-top:302px;
	
}
	
.menu-testata {
	background-color: #F00;
	position: fixed;
	top: 0px;
}


.menu_intestazione {
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	height: 182px;
	position: absolute;
	top: 0px;
	background-color: #FFFFFF;
	border-bottom: thin solid #000000;
}
.menu_intestazione .testata {
	width: 650px;
	text-align: center;
	letter-spacing: -3px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 75px;
}


.menu_intestazione .logo {
	float: left;
	margin-top: -20px;
}
.menu_intestazione .testata .titolo {
	float: left;
	display: block;
	
}


.menu_intestazione .simboli {
	float: left;
}


.titolo-1 {
	font-size: 46px;
}


.titolo-2 {
	font-size:40px;
}


.titolo p {
	font-size: 20px;
	margin-top: -2px;
	letter-spacing: 0px;
}


.left {
	float: left;
}
.right {
	float: right;
}
clear {
	clear: both;
}


.banner_left {
	position: absolute;
	left: 20px;
	top: 70px;
}
.banner_right {
	position: absolute;
	right: 20px;
	top: 70px;
}


.no-testata {
	visibility:hidden;
	display:none;
}




@media screen and (max-width: 1024px) {
	.wpi-box {
		width: 1020px;
	}
	.banner_right {visibility:hidden; display:none;}
	.banner_left {visibility:hidden; display:none;}
}


@media screen and (max-width: 1019px) {
	.banner_right {visibility:hidden; display:none;}
	.banner_left {visibility:hidden; display:none;}
}


@media screen and (max-width: 989px) {
	.banner_right {visibility:hidden; display:none;}
	.banner_left {visibility:hidden; display:none;}
	.wide {margin-left:50px;}
}


@media screen and (max-width: 849px) {
	.wpi-box {
		width: 800px;
	}
	.banner_right {visibility:hidden; display:none;}
	.banner_left {visibility:hidden; display:none;}
}


@media screen and (max-width: 809px) {
	.banner_right {visibility:hidden; display:none;}
	.banner_left {visibility:hidden; display:none;}
	.wide {margin-left:50px;}
	
}


@media screen and (max-width: 709px) {
	.wpi-box {
		width: 640px;
	}


	.banner_right {visibility:hidden; display:none;}
	.banner_left {visibility:hidden; display:none;}
}


@media screen and (max-width: 669px) {
	.banner_right {visibility:hidden; display:none;}
	.banner_left {visibility:hidden; display:none;}
	.wide {margin-left:50px;}


	
}


@media screen and (max-width: 529px) {
	.wpi-box {
		width: 450px;
	}
	
	#header-line-3 {width: 450px; }
	.banner_right {visibility:hidden; display:none;}
	.banner_left {visibility:hidden; display:none;}


.menu_intestazione {
	
	height:350px;
	margin-left: auto;
	margin-right: auto;	
}


.testata {
	
}


.menu_intestazione .logo {
	clear:both;
	position:absolute;
	top:10px;
	left:30%;
}
.menu_intestazione .testata .titolo {
	clear:both;
	position:absolute;
	top:100px;
	left:7%;
	overflow:hidden;
}


.menu_intestazione .simboli {
	clear:both;
	position:absolute;
	top:180px;
	left:35%;
}
}


@media screen and (max-width: 489px) {
	.banner_right {visibility:hidden; display:none;}
	.banner_left {visibility:hidden; display:none;}
	.wide {margin-left:30px;}
	
	
	
}


@media screen and (max-width: 339px) {
	.wpi-box {
		width: 320px;
	}
	
	
	
	.banner_right {visibility:hidden; display:none;}
	.banner_left {visibility:hidden; display:none;}
}




@media screen and (max-width: 299px) {
	.wpi-box {
		width: 290px;
	


	
	.banner_right {visibility:hidden; display:none;}
	.banner_left {visibility:hidden; display:none;}
	.wide {margin-left:10px;}
	
}
		
		</style>

[ResianTaxidrive]

Io vedo che anche a finestra stretta c'è una regola che fissa a 650px l'elemento con classe menu_intestazione .testata.
Di sicuro la cosa va cambiata.

[nicolaviareggio]

Io vedo che anche a finestra stretta c'è una regola che fissa a 650px l'elemento con classe menu_intestazione .testata.
Di sicuro la cosa va cambiata.

Non ci posso credere, ne ho provate di tute e mi era scappata la cosa più banale.
Grazie mille.