/*
This file describes styles that are 768px width and smaller
 */
@media all and (max-width: 768px) {
    h2, .popup-thank-you .text p {
        font-size: 3.776rem;
        line-height: 5rem
    }

    p, .icon-with-text-block__item p a {
        font-size: 2rem
    }

    input:not(input[type="checkbox"], input[type="radio"]), textarea {
        padding: 15px
    }

    .main-block .img-container {
        height: auto
    }

    .grid-2 {
        gap: 30px
    }

    .grid-4 {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .footer p, .footer a, .footer span {
        font-size: 1.6rem
    }

    .copyright {
        text-align: center
    }

    .main-menu a, .header-mobile-wrap address a, .header-mobile-wrap address span {
        font-size: 1.6rem
    }
    .header .logo {
        position: absolute;
    }

    .header .logo img {
        height: 60px;
    }

    .accordion-title:not(:first-child) {
        margin-top: 15px
    }

    .ready-block .inner-container h2 {
        margin-bottom: 5px
    }

    .grid-3 {
        grid-template-columns: 1fr;
        gap: 30px
    }

    .block-above-block .content__inner-container p {
        margin-top: 10px
    }

    section:not(.location-block, .ready-block, section:first-child) {
        margin: 60px auto !important
    }

    .location-block, .ready-block {
        padding: 60px 0
    }

    .icon-with-text-block__item, .icon-with-text-block.contact .icon-with-text-block__item {
        padding: 30px 30px 40px
    }

    .icon-with-text-block__item .icon, .icon-with-text-block.contact .icon-with-text-block__item .icon {
        margin-bottom: 30px;
        width: 90px;
        height: 98px
    }

    .icon-with-text-block__item h5, .icon-with-text-block.contact .icon-with-text-block__item h5 {
        margin-bottom: 10px
    }

    .size-slider-block p {
        font-size: 2rem
    }

    .block-with-lists__item .item-title {
        font-size: 2.8rem;
        margin-bottom: 20px
    }

    .block-with-lists__item ul {
        margin: 20px 0 25px
    }

    .block-with-lists__item ul li {
        font-size: 2rem
    }

    .block-with-lists__item {
        padding: 30px
    }

    .accordion-title {
        font-size: 2.2rem;
        line-height: 3.2rem
    }

    .accordion-panel p {
        font-size: 2rem;
        line-height: 3rem
    }

    .accordion-title {
        padding: 20px 80px 20px 30px
    }

    .accordion-title:after {
        right: 30px
    }

    .accordion-panel {
        padding: 0 30px
    }

    .msg-block p {
        font-size: 2rem;
        line-height: 3.2rem
    }

    .why-block__title h2 {
        font-size: 4rem;
        line-height: 6.5rem;
        min-width: auto
    }

    .address-item {
        padding-left: 75px
    }

    .address-item:before, .block-with-a-small-map .arto-social img {
        transform: scale(0.8) translateY(-5px)
    }
    .block-with-a-small-map .arto-social{
        gap: 30px
    }

    .why-block__items {
        margin-top: 60px
    }

    .preview-articles .btn {
        margin-top: 30px
    }

    .size-slider-item .media .img-container {
        /*height: 350px;*/
        height:auto;
    }
    .size-slider-item .media .img-container img,
    .size-slider-item:not(.about-us-slider-block .size-slider-item) .media .img-container img
    {
        width: auto;
        height: 350px;
        max-width: 100%;
    }

    .size-slider-item .media .img-container img
    {
        max-height: 200px;
        height: auto;
    }

    .ready-block .tel-wrap img {
        width: 28px;
        margin-right: 25px;
        margin-bottom: -2px
    }

    .ready-block .tel-wrap .tel {
        font-size: 3.4rem;
        line-height: 5.4rem
    }

    article table tr td {
        padding: 10px 15px;
        font-size: 1.8rem;
        line-height: 2.4rem;
        word-break: break-word
    }

    blockquote {
        font-size: 2rem;
        line-height: 3.8rem
    }

    blockquote:before {
        font-size: 150px
    }

    blockquote:after {
        font-size: 100px
    }

    .article-block ul li:not(nav ul li):not(:first-child), .article-block ol li, .article-text-area ul li:not(nav ul li):not(:first-child), .article-text-area ol li {
        line-height: 3.6rem;
        font-size: 1.8rem
    }

    .article-block p, .article-block li, .article-text-area p, .article-text-area li, .article-text-area span {
        font-size: 1.8rem
    }
    .page-numbers{
        padding: 4px 14px;
        font-size: 2rem
    }
    .artowoocommerce-shop .woocommerce ul.products[class*=columns-] li.product {
        width: 100%;
    }
    .article-block p, .article-block li, .article-text-area p, .article-text-area li, .article-text-area span {
        font-size: 1.8rem
    }
    .ready-block.location-block address span:last-child{
        font-size: 2rem;
        line-height: 3rem;
        width: 100%
    }
    .ready-block.location-block address span:last-child:before{
        top: 5px
    }
    .about-us-slider-block .slider-media-wrap .img-container{
        max-height: 200px;
        height: auto;
    }
    .about-us-slider-block .size-slider-container .selection-item{
        padding: 10px 15px;
        min-width: 100px
    }
    .about-us-slider-block__title{
        line-height: 5rem;
        padding: 60px 0 40px
    }
    .ready-block.location-block h2{
        margin-bottom: 25px
    }
    .about-us-slider-block .content p{
        font-size: 2rem;
        line-height: 3rem
    }

     .contact-block__form .popup-book-now-content .form  a {
        color: var(--white);
        font-size: 1.8rem;
    }

    .size-slider-item .content {
        padding-right: 0;
    }

    .header-mobile-wrap .arto-social {
        justify-content: flex-start
    }
}