/* Smart Phones And Tablets */
@media (max-width: 767px)
{
	.para{margin: 0 10px 60px 10px;}
	
    .header .navbar-nav { float: none; background-color: #fff; }
    
	.header.shrink .navbar-nav li a,
	.header .navbar-nav li a { padding: 10px 10px; color: #222; }
	
	.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 20px; width: auto; font-size: 15px; margin-bottom: 10px; margin-right: 5px;}
	
	.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: 30px 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)
{
    
}