@media only screen and (max-width: 1199px) and (min-width: 992px) {

.ruby-container {
        max-width: 964px !important;
    }
.sidebar-wrap {
        padding-left: 40px;
    }
.post-grid {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 40px;
    }
.post-grid-small, .post-grid-small-s {
        margin-bottom: 40px;
    }
.post-grid-small .post-header-inner {
        margin-left: 5px;
        margin-right: 5px;
        padding: 8px 5px;
    }
.post-title > * {
        font-size: .85em;
    }
.single .post-title.single-title h1 {
        font-size: .8em;
    }
.post-title.is-big-title > *, .single .post-title.single-title h1 {
        line-height: 1.3;
    }
.post-title.is-medium-title > * {
        line-height: 1.4;
    }
.post-title.is-small-title > *, .post-title.is-mini-title > * {
        font-size: .9em;
    }
.column-footer-inner {
        margin-left: -20px;
        margin-right: -20px;
    }
#footer .sidebar-wrap.sidebar-footer {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 991px) {

.ruby-container {
        padding-left: 15px;
        padding-right: 15px;
    }
.ruby-section {
        margin-bottom: 0;
    }
.header-logo-mobile-wrap {
        display: block;
    }
.header-nav-inner .off-canvas-btn-wrap,
    .header-nav-inner .nav-search-wrap {
        display: block !important;
    }
.ruby-page-wrap {
        margin-top: 30px;
    }
.main-nav-wrap, .top-bar-wrap {
        display: none !important;
    }
.ruby-content-wrap {
        margin-bottom: 15px;
    }
body:not(.page-template-page-composer) .ruby-content-wrap {
        margin-bottom: 45px;
    }
.single-meta-info-bar .meta-info-el {
        line-height: 28px;
    }
.sidebar-wrap {
        padding-left: 30px;
    }
.post-cat-info {
        margin-bottom: 10px;
    }
.post-title.is-small-title,
    .post-title.is-mini-title {
        margin-bottom: 12px;
    }
.post-grid {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 30px;
    }
.post-grid-small, .post-grid-small-s {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 30px;
    }
.post-grid-small .post-header-inner {
        padding: 5px;
        border-width: 1px;
    }
.post-title > *, .single .post-title.single-title h1 {
        font-size: .75em;
    }
.post-title.is-big-title > * {
        line-height: 1.4;
    }
.post-title.is-medium-title > * {
        line-height: 1.45;
    }
.post-title.is-small-title > *, .post-title.is-mini-title > * {
        font-size: .83em;
        line-height: 1.6;
    }
.column-footer-inner {
        margin-left: -15px;
        margin-right: -15px;
    }
#footer .sidebar-wrap.sidebar-footer {
        padding-left: 15px;
        padding-right: 15px;
    }
.entry p {
        margin-bottom: 20px;
    }
.widget-title.block-title {
        margin-bottom: 20px;
    }
.widget {
        margin-bottom: 40px;
    }
.sidebar-wrap .post-list-small img {
        max-width: 80px;
    }
.sidebar-wrap .post-list-small .post-header {
        margin-left: 95px;
    }
.single-nav {
        padding-top: 15px;
        padding-bottom: 15px;
    }
.single-related-content {
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: -30px;
    }
.single-box {
        margin-top: 30px;
        margin-bottom: 30px;
    }
.single-related-wrap {
        margin-top: 30px;
    }
#ruby-banner-search-form .ruby-search input[type="text"] {
        font-size: 18px;
        line-height: 26px;
        border-width: 2px;
        padding-left: 20px;
        padding-right: 66px;
    }
#ruby-banner-search-form .ruby-search .ruby-search-submit {
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 18px;;
    }
h1, h2, h3, h4, h5, h6 {
        margin-top: 20px;
        margin-bottom: 15px;
    }
