/* Smart Phones And Tablets */
@media (max-width: 767px)
{
    .header .navbar-nav { float: none; background-color: #fff; }
    
	.header.shrink .navbar-nav li a,
	.header .navbar-nav li a { padding: 10px 10px; color: #222; }
	
	.sidebar-menu .navbar-collapse{box-shadow: none;}
    
    .sidebar-menu .collapse{display: block;}
	
	.home {height: auto;}
	.home .overlay {height: 650px;}
	.home .overlay .title h1 {margin-top: 70px;}
	
	.home .overlay .title h1,
	.home-part .title h1,
	.video-container .overlay .title h1{font-size: 45px; text-align: center;}

    .home .overlay .title h1 span,
	.home-part .title h1 span,
	.video-container .overlay .title h1 span {font-size: 30px;text-align: center;}
	
    .typed, .media {font-size: 25px; text-align: center;} 

}
@media (min-width: 378px) and (max-width: 415px) {
	.home {height: 700px;}
}
@media (min-width: 416px) and (max-width: 567px) {
	.home {height: 800px;}
}
@media (min-width: 568px) and (max-width: 639px) {
	.home {height: 850px;}
}
@media (min-width: 640px) and (max-width: 667px) {
	.home {height: 950px;}
}
@media (min-width: 668px) and (max-width: 811px) {
	.home {height: 1000px;}
}
/* for My Service */
@media (max-width: 900px) {
	.services {display: none;}
}
@media (max-width: 1024px) {
	.popup-play { background-image: url(../images/play-button-green.png); width: 90px; height: 90px; background-size: 90px 90px;    margin-bottom: 0; transition: opacity .3s ease; }
}
/* Small Screen */
@media (min-width: 768px) and (max-width: 991px)
{
    .header.shrink .navbar-nav li a{padding: 20px 15px}
    
	.header .navbar-nav li a {padding: 30px 15px; }
	
	.home {height: 400px;}
	.home .overlay .title h1 {margin-top: 80px; font-size: 40px;}
	.home .overlay .title h1 span {font-size: 30px;}
	.typed {font-size: 30px;}
}

/* Medium Screen */
@media (min-width:992px) and (max-width: 1199px)
{ 
   .home {height: 500px;}
    

}

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