@media (max-width: 1500px) {
    
    .page-n-2 .img-1 > img{
        width: 400px;
    }
    

    .page-n-1 .img-2 > img {
        height: 370px;
    }

    .page-n-2 .img-2{
        right: 140px;
    }
    
    .page-n-2 .img-2 >img{
        width: 200px;
    }
    
    
    .page-n-3 .img-1{
        bottom: 10%;
        left: 60px;
    }
    
    .page-n-3 .img-1 > img{
        width: 280px;
    }
    
    .page-n-3 .img-2{
        top: 60%;
        right: 0;
    }
    
    .page-n-3 .img-2 >img{
        width: 380px;
    }
    
    
    
    
    
    
  
    .page-n-5 .img-2{
        top: 600px;
        right: 80px;
    }
    
    .page-n-5 .img-2 >img{
        height: 520px;
    }
    
    
    
    
    
    .page-n-6 .img-1{
        left: 5%;
    }
    
    .page-n-6 .img-1 > img{
        width: 170px;
    }
    
    .page-n-6 .img-2{
        top: 70%;
        right: 4%;
    }

    
    
    
    
    
    
    

    
    .page-n-7 .img-2{
        top: 600px;
        right: 2%;
    }
    
    .page-n-7 .img-2 >img{
        height: 470px;
    }
    
    
    
    
    
    
    
    .page-n-8 .img-1{
        left: 2%;
    }
    
    .page-n-8 .img-1 > img{
        width: 500px;
    }
    
    .page-n-8 .img-2{
        right: 2%;
    }
    
    .page-n-8 .img-2 >img{
        
    }


}




@media (max-width: 1200px) {
    .img-1, .img-2{
        display: none;
    }
}


@media screen and (max-height: 850px) {
    .card-container{
        padding: 60px 10px;
    }

    .tabs{
        top: 30px;
    }

    .language, .additional_links{
        top: 30px;
    }

    .tabs-bottom{
        top: unset;
        bottom: 30px;
    }

    .book{
        transform:rotate(90deg) translateX(110px) scale(0.9)
    }

    .page-card-title > p{
        font-size: 13px;
    }

    .page-n-2 .img-1 > img{
        width: 400px;
    }
    
    .page-n-1 .img-2 > img {
        height: 370px;
    }

    .page-n-2 .img-2{
        right: 140px;
    }
    
    .page-n-2 .img-2 >img{
        width: 200px;
    }
    
    
    .page-n-3 .img-1{
        bottom: 10%;
        left: 60px;
    }
    
    .page-n-3 .img-1 > img{
        width: 280px;
    }
    
    .page-n-3 .img-2{
        top: 60%;
        right: 0;
    }
    
    .page-n-3 .img-2 >img{
        width: 300px;
    }
    
    
    
    .f_item img{
        height: 32px;
    }
    
    
    
    

    .page-n-5 .img-2{
        top: 600px;
        right: 80px;
    }
    
    .page-n-5 .img-2 >img{
        height: 520px;
    }
    
    .page-n-4 .img-1{
        left: 40px;
    }
    .page-n-4 .img-2>img {
    height: 340px;
}
    .page-n-8 .img-1 > img{
    width: 444px;
}

.page-n-4 .img-1 > img {
    width: 430px;
}
    
    .page-n-4 .img-2{
        right: 1%;
    }
    
    .page-n-6 .img-1{
        left: 5%;
    }
    
    .page-n-6 .img-1 > img{
        width: 130px;
    }
    
    .page-n-6 .img-2{
        top: 70%;
        right: 2%;
    }
    
    .page-n-6 .img-2 >img{
        height: 480px;
    }
    
    
    
    
    
    
    
    

    
    .page-n-7 .img-2{
        top: 600px;
        right: 2%;
    }
    
    .page-n-7 .img-2 >img{
        height: 470px;
    }
    
    
    
    
    
    
    
    .page-n-8 .img-1{
        left: 2%;
    }
    
    .page-n-8 .img-1 > img{
        width: 390px;
    }
    
    .page-n-8 .img-2{
        right: 2%;
    }
    
    .page-n-8 .img-2 >img{
        width: 340px;
    }
    
       .home_4_content{
        margin-top: 40px;
        gap: 25px;
    }
    .partnerSwiper{
      margin: 10px 0;
    }

}


