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

    .py-60 {

        padding-top: 30px;

        padding-bottom: 30px;

    }

    .pt-80 {

        padding-top: 40px;

    }

    .pb-80 {

        padding-bottom: 40px;

    }

    .py-80 {

        padding-top: 40px;

        padding-bottom: 40px;

    }

    header {

        padding: .5rem 0;

    }

    header::before {

        top: 55px;

    }

    .banner {

        padding: 2rem 0 1rem;

        border-radius: 0px 0px 20px 20px;

    }

    .home-logos img {

        margin: 0 0 1rem;

    }

    .banner h1 {

        font-size: 36px;

        line-height: 42px;

    }

    .banner h2 {

        font-size: 16px;

        line-height: 24px;

    }

    .banner p {

        font-size: 18px;

        line-height: 26px;

    }

    .timer li {

        width: auto;

    }

    .timer span {

        font-size: 22px;

        line-height: 32px;

    }

    .timer li p {

        font-size: 12px;

        line-height: 18px;

    }

    .exprience {

        position: absolute;

        right: 30px;

        top: 20px;

        width: 100px;

        font-size: 24px;

        font-weight: 800;

        padding: 1rem;

    }

    .exprience span {

        font-size: 12px;

    }

    .reg-box {

        margin: 0 0 1rem;

    }

    .conf-highlights ul li {

        width: 100%;

        font-size: 18px;

        line-height: 26px;

        padding: 1rem;

        border-bottom: 1px solid var(--bs-gray-200);

    }

}



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

    .photo-box,

    .photo-gallery .photo-box {

        width: auto;

        height: auto;

    }

}