
@media screen and (max-width: 990px) {  
	
	#azienda .vc_col-sm-4 {width: 100%!important; padding: 10px;}
	
	#azienda .vc_col-sm-8 {padding: 10px; width: 100%!important;}
	
	#azienda {margin-top: 0; margin-bottom: 0;}
	
	.theme-btn, .theme-btn-s2, .theme-btn-s3, .theme-btn-s4, .theme-btn-s5 {padding: 10px 35px!important;}
	
	.header-style-5 .request-quote {line-height: 40px; width: auto;}
	
	.site-header .navbar-header button {border-radius: 0;}
	
	.ngg-gallery-thumbnail-box.ngg-3-columns {margin-bottom: 0;}
	
	.blog-single-section .col-lg-3 {width: 100%;}
	
	.blog-sidebar {max-width: 100%; width: 100%;}
	
}

@media screen and (max-width: 768px) { 
	
	.hero.hero-slider-wrapper h1 {position: relative; top: -60px;}
	
	rs-mask-wrap {overflow: visible!important;}
	
	.topbar-style-1 .topbar-contact-info, .topbar-style-2 .topbar-contact-info {width: 100%;}
	
	.hide-mobile {display: none!important;}
	
	.topbar-style-2 .col-sm-5 {display: none!important;}
	
	.site-header #navbar .close-navbar {    top: 2px; right: 6px;      left: auto;}
	
	.recent-projects-grids .grid, .projects-grid-view .grid {width: 50%;}
	
	.lower-topbar .col-sm-3 {float: left; width: auto; margin-right: 20px;}
	
	.lower-topbar .col-sm-9 {float: left; width: auto;}
	
	.page-title h1 {text-align: center;}
	
	input[type="checkbox"], input[type="radio"] {margin-top: 0!important;}
	
}

@media screen and (max-width: 750px) { 
	
	.topbar-style-1 .topbar-contact-info > div + div, .topbar-style-2 .topbar-contact-info > div + div {margin-top: 0;}
	
	.topbar-style-1 .topbar-contact-info, .topbar-style-2 .topbar-contact-info {margin-bottom: 5px;}
	
	.topbar-style-1 .topbar-contact-info > div > i, .topbar-style-2 .topbar-contact-info > div > i {top: -5px;}
	
	.header-style-5 .lower-topbar .awards {margin-top: -4px; padding-top: 0px;}
	
	.header-style-5 .lower-topbar {border: none;}
	
	.header-style-5 .lower-topbar .awards p {width: 250px;}
	
	
	
	.header-style-5 .lower-topbar .awards  {border: none; overflow: visible;}
	
	.header-style-5 .lower-topbar {padding-bottom: 0;}
	
}

@media screen and (max-width: 660px) { 
	
	.page-title {padding-top: 0; height: 220px;}
	
	.ngg-gallery-thumbnail-box.ngg-3-columns {margin-bottom: 0!important;}

	.page-title h1 {font-size: 30px;}
	
	.hero.hero-slider-wrapper h1 {position: relative; top: -110px;}
	
	.hero.hero-slider-wrapper p {position: relative; top: -20px;}
	
	.lower-topbar .col-sm-3 {margin-right: 0;}
	
}

@media screen and (max-width: 500px) { 
	
	.header-style-5 .lower-topbar .awards p {width: auto;}
	
}