@media screen and (max-width: 992px), screen and (max-height: 780px) {
    

        
    .page-n-1 .img-1 > img{
        max-height: 500px;
    }

    .page-n-1 .img-2 > img {
        height: 320px;
    }

    .book{
        width: 260px;
        transform: rotate(90deg) translateX(130px) scale(1);
    }

    .scrollex-title{
        font-size: 16px;
    }

    .scrollex-logo > img{
        width: 42px;
    
    }

    .flex-list ul li, .home_2_header li{
        font-size: 14px;
        text-align: left;
    }
    
    .flex-list{
        gap: 10px;
    }

    .home_1_content, .home_1_footer_2{
        gap: 10px;
        margin-top: 10px;
    }

    .home_1_content_2, .download_links, .home_2_header ul, .home_2_header li{
        margin-top: 10px;
    }
    
    .flex-table-body-item{
        padding: 10px 8px;
    }

    .home_1_footer_2_right img{
        height: 80px;
    }

    .download_links img{
        height: 32px;
    }

    .flex-list ul{
        justify-content: flex-start;
        gap: 10px;
        margin-top: 10px;
    }

    .page-content{
        height: calc(100% - 160px);
    }

    .cardSwiper {
        padding: 12px 10px !important;
    }

    .home_6_cards{
        padding: 10px;
    }

    .home_6_cards_item img{
        width: 32px;
        height: 32px;
    }

    .home_6_cards_item {
        width: 32px;
        height: 32px;
    }

    .swiper-pagination {
        bottom: -4px !important;
    }

    .home_7_footer img{
        height: 72px;
    }

    .home_8_header > p{
        margin-top: 10px;
    }

    .home_8_gallery{
        margin-top: 10px;
        gap: 10px;
    }

    .home_8_gallery a{
        overflow: hidden;
    }

    .home_8_gallery img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .home_7_content{
        margin: 10px 0;
    }

    .tab > img{
        width: 32px;
        height: 32px;
    }
    
    .home_1_content, .home_1_footer_2{
        margin-top: 10px;
    }
    
    .book_stripes, .book_stripes_bottom {
        width: 420px;
    }

    .download_links{
        justify-content: flex-start;
        gap: 20px;
    }

    .expand_down{
        bottom: 30px;
        right: 30px;
    }
    
    .expand_down img{
        width: 26px;    
        height: 26px;
    }
    
    .flex-table-body-item {
        padding: 10px 5px;
    }
}


@media screen and (max-width: 680px){
    .book{
        width: 230px;
        transform:rotate(90deg) translateX(90px) scale(1)
    }
}

@media screen and (max-width: 525px){
    .card-container{
        width: 100%;
         padding: 60px 0;
    }

    .book{
        height: 340px;
    }

    .page-content{
        min-width: 370px;
    }

    .page-content {
        height: calc(100% - 60px);
        justify-content: flex-start;
    }
    
    .home_5_footer img{
        width: 100%;
    }
    
    .home_6_center{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 10px;
    }

    .flex-list{
        justify-content: flex-start;
        gap: 10px;
    }

  .home_1_content, .home_1_footer_2{
        margin-top: 10px;
    }
    
    .book_stripes , .book_stripes_bottom{
        width: 300px;
    }

    .scrollex-title , .scrollex-bold{
        font-size: 14px;
    }

    .scrollex-sub,div.scrollex-sub *, .flex-list ul li, .home_2_header li, .flex-table-body-item > p, .scrollex-list.active, .scrollex-list{
        font-size: 12px;
    }

    .scrollex-logo > img {
        width: 36px;
    }

    .flex-table-tab{
        padding: 8px 10px;
    }

    .flex-tabs{
        margin-bottom: 10px;
    }

    .home_5_center{
        margin-top: 10px;
    }

    .home_6_cards {
        padding: 5px;
        margin-top: 10px;
    }

    .home_6_cards_colors {
        margin-top: 15px;
    }

    .book {
        width: 216px;
        transform: rotate(90deg) translateX(84px) scale(1);
    }

    .page-card-title{
        height: 28px;
    }

    
    .expand_down{
        bottom: 30px;
        right: 30px;
    }
    
    .expand_down img{
        width: 26px;
        height: 26px;
    }

    .flex-tab{
        padding: 8px 10px;
    }
    
    .tabs{
        top: 30px;
    }
    
    .tabs-bottom{
        top: unset;
        bottom:  30px;
    }

    .language, .additional_links{
        display: none;
    }

    .language > span{
        font-size: 14px;
    }
    
    .card-container{
        height: 660px;
    }
    
        
    .f_item img{
        height: 32px;
    }
    
    .home_4_content{
        margin-top: 40px;
        gap: 10px;
    }
    
    
    .partnerSwiper{
      margin: 10px 0;
    }
    
    .home_8_gallery a img{
        height: 40px;
    }
    
} 



@media screen and (max-width: 375px){
    .tabs {
        top: 20px;
    }

    .language{
        top: 20px;
    }
    
    

}