@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-size:100%;
}
#wraper{
	width:100%;
}
#wraper1{
	width:100%;
}
.logo{
	width:35%;
}
.logo img{
	margin:15px;
}
.right{
	width:64%;
}
.links{
	width:53%;
}
.clock {
    width: 48%;
    clear: both;
    height: 67px;
}
.save {
    width: 48%;
    margin-right: 9px;
}
nav{
	width:100%;
}
#flash{
	width:75%;
}
.watch{
	width:25%;
}
.watch img{
	height:235px;
}
.product{
	width:24.5%;
}
.sub{
	margin:11px 46px;
}
.subfooter{
	width:23%;
}
.links a{
	font-size:13px;
}
.repair{
	width:100%;
}
.repair img{
	width:31%;
}
.ou{
	width:49%;
}
}

@media only screen and (max-width: 767px) {
img{
	max-width:100%;
	max-height:100%;
}
header{
	width:100%;
}
#wraper{
	width:100%;
}
#wraper1{
	width:100%;
}
.logo{
	width:100%;
}
.logo img{
	margin:15px;
}
.right{
	width:100%;
}
.links{
	width:90%;
}
.links a{
	font-size:20px;
}
.clock {
    width:40%;
    clear: both;
    height: 67px;
}
.links img{
	margin-right:140px;
}
.save {
    width:55%;
    margin-right: 9px;
}
nav{
	width:99%;
}
#flash{
	width:100%;
}
.watch{
	width:98%;
}
aside{
	width:100%;
}
.watch img{
	max-width:100%;
	max-height:100%;
	}
.product{
	width:49.5%;
}
.sub{
	margin:11px 114px;
}
.subfooter {
    width: 47%;
    margin: 0;
    padding-left: 10px;
}
.head1{
	width:9+8%;
}
article{
	width:100%;
}
.left{
	width:99.5%;
}
.repair{
	width:100%;
}
.repair img{
	width:31%;
}
.ou{
	width:50%;
}
.leftt{
	width:90%;
}
}

@media only screen and (max-width: 479px) {
img{
	max-width:100%;
	max-height:100%;
}
header{
	width:100%;
}
#wraper{
	width:99%;
}
#wraper1{
	width:99%;
}
.logo{
	width:89%;
}
.logo img{
	margin:15px;
}
.right{
	width:100%;
}
.links{
	width:93%;
}
.clock {
    width: 96%;
    clear: both;
    height: 67px;
}
.links a{
	font-size:13px;
}
.links img{
	margin-right:50px;
}
.save {
    width: 90%;
    margin-right: 9px;
}
nav{
	width:99%;
}
#flash{
	width:100%;
}
.watch{
	width:90%;
}
aside{
	width:100%;
}
.watch img{
	height:235px;
}
.product{
	width:100%;
}
.sub{
	margin:11px 114px;
}
.subfooter {
    width: 56%;
    margin: 0;
    padding-left: 10px;
}
.subfooter1 {
    width: 56%;
    margin: 0;
    padding-left: 10px;
}
.head1{
	width:97%;
}
article{
	width:100%;
}
.left{
	width:100%;
}
table{
	width:100%;
}
.repair{
	width:100%;
}
.repair img{
	width:96.8%;
}
.text h2{
	font-size:16px;
}
.ou{
	width:98%;
}
.leftt{
	width:100%;
	margin-top:20px;
}
.zoom-wrapper{
	width:48%;
}
.des{
	width:45%;
}
}
