@charset "utf-8";

#gal1 { display:block;width:100%;height:100px;margin-top:10px;   }
#gal2 { display:none;width:100%;height:100px;margin-top:10px;   }


#instructions {padding: 3px; position: absolute; left: -137px; bottom: -1px; width: 130px; height: 43px; z-index:9990; border-radius: 7px 7px 7px 7px; background-color: rgba(0,0,0,0.3); display: none;}

#instructions1 {padding: 3px; position: absolute; left: 0px; bottom: 6px; width: 25px; height: 19px; z-index: 9989; border-radius: 7px 7px 7px 7px; background-color: rgba(0,0,0,0.1); display: none; text-align: center; }
#smartfoto1 { width:430px;height:430px;padding-top:0px; position:relative;display:none; }
#smartfoto2 {width:235px;height:235px;padding-top:0px; position:relative;display:block;}

@media only screen and (min-width: 530px) {



#rightsection {width:100%;min-height:460px;float:none }
 #leftsection {width:390px;min-height:490px;float:left; position:relative ;overflow:hidden }
 
 
#smartfoto1 { width:430px;height:430px;padding-top:0px; position:relative;display:block; }
#smartfoto2 {width:90%;height:235px;padding-top:0px; position:relative;display:none;}


#instructions {padding: 3px; position: absolute; left: -137px; bottom: -1px; width: 130px; height: 43px; z-index:9990; border-radius: 7px 7px 7px 7px; background-color: rgba(0,0,0,0.3); display: none;}

#instructions1 {padding: 3px; position: absolute; left: 0px; bottom: 6px; width: 25px; height: 19px; z-index: 9989; border-radius: 7px 7px 7px 7px; background-color: rgba(0,0,0,0.1); display: none; text-align: center; }

#showme1 { display:none;width:60px;float:left;margin-left:25px;padding-top:5px; }
#minionprod {
	position:relative;width:100%; display:none;z-index:9999;margin:2px 5px 2px 6px; }
#gal1 { display:block;width:100%;height:100px;margin-top:10px;   }
#gal2 { display:none;width:100%;height:100px;margin-top:10px;   }
}

@media only screen and (min-width: 790px) {

#navigator {width:auto;margin-top:7px; height:31px;z-index:996;}
	#leftrightdivs {display:table; width:100%;}
	
	#rightsection {width:366px;min-height:460px;float:none }
	#leftsection {width:390px;min-height:490px;float:left; position:relative ;overflow:hidden }
#smartfoto1 { width:430px;height:430px;padding-top:0px; position:relative;display:block; text-align:left }	 
#smartfoto2 {width:260px;height:260px;padding-top:0px; position:relative;display:none;}


#instructions {padding: 3px; position: absolute; left: -137px; bottom: -1px; width: 130px; height: 43px; z-index:9990; border-radius: 7px 7px 7px 7px; background-color: rgba(0,0,0,0.3); display: none;}

#instructions1 {padding: 3px; position: absolute; left: 0px; bottom: 6px; width: 25px; height: 19px; z-index: 9989; border-radius: 7px 7px 7px 7px; background-color: rgba(0,0,0,0.1); display: none; text-align: center; }
	#minionprod {
	position:relative;width:100%; display:block;z-index:9999;margin:2px 5px 2px 6px; }
#gal1 { display:block;width:100%;height:100px;margin-top:10px;   }
#gal2 { display:none;width:100%;height:100px;margin-top:10px;   }
}


@media only screen and (min-width: 930px) {

#navigator {width:auto;margin-top:7px; height:31px;z-index:996;}
	#leftrightdivs {display:table; width:100%;}
	
	
	#rightsection {width:50%;min-height:460px;float:right }
	#leftsection {width:45%;min-height:490px;float:left; position:relative; overflow:hidden }

#smartfoto1 { width:350px;height:430px;padding-top:0px; position:relative;display:block; text-align:left }	 
#smartfoto2 {width:260px;height:260px;padding-top:0px; position:relative;display:none;}
#gal1 { display:block;width:100%;height:100px;margin-top:10px;   }
#gal2 { display:none;width:100%;height:100px;margin-top:10px;   }
	
#instructions {padding: 3px; position: absolute; left: -187px; bottom: -1px; width: 130px; height: 43px; z-index:9990; border-radius: 7px 7px 7px 7px; background-color: rgba(0,0,0,0.3); display: block;}

#instructions1 {padding: 3px; position: absolute; left: 0px; bottom: 6px; width: 25px; height: 19px; z-index: 9989; border-radius: 7px 7px 7px 7px; background-color: rgba(0,0,0,0.1); display: block; text-align: center; }
}


@media only screen and (min-width: 1130px) {

#navigator {width:auto;margin-top:7px; height:31px;z-index:996;}
	#leftrightdivs {display:table; width:100%;}
	
	
	#rightsection {width:50%;min-height:460px;float:right }
	#leftsection {width:45%;min-height:490px;float:left; position:relative; overflow:hidden }
#smartfoto1 { width:410px;height:430px;padding-top:0px; position:relative;display:block; text-align:left }	 
#smartfoto2 {width:260px;height:260px;padding-top:0px; position:relative;display:none;}

#instructions {padding: 3px; position: absolute; left: -137px; bottom: -1px; width: 130px; height: 43px; z-index:9999; border-radius: 7px 7px 7px 7px; background-color: rgba(0,0,0,0.3); display: block;}

#instructions1 {padding: 3px; position: absolute; left: 0px; bottom: 6px; width: 25px; height: 19px; z-index: 9989; border-radius: 7px 7px 7px 7px; background-color: rgba(0,0,0,0.1); display: block; text-align: center; }
#gal1 { display:block;width:100%;height:100px;margin-top:10px;   }
#gal2 { display:none;width:100%;height:100px;margin-top:10px;   }



	
}

@media only screen and (min-width: 1211px) {
 

#section1 {width:20.6%;float:left; position:relative; }
	#section3 {width:21.6%;float:left;margin-left:2%; position:relative;margin-top:0px; }
	#section4 {clear:none;width:21.6%;float:left;margin-left:2%; position:relative; }
	#section5 {width:19.8%;float:left;margin-left:2%; position:relative;}
	#navigator {width:auto;margin-top:7px; height:31px;z-index:996;}
	#leftrightdivs {display:table; width:100%;}
	
	
	#rightsection {width:435px;min-height:460px;float:right }
	#leftsection {width:430px;min-height:490px;float:left; position:relative; overflow:hidden }

#smartfoto1 { width:430px;height:430px;padding-top:0px; position:relative;display:block; text-align:left }	 
#smartfoto2 {width:260px;height:260px;padding-top:0px; position:relative;display:none;}


	#showme1 { display:block;width:60px;float:left;margin-left:25px;padding-top:5px; }
	#minionprod {
	position:relative;width:100%; display:block;z-index:9999;margin:2px 5px 2px 6px; }
#gal1 { display:block;width:100%;height:100px;margin-top:10px;   }
#gal2 { display:none;width:100%;height:100px;margin-top:10px;   }


#instructions {padding: 3px; position: absolute; left: -137px; bottom: -1px; width: 130px; height: 43px; z-index:9990; border-radius: 7px 7px 7px 7px; background-color: rgba(0,0,0,0.3); display: block;}

#instructions1 {padding: 3px; position: absolute; left: 0px; bottom: 6px; width: 25px; height: 19px; z-index: 9989; border-radius: 7px 7px 7px 7px; background-color: rgba(0,0,0,0.1); display: block; text-align: center; }



}