@media only screen and (max-width : 620px),
	only screen and (max-device-width : 620px) {
		
	.head { font-size: 150%; line-height: 1.2;
font-family: 'BrokgauzEfron-Regular', serif;
color: #da400e;  margin: 0; 
text-transform: none; text-align: center; display: inline-block; width:100%; float: left; padding:0; letter-spacing:2px; padding-top: 5px;}	
		
	#all { height: 100%; display:inline-block; width: 100%; background: url(image/grad38black.png) left top 0 repeat-x;
-moz-background-size: auto 38%; /* Firefox до 4.0 */
   -webkit-background-size: auto 38%; /* Safari и Chrome */
   -o-background-size: auto 38%; /* Opera до версии 10.53 */
  background-size: auto 38%; /* CSS3 */ }
		
		#poisk { width:100%; display:inline-block; text-align:center; padding:0px 0 0 0; }
.logo100 { width: 100%; }
		
#logo { height: 90px; width: 38%; background: url(image/logo.png) left top no-repeat; display:inline-block; float: left;
-moz-background-size: auto 100%; /* Firefox до 4.0 */
   -webkit-background-size: auto 100%; /* Safari и Chrome */
   -o-background-size: auto 100%; /* Opera до версии 10.53 */
  background-size: auto 100%; /* CSS3 */}
		
#barokod { display:inline-block; float: right; width: 50%; text-align: justify; padding-top: 20px; padding-right: 10px;}
#barokod img { width:18%; }
#barokod p { text-transform: uppercase; color: #FFFFFF; font-size: 50%; width:80%; display:inline-block; float: right; margin: 0; padding: 0; }
		
		#full-left { width:100%; display:inline-block; text-align:center; padding:0px 0 0 0; height:auto; }
		
		#full-left li {
  font-size: 0.7em;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif; list-style:none; padding-right:10px; display:inline-block; }
		
		#footer { display: inline-block; position: fixed; bottom:0; left:0; width:100%; background-color: rgba(100, 100, 100, 0.3); font-size: 80%; font-family: "Istok Web", sans-serif; color:#ffffff; }
		
		#full-right { width:98%; display:inline-block; float:right; top:55%; font-size: 100%; padding:0; margin:0; position: absolute; left: 2%; bottom: 10%; } 
		.wrapper { 
  width: 90%; margin-left: 80px;
  overflow: hidden; margin-top: 0px; margin-bottom: 0px;}
		.wrapper img { 
  position:absolute; 
  margin: 0;
  width: 50%;
  overflow: hidden;
  opacity:0; 
  animation-name: fade; 
  animation-duration: 20s; 
  animation-iteration-count: infinite; 
}		
		#lin-red { width: 100%; height:20px; padding:0; margin:0; background: url(image/icon.svg) center top 0;
    -moz-background-size: 110% auto; /* Firefox до 4.0 */
   -webkit-background-size: 110% auto; /* Safari и Chrome */
   -o-background-size: 110% auto; /* Opera до версии 10.53 */
  background-size: 110% auto; /* CSS3 */}
		
}