@media (max-width: 320px) {

    .article .item .btn-wrapper a.btn{
        min-width: 210px;
    }

    .article.argo-rooms .item .text-wrapper .title,
    .article.explore .item .text-wrapper .title{
        height: 75px;
    }

    .article .item .text-wrapper .title,
    .article-autosuggest .item .text-wrapper .title{
        height: 65px;
    }

    .article.happening-now .item .text-wrapper .title{
        line-height: 22px;
        font-size: 22px;
    }

    .booking-wrapper .description{
        margin: 25px 0 50px;
    }

    .book-now.active{
        left: 65vw;
        width: 85px;
        height: 85px;
    }

    .book-now.active:after{
        content: '';
        position: absolute;
        display: block;
        width: 150%;
        height: 150%;
        box-sizing: border-box;
        margin-left: -25%;
        margin-top: -25%;
        border-radius: 50%;
        background-color: #22d33a;
        animation: pulse-ring 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
        top: 0;
        left:  0;
        z-index:  0;
    }

    .article-slider.argo-rooms .slider-navigation-absolute{
        top: 30%;
    }

    .heading-wrapper.top .description{
        padding: 20px 15px;
    }

    .article-slider.explore.days .slider-navigation-absolute{
        top: 30%;
    }

    .contact-page .heading-wrapper.top .description{
        width: 90%;
    }

    .description-button{
        width: 90%;
    }

}