/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 9 Feb 2022, 16:01:29
    Author     : Ngô Thành Sơn
*/

@media screen and (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1320px;
    }

}

@media screen and (max-width: 1023px) {
  

    .tvc_readmore a {
        font-size: 2rem;
    }

    .modal-play .modal-body iframe {
        height: 215px !important;
    }

    .modal-play .close {
        right: 5px;
        top: -35px;
        font-size: 4rem !important;
    }

    .modal-play .modal-body iframe {
        height: 215px;
    }

    .partner_sc-item {
        flex-direction: column;
    }

    .partner_sc-images {
        width: auto;
        height: 150px;
    }

    .menu-menu-chinh-container {
        display: none;
    }

    .w-50 {
        width: 100% !important;
    }

    .post__home {
        grid-template-columns: unset;
    }

    .home .services_sc,
    .home-feature-case,
    ul.related-post-wg,
    .services_sc {
        grid-template-columns: unset;
        grid-auto-flow: column;
        grid-auto-columns: 80%;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        scroll-snap-stop: always;
        scroll-padding: 15px;
        padding: 15px;
        margin-left: -15px;
    }

    .home .services_sc {
        /* grid-template-columns: repeat(4, 1fr); */
        display: grid;
        justify-content: start;
    }

    .home .services_sc-item {
        min-height: unset;
        flex: unset;
        max-width: unset;
    }

    .services_sc-item:nth-child(1),
    .services_sc-item:nth-child(2),
    .services_sc-item:nth-child(5),
    .services_sc-item:nth-child(6),
    .services_sc-item:nth-child(7),
    .services_sc-item:nth-child(4) {
        left: 0;
        top: 0;
    }

    .home-feature-case,
    ul.related-post-wg {
        gap: 15px;
    }

    .services_sc-item,
    .feature-case-item,
    ul.related-post-wg li {
        scroll-snap-align: center;
    }

    .feature-case-content {
        padding: 15px;
    }

    .post__home-item:first-child {
        grid-column: unset;
    }

    ul.gallery-case {
        grid-template-columns: 1fr;
    }

    .related-case a.mh-post-grid__heading {
        height: 60px;
        -webkit-line-clamp: 2;
    }

    .post__home-img,
    .related-img {
        height: 250px;
    }

    h1.entry-title,
    h1.page-title {
        color: #fff;
        font-family: bold;
        padding: 0px 15px;
        font-size: 35px;
    }

    .overlay .closebtn {
        top: 30px;
        right: 15px;
        font-size: 40px;
    }

    div#myOverlay input {
        font-size: 1.5rem;
        width: 100%;
    }

    div#hamburger,
    .menu-main {
        width: 25%;
    }

    .logo-main {
        width: 50%;
    }

    a.navbar-brand.custom-logo-link {
        text-align: center;
        height: 90px;
        aspect-ratio: unset;
    }

    .review_sc-item {
        flex-direction: column;
    }

    .review_sc-images,
    .review_sc-content,
    .img-feature-type,
    .content-feature-type {
        width: 100%;
    }

    .review_sc-images {
        margin-bottom: 35px;
    }

    .review_sc-content {
        padding: 35px 15px;
    }

    .review_sc-content:before {
        top: -24px;
        width: 50px;
        height: 50px;
    }

    .info-review h3 {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .info-review span {
        padding-left: 5px;
        font-size: 15px;
    }

    .team_sc-item.col-md-4 {
        margin-bottom: 35px;
    }

    .box-feature-type,
    .post__content-item {
        flex-direction: column;
    }

    .post__content-img {
        margin-right: 0px;
        height: 300px;
        width: 100%;
    }

    .post__content-img img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .post__content-desc .info-additional {
        padding-right: 0;
    }

    div#gform_wrapper_1 {
        width: 100%;
        padding: 25px;
    }

    div#gform_fields_1 {
        grid-row-gap: 15px;
    }

    .info-items {
        height: auto;
        flex-direction: column;
        margin-top: 35px;
        padding: 25px;
    }

    .title-info {
        width: 100%;
        border-right: none;
        padding: 0;
        margin: 0;
        text-align: left;
    }

    .list-item {
        grid-template-columns: 1fr;
        width: 100%;
        padding: 15px;
        text-align: left;
    }

    .header-page {
        height: 250px;
    }

    .header-post {
        height: auto !important;
        padding: 100px 0px !important;
    }

    .show_post {
        grid-template-columns: 1fr;
    }

    .show_item {
        height: auto;
        flex-direction: column;
    }

    .show_img {
        width: 100%;
        flex-shrink: 0;
        height: 250px;
    }

    section.vc_section.bg-top.spacing-b.vc_custom_1647335838345.vc_section-has-fill {
        margin-top: -90px !important;
    }

    section.vc_section.bg-top.spacing-b.vc_custom_1647335838345.vc_section-has-fill .vc_row.wpb_row.vc_row-fluid:first-child {
        padding-top: 90px !important;
    }

    .search-layout {
        grid-template-columns: 1fr;
    }

    iframe {
        width: 100%;
    }

    .slider-for img {
        height: 250px;
    }

    .tvc_content a {
        font-size: 1rem;
    }

    .slider-nav img {
        height: 100px;
    }

    ul.brand-sc .prev-arrow,
    .review_sc .prev-arrow {
        display: none !important;
    }

    ul.brand-sc .next-arrow,
    .review_sc .next-arrow {
        display: none !important;
    }
}