@media screen and (max-width: 1200px) {
    .xs_primeri__section_1__wrap h2 {
        font-size: 45px;
        line-height: 100%;
    }

    .xs_primeri__section_1__wrap > div span {
        font-size: 21px;
    }


    .gallery-item {
        width: 200px;
        height: 185px;
    }


    .xs_primeri__section__item {
        width: 300px;
        height: 580px;
        border-radius: 30px;
    }

    .xs_primeri__section_5 h2 {
        font-size: 50px;
        line-height: 105%;
    }

    .xs_primeri__section_6 h2 {
        font-size: 50px;
        line-height: 105%;
    }

    .xs_primeri__section_7 h2 {
        font-size: 50px;
        line-height: 105%;
    }


    .primeri-template-template-primeri-single h1
    {
        font-size: 50px !important;
        line-height: 100% !important;
    }

    .xs_primeri__section_1__wrap h2
    {
        font-size: 50px !important;
        line-height: 105% !important;
    }

    .primeri_single_section_info_banner_title h2
    {
        font-size: 50px;
        line-height: 105%;
    }
    

    
}


@media screen and (max-width: 992px) 
{

    .xs_primeri__section_3___content
    {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .xs_primeri__section__item_3 {
        margin-top: 43px;
    }

    .primeri-template-template-primeri-single ol
    {
        padding-left: 40px;
    }
}


@media screen and (max-width: 768px) {
    .xs_primeri__section_1__wrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .xs_primeri__section_1__wrap h2
    {
        margin-bottom: 20px;
    }

    .xs_primeri__section_1__wrap h2 br {
        display: none;
    }

    .xs_primeri__section_1__wrap h2 span {
        color: #111111;
        display: inline-block;
    }
    

    .gallery-item {
        width: 180px;
        height: 167px;
    }

    .xs_primeri__section__item_1, .xs_primeri__section__item_3
    {
        display: none;
    }

    .xs_primeri__section__item h4 {
        margin: 10px 0;
    }

    .xs_primeri__section__item {
        width: 300px;
        height: 510px;
    }

    .xs_primeri__section_3
    {
        margin-bottom: 50px;
    }

    .xs_primeri__section_4
    {
      margin-bottom: 50px;
    }

    .xs_primeri__section_6
    {
      margin-bottom: 50px !important;
    }

    .xs_primeri__section_7__title {
        margin-bottom: 30px;
    }

    .xs_primeri__section_7
    {
      margin-bottom: 50px;
    }

    .xs_primeri__section_4 .gallery-item {
        width: 300px;
        height: 220px;
    }

    .xs_primeri__section_5 h2 {
        font-size: 32px;
        line-height: 105%;
    }

    .xs_primeri__section_6 h2 {
        font-size: 32px;
        line-height: 105%;
    }

    .primeri-template-template-primeri-single h1
    {
        font-size: 40px !important;
        line-height: 100% !important;
    }

    .xs_primeri__section_1__wrap h2
    {
        font-size: 32px !important;
        line-height: 105% !important;
    }


    .xs_primeri__section_7 h2 {
        font-size: 32px;
        line-height: 105%;
    }

    .primeri_single_section_info_banner_title h2
    {
        font-size: 32px;
        line-height: 105%;
    }

    .xs_primeri__section_5__title
    {
    margin-bottom: 30px;
    }
}



@media screen and (max-width: 576px) {
    .xs_primeri
    {
        margin-top: 50px;
    }

    .gallery-item {
        width: 150px;
        height: 139px;
    }

    .dual-gallery {
        gap: 5px;
    }
    .gallery-track {
        gap: 5px;
    }

    .xs_primeri__section_1 {
        margin-bottom: 30px;
    }


    .xs_primeri__section_2___script {
        width: 258px;
        height: 69px;
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 23px;
    }

    .xs_primeri__section_2__btns___wrap > a > svg {
        width: 258px;
        height: 69px;
        background-color: #F5F5F5;
        border-radius: 16px;
    }

    .xs_primeri__section_2___wts {
        width: 258px;
        height: 69px;
    }

    .xs_primeri__section_2__btns___wrap
    {
        flex-direction: column;
    }

    .xs_primeri__section__item {
        padding: 30px;
    }


    .xs_primeri__section_info_banner {
        padding: 35px 0;
        background-color: #F41818;
        margin-bottom: 50px;
    }

  

}



@media screen and (max-width: 460px) {
    .xs_primeri__section_1__wrap h2 {
        font-size: 36px;
    }

    .xs_primeri__section_1__wrap > div span
    {
        font-size: 18px;
    }

    .xs_primeri__section_1__wrap > div > img
    {
        width: 100px;
        margin-right: 15px;
    }

    .gallery-item {
        width: 90px;
        height: 83px;
    }

    .xs_primeri__section_4 .gallery-item {
        width: 132px;
        height: 108px;
    }

    .xs_primeri__section_5 h2 {
        font-size: 24px;
        line-height: 105%;
    }

    .xs_primeri__section_1__wrap h2
    {
        font-size: 24px !important;
        line-height: 105% !important;
    }

    .primeri_single_section_info_banner_title h2
    {
        font-size: 24px;
        line-height: 105%;
    }

    .xs_primeri__section_6 h2 {
        font-size: 24px;
        line-height: 105%;
    }

    .xs_primeri__section_7 h2 {
        font-size: 24px;
        line-height: 105%;
    }

    .primeri-template-template-primeri-single h1
    {
        font-size: 24px !important;
        line-height: 100% !important;
    }

    .primeri-template-template-primeri-single h2
    {
        font-size: 24px !important;
        line-height: 105% !important;
    }

    .xs_custome_content p
    {
        font-size: 16px;
        line-height: 20px;
    }
}




@media screen and (max-width: 400px) {

    .xs_primeri__section_1__wrap > div span {
        font-size: 14px;
    }

    .xs_primeri__section_1__wrap > div > img
    {
        width: 70px;
    }
    
}