﻿@media(max-width:1023px) {
}

@media(min-width:740px) and (max-width:1023px) {
}

@media(max-width:739px) {
    .home-pic-heading {
        /* flex-direction: column; */
    }

        .home-pic-heading .left h3 {
            font-size: 18px;
            text-align: center;
        }

        .home-pic-heading .left span {
            font-size: 14px;
            text-align: center;
            margin-top: 5px;
            margin-bottom: 15px;
        }

        .home-pic-heading .left {
            padding-left: 0;
        }

        .home-pic-heading .right a {
            width: fit-content;
            padding: 10px 10px;
            font-size: 13px;
        }

    .home-pic-list {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .home-pic-item:first-child {
        grid-column: 1/ span 2;
        grid-row: unset;
        height: 400px;
    }

    .home-pic-item {
        height: 43vw;
    }
}