/* mobile style*/
@media only screen and (max-width: 768px) {
    .sec-go {
        min-height: unset !important;
        padding: 190px 0 !important;
    }
    .post-grid .post-content h4 a {
        height: 45px;
    }
    .formLft .contact-address {
        width: 100%;
    }

    #dathang .formRight {
        padding: 10px !important;
    }
    .form-search form {
        width: 100%;
    }

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

    .product-main {
        padding-top: 0px !important;
    }

    .d-info .info {
        margin: 0 0 20px 0;
    }

    .d-cart {
        display: block;
    }

    .cart-call {
        margin: 20px 0 0 0;
    }

    .home-title h3, .home-title h1, .home-title3 h3 {
        font-size: 28px;
        line-height: 34px;
    }

    .banner_gt_box {
        padding-top: 550px !important;
    }

    .banner-gt h1 {
        font-size: 32px !important;
        line-height: 38px !important;
        margin: 20px 0 !important;
    }

    .banner-gt .line {
        margin: 0 auto 20px;
    }

    .abouts .abouts-header:before {
        width: 30px;
        height: 30px;
    }

    .abouts .abouts-header h3 {
        font-size: 16px;
        line-height: 22px;
        padding-left: 42px;
    }

    .abouts .abouts-header-sub .sub-lt {
        font-size: 18px;
    }

    .abouts .abouts-header-sub .sub-right {
        font-size: 50px;
    }

    .img-title {
        margin-bottom: -20px !important;
    }

    .author1 {
        margin-top: 0;
    }

    .step-title h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .swiper-step .swiper-nav .swiper-button-prev, .swiper-step .swiper-nav .swiper-button-next {
        margin-top: 10px;
    }

    .tai_tro {
        height: 200px;
    }

    #footer .footer__top .footer-support {
        justify-content: start;
        width: 100%;
        flex-flow: wrap;
    }

    #footer .support-item {
        width: calc(100% / 2) !important;
        margin: 0 0 20px 0 !important;
    }

    #footer .footer__top {
        margin: 0 0 5px 0;
    }

    .banner_home {
        padding-top: 700px !important;
    }

    .tab-bst ul, .category-list ul {
        display: inline-block;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .tab-bst ul::-webkit-scrollbar, .category-list ul::-webkit-scrollbar {
        height: 0px;
    }

    .category-list ul li {
        list-style: none;
        display: inline-block;
    }

    .row-c-5 {
        padding: 0px 10px !important;
    }

    .pd-c-5 {
        padding: 0px 5px 10px 5px !important;
    }


    .contact-title h3 strong {
        font-size: 33px;
    }

    .category .product-item {
        height: 180px;
    }

    .product-item .product-content {
        height: 100%;
    }

    .product-item .product-content h4 a {
        font-size: 16px;
        line-height: 24px;
    }

    .d-info .info .info_text {
        font-size: 13px;
        line-height: 18px;
    }

    .d-info .info .info_text h4 {
        font-size: 13px;
        line-height: 18px;
    }

    .post-large .post-thumbnail {
        width: 100%;
        height: 220px;
        border-radius: 15px 15px 0 0;
    }

    .post-large .post-thumbnail img {
        border-radius: 15px 15px 0 0;
    }

    .post-large .post-content {
        width: 100%;
        height: auto;
        background: linear-gradient(89.99deg, #CEA162 8.16%, #E8CF91 49.25%);
        border-radius: 0 0 15px 15px;
        padding: 30px;
    }

    .post-large .post-content h4 a {
        font-size: 18px;
        line-height: 24px;
    }

    .team-item .team-image {
        width: 95%;
        height: 228px !important;
    }

    .team-item .team-title h3 {
        color: var(--primary-color2);
        text-transform: uppercase;
        font-size: 14px;
        line-height: 18px;
        width: 80%;
    }

    .team-item .team-title img {
        width: 72px;
    }

    .team-item .team-title {
        padding: 4px 16px;
    }

    .categoryItem h4 {
        font-size: 18px;
        line-height: 24px;
    }
}

/* 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;
    }
}