@media only screen and (min-width:991px) {
.mobile-menu,.tg-btn{
display:none;
}
.u-box.owl-carousel .owl-nav button.owl-next{
right: -50px !important;
position: absolute;
z-index: 999;
}

.u-box.owl-carousel .owl-nav button.owl-prev{
left: -50px !important;
position: absolute;
z-index: 999;
}

.u-box{
position:relative;
display:block;
}

.u-box .owl-nav{
top:40% !important;
}
}

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

	.ricerca ul.first-links li {
		
		margin-left: 10px;
		
		margin-right: 30px;
		
		width: 15%;
		
		}
		
	.ricerca input[type="text"]{
		
		min-width: 187px;
		
		}
		
	.ricerca ul.second-links li {
		
		width: 28.9%;
		
		margin-right: 65px;
		
		}


}

@media only screen and (max-width:1140px) {
	
	.ricerca select, .ricerca input[type="text"] {
    	
		width: 100%;
		
		max-width:100%;
	
		}
		
	.ricerca ul.first-links li {
		
		width:100%;
		
		margin-bottom:20px;
		
		}
		
	.ricerca ul.second-links li {
		
		width:95%;
		
		margin-bottom:20px;		
		
		}
		
	.ricerca ul.second-links li:last-child{
		
		margin-bottom:0px;
		
		}		
		
}

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

	#site-header .navbar-expand-lg .navbar-nav .nav-link {
		
		font-size: 14px !important;
		
		}
		
	.ricerca ul.third-links {
	
		width: 21%;
		
		}
		
	.ricerca ul.second-links {

	    width: 35%;
	
		}
	
}


@media only screen and (max-width:991px) {
.parallax ul li a {
    padding: 5px 30px;
    display: block;
    text-align: center;
    margin-top: 10px;
	}
	
.u-box .gl{width:100%;
}	
	
#mySidenav .social-icons li a{display: inline-block;
float: left;
padding-right: 10px;
padding-left: 0;}

#mySidenav .navbar-nav li{padding-left:30px;
}

#mySidenav .navbar-nav li.active{
background: #005823
}

#mySidenav .social-icons{
padding-left:30px;
}
#mySidenav{
z-index:99999;

}

.social-icons{
display:none;
}

#mySidenav .social-icons{
display:block;
}

#home-page .tg-btn, #contact-page .tg-btn, #ricerca-immobili .tg-btn, #Scheda-Immobile .tg-btn{
top:20px;
}

.tg-btn{
font-size: 16px !important;
cursor: pointer;
text-transform: uppercase;
position: absolute;
right: 25px;
top: 54px;
z-index: 9999;	
}
	
.parallax ul li {
    margin-right: 0px;
    display: block;
	}
	
.rightbtn {
    width: 100%;
    float: none;
    padding-top: 0px;
    padding-bottom: 40px;
    padding-right: 0px;

}

.parallax {
    padding-left: 15px;
    float: none;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
	}
	
#scheda .left-gallery {
    width: 100%;
    float: none;
	}
	
#site-footer img, #section-1 img{
width: 100%;
}
aside.shadow {
width: 31.5%;
}
aside.shadow h1 {
font-size: 19px;
}
#scheda .right-table {
    width: 100%;
    float: none;
   padding: 30px 15px;
	}
.navbar-toggler{display:none;
}

.mobile-menu .slide-toggle{
background:none;
border:none;
position:absolute;
top:10px;
right:30px;
z-index:9999;
outline: none;

}

.box{
position:absolute;
top:0;
right:0;
}


#site-header .navbar{
position:relative;
z-index:999;
}

.mobile-menu .box{
display:none;
background: rgba(90,101,105,0.5);
min-height: 550px;
z-index:999;
margin-top: -25px;
}

.mobile-menu .box a{
color:#FFFFFF;
}


.mobile-menu .social-links{
display:block;
float:left;
}
body #site-header .social-links{
float:left;
}
.social-icons li img{
max-width:30px;
}

.box-inner{
min-height:325px;
}

.box-inner li a{
font-size:14px;
line-height:18px;
}

	.fa-bars {

		color: #005823;
		
		}
	
	aside.padtop {
    
		padding-top: 9%;
		
		}
		
	.contactbg .grid {
		
		width:100%;
		
		text-align:center;
		
		margin:0px auto;
		
		margin-bottom:20px;
		
		}
		
	.ricerca ul.second-links li {
	
		width: 92%;
		
		}
	
	.ricerca ul.third-links {
    	
		width: 27%;
		
		}
		
	.ricerca ul.second-links {
    	
		width: 32%;
		
		}
}


@media only screen and (max-width:767px) {
.contactbg .grid {
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 40px;
	}
#site-header .navbar {
    float: none;
	}
	
	#site-header .social-links {
    float: none;
    padding-top: 0px;
    text-align: center;}	
