@media (max-width: 1200px) {

}

@media (max-width: 992px) {



}

@media (max-width: 768px) {


#header_bottom {
    display: none;
}
#mobilemenu{
    display:flex;
}

#head.main h1 {
    font-size: 3rem;
    line-height: 1.2;
}
ul.main > li > a {
    padding: 10px;
    font-size: 1rem;
}
ul.main > li > a > i {
    display: none;
}

ul.pages {
    display: block;
}
ul.pages a {
    display: block;
    padding: 5px;
    text-align: center;
}
ul.pages span {
    display: none;
}

#head h1 {
    font-size: 2rem;
}
#head ul.per {
    z-index: 5;
    position: relative;
    font-size: 0.8rem;
}
#head ul.per > li > a {
    padding: 0px 7.5px;
}

ul.post > li .inner > strong {
    line-height: 1;
}

#head.bg_custom h2 {
    font-size: 1.6rem;
}
#pagecontent.nomargin {
    overflow: auto;
}

#pagecontent {
    position: relative;
    z-index: 5;
}



}

@media (max-width: 576px) {


}