@charset "utf-8";
/* CSS Document */
@media only screen and ( max-width:1030px) 
{
.wrapper,.wrapper_inn { width:96%; margin:0 2%;}
.row_full { float:none; display:inline-block; width:100%;}
.box_pen li { margin:0 4px 0 0;}
.header_top_left,.header_top_right { float:none; display:inline-block; width:100%; background:none; margin:0px; padding:0px;}
.logo_top { width:100%;}
.header_top_right h2 { padding-top:15px; padding-bottom:10px;  float:none; text-align:center;}
.header_left { background:none; padding:0px; border-radius:0px;}
}
@media only screen and ( max-width:768px) 
{
	
.header,
.header_top_left,
.header_top_right,
.header_left,
.header_right,
.slider,
.box_pen,
.content,
.content_left,
.content_right,
.footer,.footer_left,
.footer_right { float:none; display:inline-block; width:100%; background:none; margin:0px; padding:0px;}
.header_top_right h2 { float:none; margin:0px; padding:0px; text-align:center;}
.logo_top {float:none; display:inline-block; width:100%;}
.social_icon { float:none; width:auto; padding-top:15px;}

.box_pen li,.box_pen li:last-child {display: inline-block; width: 49%; float:none;margin:0px;}
.content_mid_right .pic_img img { width:auto;}	

.footer_right p { text-align:left;}

}
@media only screen and ( max-width:620px)
{
.logo img { width:100%;} 
}

@media only screen and ( max-width:420px)
{
.content_mid_right .pic_img img,.logo img,.top_img img,.header_right img { width:100%;}
}