/**** MEDIA QUERIES ****/

/* Phone */
@media (max-width: 479px)
	{
		.navbar-default {top:0;background-color:#fff;}
		.navbar-default .navbar-toggle {margin-top:-39px;}
        .navbar-default .navbar-nav>.active>a {border-bottom:solid 0px #fff;}
		.logo img {width:60%;margin-left:30px;float:left;}
		ul.nav.navbar-nav li a:hover {border-color:#fff;}
		.top {margin-top:100px;}
		#studio {margin:80px auto 0px auto;}
        #services {margin:80px auto 0px auto;}
        #contact {margin:80px auto 0px auto;}
        #projects {margin:80px auto 0px auto;}
		.white-box {padding:20px;}
		.marginBtmMobile {margin-bottom:30px;}
		.box-service a.overlay i {margin: -29% 0 0 -25%;}
		.box-service a.overlay h3 {margin: 4% 0 0 -43%;width:90%;}
		.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height:none;border-bottom:solid 1px #aca59b;}
		.img-responsive {width:100%;}
		section.footer {text-align:center;margin-left:0;}
		section.footer .logo img {float:none;}
		section.footer p {font-size:12px;}
		.center-img-project {width:90%;}
        .bg1, .bg2, .bg3, .bg4 {height:280px;}
	}
	
/* Tablet Portrait */
@media (min-width: 480px) and (max-width: 767px)
	{
		.navbar-default {top:0;background-color:#fff;}
		.navbar-default .navbar-toggle {margin-top:-46px;}
        .navbar-default .navbar-nav>.active>a {border-bottom:solid 0px #fff;}
		.logo img {width:60%;margin-left:50px;float:left;}
		.top {margin-top:100px;}
		ul.nav.navbar-nav li a:hover {border-color:#fff;}
		#studio {margin:80px auto 0px auto;}
        #services {margin:80px auto 0px auto;}
        #contact {margin:80px auto 0px auto;}
        #projects {margin:80px auto 0px auto;}
		.white-box {padding:40px;}
		.marginBtmMobile {margin-bottom:30px;}
		.box-service a.overlay i {margin: -19% 0 0 -25%;}
		.box-service a.overlay h3 {margin: 0% 0 0 -31%;}
		.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height:none;border-bottom:solid 1px #aca59b;}
		section.footer {text-align:center;}
		section.footer .logo img {float:none;margin-left:0;}
		.img-responsive {width:100%;}
		.center-img-project {width:90%;}
        .bg1, .bg2, .bg3, .bg4 {height:300px;}
	}
	
/* Tablet Landscape */
@media (min-width: 768px) and (max-width: 991px)
	{
	   .navbar-default {top:0;background-color:#fff;}
		.navbar-default .navbar-toggle {margin-top:-52px;}
        .navbar-default .navbar-nav>.active>a {border-bottom:solid 0px #fff;}
		.top {margin-top:100px;}
		#studio {margin:120px auto 0px auto;}
        #services {margin:120px auto 0px auto;}
        #contact {margin:120px auto 0px auto;}
        #projects {margin:120px auto 0px auto;}
		.box-service a.overlay i {  margin: -23% 0 0 -27%;}
		.box-service a.overlay h3 {  margin: 4% 0 0 -44%;width:90%;}
		.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height:none;border-bottom:solid 1px #aca59b;}
		.center-img-project {width:90%;}
        .bg1, .bg2, .bg3, .bg4 {height:380px;}
        section.footer .social a {margin-right:5px;}
        section.footer .col-sm-6 {text-align:center;margin-bottom:30px;}
	}
	
/* Desktop Small 990px <-> 1024px */
@media (min-width: 992px) and (max-width: 1199px) 
	{
		.navbar-default .navbar-collapse {display:inline-block !important;}
		.logo .social span {margin-right:2px;}
        #studio {margin:160px auto 0px auto;}
        #services {margin:160px auto 0px auto;}
        #contact {margin:160px auto 0px auto;}
        #projects {margin:160px auto 0px auto;}
	}

/*Desktop large */
@media (min-width: 1200px)
	{
	   .navbar-default .navbar-collapse {display:inline-block !important;}
        #studio {max-width:1115px;margin:190px auto 0px auto;}
        #services {max-width:1115px;margin:190px auto 0px auto;}
        #contact {max-width:1115px;margin:190px auto 0px auto;}
        #projects {margin:190px auto 0px auto;}
        .no-padding-left {padding-left:0;}
        .no-padding-right {padding-right:0;}
	}
/**** SOLUZIONE UNICA PER DETERMINATI SCHERMI ****/
@media (min-width: 1200px) and (max-width: 1500px) {
	   .dx-block {display:none;}
}
/* END MEDIA QUERY */