/* Smart Phones And Tablets */
@media (max-width: 767px)
{
	
	.my-portfolio .work-area .image img {
width: 60%;
height: auto;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
	





	
		.services{
		text-align: left;
}
	
	#services6 {
width: 100%;
height: 250px;

padding-right: 100px;
padding-left: 100px;
background-size: cover;
font-size: 60px;
text-align: center;
}
	
		#services7 {
width: 100%;
height: 250px;

padding-right: 20px;
padding-left: 20px;
background-size: cover;
font-size: 60px;
text-align: center;
}
	
	


	
	
	#services4{
	width:100%;
	height:600px;
	padding-top:100px;
	padding-bottom:50px;
	padding-right:100px;
	padding-left:100px;
	background-color:#AFD7E2;
	color:#5F6C70;
	background-size:cover;
	line-height:70px;
	font-size:60px;
	text-align:center;
	
}
	
	.team .item a:hover{
    background-color: #5891A0;;
    color: #fff;
}

	
	.heading2{
	position: relative;
font-weight: 600;
font-size: 24px;
line-height: 26px;
letter-spacing: 2px;
color: #5F6C70;
text-align: center;
text-transform: uppercase;

	}
	
	.heading {
position: relative;
font-weight: 600;
font-size: 38px;
line-height: 34px;
letter-spacing: 2px;
color: #0E3033;
margin-bottom: 60px;
text-align: left;
}
	
	.video-container .overlay .title h1 {
position: relative;
font-size: 45px;
font-weight: 600;
color: #0E3033;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 40px;
margin: 0;
}
	
	
	
	
	
	
#services{
	width:100%;
	height:600px;
	padding-top:120px;
	padding-bottom:220px;
	padding-right:100px;
	padding-left:100px;
	background-color:#145B67;
	line-height:120px;
	font-size:20px;
	text-align:center;
	
}
	
	.slider{
    height:100%;
	background:url(../images/01.jpg) no-repeat;
		background-position:right;
		background-color:#69F;

	}
	
	
	

.slider1 {
height:30%;
background: url(../images/catalog.png) no-repeat;
background-position: center;
}
	
	#services1{
	width:100%;
	height:500px;
	padding-top:120px;
	padding-bottom:200px;
	padding-right:100px;
	padding-left:100px;
	background:url(../images/barco.jpg);
	background-size:cover;
	line-height:120px;
	font-size:60px;
	text-align:center;
	
}
	
	.help{
    padding: 0px 0;
	background-color:#fff;
}
	
	
	
	
	
	.heading1{
    position: relative;
    font-weight: 600;
    font-size: 25px;
	line-height:34px;
	letter-spacing:2px;
    color: #CCC;
    margin-bottom: 60px;
    text-align: center; text-transform:uppercase;
	
	
}
	
	
	
    .header .navbar-nav { float: none; background-color: #fff; }
    
	.header.shrink .navbar-nav li a,
	.header .navbar-nav li a { padding: 10px 10px; color: #222; }
    
    .team .controllers .prev{left: -15px;}
    
    .team .controllers .next{right: -15px;}
    
    .team .controllers span{height: 30px; width: 30px; line-height: 30px;}

    .facebook .box{margin: 0 15px;}
    
    .clients .overlay .item p{margin-left:0 }
    
    .clients .overlay .item h4,
    .clients .overlay .item .star{margin-left: 5%}
}

/* Small Screen */
@media (min-width: 768px) and (max-width: 991px)
{
    .team .controllers .prev{left: -15px;}
    
    .team .controllers .next{right: -15px;}
    
    .services .item{padding: 10px;}
    
    .clients .overlay .item p{margin-left:0 }
    
    .clients .overlay .item h4,
    .clients .overlay .item .star{margin-left: 5%}
}

/* Medium Screen */
@media (min-width:992px) and (max-width: 1199px)
{ 
    
    .team .controllers .next{right: -5px}
    
    .team .controllers .prev{left: -5px}
    
    .facebook .box .item{min-height: 322px; padding: 30px}
}

/* Large Screen */
@media (min-width:1200px)
{
    .about .words{margin: 0 10%;}
}