/* only small desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  #hero-area .contents .head-title {
    font-size: 40px;
  }
  .services-item .services-content h3 a {
    font-size: 14px;
  }
  .title-hl {
    font-size: 30px;
  }
  .why .content h3 {
    font-size: 30px;
  }
  .team-item .contetn {
    padding: 15px 20px;
  }
}

/* tablets */
@media (min-width: 766px) and (max-width: 768px){
	#hero-area{
		padding:280px 0 0px !important;
	}
	
	#hero-area .contents .head-title{
		margin-top:50px !important;
		font-size:40px !important;
	}
	
	#hero-area .contents p span{
		font-size:25px !important;
		line-height:auto !important;
	}
}



/* only small tablets */
@media (min-width: 768px) and (max-width: 991px) {

#hero-area .contents .head-title{
	font-size:25px;
	margin-top:0px;
}

#hero-area .contents p span{
	width:500px;
}

#contactus .thanks-messge{
	min-height:auto !important;
}

#hero-area .mT50{
	margin-top:10px;
}

#hero-area .contents p{
	line-height:25px;
}

#whoweare h2{
	font-size:35px;
	margin-top:0;
	margin-bottom:10px;
}

#whoweare{
	padding: 90px 0 0px;
}

#whoweare p{
	margin-bottom:10px;
}

#header-wrap .mL150{
	left:35px !important;
}

#whatwedo h2{
	font-size: 35px;
    margin-top: 0;
    margin-bottom: 10px;
}

#whatwedo{
	padding:90px 0 0px;
}


#contactus{
		padding:90px 0 0px;
}

#contactus h2{
	font-size: 35px;
    margin-top: 0;
    margin-bottom: 10px;
}

#contactus .contBtnBottom{
	min-height: 65px;
}

.bg-inverse {
    background-image: url(../img/navBg.png);
	line-height:50px;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    margin-bottom: 0;
    margin-top: 0;
  }
 
}

@media (min-width: 667px) and (max-width: 738px) {
	
	#hero-area{
		padding: 100px 0 0px;
	}
	#hero-area .contents .head-title{
		margin-top:5px !important;
	}	
}




/* mobile or only mobile */
@media (max-width: 767px) {

.navbar-brand img{
	width:70%;
}

.navbar-brand img{
	margin-right:0;
}

#hero-area .contents p span{
	  width:auto !important;
}
  
#hero-area .contents .head-title{
	margin-top:100px;
}
  
#hero-area .contents .head-title{
	  font-size:28px;
	  margin-top:50px;
}
  
.navbar-expand-md .navbar-nav .nav-item{
    padding-right:0 !important;
	text-align:center;
}
  
#header-wrap .mR150{
	   margin-right:0;
}
   
#header-wrap .mL150{
	   margin-left:0;
	   left:0;
}

#whoweare p{
	margin-bottom:10px;
	text-align:center;
}

#whatwedo{
	text-align:center;
}

#whatwedo h2{
	font-size:40px;
	margin-top: 0;
    margin-bottom: 12px;
	text-align:center;
}

#whatwedo .mHeight{
	min-height: 435px;
	text-align:center;
}

#whatwedo .text-right{
	text-align:center !important;
	margin-top:80px;
}

#whatwedo .btnBottom{
	right:0px;
	position:inherit !important;
}

#whoweare{
	padding: 130px 0 0px;
}

#whoweare .contBtn .mT50{
	margin-top:6px;
	text-align:center !important;
}

.contBtn p{
	position:inherit;
}

#whoweare h2{
	font-size:40px;
	margin-top:0;
	margin-bottom:12px;
	text-align:center;
}

#contactus{
	padding: 100px 0 0px;
	text-align:center;
}

#contactus h2{
	font-size:40px;
	margin-top:0;
	margin-bottom:12px;
}

#contactus .form-group{
	margin-bottom:5px;
}

#contactus .contBtnBottom{
	min-height:60px;
}

#contactus textarea{
	height: 80px;
}

#contactus .contBtnBottom .submit-button{
	  position:inherit;
	  text-align:right !important;
}

#contactus .comfooter{
	font-size:12px;
	line-height:14px !important;
	padding:10px 0;
}

#contactus .submitBtn{
	width:100% !important;
}

#contactus input[type=text]{
	min-height:45px;
}

.bg-inverse {
    background-image: url(../img/navBg.png);
	line-height:50px;
}
  
  .navbar-expand-md .navbar-nav .nav-link {
    margin-bottom: 0;
    margin-top: 0;
  }
  
  .navbar-brand img {
    margin: 5px 0;
  }
  
  .top-nav-collapse .navbar-brand img {
    margin-top: 10px;
  }

.navbar-brand {
	padding-bottom:0px !important;
	text-align:center;
}

.navbar-expand-md .navbar-toggler{
	position: absolute;
    right: 20px;
	top:20px;
}

#hero-area .mT50{
	margin-top:65px;
	text-align:center !important;
}


.navbar-nav .mR80{
	margin-right:0;
}
.navbar-nav .mL80{
	margin-left:0px;
	left: 0px;
}
#contactus .thanks-messge{
	min-height:auto !important;
}

 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF !important;
  opacity: 1; /* Firefox */
  font-size:18px;
  font-weight:500;
}

 #contactus .submitBtn{
	 padding:8px;
	 font-size:20px;
 }
 
 
}

/* iPhone 6,7,8 Landsacape CSS */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 



	#hero-area{
		padding: 85px 0 0px;
	}
	
	#hero-area .contents p{
		font-size:18px;
	}
	
	#hero-area .mT50{
	margin-top:0;
	position: relative;
	position:absolute;
	right:38px;
		
	}
	#whatwedo .mHeight{
		min-height:400px !important;
	}
	
	#whoweare .contBtn .mT50{
		margin-top:80px;
	}
	
	#whatwedo .text-right{
		margin-top:120px;
	}
	
}

/* iPhone X Portrait CSS*/

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) { 
	#hero-area{
		padding:180px 0 0px;
	}
	#hero-area .contents .head-title{
		font-size:30px;
	}
	
	#hero-area .mT50{
		margin-top:125px;
	}
	
	#whoweare .contBtn .mT50{
		margin-top:60px;
	}
	
	#whoweare p{
		font-size:20px;
	}
	
	#whatwedo .mHeight{
		min-height:550px;
	}
	#whatwedo .text-right{
		margin-top:180px;
	}
}

/* iPhone X landscape CSS*/

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 
	#whoweare .contBtn{
		margin-top:185px;
	}
	
	#hero-area .mT50{
		margin-top:20px;
	}
	#whoweare h2, #whoweare p{
		text-align:center;
	}
	
	#whoweare .mT50{
		position:inherit;
		margin-top:0;
	}
	
	#whoweare .contBtn{
		margin-top:110px;
	}
	
	#whoweare .contBtn .mT50{
		text-align:center !important;
	}
	
	#whatwedo h2, #whatwedo p{
		text-align:center;
	}
	
	#whatwedo .mHeight{
		min-height:440px;
	}
	
	#whatwedo .btnBottom{
		position:inherit;
	}
	
	#whatwedo .mHeight .text-right{
		text-align:center !important;
		margin-top:230px;
	}
	
	#contactus .contBtnBottom .submit-button, #contactus .submitBtn{
		width:100%;
		position:inherit;
	}

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 
	#hero-area .contents .head-title{
		margin-top:5px !important;
	}
}