@media screen and (max-width :1800px) {

#slider1 .iphone{ position:absolute; right:18%;  bottom:0; width:19%; z-index:-1;}
#slider1 .textH{ font-family: 'Playfair Display', serif; font-weight:400; margin-top:22%; margin-left:10%; font-size:34px; color:#000000;} 
#slider1 .textS{ font-size:14px; color:#666666; margin-top:10px; margin-left:10%;}  
 
#slider2 .ipad{  z-index:-1; position:absolute; left:20%; bottom:6%; width:58%;}
#slider2 .hand{ position:absolute; right:0;  top:32%; width:45%;}
#slider2 .textH{ text-align:center; font-family: 'Playfair Display', serif; font-weight:400; margin-top:10%; font-size:34px; color:#000000;} 
#slider2 .textS{ text-align:center; font-size:14px; color:#666666; margin-top:10px;}  

#slider3 .macbook{  z-index:-1; position:absolute; left:22%; bottom:10%; width:45%;}
#slider3 .ipad{ position:absolute; left:60%; bottom:10%; width:15%;}
#slider3 .textH{ text-align:center; font-family: 'Playfair Display', serif; font-weight:400; margin-top:10%; font-size:34px; color:#000000;} 
#slider3 .textS{ text-align:center; font-size:14px; color:#666666; margin-top:10px;}

#slider4 .textH{ text-align:center; font-family: 'Playfair Display', serif; font-weight:400; margin-top:10%; font-size:34px; color:#000000;} 
#slider4 .textS{ text-align:center; font-size:14px; color:#666666; margin-top:10px;}    
 
#slider4 .ams-vsr-logo{ width:30%; left:35%; top:50%;}
	
}

 
@media screen and (max-width :1400px) {

#slider1 .iphone{ width:21%;}
#slider1 .textH, #slider2 .textH, #slider3 .textH, #slider4 .textH{ font-size:26px;}
#slider1 .textS, #slider2 .textS, #slider3 .textS, #slider4 .textS{ font-size:12px;}	

#slider4 .ams-vsr-logo{ width:60%; left:20%; top:50%;}

 }



@media screen and (max-width :1100px) {

#slider1 .iphone{ width:28%; right:16%;} 
#slider1 .textH{ margin-top:30%; margin-left:5%;} 
#slider1 .textS{ margin-left:5%;} 

#slider2 .ipad{ left:10%; bottom:6%; width:80%;}
#slider2 .hand{ top:32%; width:50%;}
#slider2 .textH{ margin-top:12%;} 


#slider3 .macbook{ left:15%; bottom:15%; width:60%;}
#slider3 .ipad{bottom:15%; width:20%;}
#slider3 .textH{ margin-top:12%;} 

#slider4 .ams-vsr-logo{ left:20%; top:50%;}
#slider4 .ipad{bottom:15%; width:20%;}
#slider4 .textH{ margin-top:12%;} 

}


@media screen and (max-width :900px) {

#slider1 .iphone{ width:42%; left:33%; } 
#slider1 .textH{ text-align:center; width:100%; margin-left:0; margin-top:22%; } 
#slider1 .textS{text-align:center; width:100%; margin-left:0;  } 

#slider2 .textH{ text-align:center; width:100%; margin-left:0; margin-top:22%; } 
#slider2 .textS{text-align:center; width:100%; margin-left:0;  } 
#slider2 .ipad{ left:-20%; bottom:10%; width:120%;}
#slider2 .hand{ top:36%; width:70%;}

#slider3 .textH{ text-align:center; width:100%; margin-left:0; margin-top:22%; } 
#slider3 .textS{text-align:center; width:100%; margin-left:0;  } 
#slider3 .macbook{ left:6%; bottom:25%; width:85%;}
#slider3 .ipad{ bottom:25%; width:30%;}

footer{ background:#f4f4f4; bottom:0px; padding:4px 0;}


}

@media screen and (max-width :750px) {

header{ top:25px;}
.mobilemenu{ display:block;}
nav{ display:none; float:none; margin:0 !important; left:0; top:76px; z-index:999; width:100%; position:fixed; background:#333333;}
header nav ul li{ width:100%; text-align:center;}
header nav ul li a{ width:100%; float:left; color:#fff !important; padding:15px 0px 15px 0px; font-size:12px; border-bottom:1px solid #464646;}


#slider1 .textH, #slider2 .textH, #slider3 .textH, #slider4 .textH{ font-size:18px; margin-top:35%; width:90%; padding:0px 5%;}
#slider1 .textS, #slider2 .textS, #slider3 .textS, #slider4 .textS{ font-size:10px; margin-top:5px; width:90%; padding:0px 5%;}


  
 }


@media screen and (max-width :740px) {

@media screen and (orientation:portrait){
    #full-block{opacity:1;}
}
@media screen and (orientation:landscape){
    #full-block{opacity:0;}
}


}
 


@media screen and (max-width :480px) {

#slider1 .textH, #slider2 .textH, #slider3 .textH, #slider4 .textH{ font-size:18px; margin-top:35%; width:90%; padding:0px 5%;}
#slider1 .textS, #slider2 .textS, #slider3 .textS, #slider4 .texts{ font-size:10px; margin-top:5px; width:90%; padding:0px 5%;}
		
#slider2 .ipad{ left:-30%; bottom:16%; width:130%;}
#slider2 .hand{ top:46%; width:70%;}
	
#slider3 .macbook{ left:6%; bottom:20%; width:85%;}
#slider3 .ipad{ bottom:20%; width:30%;}

.ams-lite-loader{left:40%; top:40%;}
.loader{left:40%; top:40%;}

}