#site-header {
    position: relative;
	}
	
#Descrizione h3 {
    font-size: 18px;
	}
	
#Invia-Richiesta .left-form input {
    width: 60%;
	}
.right-form {
    width: 100%;
    float: none;
    padding-top: 0%;
	}
	
#Invia-Richiesta textarea {
    width: 60%;
	}
	
#Invia-Richiesta .left-form label {
    vertical-align: top;
    width: 30%;
	}
	
.left-form {
    width: 100%;
    float: none;
	}
	
.ricerca {
    padding-top: 30px;
    padding-bottom: 50px;
	}
	
.ricerca ul.third-links {
    width: 100%;
    float: none;
    margin-right: 0;
    text-align: center;
    padding-top: 0px;
	}
	
.ricerca ul.second-links li {
    display: block;
    width: 93%;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 10px;
	}
	
.ricerca ul.second-links {
    width: 95%;
    display: block;
	margin-bottom: 40px;
	}
	
.ricerca ul.first-links li {
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    width: 95%;
    text-align: center;
    margin-bottom: 10px;
	}
	
.leftalign {
    float: none;
	}
	
.rightalign {
    float: none;
	}
	
.right-post {
    width: 100%;
    float: none;
    margin-bottom: 40px;
	}
	
.left-post {
    width: 100%;
    float: none;
    margin-bottom: 40px;
	}
	
aside.shadow {
width: 100%;
margin-bottom: 20px;
padding: 45px 0px;
}

#section-1 h1 span {
padding: 10px 15px;
margin: 50px 0px;
font-size: 28px;
}
	
	
.ricerca select, .ricerca input[type="text"]{
width:100%;
margin:auto;
}

	#section-1 h2 {
		
		font-size: 20px;
		
		margin-bottom: 10px;
		
		}

}


@media only screen and (max-width:500px) {
#section-1 ul li {
    display: block;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
	}
	
.contactbg h1 {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 3px;
    margin-bottom: 40px;
	}
	
.footer ul li {
    font-size: 13px;
    line-height: 30px;
	}
	
.footer h1{
font-size: 28px;
}

#Descrizione p {
    line-height: 25px;
	}
	
#scheda .right-table h1 {
    font-size: 20px;
    padding-bottom: 10px;
	}
	
.ricerca h1 {
    font-size: 25px;
	}
	
#section-1 h1 span {
padding: 10px 15px;
margin: 50px 0px;
font-size: 15px;
}
	
#section-1 h2 {
font-size: 20px;
margin-bottom: 10px;
}
	
#section-3 a {
padding: 5px 15px;
font-size: 20px;
}

.box-inner{
width:250px;
background: #677173;
}

body #site-header .navbar img{
max-wdith:110px;
}

#section-3 ul li{
width:100%;
}

.owl-carousel .owl-item img{
margin:auto;
}
.u-box .owl-prev,.u-box .owl-next{
background-size:80% !important;
}
.u-box img{
margin:auto;
}

.ricerca select,.ricerca input[type="text"]{
margin:auto;
max-width:220px;
}
}


@media only screen and (max-width:480px) {
.owl-carousel .owl-item img{
max-width:300px;
}

	#section-1 ul li {
		
		font-size:14px;
		
		}
		
	#section-1 h2 {
    	
		font-size: 16px;
    	
		margin-bottom: 10px;
		
		}
		
	#site-footer a {
		
		font-size:24px;
		
		}
		
	#site-footer h1 {
		
		font-size:40px;
		
		}
		
	#site-header .navbar img {
    
		max-width: 140px;
		
		}
		
	.contactbg .grid a {
    
		font-size: 20px;
	
		}
		
	.contactbg h1 {
    	
		font-size: 21px;
	
		}
		
	#Descrizione h3 {
    	
		font-size: 17px;
		
		}
		
	#Descrizione h1 {
    
		margin-bottom: 30px;
	
		}
		
	.posts-grid h5 {
		
		font-size: 22px;
		
		margin-bottom: 40px;

		}
		
	.posts-grid h2 {
		
		font-size:16px;
		
		}
		
	.posts-grid h1 {
		
		font-size:17px;
		
		}
		
	.posts-grid ul li img {
    	
		width: 35px;
	
		}
		
	.ricerca h1 {
    	
		font-size: 22px;
    	
		margin-bottom: 30px;
		
		}
		
	.posts-grid h4{
		
		font-size:20px;
		
		}
}

@media only screen and (max-width:360px) {
.owl-carousel .owl-item img{
max-width:250px;
}

	#section-1 h1 span {
		
		font-size:14px;
		
		}
		
	#section-3 a {
		
		font-size:16px;
		
		}
		
	aside.shadow a, aside.shadow h1 {
		
		font-size:17px;
		
		}
		
	aside.padtop {
    	
		padding-top: 0%;
		
		}
}