/*Tablet & Mobile*/
/*#1*/
@media only screen 
and (max-width : 1199px) 
and (min-width : 992px) {
html, body{width: 100% !important; overflow-x: hidden;}

.page_with_sidebar h2, .page_without_sidebar h2 {font-size: 18px;}
.text_mappa {margin-top: 2em;}
.text_mappa p{font-size: 13px;}
	
.sezione_centrale {width: 230px; height: 230px; background-size: 100%; margin: 150px 0px 0px 112px;}
	
#carrello{overflow-x: scroll; margin-top: 2em}
.table#carrello{width: 135%; max-width: 135%; margin-bottom: 20px;}
}


/*#2*/
@media only screen 
and (max-width : 991px) 
and (min-width : 768px) {
html, body{width: 100% !important; overflow-x: hidden;}

.detail_service {padding: 1em;}
.detail_service h2 {font-size: 16px;}
.detail_service a, .detail_service a:focus {font-size: 13px !important;}

.text_mappa {margin-top: 2em; padding: 0px 0px 0px 0px;}
.text_mappa p{font-size: 13px;}
.sezione_centrale {margin-left: 25%; margin-top: 38%; width: 50%; height: 45%;}
.page_with_sidebar h1, .page_without_sidebar h1 {font-size: 17px;}
	
.sezione_centrale {width: 200px; height: 200px; background-size: 100%; margin: 175px 0px 0px 72px;}
		
#carrello{overflow-x: scroll; margin-top: 2em}
.table#carrello{width: 155%; max-width: 145%; margin-bottom: 20px;}
}


/*#3*/
@media only screen 
and (max-width : 767px) 
and (min-width : 522px){
html, body{width: 100% !important; overflow-x: hidden;}
.navbar-brand{display: block !important; color: #fff !important;}
.navbar-default .navbar-toggle{border-color: #fff !important; background: #fff !important;}
.navbar-collapse{padding-left: 15px !important;}
.dropdown-menu{position: relative !important; width: 100% !important;}
.sezione_mobile{display: table; margin: auto;}
header a{margin: 0px auto 2em; display: table;}
header .link_right a{margin-bottom: 0px !Important}
.detail_service {width: 70%; margin: 1em auto 2em;}

.dropdown-menu{display: table !important; background: #EB851A; border: 0px; box-shadow: none; padding-left: 20px; padding-top: 0px;}
.dropdown-menu li{padding: 0px}
.dropdown-menu > li > a{padding: 10px; color: #fff !important}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background: #BD6910 !important;}
.navbar-nav > li > a {clear: both;}

/*Contrassegno*/
.form_contrassegno{width: 100%; overflow-x: scroll;}
.form_contrassegno form{width: 150%; padding-bottom: 30px;}

.text_mappa {padding: 0px 15px 0px 15px; margin-top: 3em; margin-bottom: 3em;}
.zoom_map{margin-bottom: 3em}
.box_mappa_results h1 {margin-top: 2em;}

.sezione_centrale {width: 200px; height: 200px; background-size: 100%; display: table; margin: 175px auto 31% !important; float: none; position: relative;}

#carrello{overflow-x: scroll; margin-top: 2em}
.table#carrello{width: 155%; max-width: 145%; margin-bottom: 20px;}
}


/*#4*/
@media only screen  
and (max-width : 521px)
and (min-width : 400px){
html, body{width: 100% !important; overflow-x: hidden;}
.navbar-brand{display: block !important; color: #fff !important;}
.navbar-default .navbar-toggle{border-color: #fff !important; background: #fff !important;}
.navbar-collapse{padding-left: 15px !important;}
.dropdown-menu{position: relative !important; width: 100% !important;}

.sezione_mobile{display: table; margin: auto;}
header a{margin: 0px auto 2em; display: table;}
header .link_right a{margin-bottom: 0px !Important}
.detail_service {width: 90%; margin: 1em auto 2em;}

.dropdown-menu{display: table !important; background: #EB851A; border: 0px; box-shadow: none; padding-left: 20px; padding-top: 0px;}
.dropdown-menu li{padding: 0px}
.dropdown-menu > li > a{padding: 10px; color: #fff !important}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background: #BD6910 !important;}
.navbar-nav > li > a {clear: both;}

/*Contrassegno*/
.form_contrassegno{width: 100%; overflow-x: scroll;}
.form_contrassegno form{width: 150%; padding-bottom: 30px;}
.text_mappa {padding: 0px 15px 0px 15px; margin-top: 3em; margin-bottom: 3em;}
.zoom_map{margin-bottom: 3em}
.box_mappa_results h1 {margin-top: 2em;}
.sezione_centrale {margin-left: 20%; margin-top: 30%; width: 60%; height: 50%;}
	
.sezione_centrale {width: 200px; height: 200px; background-size: 100%; display: table; margin: 160px auto 31% !important; float: none; position: relative;}
	
#carrello{overflow-x: scroll; margin-top: 2em}
.table#carrello{width: 155%; max-width: 145%; margin-bottom: 20px;}
}


/*#5*/
@media only screen 
and (max-width : 399px){
html, body{width: 100% !important; overflow-x: hidden;}
.navbar-brand{display: block !important; color: #fff !important;}
.navbar-default .navbar-toggle{border-color: #fff !important; background: #fff !important;}
.navbar-collapse{padding-left: 15px !important;}
.dropdown-menu{position: relative !important; width: 100% !important;}

.sezione_mobile{display: table; margin: auto;}
header a{margin: 0px auto 2em; display: table;}
header .link_right a{margin-bottom: 0px !Important}
.detail_service {width: 100%; margin: 1em auto 2em; padding: 1em;}

.dropdown-menu{display: table !important; background: #EB851A; border: 0px; box-shadow: none; padding-left: 20px; padding-top: 0px;}
.dropdown-menu li{padding: 0px}
.dropdown-menu > li > a{padding: 10px; color: #fff !important}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background: #BD6910 !important;}
.navbar-nav > li > a {clear: both;}
.search_form {padding: 1em;}

/*Contrassegno*/
.form_contrassegno{width: 100%; overflow-x: scroll;}
.form_contrassegno form{width: 260%; padding-bottom: 30px;}
.sezione_centrale{border: 0px}
.text_mappa {padding: 0px 15px 0px 15px; margin-top: 3em; margin-bottom: 3em;}
.zoom_map{margin-bottom: 3em}
.box_mappa_results h1 {margin-top: 2em;}
	
.sezione_centrale {width: 150px; height: 150px; background-size: 100%; display: table; margin: 190px auto 31% !important; float: none; position: relative;}
	
#mappa_anteprima {width: 380px !important;}
	
#carrello{overflow-x: scroll; margin-top: 2em}
.table#carrello{width: 155%; max-width: 155%; margin-bottom: 20px;}
}