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

	.head-bar .social.d-block {
		display: inline-block;
		float: right;
	}

	.head-bar ul li {  margin: 0 20px 0 0; }

	.head-bar .fa, .head-bar .fas, .head-bar .far, .headbar .fal, .head-bar .fab { font-size: 18px; }


	.head-bar .left { display: block; text-align: center; padding-bottom: 15px; flex: 0 0 100%; max-width: 100%; }
	.head-bar .right { display: block; text-align: center; flex: 0 0 100%; max-width: 100%; }
	.head-bar .right ul { display: block; text-align: center;  }


	.head-bar .right .d-none { display: none !important;  }


	.navbar-brand { width: calc(100% - 115px); margin-left: 10px; }
	.navbar-toggler { margin-right: 10px; }
	.navbar-light .navbar-toggler { color: #000; }

	.head-bar ul li {
		margin: 0 10px;
	}

	.navbar-nav .dropdown-menu {
		border: none;
		text-align: center;

	}


	#home-slider li { height: 280px; padding-top: 20px; }
	#home-slider li h2 { font-size: 18px; font-weight: 600; }


	#sub-slider li { height: 240px;  }

	h1 { font-size: 21px; }
	p { font-size: 14px; }
	ul li, ol li {  font-size: 14px; margin-bottom: 3px; }


	.grey-content, .white-content, .blue-content { padding: 25px 0; }

	.footer { text-align: center; }

	.footer  .mid { padding: 40px 15px; }

	.footer-bar .hidden-xs { display: none; }

	.footer-bar .row { text-align: center; display: block; }

	.footer-bar .col-sm-6 { padding-left: 0; padding-right: 0; display: inline-block; width: auto; }

	.home-features .col-sm-2 { width: 100%; max-width: 100%; flex: 0 0 100%; }


}




@media only screen and (min-width : 768px) {
	.footer-bar .visible-xs { display: none; }

	.head-bar .d-sm-block { display: inline-block !important; }
	.navbar { flex-flow: column; }
	.navbar-brand {  padding-bottom: 25px; margin-right: 0; }

/*
	.navbar { display: block; }
	.navbar-brand { text-align: center; display: block; padding-bottom: 25px; }
*/
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
	#home-slider li { height: 450px; padding-top: 20px; }
	#home-slider li h2 { font-size: 50px; font-weight: 600; }
}


@media only screen and (min-width : 1024px) and (max-width : 1179px) {
	#home-slider li { height: 450px; padding-top: 20px; }
	#home-slider li h2 { font-size: 50px; font-weight: 600; }
}