/* mobile style*/
@media only screen and (max-width: 768px) {
    .footer-cap {
        text-align: left;
    }

    .col-w-5 {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }
    .mt-footer {
        margin-bottom: 20px !important;
    }

    .register .is-border {
        border: 0 !important;
    }

    section.banner_basic {
        height: 300px;background-position: center !important;
    }

    section.banner_basic h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .home-title h3 {
        font-size: 25px;
        line-height: 35px;
    }

    div#top-bar {
        display: none;
    }

    .profileBox {
        margin-top: -180px;
    }

    .boxExcerpt {
        margin-top: -80px;
    }

    .stuck div#masthead {
        height: 70px !important;
    }

    .filter-block .search-block {
        display: block;
    }

    .banner-top h3 {
        font-size: 40px !important;
        line-height: 45px !important;
        text-transform: uppercase;
    }

    .banner-top h1 {
        font-size: 45px !important;
        line-height: 50px !important;
        margin: 0;
        text-transform: uppercase;
    }

    .banner_header {
        padding-top: 600px !important;
    }

    .abouts h3 {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .home-title p {
        width: 100%;
    }

    .tg-counter p:nth-child(2) {
        font-size: 15px !important;
    }

    .post-big {
        height: 255px;
    }

    .tg-counter span.count-up.active {
        font-size: 50px !important;
        line-height: 60px !important;
    }

    .filter-select select {
        border-radius: 5px !important;
        width: 100%;
    }

    article.post-related .post-thumbnail {
        height: 220px;
    }

    .tg-counter strong {
        font-size: 40px !important;
    }
}

/* iPad landscape style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

}

/* iPad portrait style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {


}

/**desktop**/
@media only screen and (min-width: 1440px) {
    .container-width, .full-width .ubermenu-nav, .container, .row {
        max-width: 1200px !important;
    }
}