@media only screen and (min-width : 100px) and (max-width : 1400px) {
.header-menu ul li a {
    font-size: 12px;
}
}
@media only screen and (min-width : 100px) and (max-width : 1100px) {

}
@media only screen and (min-width : 100px) and (max-width : 1000px) {


}
@media only screen and (min-width : 100px) and (max-width : 900px) {
.inner-page-title {
    font-size: 2rem;
}
section.responsive-menu {
    width: 100%;
    right: -102%;
}
}

@media only screen and (min-width : 100px) and (max-width : 600px) {
.blogs-item .custom-theme-post-item {
    display: block;
}
.blogs-item .custom-theme-post-item .custom-theme-post-content {
    padding-left: 0px;
}
}

@media only screen and (min-width : 100px) and (max-width : 500px) {
.inner-page-title {
    font-size: 1.6rem;
}
.custom-theme-post-title a {
    font-size: 1.3rem;
}

}
@media only screen and (min-width : 100px) and (max-width : 375px) {
.post-meta span {
    font-size: 11px;
    letter-spacing: .5px;
}
.custom-theme-post-title a {
    font-size: 1.2rem;
}
}
@media only screen and (min-width : 100px) and (max-width : 320px) {

}