/* mobile style*/
@media only screen and (max-width: 768px) {
    div#masthead ul.mobile-nav.nav.nav-right {
        width: 150px;
    }

    .mt-footer {
        margin-bottom: 20px !important;
    }

    div#masthead li.nav-icon.has-icon a {
        color: var(--color-gray)
    }

    form.searchform button.search-button svg {
        display: none;
    }

    form.searchform button.search-button {
        display: block;
        margin: 0 !important;
        padding: 0 20px !important;
        width: 142px;
    }

    button.alt {
        width: 56px !important;
        padding: 0;
    }

    .gfx-6 {
        flex-basis: calc(100% / 2) !important;
        max-width: calc(100% / 2) !important;
    }

    .brand-marketing {
        padding-left: 0px;
    }

    .brand-marketing:before {
        display: none;
    }

    .banner_hero h3 {
        font-size: 35px !important;
        line-height: 45px !important;
    }

    .banner_home .text-box-content {
        left: 2%;
    }

    .swiper-post-text .swiper-slide .post-text {
        border: 0px !important;
    }

    .slogan .box-image {
        padding-top: 200px;
    }

    .slogan .box-image {
        padding-top: 80px;
    }

    .slogan h3.slogan-text {
        font-size: 32px !important;
        line-height: 48px !important;
    }

    .home-title h3, .home-title h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .gfx-review {
        padding: 15px;
    }

    .giatri ul li {
        font-size: 18px;
    }

    .team-item .team-thumbnail {
        width: 100%;
        height: 220px;
    }

    .brand-item {
        padding: 25px;
    }

    .brand-item h4 {
        font-size: 22px;
        line-height: 32px;
    }

    .project-box {
        width: 100%;
        height: 320px;
    }

    .banner_learn h3 {
        font-size: 35px;
        line-height: 45px;
    }

    .home-small h3 {
        font-size: 20px;
        line-height: 32px;
    }

    .gfx-dot {
        width: 50px;
        height: 50px;
        padding: 10px;
        right: 20px;
        top: -20px;
    }

    .RegisterBody {
        padding: 20px;
    }

    header#single-header h1 {
        font-size: 30px;
        line-height: 41px;
    }

    .post-share {
        width: 100%;
        display: block;
    }

    header#single-header .post-meta {
        flex-flow: wrap;
    }

    body .swiper-button-next {
        right: 10px;
    }

    body .swiper-button-prev {
        left: 10px;
    }
}

/* 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) {

}