/* mobile style*/
@media only screen and (max-width: 768px) {
    div#top-bar {
        display: none;
    }

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

    .sec-price .row{
        margin-top: 0 !important;
    }

    .font-42 {
        font-size: 32px !important;
        line-height: 42px !important;
    }

    i.icon-menu {
        color: #fff;
    }

    .pageBanner h1 {
        font-size: 42px !important;
        line-height: 52px !important;
    }

    .pageBanner p {
        font-size: 18px;
        line-height: 28px;
    }

    .gFx-domain {
        padding: 20px;
    }

    .gFx-domain .domain-item p {
        font-size: 18px;
    }

    .gFx-domain .domain-item .domain-price {
        font-size: 14px;
    }

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

    .home-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .button_style {
        padding: 10px 25px !important;
        font-size: 14px !important;
    }

    #footer .footer-social {
        justify-content: center;
    }

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

/* iPad landscape style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    div#top-bar {
        display: none;
    }

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

    .sec-price .row{
        margin-top: 0 !important;
    }

    .font-42 {
        font-size: 32px !important;
        line-height: 42px !important;
    }

    i.icon-menu {
        color: #fff;
    }

    .pageBanner h1 {
        font-size: 42px !important;
        line-height: 52px !important;
    }

    .pageBanner p {
        font-size: 18px;
        line-height: 28px;
    }

    .gFx-domain {
        padding: 20px;
    }

    .gFx-domain .domain-item p {
        font-size: 18px;
    }

    .gFx-domain .domain-item .domain-price {
        font-size: 14px;
    }

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

    .home-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .button_style {
        padding: 10px 25px !important;
        font-size: 14px !important;
    }

    #footer .footer-social {
        justify-content: center;
    }

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

/* iPad portrait style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    div#top-bar {
        display: none;
    }

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

    .sec-price .row{
        margin-top: 0 !important;
    }

    .font-42 {
        font-size: 32px !important;
        line-height: 42px !important;
    }

    i.icon-menu {
        color: #fff;
    }

    .pageBanner h1 {
        font-size: 42px !important;
        line-height: 52px !important;
    }

    .pageBanner p {
        font-size: 18px;
        line-height: 28px;
    }

    .gFx-domain {
        padding: 20px;
    }

    .gFx-domain .domain-item p {
        font-size: 18px;
    }

    .gFx-domain .domain-item .domain-price {
        font-size: 14px;
    }

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

    .home-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .button_style {
        padding: 10px 25px !important;
        font-size: 14px !important;
    }

    #footer .footer-social {
        justify-content: center;
    }

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

/**desktop**/
@media only screen and (min-width: 1440px) {

}