/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
/* Styles */
	.site-footer .grid-container {
		grid-template-columns: calc(100%) !important;
	}

	.site-footer .grid-item:nth-child(2), .site-footer .grid-item:nth-child(3), .site-footer .grid-item:nth-child(4) {
		margin-top: 50px;
	}

	.site-footer .footer-contact-list {
    	width: 100% !important;
    }
    .site-footer .copyright-bar .grid-item:last-child {
    	text-align: left !important;
    	margin-top: 20px !important;
    }
    .site-footer .social-icons img {
    	margin-right: 10px !important;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {
/* Styles */
	.site-footer .grid-container {
		grid-template-columns: calc(33% - 22.5px) calc(33% - 22.5px) calc(33% - 22.5px) !important;
	}
	.site-footer .copyright-bar {
    	grid-template-columns: calc(50% - 22.5px) calc(50% - 22.5px);

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1024px)
and (max-width : 1200px) {
/* Styles */
	.site-footer .grid-container {
		grid-template-columns: calc(33% - 22.5px) calc(33% - 22.5px) calc(33% - 22.5px) !important;
	}
	.site-footer .copyright-bar {
    	grid-template-columns: calc(50% - 22.5px) calc(50% - 22.5px);

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* 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 */
}