/* iPads (portrait and landscape) ----------- */
@media all and  (max-width : 1199px) {

	.slider-container .title{
   		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;
	}
	
	.begin-here{
		height:200px;
	}
	
	.begin-here > span {
		margin-bottom:5px;
	}
	
	.mainBannerDiv{
		height:400px;
	}
	
	.service-info-line{
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	
	.about-us .text{
		margin-top:100px;
	}
	
	.contact-form textarea{
		width:350px;
	}
	
	.servicesDiv:before {
	  content: "";
	  top: 0;
	  left: 0;
	  position: absolute;
	  z-index  : 1;
	  bottom   : 0;
	  pointer-events   : none;
	  background-image : linear-gradient(to left, 
	                    rgba(245, 243, 239,0) , 
	                    rgba(245, 243, 239,1)  90%);
	  width    : 25%;
		
	}
	
	.servicesDiv:after {
	  content: "";
	  top: 0;
	  right: 0;
	  position: absolute;
	  z-index  : 1;
	  bottom   : 0;
	  pointer-events   : none;
	  background-image : linear-gradient(to right, 
	                    rgba(245, 243, 239,0) , 
	                    rgba(245, 243, 239,1)  90%);
	  width    : 30%;
	}
	
	.project-counter{
		height:38px;
		line-height:38px;
	}
	
	.navbar-default .navbar-nav > li > a {
		font-size:13px;
	}
	
	.begin-here>span{
		font-size:14px;
	}
	
	#owl-services .item {
		height:340px;
	}
	
}

@media all and (min-width : 767px) and (max-width : 1199px) and (orientation: landscape) {
	.begin-here{
		height:260px;
	}
	
	.servicesDiv:before {
	  content: "";
	  top: 0;
	  left: 0;
	  position: absolute;
	  z-index  : 1;
	  bottom   : 0;
	  pointer-events   : none;
	  background-image : linear-gradient(to left, 
	                    rgba(245, 243, 239,0) , 
	                    rgba(245, 243, 239,1)  90%);
	  width    : 15%;
		
	}
	
	.servicesDiv:after {
	  content: "";
	  top: 0;
	  right: 0;
	  position: absolute;
	  z-index  : 1;
	  bottom   : 0;
	  pointer-events   : none;
	  background-image : linear-gradient(to right, 
	                    rgba(245, 243, 239,0) , 
	                    rgba(245, 243, 239,1)  90%);
	  width    : 15%;
	
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (max-width : 767px) {
	.main-desc .desc-header{
		font-size:20px;
	}
	
	.begin-here > span{
		margin-bottom: 0px;
	}
	
	.about-us{
		font-size:20px;
	}
	.about-us .text{
		margin-top:30px;
		height:auto;
	}
	
	.projects-section .title1{
		margin-top:20px;
	}
	
	.SumoSelect{
		float:left;
	}
	
	.slider-container{
		height:220px !important;
	}
	
	.service-content-desc{
		font-size:11px;
	}
	.service-info-line{
		margin-top:20px;
	}
	
	.our-clients{
		margin-top:30px;
		min-height:300px;
	}
	
	.quote-div{
		max-height:175px !important;
	}
	.quote-text{
		font-size:12px;
	}
	
	.contactus .inputdiv, .contactus .projectdiv{
		margin-top:30px;
		margin-bottom:30px;
	}
	
	.contact-form input{
		width:280px;
	}
	
	.contact-form textarea{
		width:280px;
	}
	
	.send-inquiry-btn{
		margin-bottom:0px;
	}
	
	.footer{
		height:auto;
		margin-bottom:20px;
	}
	
	.footer-copyright div{
		line-height:30px;
	}
	
	.navbar-nav > li > a{
		color:#000;
		font-family: 'TitilliumSemiboldUpright';
	}
	.navbar-nav > li > a:hover{
		color:#4f8c8b;
	}
	
	.projects-section .title1{
		font-size:24px;
	}
	
	.projects-section .title2{
		font-size:24px;
	}
	.slider-container{
		height:240px !important;
	}
	.project-counter{
		height:39px;
		line-height:35px;
	}
	
	#owl-services .item {
		height:380px;
	}
	
	.project-img img {
		width:300px !important;
	}
	
	
}

@media screen and (orientation: landscape) and (max-width : 767px){
	#owl-services .item{
		max-width:370px;
	}
	
	.footer-copyright{
		height:45px;
	}
	
	.about-div .desc{
		min-height:50px;
	}
	.about-div .title{
		font-size:20px;
	}
}
/************************** MOBILE CSS ***********************/
@media screen and (min-width : 999px) and (max-width : 1199px){
	
}