@media (min-width: 567px){

	#topnav-social ul {
		text-align: right;
	}
	.article-page-default {
		padding: 4em 0;
	}	
	.has_thumb .article-page-default {
		margin-top: 0;
	}	
	body{
		padding-top: 154px;
	}
	#topnav,
	#navbar-wrapper {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 12;
		-webkit-transition: top .5s;
		-moz-transition: 	top .5s;
		transition: 		top .5s;
	}
	#topnav{
		z-index: 13;
	}	
	#navbar-wrapper{
		top: 36px;
		background:#fff;
		padding: 1.5rem 0;
	}	
	#navbar-wrapper a.navbar-brand img{
		height:60px;
		-webkit-transition: height .5s;
		-moz-transition: 	height .5s;
		transition: 		height .5s;		
	}
	#topnav{
		height:36px;
		overflow:hidden;
		background:#7ba71e;
	}
	#topnav,
	#topnav a{
		color:#fff;
	}
	#topnav-social i{
		font-size:1.5rem;
	}
	#menu-topnav li{
		margin:0 0.5rem;
	}	
	#menu-topnav li a{
		padding-right: 0.2rem;
		padding-left: 0.2rem;	
		color:#000;
	}
	#menu-topnav a.dropdown-toggle::after{
		margin-left: .555em;
		color:#7ba71e;
	}
	#menu-topnav .dropdown-menu{
		padding:0;
		border-radius:0;
	}
	#menu-topnav .dropdown-item:hover{
		color:#7ba71e;
	}	
	#menu-topnav .dropdown-item.active, .dropdown-item:active{
		background-color: #7ba71e;
		color:#fff;
	}
	#menu-topnav li.current-menu-parent > a,
	#menu-topnav li.active a{
		color:#7ba71e;
	}	
	#navsearch{
		margin-left:1rem;
	}
	body.header-small #topnav{
		z-index: 11;
	}		
	body.header-small #navbar-wrapper{
		top:0;
		padding: .5rem 0;

	}	
	body.header-small #navbar-wrapper a.navbar-brand img {
		height: 25px;
	}	
	#footer-logo{
		display:block;
		height:33px;
		margin-bottom:1.5rem;
	}
	#footer-text p{
		padding-right:2rem;
	}	
	.azienda-img-block{
		padding-left:3rem;
	}
	.order-md-1 .azienda-img-block{
		padding-right:3rem;
		padding-left:0;
	}
	body .gform_wrapper form {
		position: relative;
	}	
	body .gform_wrapper .top_label .ginput_container.ginput_container_consent {
		position: relative;
		z-index: 11;
		width: 80%;
	}

	.home-introboxes-shape-2{
		width:96px;
	}	
	#post-thumb-wrapper {
		overflow: hidden;
	}	
	#post-thumb-wrapper {
		max-height: 285px;
	}
	#section-home-tradizione-content {
		padding: 2rem 0 7rem;
		background-size: auto 60%;
	}	
	.home-piante-box-image span {
		height: 140px;
	}	
	#section-home-introboxes ul li{
		width:33%;
	}	
	#section-home-gallery .grid-sizer,
	#section-home-gallery .grid-item {
		height: 150px;
	}	
	.foglie-sx{
		width:25%;
	}
	#tmplt-gallery, #tmplt-gallery .owl-carousel,
	#tmplt-gallery .owl-carousel .owl-item {
		height: 250px;
	}
	#post-thumb-wrapper img{
		object-fit:cover;
	}
	#piante-cat-wrapper #piante-list .piante-list-box a {
		height: 140px;
	}	
	#page-template-1-wrapper .entry-content,
	#pianta-wrapper .entry-content{
		padding-right:3rem;
	}
	#piante-cats-list-wrapper{
		top:80px;
	}
	#topnav-info{
		font-size:.9rem;
	}
}

@media (max-width: 767px){

	#piante-cat-wrapper.article-page-default {
		padding: 4em 0 2em;
	}	
	#piante-cats-list-wrapper {
		position: fixed;
		left: 0;
		top: 49px;	
		z-index:12;
		width: 100%;
		margin:0;
		padding: 0;
		background: #7ba71e;
		color: #fff;
	}
	#piante-cats-list-wrapper #catselectionpanel{
		padding: 0.6rem 15px;
		cursor:pointer;
	}
	#piante-cats-list-wrapper #catselectionpanel i{
		position: absolute;
		top: 15px;
		right:15px;
	}	
	#piante-cats-list-wrapper #piante-cats-list{
		position:relative;
		display:none;
		height:0;
		overflow:hidden;
		margin:0;
		transition:height .35s ease;
	}
	#piante-cats-list-wrapper.open{
		padding-bottom:3px;
	}
	#piante-cats-list-wrapper.open #piante-cats-list{
		height:auto;
		display: block;
		background: rgb(255, 255, 255) none repeat scroll 0% 0%;
		margin: 0 0.2rem;
		padding: 0 1rem;
	}
	#piante-cats-list li:last-child{
		border:none;
	}
	#piante-cat-wrapper #piante-list .piante-list-box a {
		height: 125px;
	}
	
}

@media (min-width: 567px) and (max-width: 767px){

	#menu-topnav li a{
		font-size:0.838rem;
	}
	#piante-cats-list-wrapper {
		top: 155px;	
		transition:top .35s ease;
	}		
	body.header-small #piante-cats-list-wrapper {
		top: 49px;	
	}

}

@media (min-width: 567px) and (max-width: 991px){

	#topnav {
		height: 50px;
	}
	#topnav-info{
		font-size:.8rem;
	}
}