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


	.navbar { padding: 0; }
	.navbar .head {
		width: auto;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.navbar .head .right { display: none;  }
	.navbar .head .col-10 { padding-right: 8px; }
	.navbar .head .col-2 { padding-left: 8px; }



	.navbar .dropdown-menu {
		background-color: #FFFFFF;

	}
	.navbar .dropdown-menu .dropdown-item {
		padding-left: 35px;
		font-size: 14px;
	}
	.navbar-collapse {
		border-top: 1px solid #EEE;
		margin-bottom: 15px;
	}


	#home-slider .slides li { height: 280px; }
	#home-slider .slides li .content {
		padding-left: 15px; padding-right: 15px;
	}

	#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-case-study {
		margin-bottom: 35px;
	}

	.table.table-client td {
		font-size: 12px;
	}

	.table.table-client td {

		padding: 4px 5px;

	}

	#lwd_pop_inner {
		margin: 30px 12px 30px;
	}




	.case-study > div {
		margin-bottom: 5px;
	}

}


@media only screen and (max-width : 991px) {
	.navbar .head .right { display: none;  }
}

@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 : 550px) and (max-width : 768px) {
	.nav-togg {
		padding-top: 9px;
		text-align: right;
	}

}



@media only screen and (min-width : 992px) {
	.navbar-light .navbar-nav .dropdown:hover .dropdown-menu { display: block !important; min-width: 100%; margin: 0; border-top: 5px solid #FFF; }
	.nav-togg {
		display: none;
	}

}


