@media only screen and (max-width:1023px){
.status { width:102%; margin:0 0 0 -2%; }
.status li { width:31.33%; margin:4px 0 4px 2%; }
.footer-link { width:102%; margin:0 0 0 -2%; }
.footer-link li { width:31.33%; margin:4px 0 4px 2%; }
}

@media only screen and (max-width:980px){
.table-row { width:100%; margin:0; }
.table-row .table-col { width:100%; margin:0 0 20px 0; }
.searchsection ul { width:101%; margin:0 0 0 -1%; }
.searchsection ul li { width:49%; margin:0 0 8px 1%; }
.detail-content-slider { width:75%; }
.details-text { width:24%; }
}
@media only screen and (max-width:900px){
.detail-content-slider { width:100%; }
.details-text { width:100%; margin:25px 0; }
}
@media only screen and (max-width: 800px) {
.row100 .col300 { width:100%; float:left; margin-bottom:12px; padding-right:0px; }
.row100 .col250 { width:50%; float:left; margin-bottom:12px; padding-right:20px; }
.row100 .col120 { width:33%; float:left; margin-bottom:12px; padding-right:20px; }
}
@media only screen and (max-width:767px){
.logo img { max-width:200px; }
a.login { font-size:18px; }
h1.maintitle { font-size:28px; margin-bottom:15px; }
h2.subtitle { font-size:20px; margin-bottom:15px; padding-top:8px; position:relative; width:100%; }
h2.subtitle .before { width:40px; }
h2.subtitle .after { width:40px; }
.table-row .table-col .table-title { font-size:18px; }
.big-img { width:100%; margin-bottom:10px; }
#gallery_01 { width:300px; height:363px; float:none; margin:0 auto; }
.details-text a { margin-bottom:10px; }
.details-text { margin:10px 0; }
.status li { width:48%; margin:4px 0 4px 2%; }
.footer-link li { width:48%; margin:4px 0 4px 2%; }
}

@media only screen and (max-width:640px){
.loginbox {width:50%; }
}

@media only screen and (max-width:600px){
.detail-table-left { width:100%; }
.detail-table-left table td { width:50%; }
.detail-table-right { width:100%; }
.detail-table-right table td { width:50%; }
}

@media only screen and (max-width:568px){
.detail-content h1 { width:100%; float:left; text-align:center; }
.detail-content h1 span { width:100%; float:left; text-align:center; padding:8px 0 0 0; }
.middlelogo img{width:100%;}
}

@media only screen and (max-width:479px){
.logo { padding:15px 10px 15px 10px; text-align:center; width:100%; }
.topright { float:left; text-align:center; padding:0px 10px 15px 10px; width:100%; }
.loginbox {width:100%; }
.loginbox .row .col-left { width:100%; padding-top:0; margin-bottom:5px; }
.loginbox .row .col-right { width:100%; float:left; margin-bottom:15px; }
.searchsection ul { width:100%; margin:0 0 0 0; }
.searchsection ul li { width:100%; margin:0 0 8px 0; }
#gallery_01 { width:100%; height:515px; float:left; margin:0 }
#gallery_01 ul li { width:48%; }
.tooltipblock { max-width:250px; }
.status { width:100%; margin:0; }
.status li { width:100%; margin:4px 0 4px 0; }
.footer-link { width:100%; margin:0; }
.footer-link li { width:100%; margin:4px 0 4px 0; }

}
@media only screen and (max-width:480px){
.row100 .col100 { width:50%; float:left; margin-bottom:12px; padding-right:10px; }
.row100 .col120 { width:50%; float:left; margin-bottom:12px; padding-right:10px; }
.row100 .col300 { width:100%; float:left; margin-bottom:12px; padding-right:0px; }
.row100 .col250 { width:100%; float:left; margin-bottom:12px; padding-right:0px; }

}
@media only screen and (max-width:374px){
#mainwrapper {margin: 0 auto -80px;}
.l-push { height:80px;}
#footerwrapper { height:80px; }
#gallery_01 ul li { width:47%; }
}
@media only screen and (max-width:375px){
.row100 .col100 { width:100%; padding-right:0; }
.row100 .col120 { width:100%; padding-right:0; }
.row100 .col300 { width:100%; padding-right:0; }
.row100 .col250 { width:100%; padding-right:0; }
}