.single-post-outer {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
.post-counter {
        font-size: 60px;
    }
.post-widget-inner.style-6,
    .post-widget-inner.style-7 {
        margin-left: -5px;
        margin-right: -5px;
    }
.single-meta-info-bar .meta-info-el:before {
        margin-left: 3px;
        margin-right: 3px;
    }
.single-meta-info-bar .share-bar-el i {
        font-size: 13px;
        height: 28px;
        width: 28px;
        line-height: 28px;
    }
.single-meta-info-bar .share-bar-total {
        line-height: 28px;
    }
.single-share-bar {
        margin-top: 2px;
    }
.single-share-bar-total.share-bar-total {
        font-size: 11px;
        margin-right: 5px;
    }
.share-bar-total {
        margin-left: 7px;
        line-height: 28px;
    }
.header-style-2 .header-logo-wrap {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

.ruby-container {
        max-width: 740px !important;
    }
.post-list-small .post-thumb-outer {
        margin-right: 10px;
    }
.sidebar-wrap .post-list-small img {
        max-width: 60px;
    }
.sidebar-wrap .post-list-small .post-header {
        margin-left: 70px;
    }
}

@media only screen and (max-width: 767px) {

.ruby-container {
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
.ruby-page-wrap {
        margin-top: 20px;
    }
.sidebar-wrap {
        padding-left: 0;
        padding-right: 0;
    }
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"] {
        font-size: 13px !important;
    }
.single-meta-info-bar .meta-info-el {
        line-height: 24px;
    }
.post-title.is-big-title > * {
        font-size: .7em;
    }
.post-title > *, .single .post-title.single-title h1 {
        font-size: .73em;
    }
.post-grid-small .post-header-inner {
        margin-left: 10px;
        margin-right: 10px;
    }
.meta-info-decs, .share-bar-total-text {
        display: none;
    }
.single-meta-info-bar .post-meta-info {
        line-height: 32px;
    }
.single-share-bar-inner .share-bar-el i {
        height: 28px;
        width: 28px;
        line-height: 28px;
        font-size: 12px;
    }
.entry {
        font-size: .9em;
    }
.single-related-content > *:nth-child(3n+1) {
        clear: none;
    }
.single-related-content > *:nth-child(2n+1) {
        clear: both;
    }
.single-nav .nav-left {
        border-right: none;
        padding-right: 0;
    }
.single-nav .nav-right {
        border-left: none;
        padding-left: 0;
    }
h1, h2, h3, h4, h5, h6 {
        margin-top: 15px;
        margin-bottom: 10px;
    }
h1 {
        font-size: 30px;
    }
h3 {
        font-size: 22px;
    }
.single-nav > * {
        text-align: center !important;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #f2f2f2;
    }
.single-nav > *:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
.off-canvas-btn {
        height: 42px;
        width: 42px;
    }
.off-canvas-btn .ruby-trigger {
        height: 20px;
        width: 20px;
        left: 11px;
        margin-top: -10px;
    }
#ruby-banner-search-form .ruby-search input[type="text"] {
        font-size: 15px;
        line-height: 20px;
        border-width: 1px;
        padding-left: 15px;
        padding-right: 57px;
    }
#ruby-banner-search-form .ruby-search .ruby-search-submit {
        height: 42px;
        width: 42px;
        line-height: 42px;
        font-size: 15px;;
    }
.header-nav-inner .off-canvas-btn {
        display: block !important;
    }
.single-thumb-outer {
        margin-bottom: 25px;
    }
.single .post-title.single-title {
        margin-bottom: 20px;
    }
.entry {
        margin-top: 30px;
    }
.post-widget-inner.style-6 .post-title.is-mini-title > * {
        font-size: 1em;
        line-height: 1.5;
    }
.post-widget-inner.style-6 .post-grid-small .post-header-inner {
        padding: 15px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {

.ruby-container {
        max-width: 452px !important;
    }
}

@media only screen and (max-width: 479px) {

#ruby-banner-search-form .banner-search-form-inner {
        padding-left: 5px;
        padding-right: 5px;
    }
.post-grid-small .post-header-inner {
        margin-left: 5px;
        margin-right: 5px;
    }
.header-ads-wrap {
        padding: 10px 10px 0 10px;
    }
.single-meta-info-bar .post-meta-info {
        line-height: 26px;
    }
.single-share-bar {
        margin-top: 0;
    }
.single-share-bar-inner .share-bar-el i {
        height: 26px;
        width: 26px;
        line-height: 26px;
        font-size: 12px;
    }
.single-meta-info-bar .meta-info-el:before {
        margin-left: 0;
        margin-right: 0;
    }
.ruby-page-wrap {
        margin-top: 10px;
    }
}