@media only screen and (max-width: 480px) {
    .carousel-item {
        height: 200px;

    }

    .logo {
        height: 50px;
    }

    .head2 {
        font-size: 35px;
        width: 70%;
    }

    .card-title {
        font-size: 27px;
    }
}

@media only screen and (max-width: 1332px) {
    .home {
        padding-top: 40px;
        padding-bottom: 90px;
    }
}

@media only screen and (max-width: 1202px) {
    .remedymob {
        display: block;
        text-align: center;
        padding-bottom: 10px;
        margin: auto;
    }

    .remedy {
        display: none;
    }

    .coltext {
        font-family: 'Bree Serif',
            serif;
        font-size: 15px;
    }

    .imgi {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .fear {
        height: 300px;
    }

    .fear2 {
        width: 250px;
    }

    .mail {
        height: 100px;
        left: 0px;
        bottom: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .contactbox {
        width: 90%;
    }

}

@media only screen and (max-width: 862px) {
    .container2 {
        width: 100%;
    }

    .fear {
        height: 250px;
        margin: 20px;
    }

    .fear2 {
        width: 200px;
    }

    .coronaphobia {
        display: block;
        text-align: center;
    }

    .coronaphobia2 {
        display: none;
    }

    .heading3 {
        width: 50%;
    }
}