/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
 .case-study-bg{
	background: url(../images/intro-carousel/1.jpg);
	height: auto;
	widows: 100%;
}
	
	.frame-video{
		width:100%;
		height:550px;
	}
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
.case-study-bg{
	background: url(../images/intro-carousel/1.jpg);
	height: auto;
	widows: 100%;
}
	
	.frame-video{
		width:100%;
		height:550px;
	}
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  .case-study-bg{
	background: url(../images/intro-carousel/1.jpg);
	height: auto;
	widows: 100%;
}
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  //CSS
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
.home-video
{
	margin-left: 0em;
	margin-top: 1em;
	border: 4px solid #000;
}
	
#customers img, #we-cater img {
	width: 100%;
}
	
	a.mbtn{
		display: inline-block;
    margin-top: 4em !important;
	}
	
	#customers-testimonials .shadow-effect p{
    width: 80%;
}
	
	.testimonials #customers-testimonials .shadow-effect p{
    width: 80%;
}
	
	#intro h2 {
    margin-top: 1em;
}
  
	.arrival-item ul li img{
		width:65%;
		margin-bottom:1em;
	}
	
	.frame-video{
		width:100%;
		height:300px;
	}
  
	.case-study-bg{
	background: url(../images/intro-carousel/bg.jpg);
	height: auto;
	widows: 100%;
}
  
}

@media (min-width: 390px) and (max-width: 844px) {
	#intro h2 {
    	margin-top: 1em !important;
		font-size: 24px !important;
	}
}

@media (min-width: 412px) and (max-width: 915px) {
	#intro h2 {
    	margin-top: -2em !important;
		font-size: 24px !important;
	}
}

@media (min-width: 414px) and (max-width: 896px) {
	#intro h2 {
    	margin-top: -2em !important;
		font-size: 24px !important;
	}
}



/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  .home-video
{
	margin-left: 0em;
	margin-top: 1em;
	border: 4px solid #000;
}
	
#customers img, #we-cater img {
	width: 100%;
}
	
	a.mbtn{
		display: inline-block;
    margin-top: 4em !important;
	}
	
	#customers-testimonials .shadow-effect p{
    width: 80%;
}
	
	.testimonials #customers-testimonials .shadow-effect p{
    width: 80%;
}
	
	#intro h2 {
    margin-top: 8em;
	font-size: 24px !important;
}
  
	.arrival-item ul li img{
		width:65%;
		margin-bottom:1em;
	}
	
	.frame-video{
		width:100%;
		height:350px;
	}
  
	.case-study-bg{
	background: url(../images/intro-carousel/bg.jpg);
	height: auto;
	widows: 100%;
}
}