/*-------------------------------------------------------------------------*/
/* Copyright (c) Aeterna Memoria                                           */
/* Tutti i diritti sono riservati - All rights reserved                    */
/* https://www.aeternamemoria.com - info@aeternamemoria.com                */
/* CSS Document                                                            */
/*-------------------------------------------------------------------------*/
/* Responsive - v.3.01 April 2021                                          */
/*-------------------------------------------------------------------------*/

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

}


@media only screen and (max-width: 1440px)
{
	.search-content
	{
		width:80% !important;
	}
}
	

@media only screen and (max-width: 1224px)
{
	.footer-content
	{
		display:table;
		margin: 0 auto;
		text-align: center; 
	}

	.footer-column:nth-child(1),.footer-column:nth-child(2),.footer-column:nth-child(3)
	{
		width:100%;
		text-align: center; 
		margin: 0 auto;
		justify-content: center;
		clear:both;
		flex:none;

		line-height: 26px;
	}
	
	.footer-column:nth-child(1) /*copyright*/
	{
		display: table-footer-group !important;	
	}
	
	.footer-column:nth-child(2) /*legal*/
	{
		display: table-row-group !important;	
		padding-bottom:20px !important;
	}
	
	.footer-column:nth-child(3) /*social*/
	{
		display: table-header-group !important;
	}
}

@media only screen and (max-width: 1080px)
{
	
	.grid-container {
		grid-template-columns: repeat(2, 1fr); /* 2 colonne */
	}

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


}

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

}

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

	.search-container
	{
		width:100% !important;	
	
	}

	.search-content
	{
		top:71px;
		width:100% !important;
	}	
	
	nav#nav-menu{
		display:none;
	}	

	/*.menu-container
	{
		line-height: 82px;
	}*/	

	.btn-menu-left, .btn-menu-right, .btn-menu-right-user
	{
		display:inline-block;
	}	

	nav li
	{
		margin: 0px 12px 0px 0px;
	}	

}

@media only screen and (max-width: 724px)
{
	/* dailytips */
	.dailytips
	{
    	font-size:22px;
	}
	
	/* payoff */
	.payoff
	{
    	font-size:26px;
	}

}

@media only screen and (max-width: 640px)
{
	.grid-container {
		grid-template-columns: repeat(1, 1fr); /* 2 colonne */
	}

	/* Search Menu */

	.serchType-user-icon, .serchType-arrow-icon, .searchType-item-icon-H
	{
		font-size: 20px !important;
	}	

	.serchType-user-icon .fa-paw
	{
		font-size: 17px !important;
	}	

	.searchType-item-icon-A
	{
		font-size: 17px !important;	
	}
	
	.search-field input
	{
		font-size: 18px;
	}

	.btn-searchFilters
	{
		font-size: 20px !important;  
		margin-top:0px;
	}
	.btn-search
	{
		font-size: 22px !important;  
	}		

	
}

@media only screen and (max-width: 480px)
{
	.logo-container
	{  
		max-width: 240px;
		max-height: 38px;    
	
		width: 240px; 
		height: 38px;
	}

	/* Menu */
	.btn-menu-left, .btn-menu-right
	{
		font-size: 24px;
	}


	/* Search Menu */
	.search-content
	{
		top:67px;
	}

	.search-field input
	{
		font-size: 16px;
	}		

	/* dailytips */
	.dailytips
	{
    	font-size:20px;
	}
	
	/* payoff */
	.payoff
	{
		font-size:24px;
	}
	
	

}

@media only screen and (max-width: 340px)
{
	.logo-container
	{  
		max-width: 166px;
		max-height: 26px;    
	
		width: 166px; 
		height: 26px;
	}	

	/* Menu */
	.btn-menu-left, .btn-menu-right
	{
		font-size: 22px;
	}	
	
	/* Search Menu */
	.search-content
	{
		top:55px;
	}	

	.search-field input
	{
		font-size: 14px;
	}	

	/* dailytips */	
	.dailytips
	{
    	font-size:19px;
	}	

	.search-input-container
	{
		
		margin-left:1% !important;
	  
	}	


	.serchType-user-icon
	{
		margin-right:20% !important;
	}
	

}

@media only screen and (max-width: 320px)
{
	/* Menu */

	/* Search Menu */
	.serchType-user-icon, .serchType-arrow-icon,.searchType-item-icon-H
	{
		font-size: 18px !important;
	}	

	.serchType-user-icon .fa-paw
	{
		font-size: 16px !important;
	}		

	.searchType-item-icon-A
	{
		font-size: 16px !important;	
	}

	.btn-searchFilters
	{
		font-size: 16px !important;  
		margin-top:0px;
	}
	.btn-search
	{
		font-size: 18px !important;  
	}		

	.search-input-container
	{
		
		margin-left:0px !important;
	  
	}			
}
	



/* Height */
@media screen and (max-height: 450px)
{
    .sidenav-overlay a {font-size: 20px}
    .sidenav-overlay .sidenav-btn-close
    {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}