/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
	/* Styles */
	.site-footer .content-container .grid-item:first-child {
		flex: 1 1 calc(100% - 30px) !important;
	}
	.site-footer .content-container .grid-item:last-child {
		margin-bottom: 0px !important;
	}
	.site-footer .content-container .grid-item {
	    flex: 1 1 calc(100% - 30px) !important;
    	margin-bottom: 30px !important;
	}
	.site-footer .grid-item:first-child {
		text-align: left !important;
	}
	.site-footer .copyright-bar .grid-item:nth-child(2) {
		text-align: right !important;
	}
	.image-with-overlay::before {
		background-image: linear-gradient(90deg, #000000 0%, #00000000 100%) !important;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {
	.image-with-overlay::before {
		background-image: linear-gradient(90deg, #000000 0%, #00000000 80%) !important;
	}
	/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1024px)
and (max-width : 1200px) {
	/* Styles */
}
@media only screen 
and (min-width : 1024px)
{
	
}

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

}

/* Large screens ----------- */
@media only screen  
and (min-width : 1200px) {
	/* Styles */
	
}

/*///////////////////*/

/* Smartphones (landscape) ----------- 
@media only screen 
and (min-width : 321px) {
	/* Styles */
}

/* Smartphones (portrait) -----------
@media only screen 
and (max-width : 320px) {
	/* Styles */
}

/* iPads (landscape) -----------
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	Styles */
}

/* iPads (portrait) ----------- 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	Styles */
}