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

    .card-test img {
        width: 240px;
    }

    .card-test {
        width: 300px !important;
        padding: 30px;
    }

    .card-test h5, .card-test p {
        font-size: 1rem;
    }

    .card-test a {
        font-size: 1rem;
        padding: 10px;
    }

    .demo {
        height: 950px;
        padding: 100px;
    }

    .check-wrapper {
        height: 1000px;
    }

    .check-wrapper li {
        font-size: 1.5rem;
    }

    .column1, .column2 {
        height: 400px;
    }

    .column-title {
        padding: 50px 40px;
    }

    .card-box {
        width: 300px;
        margin: 80px 0px;
    }

    .card-box img {
        max-width: 300px;
    }

    .card-test-column, .card-test-column img {
        width: 400px;
    }

    .items {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .item-boxs {
        display: flex;
        width: 100%;
    }

    .item-box {
        width: 400px;

    }

    .item-box img {
        width: 150px;
    }

    .item-box h3 {
        font-size: 1rem;
    }

    .check-wrapper ul {
        justify-content: space-around;
        display: flex;
        align-items: center;
        list-style-type: none;
        padding-left: 0px;
        margin: 0px;
    }

    .check-wrapper h1 {
        margin: 50px 0px;
    }

    .service-fee {
        font-size: 1.5rem;
    }

    .service-title {
        margin: 15px 0px;
    }

    .card-detail {
        margin: 15px 0px;
    }

    .column-wrapper {
        margin: 50px 100px;
    }

    /* .topbox {
        height: 350px !important;
    } */

    /* .top-title {
        width: 100%;
        height: 700px !important;
    } */

    .our-wrapper {
        margin: 100px 10px !important;
    }

    .our-boxes {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .ourbox {
        width: 300px !important;
    }

    .columnbox {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .top-wrapper h1 {
        letter-spacing: 30px !important;
        top: 375px !important;
        right: 300px !important;
        position: absolute;
        font-size: 3rem !important;
    }

    .top-wrapper {
        height: 810px !important;
    }

    .accordion-responcive {
        display: flex;
        justify-content: center;
    }

    .accordion-item {
        width: 35%;
    }

    .column-box {
        width: 300px !important;
        height: 300px !important;
    }

    .column-box img {
        width: 300px !important;
        height: 200px !important;
    }

    .boxes {
        width: 400px;
    }

    .box img {
        width: 400px;
    }

    .box-body {
        display: flex;
        margin: 0px 100px;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .messe-wrapper {
        height: 500px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 50px 0px;
    }

    .messe-wrapper img {
        width: 350px;
        margin-bottom: 60px;
        border-radius: 15px;
    }

    .messe {
        width: 500px;
        font-size: 13px;
        line-height: 35px;
        font-family: serif;
        letter-spacing: 5px;
    }

    .member, .company {
        margin: 20px 150px;

    }

    .slick-slide li {
        width: 500px !important;
    }

    .property ul {
        width: 500px !important;

    }

    .slider-nav img {
        width: 75px !important;
        height: 75px !important;
    }

    .event-item {
        width: 400px;
    }

    .event-img img {
        width: 100%;
        height: 100%;
    }

    .event-title {
        text-align: left;
        padding: 10px 0px;
    }

    .event-text {
        text-align: left;
        line-height: 35px;
        margin: 0px 10px;
        font-size: 1.5rem;
    }

    .event-detail {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 20px 15px;
    }

    .event-detail h3 {
        margin: 5px 0px 5px 0px;
        font-size: 1rem;
    }

    .event-date {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        letter-spacing: 2px;
    }
}