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


    .for-desktop{
        display: none;
    }
    .for-mobile{
        display: block;
    }
    .section-dot img {
        right: 0px;
        width: 100px;
    }
    .hero-content h1{
        font-size: 40px;
    }
    .hero-content{
        padding-left: 0;
        margin-top: 20px;
    }
    .hero-content h3 {
        font-size: 25px;
     
    }
    .section-padding{
        padding: 50px 0;
    }
    .counter{
        margin-top: 20px;
        margin-left: 0;
    }
    .visite-left h2{
        font-size: 35px;
    }
    .countdown-container{
        margin-top: 60px;
    }
    .book-img img{
        width: 100%;
    }
    .book-content h2{
        font-size: 40px;
    }
    .call-to-action h2 {
        font-size: 39px;
        font-weight: 600;
    }
    .contact-right p{
        text-align: left;
        margin-top: 10px;
    }
    .contact-form{
        margin: 40px 0;
        padding: 40px 20px;
    }
    .form-col{
        flex-basis: 100%;
        padding: 4px 20px;
    }
    .conatct-left h2{
        text-align: center;
        font-size: 25px;
    }
    .contact-right h3{
        text-align: center;
    }
    .contact-right p{
        text-align: center;
    }

}