@media (max-width: 480px) and (min-width: 320px) {
    body .parent-menu ul.inserted-submenu li a{
        font-size: 16px !important;
    }
    .heroSection {
        min-height: 60vh;
        max-height: 60vh;
        height: 60vh
    }

    .mb-xs-40 {
        margin-bottom: 40px
    }

    body .easter-schedule {
        flex-direction: column;
        gap: 40px
    }

    body p {
        font-size: 18px
    }

    .easter-schedule li div {
        padding: 15px
    }

    .easter-schedule li div,
    .easter-schedule li img {
        width: 100% !important;
    }

    .easter-schedule li {
        background: #e8e8c4;
        width: 100% !important;
        flex-direction: column;
    }

    .footer-pic {
        flex-direction: column;
    }

    body section {
        width: calc(100% - 0px);
        margin: auto;
    }

    .footer-pic li {
        width: 100%;
        height: 300px;
    }

    footer .col-md-6,
    footer .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}


/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .easter-schedule li >img{
        width: 100%;
    }
    .easter-schedule li {
        background: #e8e8c4;
        flex-direction: column;
    }
    .easter-schedule li div {
        padding: 15px
    }
    .Cutted-logo{width: 50%;}
    .Cutted-transparent { 
        width: 30%;
    }
}