/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.navbar-default .navbar-nav > li > a {
	font-size: 14px;
	padding-left: 6px;
	padding-right: 6px
}
.site-name img {
	width: 220px;
	height: auto
}
.esito img {
	width: 100%;
	height: auto;
}
	.marginbottommobile {margin-bottom: 30px}
}

/* smart-phone ----------- */
@media (max-width: 767px) {
h2 {
	font-size: 25px;
}
h3 {
	font-size: 20px;
}
.landing h1 {
	font-size: 35px;
}
.padding-header {
	padding: 20px 0 15px
}
.landing-text {
	display: none;
}
.navbar-default .navbar-toggle {
	background-color: #009036;
	border-color: #009036
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle {
	background-color: #009036
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active {
	background-color: #009036
}
.navbar-collapse, .navbar-backyard, .navbar-collapse ul, .navbar-collapse ul li a {
	background-color: #fff;
	z-index: 999
}
.navbar-collapse ul li a:hover, .navbar-collapse ul li a:active, .navbar-collapse ul li a:focus {
	background-color: #fff;
	z-index: 999
}
.site-name img {
	margin-left: 10px;
}
.logo {
	margin: 40px 0 30px 0;
}

.signup-header {
	margin: 30px 0;
}
#intro, #servizi, #proposte, #interne {
	padding: 30px 0;
}
#policy {
	padding: 70px 0 70px;
}
#servizi {
	padding-top: 50px;
}
#interne h2 {
	font-size: 17px;
}
.btn-section {
	text-align: center;
}
.row-feat {
	padding-top: 10px;
	padding-bottom: 40px;
}
.lista-servizi i {
	padding-left: 40px;
}
#servizi-2 {
	padding: 40px 0 50px;
}
#package {
	padding-top: 80px;
}

.contact-left {
	margin-bottom: 50px;
}
	.marginbottommobile {margin-bottom: 30px}

/* ESITO */
#esito {
	padding: 20px 0;
}
#esito h1 {
	font-size: 18px;
}
.esito img {
	width: 100%;
	height: auto;
}
.ordina-mobile {
	margin: 8px 0;
}

/* DETTAGLIO */
.bg-grey-mobile {
	background-color: #f6f6f6;
}
.bg-white-mobile {
	background-color: #fff;
}
#contatti-dettaglio {
	background-color: #fff
}
}

/* 480 ----------- */
@media (max-width: 480px) {
	
	.site-name img {
	width: 200px;
}
.lista-servizi i {
	padding-left: 5px;
}
.miniature {
	display: none
}
#mappa h3 {
	font-size: 18px
}
}