/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
	#logo-contact,#socials{
		display: none;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	#logo-contact,#socials{
		display: none;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#logo-contact,#socials{
		display: none;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#logo-contact,#socials{
		display: block;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#logo-contact,#socials{
		display: block;
	}
	.header-middle .container{
		
	}
}


/*==========  Non-Mobile First Method  ==========*/
 
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.header-middle {
		display: none !important;
	}

	/* Hide all header-top content except social icons */
	.header-top .col-md-6,
	.header-top .col-md-2 {
		display: none !important;
	}

	/* Show only social icons full width */
	.header-top .col-md-4.col-12 {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		padding: 0 !important;
	}

	.header-top .styled-icons {
		float: none !important;
		text-align: center !important;
		display: flex !important;
		justify-content: center !important;
		padding: 10px 0 !important;
		margin: 0 !important;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
}