@media only screen and (max-width: 1290px) {
    .poster_wall{ width: 832px; }
}

@media only screen and (max-width: 875px) {
    .poster_wall{ width: 415px; }
}

@media only screen and (max-width: 1080px) {
    .mobile{ display: none !important; }
    .mobile-flex{ display: none !important; }
    .desktop{ display: none !important; }
    .desktop-flex{ display: none !important; }
    .tablet{ display: block !important; }
    .tablet-flex{ display: flex !important; }
    .tablet-revert{ display: revert !important; }

    .tablet-hide{ display: none !important; }

    h1{ font-weight: 600 !important; font-size: 32px !important; line-height: 44px !important; }
    h2{ font-weight: 600 !important; font-size: 24px !important; line-height: 30px !important; }
    h3{ font-weight: 600 !important; font-size: 20px !important; line-height: 26px !important; }
    h3{ font-weight: 600 !important; font-size: 18px !important; line-height: 22px !important; }

    body.mobile_menu .header_menu{ position: fixed; background: #fff; }
    body.mobile_menu .header_menu .container .hamburger{ background-image: url('../img/hamburger_dark.svg'); }
    body.mobile_menu .header_menu .container .hamburger.cross{ background-image: url('../img/cross_gray.svg');  }
    body.mobile_menu .header_menu .container .logo{ display: none; }
    body.mobile_menu .header_menu .container .logo.opened_mobile_navigation{ display: inline-block; }
    body.mobile_menu .header_menu .container .top_buttons a:not(.active){ color: #617A94; }
    body.mobile_menu .header_menu .container .menu.active{ top: 58px; border-top-right-radius: 0; border-top-left-radius: 0; }
    
    .header_menu .container .hamburger{ display: inline-block; width: 26px; height: 18px; background-image: url('../img/hamburger.svg'); background-size: 26px 18px; margin-right: 20px; }
    .header_menu .container .hamburger.cross{ background-image: url('../img/cross_white.svg');  }
    .header_menu .container .hamburger:hover{ cursor: pointer; }
    .header_menu.white_bg .container .hamburger{ background-image: url('../img/hamburger_dark.svg');  }
    .header_menu.white_bg .container .hamburger.cross{ background-image: url('../img/cross_gray.svg');  }
    .header_menu .menu{ display: none; position: fixed; background: #FFF; color: #E6E9EC; width: calc(100% - 60px); border-radius: 12px; padding: 10px 30px; top: 60px; flex-direction: column; z-index: 999; }
    .header_menu .menu.active{ display: block; z-index: 9999; overflow: auto; max-height: calc(100vh - 69px); }
    .header_menu .menu a{ color: #617A94; width: 100%; display: block; padding: 10px 0px; }
    .header_menu .menu .arrow{ background: url('../img/arrow_down_gray.svg'); transform: rotate(180deg); padding-left: 10px; background-repeat: no-repeat !important; background-position: center left !important; height: 19px; position: relative; top: 4px; }
    .header_menu .menu .menu_item.opened .arrow,
    .header_menu .menu .menu_item.active .arrow{ transform: rotate(0deg); background-position: center right !important; }
    .header_menu .menu .submenu{ position: unset; width: calc(100% - 40px); }
    .header_menu .menu .menu_item.opened .submenu{ display: block; }
    .header_menu .menu .submenu.active{ display: block; }
    .header_menu .menu .submenu a{ padding: 10px 20px; margin: 0; color: #617A94; }

    .user_orders .tab{ width: calc(100% - 80px); }
    
    .section .buttons:not(.landing_first_buttons){ flex-direction: column; }
    .section .buttons:not(.landing_first_buttons) .btn{ width: 100%; }
    /* .section .buttons:not(.landing_first_buttons) .btn:nth-child(2){ margin-top: 10px; } */


    .subscription_choice .buttons{ gap: 5px !important; flex-direction: row !important; }
    .subscription_choice .buttons .btn{ max-width: unset !important; border-radius: 6px !important; }

    .cart_section{ padding: 20px 0; padding-bottom: 0px; }

    .tablet-pricing_tabs .owl-item, .tablet-price-slide .owl-item{ justify-content: center; display: flex; }

    .pricing_tabs .tab .text{ min-height: 100px; }
    .pricing_tabs .tab .buttons{ flex-wrap: wrap; }

    .dev_version .pricing_select_row{ width: 900px; }
    .dev_version .pricing_select_row .buttons .btn{ width: 100%; }
}

@media only screen and (max-width: 991px) {
    .documentation_select{ display: block; cursor: pointer; margin-bottom: 20px; }
    .documentation_select .select_block{ display: flex; align-items: center; gap: 30px; justify-content: center; }
    .documentation_select .select_block .breadcrumb{ flex-wrap: wrap; width: calc(100% - 50px); justify-content: center; }
    .documentation_select .select_block .breadcrumb .arrow{ transform: rotate(90deg); }
    .documentation_select.active .select_block > .arrow{ transform: rotate(0deg); }

    .documentation{ position: relative; padding-top: 20px; }
    .documentation_select{ margin-bottom: 10px; }
    .documentation_menu{ display: none; }
    .documentation_menu.active{ display: block; box-shadow: 0px 12px 20px 8px #0518921F; position: absolute; top: 110px; z-index: 9999; }

    .documentation .wysiwyg_content{ padding: 20px 0px; }

}

@media only screen and (max-width: 900px) {
    .header_menu .menu{ gap: 20px; }
}

@media only screen and (max-width: 768px) {
    .desktop{ display: none !important; }
    .desktop-flex{ display: none !important; }
    .tablet{ display: none !important; }
    .tablet-flex{ display: none !important; }
    .mobile{ display: block !important; }
    .mobile-flex{ display: flex !important; }

    .mobile-hide{ display: none !important; }

    .mobile-ta-c{ text-align: center !important; }

    .white_block{ padding: 40px 10px !important; max-width: calc(100% - 20px) !important; }

    h1{ font-weight: 600 !important; font-size: 24px !important; line-height: 30px !important; }
    h2{ font-weight: 600 !important; font-size: 22px !important; line-height: 28px !important; }
    h3{ font-weight: 600 !important; font-size: 20px !important; line-height: 26px !important; }
    h3{ font-weight: 600 !important; font-size: 18px !important; line-height: 22px !important; }

    /* .container{ max-width: calc(100% - 20px); } */

    .landing_page_content h2{ margin-top: 10px; }
    .landing_page_content h3{ font-size: 26px !important; line-height: 26px !important; margin-bottom: 20px; }
    
    .landing_page_content .btn{ padding: 14px 15px; min-width: unset; }


    .header_menu .menu .top_buttons{ display: flex !important; text-align: center; padding: 15px 0; border-top: 1px solid #E4E4E7; margin-top: 10px; }
    .header_menu .menu .top_buttons a{ color: #617A94; }
    .header_menu .menu .top_buttons a.active{ color: #fff; }

    .mobile-price-slide .owl-item, .pricing_tabs .owl-item{ justify-content: center; display: flex; }

    .firstpage_section{ flex-direction: column-reverse !important; margin-bottom: 0 !important; padding: 20px 0; }
    .firstpage_section .image{ margin: 0 auto; }

    .pricing_select_row{ flex-direction: column; justify-content: center; gap: 20px; }
    .dev_version .pricing_select_row .period_switch{ margin: 0 auto; }
    .dev_version .pricing_select_row .buttons{ align-items: center; flex-direction: revert; }

    .price_table .pricing_tabs .owl-stage { display: block; }
    
    .subscription_choice{ margin: 0 auto; }

    .section .buttons.landing_first_buttons .btn{ min-width: 120px; padding: 15px 5px; }

    .cart_table tr{ display: flex; flex-direction: column; width: calc(100vw - 40px); }
    .cart_table tr td:not(:first-child){ border-top: none !important; }
    .cart_table tr td:first-child{ border-top-right-radius: 12px; }
    .cart_table tr td .table_cell{ display: flex; gap: 20px; align-items: center; }
    .cart_table tr td .table_cell .table_label{ width: 120px; color: #617A94; font-size: 12px; }

    .totals_block{ width: 200px; margin: 0 auto; }
    .totals_block div{ display: inline-block; width: 49%; }

    .payments{ flex-direction: column; align-items: center; row-gap: 20px; }
    .subscribe_block{ row-gap: 20px; }
    .subscribe_block .email_input{ justify-content: center; }
    .subscribe_block .email_input input{ width: 100%; }
    .subscribe_block .email_input button{ width: 100px; }

    .documentation{ padding-top: 10px; }
    .documentation .tab.white_tab{ padding: 10px !important; max-width: calc(100% - 20px) !important; }
    
    .documentation_select .select_block .breadcrumb{ gap: 10px; }
    .documentation_select .select_block .breadcrumb li{ text-align: left; }
    .documentation_select .select_block .breadcrumb li:first-child{ width: 100%; }
    .documentation_select .select_block .breadcrumb li:not(:first-child):not(.arrow){ width: calc(100% - 40px); }

    .documentation_menu.active{ top: 160px; }

    .user_profile.product_and_licenses .item_block.first_row{ min-height: unset; }

    .blog_list .white_tab{ flex-direction: column-reverse; }

    .blue_table th, .blue_table td{ padding: 10px; }

    .footer .footer_menu_row{ flex-direction: column-reverse; row-gap: 20px; }
    .footer .footer_menu{ flex-wrap: wrap; gap: 30px; justify-content: start; }

    .footer .footer_row{ flex-direction: column-reverse; row-gap: 20px; }
    .footer .footer_row .col-12{ justify-content: center; display: flex; }
}

@media only screen and (max-width: 500px) {
    .external_logins{ display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
    .external_logins .btn{ width: auto !important; min-width: unset; padding: 20px !important; font-size: 0; }
    .external_logins .btn .microsoft_icon,
    .external_logins .btn .github_icon,
    .external_logins .btn .google_icon{ top: 0px; }
    .external_logins .btn .text{ display: none; }
    .login_block .microsoft_icon, .login_block .github_icon, .login_block .google_icon{ margin-right: 0px; }
}

@media only screen and (max-width: 320px) {
    .product_type_buttons{ flex-direction: column; align-items: center; }
    .product_type_buttons .btn:first-child { border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-right: 1px solid #617A94; }
    .product_type_buttons .btn:last-child { border-bottom-left-radius: 8px; border-top-left-radius: 8px; }
}


/* App library responsive */
    @media (max-width: 1600px) {
        #appLibraryTable .time_added_block{ display: none !important; }
        #appLibraryTable .submitted_by_block{ border-top-right-radius: 8px; }
    }

    @media (max-width: 1500px) {
        #appLibraryTable .version_block{ display: none !important; }
        #appLibraryTable .os_type_block{ display: none !important; }
        #appLibraryTable .guide_type_block{ display: none !important; }
        #appLibraryTable .small_screen_block{ display: block !important; }
        #appLibraryTable thead span.small_screen_block{ display: inline-block !important; }
        #appLibraryTable thead #title_name .original_title{ display: none !important; }
        #appLibraryTable thead #title_type .original_title{ display: none !important; }
        #appLibraryTable thead #title_type{ min-width: 200px !important; }
        #appLibraryTable .sub_title{ color: #111820; }
    }
