/* ---------- RESPONSIVE DESIGN ----------*/

 @media screen and (max-width: 768px) {	
	#navigation-logo {position: relative !important;}
	
	.hgd-slider {margin-top: 0px;}
	.hgd-social-media .fab {font-size: 2em}
	
	.hgd-bottom-box {margin: 15px 0 5px 0;}
	
	#hgd-flip .col {flex-basis: auto; margin-bottom: 50px;}
	#hgd-flip .col {margin-bottom: 75px;}
	.hgd-flip-front, .hgd-flip-back {min-height: 350px;}
	
	#HGDscrollBtn {bottom: 10px; right: 10px;}
	
	.search {float: left;}
	
	.featureBoxSmall {border-bottom: 1px dashed var(--color-02);  padding: 15px;}
	.featureBoxSmall h4 {text-align: center; margin-top: 25px;}
	.featureBoxSmall p {text-align: center;}
	
	}

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

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

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