@media (max-width: 575.98px) {
    body{
        font-size: 14px;
    }

    .home-search-container {
        font-size: 22px;
        padding: 10px 15px 16px 12px;
    }
    .hs-info {
        font-size: 20px;
        line-height: 26px;
    }

    .home-search{
        height: 50px;
        line-height: 50px;
    }

    .search-input input {
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }
    .search-input input::placeholder{
        font-size: 16px;
        line-height: 50px;
        margin-top: -15px;
    }
    .search-btn-primary {
        border-radius: 20px;
        padding: 6px 15px;
        font-size: 16px;
        margin-top: -5px;
    }
    .home-item-header-left {
        font-size: 22px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    html{
        font-size: 14px;
    }
    .home-search-container {
        font-size: 30px;
        padding: 40px 45px 46px 42px;

    }
    .hs-info {
        font-size: 30px;
        line-height: 42px;
    }

    .home-search{
        height: 50px;
        line-height: 50px;
    }

    .search-input input {
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }
    .search-input input::placeholder{
        font-size: 16px;
        line-height: 50px;
        margin-top: -15px;
    }
    .search-btn-primary {
        border-radius: 20px;
        padding: 6px 15px;
        font-size: 16px;
        margin-top: -5px;
    }
    .home-item-header-left {
        font-size: 22px;
    }
}

@media (min-width: 767.99px) and (max-width: 1200px) {
    .span-block{
        display: block;
    }
    .span-block span {
        display: block;
    }
}

/*!* Medium devices (tablets, 768px and up) *!*/
/*@media (min-width: 768px) and (max-width: 991.98px) {*/
/*    html{*/
/*        font-size: 10px;*/
/*    }*/
/*}*/

/*!*Large devices (desktops, 992px and up) *!*/
/*@media (min-width: 992px) and (max-width: 1199.98px) {*/
/*    html{*/
/*        font-size: 10px;*/
/*    }*/
/*}*/


/*@media (min-width: 768px) and (max-width: 1200px) {*/
/*    .art-img {*/
/*        height: 20rem;*/
/*    }*/
/*}*/



/*!* Extra large devices (large desktops, 1200px and up) *!*/
/*@media (min-width: 1200px) {*/
/*    html{*/
/*        font-size: 10px;*/
/*    }*/
/*}*/