/* Smart Phones And Tablets */
@media (max-width: 767px)
{
.para{margin: 0 10px 40px 10px;}
.para span{display:block; }	
.header .navbar-nav { float: none; background-color: #6fba2c; }
.header .navbar-nav li a:hover,
.header .navbar-nav li a:focus{		color: #bdfe62;}

.header.shrink .navbar-nav li a:hover,
.header.shrink .navbar-nav li a:focus{color: #bdfe62;} 

	.header.shrink .navbar-nav li a,
	.header .navbar-nav li a { padding: 15px 10px;color: #fff; border-bottom:1px solid #67ae28; }

	.home .overlay .title h1,
	.video-container .overlay .title h1,
	.slider .overlay .title h1,
	.swiper-container .swiper-wrapper .swiper-slide .overlay .title h1,
	.home-part .title h1{font-size: 30px;}

	.home .overlay .title p,
	.video-container .overlay .title p,
	.slider .overlay .title p,
	.swiper-container .swiper-wrapper .swiper-slide .overlay .title p,
	.home-part .title p{font-size: 14px; margin: 0 10%; margin-top: 20px;}

	 .slider .left .overlay .title p,
	.swiper-container .swiper-wrapper .swiper-slide.left .overlay .title p{margin: 20px 10% 0 0;}
    
	.paragraph p{margin: 0 5%;}
	
	.services-tabs .mytabs li{padding:10px 5px;  font-size: 15px; }
	
	.services-tabs .mytabs li .fa{ font-size: 30px;}
	
	.why .back,
	.founder .back{position: relative; width: 100%; height: 400px;}
	
	.why .box{padding: 70px 10px;}
	
	.three-boxs .first,
	.three-boxs .second,
	.three-boxs .third{position: relative; width: 100%; height: 400px; right: 0; left: 0;}
	
	.clients .item p{margin: 10px 5% 20px 5%;}
}

/* Small Screen */
@media (min-width: 768px) and (max-width: 991px)
{
	.para{margin: 0 10% 60px 10%;}
	
	.services-tabs .mytabs li{font-size: 16px; padding: 20px 20px;}
	
	.why .back{position: relative; width: 100%; height: 400px;}
	
	
	
	.three-boxs .first,
	.three-boxs .second,
	.three-boxs .third{position: relative; width: 100%; height: 400px; right: 0; left: 0;}
    
}

/* Medium Screen */
@media (min-width:992px) and (max-width: 1199px)
{ 
    
    
}

/* Large Screen */
@media (min-width:1200px)
{
    
}