@charset "utf-8";
/* CSS Document */
/*
Theme Name:Bon ZenZenn
Theme URL: http://www.kmaxdesigns.com/
Author: the Responsive web design
*Copyright 2015, Prasad web developer
Author URI: http://www.kmaxdesigns.com/
Description: The is a simple and clean responsive web design.
Text Domain:Bon ZenZenn.
*/
@media screen {
  body {
    width: 100%;
  }
}

@media print {
  body {
    width: 100%;
  }
}
/* iPads (portrait) ----------- */
@media only screen and (max-width: 990px) {
img{
	max-width:100%;
	max-height:100%;
}
header{
	width:100%;
	background:url(../images/header-top.jpg) repeat-x center top;
}
nav{
	width:100%;
}
#flash{
	width:100%;
	background:none;
}
.slider{
	width:100%;
}
#wraper{
	width:100%;
}
#apDiv1{
	padding-left:278px;
}
section{
	width:100%;
}
article{
	width:68%;
	padding:0 4px;
}
aside{
	width:29%;
}
footer{
	width:100%;
}
#footer{
	width:70%;
}
.copy{
	width:29%;
}
#footer a{
	font-size:10px;
}
.copy {
    font-size: 10px;
    text-align: left;
    width: 30%;
}
.text{
	font-size:11px;
}
iframe{
	width:100%;
	height:290px;
}
.img{
	width:48%;
}
.img{
	width:32%;
	margin:0;
}
#images{
	width:100%;
}
#bdr{
	margin:0;
}
}
@media only screen and (max-width: 767px) {
	img{
	max-width:100%;
	max-height:100%;
}
header{
	width:100%;
	background:url(../images/header-top.jpg) repeat-x center top;
}
nav{
	width:100%;
}
#flash{
	width:100%;
	background:none;
}
.slider{
	width:100%;
}
#wraper{
	width:100%;
}
#apDiv1{
	padding-left:278px;
}
section{
	width:100%;
}
article{
	width:98%;
	padding:0 4px;
}
aside {
    float: left;
    margin: 0 auto;
    width: 48%;
}
footer{
	width:100%;
}
#footer{
	width:98%;
}
.copy{
	width:29%;
}
#footer a{
	font-size:14px;
	padding:0 13px;
}
.copy {
    font-size: 14px;
    text-align: left;
    width: 84%;
}
iframe{
	width:100%;
	height:180px;
}
.img{
	width:48%;
}
.img{
	width:33%;
	margin:0;
}
#images{
	width:100%;
}
#bdr{
	margin:0;
}
}
@media only screen and (max-width: 479px){
		img{
	max-width:100%;
	max-height:100%;
}
header{
	width:100%;
	background:url(../images/header-top.jpg) repeat-x center top;
}
nav{
	width:100%;
}
#flash{
	width:100%;
	background:none;
}
.slider{
	width:100%;
}
#wraper{
	width:100%;
}
#apDiv1{
	padding-left:136px;
}

#apDiv1 a img{
	width:120px;
	height:32px;
}	
section{
	width:100%;
}
article{
	width:98%;
	padding:0 4px;
}
aside {
    float: none;
    margin: 0 auto;
    width: 73%;
}
footer{
	width:100%;
}
#footer{
	width:100%;
}
.copy{
	width:29%;
}
#footer a {
    font-size: 10px;
    text-align: center;
}
.copy {
    font-size: 10px;
    text-align: left;
    width: 98%;
	text-align:center
}
iframe{
	width:100%;
	height:122px;
}
.img{
	width:50%;
	margin:0;
}
#images{
	width:100%;
}
.img2{
	clear:both;
}
#bdr{
	margin:0;
}
}