@media only screen and (min-width: 992px) and (max-width: 1200px) {

	.navbar-default .navbar-nav > li > a {
		font-size: 14px !important;
		padding: 12px !important;
	}
	.navbar-brand img {
	width: 225px;
	margin-top: -5px;
}
}




@media only screen and (min-width: 768px) and (max-width: 992px) {
	.logo {
	float: left;
	width: 180px;
}

.box {
  margin: 3em auto;
  height: 120px;
  position: absolute;
  overflow: hidden;
  top: 1em;
  color: #fff;
  z-index: 999;
  left: 0px;
  right: 0px;
}

.scroll {
  margin-left: 15%;
}

.agileits-contact-info ul li {
	font-size: 14px;
}
.agileits-contact-info {
	margin-top: 0px;
}

.top-bar {
	display: none;
}

.navbar-default .navbar-nav > li > a {
	font-size: 15px;
	letter-spacing: 1px;
	padding: 15px 10px;
}

.flip .card {
	width: auto;
}

.navbar-default .navbar-nav > li > a {
	font-size: 13px;
	letter-spacing: 1px;
	padding: 7px 6px;
}

.navbar {
	padding: 10px 0;
}

.navbar-brand img {
	width: 210px;
	margin-top: -5px;
}

.submit {
	float: none;
}

.inputbox {
	width: 600px;
}

}

@media only screen and (min-width: 320px) and (max-width: 768px) {
	.abhm {
		height: auto !important;
	}

	.bg-light {
		margin-top: 0px;
	}

	.section-space80 {
		padding: 0px;
	}

	.service-block-icon {
		min-height: 225px;
	}

	.pinside60 {
		padding: 25px;
	}
	.top-bar {
	display: none;
}

.logo {
	float: left;
	width: 180px;
}


.box {
  margin: 2em auto;
  height: 120px;
  position: absolute;
  overflow: hidden;
  top: 1em;
  color: #fff;
  z-index: 999;
  left: 0px;
  right: 0px;
}

.scroll {
  margin-left: 15%;
}

.header-label {
	font-size: 20px;
}

.agileits-contact-info {
	display: none;
}

.navbar-nav > li {
	display: inherit;
}

.flip .card {
	width: auto;
}

.navbar-brand {
  display: block;
} 

.logo {
	display: none;
}

.navbar-brand img {
	width: 180px;
}

.navbar {
	background: #fff !important;
	padding: 15px 0;
}

.w3layouts-top-strip {
	padding: 0px;
	border: none;
}

.navbar-brand {
	padding: 9px 15px;
}

.navbar-nav {
	background: #000;
}

.inputbox {
	width: 400px;
}

.wrapper {
	height: 50px;
}


.navbar-default .navbar-nav > li > a {
	color: #fff;
}


}



@media only screen and (min-width: 320px) and (max-width: 520px) {

	.inputbox {
	width: 220px;
	font-size: 12px;
}

.submit {
	width: 50px;
	background-size: 18px auto;
}

.wrapper input {
	padding-left: 50px;
}

.search__top-opaque-white-line {
	left: 38px;
}

.search__bottom-opaque-white-line {
	left: 38px;
}

.wrapper input {
	padding-left: 25px;
}

.wrapper {
	height: 38px;
}

.box {
  margin: 1em auto;
  height: 200px;
  position: absolute;
  overflow: hidden;
  top: 1em;
  color: #fff;
  z-index: 999;
  left: 0px;
  right: 0px;
}

.scroll {
  margin-left: 15%;
}

.wrapper {
	position: absolute;
	z-index: 999;
	left: 0;
	right: 0;
}

.search__top-opaque-white-line, .search__bottom-opaque-white-line {
	display: none;
}

.banner {
	height: 350px;
}

.wrapper input {
	margin-left: 15px;
}

.bannerinner {
	padding: 36% 0;
}

.banner-navi h2 {
	color: #fff;
	font-size: 25px;
}

}