/*============ Custom Media Responsive CSS ============*/
@media screen and (max-width:1300px){
	.partner-slider .owl-controls .owl-nav .owl-prev, .our-engineer .owl-controls .owl-nav .owl-prev {
		left: -20px
	}
	.partner-slider .owl-controls .owl-nav .owl-next, .our-engineer .owl-controls .owl-nav .owl-next {
		right: -20px
	}
}
@media screen and (max-width:1200px){
	.navbar-brand{
		width:150px
	}
	#carousel-example-generic .carousel-control{
		display:none
	}
	.carousel-caption{
		top:45%
	}
	.sub-title {
		padding: 0 15% 35px
	}
	#slider .carousel-caption h1{
		font-size:180%
	}
	#about-us{
		background-position:0% bottom;
		background-size: 37%
	}
	.right-sidebar {
		padding: 35px 20px
	}
	.open-time li span{
		font-size:13px
	}
	#quotation h5{
		font-size:16px
	}
	.under_work, .completion{
		width:100%
	}
	.under_work{
		height:300px;
		overflow:hidden
	}
}

@media screen and (min-width:992px){
	.dropdown-menu {
		position: absolute;
		background:#f5f5f5;
		top: 100%;
		left: 0;
		z-index: 1000;
		float: left
	}
}

@media screen and (max-width:991px){
	.service-sidebar{
		margin-top: 50px
	}
	.tagline > li{
		padding: 0 10px
	}
	.gallery-section .filter-btns li{
		padding:6px 10px
	}
	.sub-title {
		padding: 0 8% 35px
	}
	.under_work{
		height:auto;
		overflow:hidden
	}
	#quotation h5{
		text-align:center;
		padding-bottom:10px
	}
	.quote a {
		display: table;
		float: none !important;
		margin: 0 auto;
	}
	.hvr-src, #search{
		display:none
	}
	.main-nav{
		height:auto
	}
	.nav > li > a{
		height:auto;
		line-height:40px
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
		border:none;
	}
	.dropdown-menu{
		width:100%
	}
	#slider .carousel-inner > .item > img, .carousel-inner > .item > a > img{
		height:75vh;
		width:auto
	}
	#slider .carousel-caption p{
		width:90%
	}
	#about-us, #features{
		background:none
	}
	.about-txt, .feature-item{
		padding-left:0
	}
	.partner-slider .owl-controls .owl-nav, .our-engineer .owl-controls .owl-nav {
		display:none
	}
	.partner-slider .owl-controls .owl-nav, .our-engineer .owl-controls .owl-nav {
		display:none
	}
	.dropdown-toggle .fa.fa-angle-down {
		float: right;
	}
	.dropdown-toggle .fa.fa-angle-down{
		line-height:40px
	}
	.right-sidebar{
		margin-top:50px
	}
	.fixed-header .navbar-toggle{
		margin-top: 20px;
		margin-bottom: 20px
	}
	.banner{
		padding: 50px 0
	}
	.feature-box {
	  display: inline-table;
	  padding: 60px 25px
	}
	.banner h1 {
	  font-size: 24px;
	  line-height: 54px
	}
	.banner ul li{
		font-size: 12px
	}
	.fixed-header .main-nav .navbar-brand {
		line-height: 60px
	}
}

@media screen and (max-width:767px){
	.blockquote{
		margin-left: 0
	}
	.contact-form div.form{
		display: inline-block;
		width: 100%
	}
	.carousel-caption .btn-default {
		margin-right: 5px
	}
	.widget-title{
		padding-bottom: 20px
	}
	.banner {
		padding: 30px 0;
	}
	.banner h1{
		line-height: 45px
	}
	.nav > li > a {
		line-height: 30px
	}
	.navbar-nav .dropdown-menu > li > a {
    line-height: 30px;
}
	a.navbar-brand{
		line-height: 60px
	}
	.navbar-toggle{
		margin-top: 20px;
		margin-bottom: 20px
	}
	.dropdown-toggle .fa.fa-angle-down {
		line-height: 30px
	}
	.feature-item img{
		margin-right: 20px
	}
	.feature-box {
	  display: inline-table;
	  padding: 60px 15px;
	}
	#slider, .banner{
		margin-top: 60px
	}
	.service-content ul{
		padding-left: 20px
	}
	.banner ul li {
		font-size: 11px;
		font-weight: 400;
		line-height: 34px
	}
	.ser-pad, .social-links{
		padding: 20px
	}
	h1, .h1 {
		font-size: 30px
	}
	h2, .h2 {
		font-size: 24px
	}
	h3, .h3 {
		font-size: 21px
	}
	h4, .h4 {
		font-size: 18px
	}
	h5, .h5 {
		font-size: 16px;
		font-weight: 700
	}
	h6, .h6 {
		font-size: 14px
	}
	.banner h1 {
	  font-size: 30px
	}
	.right-sidebar{
		margin-top:50px
	}
	.top-header{
		display:none
	}
	.partner-slider .owl-controls, .our-engineer .owl-controls{
		display:none
	}
	.partner-slider .owl-controls, .our-engineer .owl-controls .owl-nav .owl-next {
		display:none
	}
	#slider .carousel-caption p{
		width:100%
	}
	#slider .carousel-caption h1{
		font-size:100%;
		padding:15px
	}
	.slider-title{
		height:74px
	}
	.sub-title{
		padding-left:0;
		padding-right:0
	}
	#achivment{
		background-size: cover
	}
	#achivment .count{
		padding:30px
	}
	.testimonials-carousel .item{
		padding-top:140px;
		padding-left:0
	}
	.footer-menu{
		display:none
	}
	.copyrite > span {
		text-align: center;
		width: 100%
	}
	#slider .carousel-inner > .item > img, .carousel-inner > .item > a > img{
		min-height:500px;
		height:90vh;
		width:auto
	}
	.client-item {
		left: 50%;
		top: 0;
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.feedback::before {
		left: 50%;
		top: -10px;
		margin-left:-10px;
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}
	.feedback{
		text-align:center
	}
	.banner {
		text-align:center
	}
	.banner ul.pull-right {
		display: table;
		float: none !important;
		margin: 0 auto
	}
	#error h1{
		font-size:46px;
		line-height: 50px
	}
	#error-link h2{
		font-size:46px;
		line-height: 50px
	}
	.error-txt > span{
		font-size: 20px;
		padding: 0
	}
	@media screen and (orientation:landscape) {
		#engineer .col-sm-6, #project .col-sm-6 {
			width: 50% !important;
			padding-left: 15px !important;
			padding-right: 15px !important;
			float: left
		}
		.instagram li {
		  width: 25%
		}
	}
}