@charset "utf-8";

@media screen {
  body {
    width: 100%;
  }
}

@media print {
  body {
    width: 100%;
  }
}
/* iPads (portrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 990px) {
/* Styles */
.wapar{
	width:90%;
	padding:10px;
	margin:20px auto 0;
	position:relative;
	z-index:100;
}
img{
	max-height:100%;
	max-width:100%;
}

/*------------------------- header ------------------------*/

#logo {
	width:300px;
	float:left;
	text-align:center;
}
#top{
	width:55%;
	height:30px;
	float:right;
	text-align:right;
	font-size:20px;
}
#call{
	width:300px;
	margin:10px 0 0;
	font-size:30px;
	float:right;
	height:40px;
}
/*------------------------------- header End -----------------------------*/

#ban{
	padding:20px;
	text-align:center;
}
#ban span{
	float:left;
	margin-right:20px;
	width:31%;
	height:auto;
}

#botam_ban{
	display:block;
	text-align:center;
	margin:10px 0 0;
}
#botam_ban span{
	margin-right:0;
	float:left;
	width:50%;
}
article h2{
	color: #000;
    font: 300 24px/40px "Roboto";
    margin:12px 0 0;
    padding:5px 0 15px;
    text-align: left;
}
article h2 span {
	font: bold 20px/30px "Roboto";
	color: #972323;
}
article span{
	font: 400 20px/40px "Roboto";
	color:#333;
}
/*---------------------- Footer ----------------------------------------*/
footer{
	width:100%;
	padding:80px 0 10px;
	display:block;
	position:relative;
	z-index:0;
	margin-top:-50px;
}
#futar{
	width:94%;
	margin:0 auto;
	display:block;
	z-index:5000;
	position:relative;
}
#fut{
	width:64%;
	font-size: 12px;
}
#fut a{
	padding:5px;
	font-size:12px;
	z-index:5000;
}
.socel{
	float:left;
	width:30%;
	font-size:20px;
	line-height:35px;
}
.srvies{
	float:none;
	width:94%;
	margin:10px;
	}
.srvies_right{
	float:none;
	width:94%;
	margin:10px;
	}
.ordernow{
	width:70%;
	margin-left:15%;
	}
/*---------------------- Footer End ----------------------------------------*/
}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wapar{
	width:90%;
	padding:10px;
	margin:20px auto 0;
	position:relative;
	z-index:100;
}
img{
	max-height:100%;
	max-width:100%;
}
.images{
	width:40%;
	margin:10px;
	margin-left:5%;
	}

/*------------------------- header ------------------------*/

#logo {
	width:100%;
	height:auto; 
	float:left;
	text-align:center;
}
#top{
	width:100%;
	height:30px;
	float:right;
	text-align:center;
}
#call{
	width:100%;
	margin:10px 0 0;
	font-size:30px;
	text-align:center;
}
/*------------------------------- header End -----------------------------*/
#sadow{
	height:20px;
	width:100%;
}
#ban{
	padding:20px;
	text-align:center;
}
#ban span{
	float:left;
	margin:0;
	width:100%;
	height:auto;
}
#ban span img{
	width:100%;
}
article h2{
	font: 300 24px/40px "Roboto";
}
article span{
	font: 400 24px/40px "Roboto";
	color:#333;
	margin:10px 0;
}
article img{
	float:none;
	padding:5px;
	display:block;
	text-align:center;
}
#botam_ban{
	display:block;
	text-align:center;
	margin:10px 0 0;
}
#botam_ban span{
	margin-right:0;
	float:left;
	width:100%;
}
/*---------------------- Footer ----------------------------------------*/
footer{
	width:100%;
	padding:60px 0 10px;
	display:block;
	position:relative;
	z-index:0;
	margin-top:-50px;
}
#futar{
	width:94%;
	margin:0 auto;
	display:block;
	z-index:5000;
	position:relative;
}
.futlink{
	width:100%;
	height:auto;
}
.futlink a{
	padding:10px;
	font-size:14px;
	line-height:30px;
}
#fut{
	width:100%;
	float:right;
	color: #000;
	font-size: 12px;
	line-height: 24px;
	text-align:center;
}
.socel{
	float:left;
	width:100%;
	font-size:20px;
	line-height:35px;
}
#fut a{
	text-decoration:none;
	padding:8px;
	color:#f3e800;
	font-size:12px;
	z-index:5000;
}
.srvies{
	float:none;
	width:94%;
	margin:10px 0;
	}
.srvies_right{
	float:none;
	width:94%;
	margin:10px 0;
	}
.ordernow{
	width:80%;
	margin-left:8%;
	}
/*---------------------- Footer End ----------------------------------------*/	
 }

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 479px){
/* Styles */
.wapar{
	width:90%;
	padding:10px;
	margin:20px auto 0;
	position:relative;
	z-index:100;
}
img{
	max-height:100%;
	max-width:100%;
}

/*------------------------- header ------------------------*/

#logo {
	width:100%;
	height:auto; 
	float:left;
	text-align:center;
}
#top{
	width:100%;
	height:auto;
	float:right;
	text-align:center;
	font-size:16px;
}
#call{
	width:100%;
	margin:0 0;
	font-size:30px;
	text-align:center;
}
/*------------------------------- header End -----------------------------*/
#sadow{
	height:20px;
	width:100%;
}
#ban{
	padding:20px;
	text-align:center;
}
#ban span{
	float:left;
	margin:0;
	width:100%;
	height:auto;
}
article h2{
    font: 300 18px/40px "Roboto";
}
article h2 span {
	font: bold 16px/30px "Roboto";
	color: #972323;
}
article span{
	font: 400 24px/40px "Roboto";
	color:#333;
	margin:10px 0;
}
article img{
	float:none;
	padding:5px 0;
	display:block;
	text-align:center;
}
#botam_ban{
	display:block;
	text-align:center;
	margin:10px 0 0;
}
#botam_ban span{
	margin-right:0;
	float:left;
	width:100%;
}
/*---------------------- Footer ----------------------------------------*/
footer{
	width:100%;
	padding:40px 0 10px;
	display:block;
	position:relative;
	z-index:0;
	margin-top:-50px;
}
#futar{
	width:94%;
	margin:0 auto;
	display:block;
	z-index:5000;
	position:relative;
}
.futlink{
	width:100%;
	height:auto;
}
.futlink a{
	padding:10px;
	font-size:14px;
	line-height:30px;
}
#fut{
	width:100%;
	float:right;
	color: #000;
	font-size: 12px;
	line-height:22px;
	text-align:center;
}
.socel{
	float:left;
	width:100%;
	line-height:35px;
	margin-top:15px;
}
#fut a{
	text-decoration:none;
	padding:8px;
	color:#f3e800;
	font-size:12px;
	z-index:5000;
}
.images{
	width:80%;
	margin:10px;
	margin-left:5%;
	}
.srvies{
	float:none;
	width:93%;
	margin:10px 0;
	}
.srvies_right{
	float:none;
	width:93%;
	margin:10px 0;
	}
.ordernow{
	width:90%;
	margin-left:1%;
	}

/*---------------------- Footer End ----------------------------------------*/	
}