Current File : //home/obabain/css/responsive.css

@charset "UTF-8";
/* CSS Document */
@media (min-width: 200px) and (max-width: 768px) {
.footer-part{
	width:100%;
	float:left;	
	font-size:15px;
	font-weight:100;
	color:white;
	padding-top:20px;
	padding-left:15px;
	font-family:roboto;
}	
.footer-main{
	width:100%;
	height:auto;
	float:left;
	height:auto;
background:linear-gradient(to right,#172528,#068894,#2B7A78,#172528);
	padding-bottom:15px;
}
.para1{
	padding-left:15px;
	padding-right:15px;
	margin-top:10px;
	text-align:left;	
	
}
.home-section1{
	margin-top:140px;
}
.head1{
	font-size:30px;
	margin-top:40px;
	text-align:left;
	padding-left:15px;
	text-align:left;
}
.icons-main
{
	margin-top:40px;
}
.icons-main p{
	text-align:left;
	margin-top:15px;
}
.icons-main h3{
	text-align:left;
}
.icons-main2 h3{
	text-align:left;
		margin-top:15px;
}
.icons-main2 p{
	margin-top:15px;
	text-align:left;
	
}
.head{
	background:#FFF;
}	
.head2{
	padding:0px 10px 0px 15px;
	text-align:left;
}
.home-section3 h2{
	font-size:30px;
}

.demo-2 .sl-slider h2,
.demo-2 .sl-slider blockquote {
	padding: 10px 30px 10px 30px;
	width: 100%;
	max-width: 960px;
	color: #fff;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	text-align:center;
	font-size:40px;
}

.demo-2 .sl-slider h4,
.demo-2 .sl-slider blockquote {
	padding: 30px 30px 10px 30px;
	width:100%;
	max-width: 960px;
	color: #fff;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	text-align:center;
	font-weight:200;
	font-size:18px;
}
.icons-main2{
	margin-top:0px;
}
.f-name{
	color:#606060;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	margin-top:0px;
	margin-left:0px !important;
}
.f-name2{
	color:#606060;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
		margin-top:10px;
	
}
#cssmenu {
	position: relative;
	top: 10px;
	margin: auto;
	float:left;
	background:url(../images/menu-bg.PNG) repeat;
	width:100%;
	
}
.pading-none{
	padding-left:0px !important;
	padding-right:0px !important;
}
.about-left{
width:100%;
	height:auto;
	margin-top:30px;
	text-align:left !important;
	font-weight:300;
	font-size:15px;
	color:#666666 !important;
	border:none;
}
.top-contact-left{
	display:none;
}
.top-contact-right{
	display:none;
}
.footer-main-contact{
	width:100%;
	height:auto;
	float:left;
	height:auto;
	background:#151515;
}
.top-col{
	width:100%;
	height:auto;
	margin-top:170px;
	margin-bottom:15px;
	padding-top:20px;

}

.about-main h1{
	font-size:33px;
}
.team h4{
	text-align:left;
	margin-left:20px;
}
.team p{
	text-align:left;
	margin-left:20px;
}
.team img{
	margin-left:0px;	
}
.client-main{
	margin-top:50px;
	height:80px;
}
.slide{
	display:none;
}
.slide-mobile{
	width:100%;
	height:100px;
	float:left;
	margin:20px 0px 20px 0px;
	background:#993

}
.b1{
	margin-bottom:50px;
}
.home-section2 h2{
	margin-top:40px;
	font-size:35px;
}
.icon-section2{
	margin-top:40px;
}
#posts .post {
  width: 100%;
  float: left;
  height: 350px;
  overflow: hidden;
  margin-top:20px;
  border:solid thin #CCC;
}
.mobile-view{
	display:none;
}
.arrow-li{
	display:none;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.icons-main2{
	margin-top:0px;
}	
.f-name{
	color:#606060;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	margin-top:0px;
	margin-left:0px !important;
}
.f-name2{
	color:#606060;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	margin-top:10px;
	
}
	
#cssmenu {
	position: relative;
	top: 5px;
	margin: auto;
	float:left;
}	
.about-left{
width:100%;
	height:auto;
	margin-top:30px;
	text-align:left !important;
	font-weight:300;
	font-size:15px;
	color:#666666 !important;
	border:none;
}
.list-group-item{
	color:#666666 !important;
	border:none !important;
	background:url(../images/4.png) no-repeat left;
}
.top-contact-left{
	display:none;
}
.top-contact-right{
	display:none;
}	
.footer-main-contact{
	width:100%;
	height:auto;
	float:left;
	height:auto;
	background:#151515;
}
#cssmenu > ul > li > a {
  
}
#posts .post {
  width: 48.5%;
  margin-top:10px;
}
.top-col{
	margin-top:150px;
}
#cssmenu > ul > li > a {
  padding: 10px 16px !important;
}
.cbp-af-header {
	background:#fff;
}
.carousel-caption{
	padding-bottom:60px !important;
	text-align:left;
	text-shadow:none;
	left:5%;
}
.carousel-caption h1{
	font-size: 20px;
	font-weight:800;
	text-transform:uppercase;
	margin-top:-5px;
}
.carousel-caption h3{
font-size: 16px;
text-transform:uppercase;
}
.carousel-caption p{
	margin-top:-5px;
	font-size:11px !important;
	
}
.btn-primary{
	display:none;
	
}
}

@media (min-width: 993px) and (max-width: 1190px) {
.top-contact-left{
	display:none;
}
.top-contact-right{
	display:none;
}
#posts .post {
  width: 30%;
  margin-top:10px;
}	
.carousel-caption{
	padding-bottom:77px !important;
	text-align:left;
	text-shadow:none;
	left:5%;
}
.carousel-caption h1{
	font-size: 30px;
	font-weight:800;
	text-transform:uppercase;
	margin-top:-5px;
}
.carousel-caption h3{
font-size: 20px;
text-transform:uppercase;
}
.carousel-caption p{
	margin-top:-5px;
	font-size:14px !important;
	
}
.btn-primary{
	display:none;
	
}
}
@media (min-width: 1191px) and (max-width: 1366px) {
	.carousel-caption{
		left:10%;
		padding-bottom:77px !important;
	}
	



}