header, article, footer {
    min-width: 320px !important;
}
.Language {width: auto !important;}
img {max-width:100%;}
@media only screen and (max-width: 1200px) {
   .inner, .header .inner {
        min-width: 280px !important;
        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
   
    }    
    footer {height: auto; padding-bottom: 10px;}
    footer:after {content:' '; display: block; clear: both;}
    footer .inner {padding-left: 20px; padding-right: 20px;}


}

@media only screen and (max-width: 1000px) {
   .copy {
       clear: both; border:0; margin-top: 0; padding:10px 0; float: none; width: auto;
    }    
    .header_top {
        height: auto; padding-bottom: 20px;
    }
}

@media only screen and (max-width: 800px) {
    .section1 .wrap, .section2 .wrap, .wrap {display: block;}
    .section1 .txt, .section2 .txt  { padding: 20px; display: block;}
    .aside {display:block; width: auto; }
    .photo_txt {float: left; margin: 10px 0; max-width:100% !important;}
    .photo_txt.right, .photo-gray .right {float: left; margin: 10px 0; }
    .footer_menu {width: auto; width: auto; float: none; padding-top: 10px; clear: both;}
}
@media only screen and (max-width: 992px) {
   .sp_menu ul {
       clear: both;  float: none; padding:10px 0;
    }    
@media only screen and (max-width: 600px) {
    .photo_txt {float: left; margin: 10px 0; min-width:0 !important; min-height:0 !important;}
    .photo_txt.right, .photo-gray .right {
        float: none;
    }
}