header a.button-collapse{display:none;}

/* Responsive */

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

	header{padding: 5px 25px;}
	header a.button-collapse{display:inline-block; float: right; height: 100%;}
	header a.button-collapse i{color: #2fa1d9;}
	header .row{margin-bottom: 0;}
	div#menu{display: none;}
	div#checkup{display: none;}
	div#logo{width:30% !important; float: left; text-align: left; padding:0;}

	ul#slide-out ul.submenu{padding-left: 20px;}
	/*.side-nav li{line-height: 32px;}
	.side-nav li > a{height: 32px; line-height: 32px;}*/

	ul#slide-out ul.submenu li a{display: inline-block; line-height: 22px;}
	ul#slide-out div#checkup{display: block; float: none; width: 100%; }
	ul#slide-out div#checkup a{font-size: 26px;}

}

/* HEIGHT ADJUSTMENTS */
@media only screen and (max-height: 730px) {
	#mainimage img.logo{margin-top: 110px; margin-bottom: 0;}
	#mainimage a.cta{margin-top: 0;}
	#mainimage.serviceheading a.cta{margin-top: 40px;}
	#mainimage h1, #mainimage h3{margin-bottom: 0;}

}

/* TABLET LANDSCAPE*/
@media only screen and (max-height: 730px) and (max-width: 1280px) {
	#serviziblocks .col-sm-4{width:50%;}
	#serviziblocks .box a span.number{margin-top: 25px;}
	#serviziblocks .box a span.number::after{opacity: 1;}
	#serviziblocks .box a span.title{opacity: 1;}

}

/* TABLET PORTRAIT*/
@media only screen and (max-width: 800px) and (max-height: 1280px) {
	#perchescegliere p {min-height: 120px;}
	#perchescegliere p br{display: none;}
	#serviziblocks .col-sm-4{width:50%;}
	#serviziblocks .box a span.number{margin-top: 5px;}
	#serviziblocks .box a span.number::after{opacity: 1;}
	#serviziblocks .box a span.title{opacity: 1;}

	#latest-blog article.col-sm-9{width: 100%;}
	#latest-blog div.newsblock{border-right: 0; border-bottom: 1px solid #636363; padding-bottom: 30px; margin-bottom: 30px;}
	#latest-blog div.newsletterbox{width: 100%; text-align: center;}
	#latest-blog div.newsletterbox a{display: block; margin-left: auto; margin-right: auto; margin-top: 20px;}

	#numberblocks.people span.number{font-size: 30px; padding-bottom: 0; line-height: 55px;}
	#numberblocks.people p{line-height: 20px; font-size: 18px; padding-left: 10px; padding-right: 10px; top: 25%;}
	#numberblocks.people p br{display: none;}

	#mainimage.serviceheading a.cta{margin-top: 80%; }

	section.gallery .box{width: 50%;}

	body.blog > div.container > div.col-sm-8,
	body.blog > div.container > div.col-sm-4{width: 100%;}
	body.blog > div.container > div.col-sm-4{margin-top: 40px;}

	section#formarea .col-sm-6{width: 100%;}
}

/* SMARTPHONE */
@media only screen and (max-width: 640px) {
	#mainimage img.logo{margin-top: 80px; height: 80px; display: none;}
	#mainimage h1{padding-top: 80px;}
	#mainimage h3{display: none;}
	#mainimage > div.row{display: none;}
	#mainimage span#scrollhead{bottom: 0;}
	#serviziblocks .col-sm-4{width:100%;}
	#serviziblocks .box a span.number{margin-top: 55px;}

	#latest-blog div.newsblock > a.col-sm-3{width: 100%; display: block; margin-bottom: 40px;}
	#latest-blog div.newsblock > a.col-sm-3 img{width: 100%;}

	footer > div > div:first-child{border-right: 0;}
	footer > div > div{margin-bottom: 20px;}

	#mainimage.serviceheading a.cta{display: none;}
	section.gallery .box{width: 100%;}
	.offertedilavoro .boxlavoro{background:transparent;}

	.buttonlinklarge{margin-bottom: 10px;}

	#referenze img{margin-bottom: 20px;}
}

/* SMARTPHONE PORTRAIT*/
@media only screen and (max-width: 500px) {
	.container{width: 100%;}
	#serviziblocks > div.row:nth-child(2){padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; width: 100%;}
	#serviziblocks .box a span.number{display: none;}
	#serviziblocks .box a span.title{margin-top: 40px;}
	#serviziblocks a.checkup{line-height: 28px; display: block; }
	#serviziblocks a.checkupnobg{line-height: 56px;}

	#perchescegliere a.buttonlink{margin-bottom: 10px;}
	#numberblocks.people p{top:35%;}
	#servicelist .service-single .producttitle{line-height: 40px;}
	.serviceheading .arrowbtn{top: 90%;}
	.serviceheading span.number{margin-top: 30%;}

	div.whitebox{padding-left: 0; padding-right: 0;}

	body.blog > div.container{padding-left: 0; padding-right: 0;}

	#formarea > .container,
	#formarea > .container > form{padding-left: 0; padding-right: 0;}

}


