/* mobile style*/
@media only screen and (max-width: 768px) {
    .mt-footer {
        margin-bottom: 20px !important;
    }

    div#top-bar {
        display: none !important;
    }

    i.icon-menu:before {
        content: '\f0c9';
        font-family: 'Font Awesome 6 Pro';
        font-weight: 200 !important;
    }

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

    .product-item .product-content .product-price {
        line-height: 20px;
        height: 40px;
    }

    .title-product h3, .inter-title2 h3 {
        font-size: 25px;
        margin: 0 0 10px 0;
        line-height: 35px;
    }

    .tab-news ul li a {
        font-size: 25px;
        line-height: 32px;
    }

    .post-big .post-thumbnail {
        height: 220px;
    }

    .post-list .post-thumbnail {
        width: 150px;
        height: 110px;
    }

    .post-list .post-content {
        width: calc(100% - 150px);
        padding: 0 0 0 15px;
    }

    .post-list .post-content .post-desc {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .banner-category {
        position: relative;
        padding: 80px 0;
        text-align: center;
    }

    .banner-category h1 {
        color: #fff;
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 15px 0;
    }

    .formContact {
        padding: 30px !important;
    }

    .formContact h3 {
        font-size: 28px;
        line-height: 38px;
    }

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

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

    .home-slide-text-2 .home-slide-title h3 {
        font-weight: 700;
        font-size: 50px;
        line-height: 60px;
    }

    .sec-slide .banner {
        padding-top: 400px !important;
    }

    .cta-area-3 .cta-thumb-1, .sec-service .service-thumb-1, .testimonial-area-2 .testimonial-thumb-2, .testimonial-area-2 .testimonial-thumb-1 {
        display: none !important;
    }

    .cta-area-3 .banner .text-box {
        width: 100% !important;
        right: 0px !important;
    }

    .cta-text-3 .cta-content h4 {
        font-size: 50px;
        line-height: 60px;
    }

    .home-title h3, .abouts h3, .offer-details .offer-title h3, .cta-wrapper-2 .cta-text-2 .cta-content h3, .faq-wrap h3 {
        font-size: 35px;
        line-height: 45px;
    }

    .offer-title h3 {
        margin-bottom: 10px !important;
    }

    .offer-details .offer-title h4 {
        font-size: 30px;
        line-height: 40px;
    }

    .testimonial-area-2 .swiper-nav {
        display: none !important;
    }

    .testimonial-swiper .testimonial-details .icon {
        width: 50px;
        margin: 30px 0 20px 0;
    }

    .post-item .post-thumbnail {
        height: 180px;
    }

    .cta-wrapper-2 {
        padding: 200px 10px;
    }


    .rowLeft .text-right {
        text-align: left !important;
        justify-content: left !important;
        display: flex !important;
    }

    .banner-category a, .banner-category span {
        color: #fff !important;
        font-family: "Open San";
        font-weight: normal;
        font-size: 16px;
    }

    .banner-category h1 {
        color: #fff;
        font-size: 45px;
        line-height: 65px;
        margin: 0 0 15px 0;
    }

    .about-thumb .about-thumb-small {
        left: 0px;
        bottom: 0;
    }

    .faq-wrap .col-inner {
        padding: 30px 15px !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;
    }
}