@media only screen 
and (min-device-width :320px) 
and (max-device-width : 479px) {

.header{
width:100%;
margin:auto;
}
.logo{
float:none;
margin:auto;
width:230px;
margin-bottom:15px;
}
.logo img{
width:230px;
}
.header-right{
float:none;
margin:auto;
width:275px;
}
.navigation{
display:none;
}

.banner{
width:98%;
margin:auto;
padding:0 1px;
}
.banner img{
width:100%;
}
.content{
width:94%;
margin:auto;
}
.content-left{
float:none;
margin:auto;
width:100%;
}
.content-right{
float:none;
margin:auto;
width:275px;
}

.box{
float:none;
margin:auto;
width:278px;
margin-bottom:10px;
}


.box2{
float:none;
margin:auto;
width:278px;
margin-bottom:10px;
}

.team{
width:100%;
margin:auto;
}

.team ul{
width:310px;
margin:auto;
}
.team ul li{
margin-left:0;
}

.footer-inside{
width:100%;
margin:auto;
}
.shop {
margin:auto;
width:300px;
}

.tel{
margin:auto;
width:250px;
}
.copy{
margin:auto;
width:300px;
}

}


@media only screen 
and (min-device-width :480px) 
and (max-device-width : 767px) {


.header{
width:100%;
margin:auto;
}
.logo{
float:none;
margin:auto;
width:400px;
margin-bottom:15px;
}
.logo img{
width:400px;
}
.header-right{
float:none;
margin:auto;
width:275px;
}
.navigation{
display:none;
}

.banner{
width:98%;
margin:auto;
padding:0 1px;
}
.banner img{
width:100%;
}
.content{
width:94%;
margin:auto;
}
.content-left{
float:none;
margin:auto;
width:100%;
}
.content-right{
float:none;
margin:auto;
width:275px;
}

.box{
float:none;
margin:auto;
width:400px;
margin-bottom:10px;
}


.box2{
float:none;
margin:auto;
width:400px;
margin-bottom:10px;
}

.team{
width:100%;
margin:auto;
}

.team ul{
width:310px;
margin:auto;
}
.team ul li{
margin-left:0;
}

.footer-inside{
width:100%;
margin:auto;
}
.shop {
margin:auto;
width:455px;
}

.tel{
margin:auto;
width:250px;
}
.copy{
margin:auto;
width:400px;
}

}



@media only screen 
and (min-device-width :768px) 
and (max-device-width : 959px) {


.header{
width:100%;
margin:auto;
}
.logo{
float:left;
width:450px;
}
.logo img{
width:450px;
}
.navigation{
display:none;
}

.banner{
width:100%;
margin:auto;
padding:0 1px;
}
.banner img{
width:100%;
}
.content{
width:98%;
}
.content-left{
width:61%;
}
.content-right{
float:left;
margin-left:15px;
width:37%;
}
.contact-form{
width:272px;

}
.box{
margin:auto;
float:none;
margin-bottom:10px;

}


.box2{
float:none;
margin:auto;
}

.team{
width:100%;
margin:auto;
}

.team ul{
width:310px;
margin:auto;
}
.team ul li{
margin-left:0;
}

.footer-inside{
width:100%;
margin:auto;
}
.shop {
margin:auto;
width:455px;
}

.tel{
margin:auto;

}
.copy{
margin:auto;
width:400px;

}