@media (min-width: 1024px) and (max-width: 1279px) {

    /* Display & Flex */
    .tariffs_table,
    .full_story_left {
        display: none;
    }

    .tariffs,
    .full_story_mob {
        display: flex;
    }

    .news_list, .widget_card_list{
        grid-template-columns: repeat(2, 1fr);
    }

    .widget_group_list, .widget_list {
        grid-template-columns: repeat(3, 1fr);
    }

    .widget_card_list {
        justify-content: center;
    }

    /* Widths */

    .amocrm_tariffs_content .full_story_center {
    max-width: 75%;
    }

    .full_story_right {
    max-width: 25%;
    }

    .crm_page_logo img {
        max-width: 700px;
    }

    .sipuni_img_blog .sipuni_img {
        max-width: 500px;
    }

    .main_btn,
    .main_btn {
        max-width: 308px;
        width: 100%;
        height: 60px;
    }

    .sipuni_img_absolute {
        max-width: 315px;
        top: -17%;
    }

    .tariffs_item {
    max-width: 310px;
    }

    .header_img img {
        width: 700px;
        left: -38%;
    }

    .steep_number img {
    width: 250px;
    }

    /* Sizes */
    .header_title {
    line-height: 60px;
    }

    .amoads_title, .header_title, .amoads_stat_number   {
    font-size: 35px;
    }

    .sipuni_analytics_title,
    .sipuni_title, .static_info_title, .integrations_item_title, .documents_title, .steep_title, .amoads_faq_title    {
        font-size: 30px;
    }

    .header_subtitle, .amocrm_tariffs_cards_title, .widget_page_title, .widget_buy_title, .amoads_crm_subtitle {
        font-size: 28px;
    }

    .widget_tariff_card_title, .amoads_steep_title {
    font-size: 24px;
    }

    .widget_period_title, .widget_tariff_card_price, .widget_blog_title{
    font-size: 22px;
    }

    .crm_page_title,
    .main_btn,
    .sipuni_analytics_text, .tariffs_description_text h2,  .widget_tariff_card_options ul li span, .widget_tariff_card_price_discount, .amoads_text{
        font-size: 20px;
    }


    .header_text, .tariffs_description_text p, .widget_subdecs, .features_options_title, .widget_tariff_card_options ul li, .tarif_card_btn, .amoads_stat_text  {
        font-size: 16px;
    }

    /* padding */

    .documents_header, .documents_row, .documents_info {
    padding: 30px;
    }

    .tarif_card_btn {
    padding: 10px 65px;
    }
    
}

@media (min-width: 768px) and (max-width: 1023px) {

    /* Flex */
    .tariffs_table,
    .full_story_left, .steep_number img, .navigate_center, .top_header, .sales_img, .amoads_left, .amoads_banner  {
        display: none;
    }

    .tariffs,
    .full_story_mob {
        display: flex;
    }

    .full_story,
    .sipuni_flex, .contact_row, .buy_basket, .official_partner_info {
        flex-direction: column;
    }

    .full_story_banner_list {
    flex-direction: unset;
    }
    
    .contact_row {
    align-items: center;
    }

    .full_story_header {
        flex-direction: column-reverse;
    }

    .integrations_brands_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    align-items: center;
    }
    
    .full_story_coteg_list {
        flex-direction: row;
        overflow-x: auto;
        white-space: nowrap;
    }

    .navigate_center {
        gap: 0;
    }

    .news_list, .widget_group_list, .widget_card_list, .widget_list{
        grid-template-columns: repeat(2, 1fr);
    }

    .widget_card_list {
    justify-content: center;
    }


     .full_story_banner_list, .full_story_popular_list {
    display: flex;
    flex-wrap: wrap;
     }

    /* Widths */
.buy_basket_flex {
    width: 100%;
}

    .full_story_right, .amocrm_tariffs_content .full_story_center, .official_partner_img {
        max-width: 100%;
    }

    .cabinet_right {
    max-width: 70%;
    }

    .crm_page_logo img {
        max-width: 600px;
    }

    .sipuni_img_blog .sipuni_img {
        max-width: 400px;
    }

    .sipuni_blog .tariffs_item {
        max-width: 350px;
    }

    .tariffs_item  {
      max-width: 330px;
    }

    .main_btn {
        max-width: 300px;
    }

    .sipuni_img_absolute {
        max-width: 264px;
        top: -34%;
    }

    .coteg_card, .full_story_popular_list .cat_card {
        flex-shrink: 0;
        width: max-content;
    }

    .header_img img {
        width: 500px;
        left: -34%;
    }

    .sipuni_analytics,
    .analytics_img {
        width: 100%;
    }

    .navigate_left {
    width: 50%;
    }

    .amocrm_tariffs_img img {
    max-width: 100px;
    }

    .integrations_brands_item {
    width: 130px;
}

  /* height */

    .tariff_advanced {
    height: 420px;
    }

    .tariff_basic, .tariff_pro {
    height: 360px;
    }

    .integrations_brands {
    height: 300px;
    }

.tariff_card_title {
height: 150px;
}

    .tariff_card::after {
    height: 140px;
    }

    /* Sizes */
 .crm_page_title  {
line-height: unset;
 }
    
    .header_title {
        font-size: 35px;
    }

    .steep_title, .main_title, .static_info_title, .amoads_title, .amoads_stat_number, .amoads_faq_title  {
    font-size: 30px;
    }

    .header_subtitle,
    .sipuni_title,
    .sipuni_analytics_title, .integrations_item_title, .widget_page_title, .widget_blog_title, .tariff_card_price, .widget_tariff_card_price, .widget_tariff_card_title, .widget_buy_title, .integrations_title, .amoads_crm_subtitle, .amoads_steep_title    {
        font-size: 25px;
    }

    .amocrm_tariffs_cards_title, .tariff_card_title, .tariffs_description_text h2, .widget_tariff_card_price_discount, .integrations_text, .integrations_director_text b, .integrations_director_text span, .amoads_text, .amoads_bisnes_title, .amoads_bisnes_title {
    font-size: 20px;
    }

    .sipuni_analytics_text, .tarif_card_btn, .amoads_crm_compare_title {
        font-size: 18px;
    }

    .header_text,
    .crm_link, .widget_subdecs, .features_options_title, .integrations_item_text, .crm_page_title, .amoads_stat_text, .amoads_crm_text, .amoads_crm_compare_list li i, .amoads_steep_text, .amoads_bisnes_text  {
        font-size: 16px;
    }

    .crm_btn {
        font-size: 18px;
    }

    /* Margin */

    .steep {
    margin-top: 20px;
    margin-bottom: 20px;
    }

    /* Padding */

    .static_info .steep_content {
    padding: 0px;
    }

    .tarif_card_btn {
    padding: 10px 50px;
    }

    /* table */

    .table_blog th{
    text-wrap: nowrap;
    }

    .table_blog {
    overflow: auto;
    width: 100%;
    }
}

@media (min-width: 568px) and (max-width: 767px),
(min-width: 480px) and (max-width: 567px),
(min-width: 320px) and (max-width: 479px) {

    /* General Display Adjustments */
    .tariffs_table,
    .navigate_center,
    .pc_item,
    .full_story_left,
    .contact_wrapper_text,
    .sipuni_img_absolute,
    .sipuni_table, .steep_number img, .pc_item, .navigate_center, .top_header, .navigate_list_icon, .buy_basket_icon, .buy_basket_info_item, .logoutAction, .drop_cabinet_item_list, .sales_img, .integrations_director_img, .amoads_left {
        display: none;
    }

    .nav_mob,
    .table_mob, .open_mobdal_blog, .drop_cabinet_icon, .cabinet_menu_item {
        display: block;
    }

    .tariffs,
    .mob_item,
    .full_story_mob,
    .navigate_left, .amocrm_tariffs_flex, .create_kp .buy_basket_info_item:nth-child(3), .cabinet_menu_list, .buy_basket_info_item:nth-child(4) {
        display: flex;
    }


    .full_story,
    .sipuni_flex, .steep_row, .contact_row, .static_row, .documents_free, .tariffs_cards_list, .amocrm_tariffs_flex, .header_button_flex, .widget_blog_flex, .buy_basket_info, .widget_period_content, .cabinet_content, .buy_basket, .integrations_info, .official_partner_info {
        flex-direction: column;
    }

    .buy_basket_button,   .header_flex {
        flex-direction: column-reverse;
    }

    .full_story_banner_list, .buy_basket_info_item {
    flex-direction: unset;
    }

    .integrations_info {
    align-items: center;
    }

    .widget_blog_flex, .buy_basket_info {
    align-items: unset;
    }

     .full_story_popular_list {
    display: flex;
    flex-wrap: wrap;
     }

    .full_story_header {
        flex-direction: column-reverse;
    }

    .full_story_coteg_list {
        flex-direction: row;
        overflow-x: auto;
        white-space: nowrap;
    }

    .steep_col {
    display: flex;
    flex-direction: column;
    align-items: center;
    }

    .cat_flex {
        grid-template-columns: auto;
    }
    .news_list, .widget_group_list, .features_options, .drop_cabinet_list {
        grid-template-columns: repeat(1, 1fr);
    }

    .widget_card_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .tariffs_cards_list, .widget_buy_footer_left, .integrations_info {
    gap: 20px;
    }

    .documents_free, .widget_blog_flex, .buy_basket_info_item, .buy_basket_info, .cabinet_menu_list, .buy_basket_button, .cabinet_content {
    gap: 10px;
    }

    .cabinet_head {
    gap: 14px;
    }

    .period_buy_footer, .widget_buy_footer  {
    bottom: 100px;
    }

    .buy_basket {
    bottom: 75px;
    }

    .setting_table_item, .setting_table_item {
    overflow: hidden;
    }

    .cabinet_left {
    border-radius: unset;
    }

    .cabinet_menu_name {
    border-radius: 10px;
    }

    /* Widths */
    .coteg_card {
        flex-shrink: 0;
        width: max-content;
    }

    .full_story_right,
    .tariffs_item,
    .full_story_head_video,
    .header_img img,
    .header_left,
    .sipuni_analytics, .steep_col, .static_item, .amocrm_tariffs_content .full_story_center, .cabinet_left, .offcanvas-end, .buy_basket_button,     .buy_basket_button .amocrm_btn, .official_partner_img, .navigate_right  {
        width: 100%;
        max-width: 100%;
    }


    .widget_buy_form .form_item {
    width: 100% !important;
    }

    .crm_page_logo img,
    .main_btn {
        max-width: 350px;
    }

    .amocrm_btn_blue {
        max-width: 200px;
    }

    .header_img {
        max-width: 500px;
        min-height: 300px;
    }

    .navigate_left {
    width: 50%;
    }

    .widget_btn {
    max-width: 150px;
    }

    .main_btn,
    .amocrm_btn_blue {
        height: 50px;
    }

    .static_iframe iframe {
    height: 400px;
    }
    
    .full_story_coteg_scrool, .full_story_head_video  {
        height: max-content;
    }

    .header_img img {
        bottom: 0;
        margin: auto;
        right: unset;
    }

    .header_img img:nth-child(2) {
        width: auto;
        left: 50%;
        top: -57%;
        z-index: -1;
    }

    .integrations_item {
    height: auto;
    }

    .drop_cabinet_blog.active {
    overflow: auto;
    height: 90vh;
    }

    /* size */

    .crm_page_title {
    line-height: unset;
    }

    .buy_basket_icon {
    font-size: 30px;
    }

    .widget_page_title, .widget_blog_title, .widget_tariff_card_title, .widget_buy_title {
    font-size: 24px;
    }

    .widget_tariff_card_price_discount, .widget_tariff_card_price, .widget_period_title {
    font-size: 20px;
    }

    .setting_table_item_title {
    font-size: 18px;
    }

    .widget_subdecs, .widget_btn, .features_link, .widget_tariff_card_price span, .widget_tariff_card_options ul li, .widget_tariff_card_options ul li.active span, .widget_tariff_card_options ul li span, .buy_currency_item, .cabinet_item_title, .buy_widget_tariff_price, .buy_widget_tariff_bonus    {
    font-size: 16px;
    }

    .features_options_title, .features_options_icon, .tarif_card_btn, .amocrm_btn, .tariffis_choice_item, .cabinet_menu_name, .tabs_item, .buy_widget_specification, .report_option li, .custom_checkbox  {
    font-size: 14px;
    }

    th, td {
    font-size: 12px;
    }

    /* Padding */

    .widget_buy, .period_buy {
    padding: 15px;
    }

    .widget_btn, .tarif_card_btn {
    padding: 10px 15px;
    }

    .amocrm_btn {
        padding: 8px 12px;
    }

    .tabs_item {
        padding:10px 15px;
    }

    .widget_info_flex {
    padding: 0;
    }

    .header_left {
        padding-bottom: 15px;
    }

    .tariffs {
        padding-top: 20px;
    }

    .footer_blog {
        padding-bottom: 100px;
    }

    

    .tariffs_info,
    .sipuni_promt, .static_info, .documents_row, .documents_info {
        padding: 20px;
    }

    .crm_btn_text {
        padding-top: 10px;
    }

    .amocrm_btn {
        padding: 10px 12px;
    }

    .documents_header, .amocrm_tariffs_info {
    padding: 15px;
    }

    /* Margins */
    .top_header,
    .tariffs_btn, .steep, .static_blog, .static_info_title {
        margin-bottom: 20px;
    }

    .tariffs_btn,
    .footer_blog, .steep, .static_news {
    margin-top: 20px;
    }

    .integrations_item_img, .documents_auto_title {
    margin-top: 10px;
    }

    .main_btn {
    margin: auto;
    }

    .tariffs_cards_list {
    margin: 20px 0;
    }

    /* table */

    .table_blog th{
    text-wrap: nowrap;
    }

    .table_blog {
    overflow: auto;
    }
}

@media (min-width: 568px) and (max-width: 767px) {
    /* flex */

    .widget_list {
    grid-template-columns: repeat(2, 1fr);
    }

    .integrations_brands_list {
    gap: 25px;
    }   

    /* width */

    .tariff_card {
    max-width: 80%;
    }  

    /* height */
    .integrations_brands  {
    height: 245px;
    }

    /* sizes */
    .header_title {
    font-size: 35px;
    line-height: 40px;
    }

    .sipuni_title,
    .sipuni_analytics_title, .steep_titl, .contact_form_title, .main_title, .integrations_item_title, .steep_title, .documents_title, .static_info_title, .amocrm_tariffs_cards_title,  .integrations_title, .amoads_title, .amoads_stat_number, .amoads_crm_subtitle, .amoads_steep_title, .amoads_faq_title   {
        font-size: 25px;
    }

    .header_subtitle,
    .navigate_center a,
    .report_option li, .documents_auto_title, .form_blog_header, .form_blog_title, .integrations_text, .amoads_text, .amoads_stat_text, .amoads_crm_compare_title, .amoads_bisnes_title {
        font-size: 18px;
        line-height: unset;
    }

    .header_text,
    .crm_link,
    .crm_btn,
    .sipuni_subtitle,
    .sipuni_analytics_text, .crm_page_title, .cabinet_item_title, .report_name, .report_option li, .integrations_item_text, .integrations_director_text, .integrations_director_text b, .integrations_director_text span, .amoads_crm_text, .amoads_crm_compare_list li i, .amoads_key_list li, .amoads_bisnes_text, .amoads_faq_subtitle {
        font-size: 16px;
    }

   
    .sipuni_text,
    th,
    td,
    .sipuni_tag_item,
    .sipuni_promt, .tabs_item, .cabinet_menu_name {
        font-size: 14px;
    }

    .full_story_next .crm_btn {
        font-size: 11px;
    }

    .integrations_director_img img {
    left: -10px;
    width: 199px;
    }


   /* padding */
    .integrations_content {
    padding-bottom: 140px;
    }

    .integrations_brands_list {
    padding: 6px;
    }
}

@media (min-width: 480px) and (max-width: 567px) {


.widget_card_list,    .widget_list {
    grid-template-columns: repeat(1, 1fr);
    }

    .cabinet_head, .amoads_crm_compare {
    flex-direction: column;
    }

    .amoads_bisnes {
    flex-direction: column-reverse;
    }

    .integrations_brands_list {
    justify-content: space-evenly;
    }
     
    .integrations_brands_list {
    flex-wrap: wrap;
    }

    .cabinet_menu_list {
    overflow: auto;
    text-wrap: nowrap;
    }

    .steep_row {
    gap: 20px;
    }

    .integrations_brands_list {
    gap: 10px;
    }

    /* width */ 

    .cabinet_menu_list  {
    width: 100%;
    }

    .widget_tariff_card {
    max-width: 100%;
    }

    .tariff_card {
    max-width: 80%;
    }

    .integrations_brands_item {
    width: 150px;
    }

    /* height */
    .integrations_brands {
    height: 380px;
    }

    /* Sizes */
    .header_title {
    font-size: 35px;
    line-height: 40px;
}

    .sipuni_title,
    .sipuni_analytics_title, .steep_titl, .contact_form_title, .main_title, .integrations_item_title, .steep_title, .documents_title, .static_info_title, .integrations_title, .amoads_title, .amoads_stat_number, .amoads_crm_subtitle, .amoads_steep_title, .amoads_faq_title {
    font-size: 25px;
}

.widget_page_title {
font-size: 20px;
}

    .header_subtitle,
    .navigate_center a,
    .report_option li, .documents_auto_title, .amocrm_tariffs_cards_title, .integrations_text, .integrations_director_text, .integrations_director_text b, .amoads_text {
        font-size: 18px;
        line-height: unset;
    }

    .header_text,
    .crm_link,
    .crm_btn,
    .sipuni_subtitle,
    .sipuni_analytics_text, .crm_page_title, .amoads_stat_text, .amoads_crm_text, .amoads_faq_subtitle {
        font-size: 16px;
    }

   
    .sipuni_text,
    th,
    td,
    .sipuni_tag_item,
    .sipuni_promt, .cabinet_menu_name {
        font-size: 14px;
    }

    .full_story_next .crm_btn {
        font-size: 11px;
    }

    /* padding */
    .integrations_brands_list {
    padding: 10px;
    }

    .widget_info {
    padding: 15px;
    }

    .integrations_content  {
    padding-bottom: 200px;
    }

    /* margin */
    .header_vh {
    margin-bottom: 60px;
    }
}

@media (min-width: 320px) and (max-width: 479px) {

 /* flex */

 .amoads_stat {
 flex-wrap: wrap;
 }

 .full_story_banner_list, .full_story_similar_list, .full_story_popular_list{
  display: grid;
    grid-template-columns: auto;
 }

 .news_form_blog {
flex-direction: column;
align-items: unset;
gap: 15px;
 }

 .widget_buy_footer_flex, .features_info, .cabinet_head, .amoads_crm_compare, .amoads_review  {
    flex-direction: column;
 }
 
 .widget_info_flex, .amoads_bisnes {
flex-direction: column-reverse;
 }

.widget_card_list,    .widget_list{
        grid-template-columns: repeat(1, 1fr);
}
 
    .integrations_brands_list {
        flex-wrap: wrap;
    }

.widget_messenger_period, .integrations_brands_list {
gap: 15px;
}

.features_info {
gap: 30px;
}
 /* Width */
.tariff_card {
max-width: 100%;
 }

 .cabinet_head .tabs, .cabinet_head .tabs_item {
width: 100%;
 }

 .tariffis_choice_gift img {
max-width: 25px;
 }

 .features_info_left, .navigate_left {
width: max-content;
 }
 
 .features_item {
min-width: max-content;
 }

 .widget_tariff_card {
max-width: max-content;
 }

 .amoads_stat_item {
width: 43%;
 }

.integrations_brands_item {
width: 115px;
}

.widget_messenger_img {
width: 35px;
}

.cabinet_menu_list {
overflow: auto;
}

 /* Height */

.tariff_basic, .tariff_pro, .tariff_advanced {
    height: 380px;
}

.integrations_brands {
height: 345px;
}

.tariff_card_title {
height: 140px;
}

.tariff_card::after {
height: 126px;
}

 /* Padding */
.tariff_card_title, .features_info {
padding-top: 30px;
}

.features_info {
padding-bottom: 30px;
}

.nav_mob_list {
padding: 0 15px;
}

/* Position */
.tariff_card::after  {
top: 20%;
}

.amount_basket span {
    bottom: 64%;
    right: 4px;
}

.amoads_key_list li span {
right: 102%;
}

 /* Sizes */
    .header_title {
        font-size: 35px;
        line-height: 40px;
    }

    .sipuni_title,
    .sipuni_analytics_title, .steep_titl, .contact_form_title, .main_title, .integrations_item_title, .steep_title, .documents_title, .static_info_title, .widget_tariff_card_title, .amoads_stat_number, .amoads_title  {
        font-size: 25px;
    }
    
    .amocrm_tariffs_cards_title, .tariffs_description_text h2, .widget_tariff_card_price span, .widget_tariff_card_price_discount, .integrations_title, .amoads_text, .amoads_crm_subtitle, .amoads_crm_compare_title, .amoads_steep_title, .amoads_steep_key_title, .amoads_bisnes_title, .amoads_faq_title {
    font-size: 20px;
    }

    .header_subtitle,
    .navigate_center a,
    .report_option li, .documents_auto_title, .header_btn, .widget_tariff_card_options ul li.active span, .widget_tariff_card_options ul li span, .features_options_icon, .form_blog_header, .integrations_text, .amoads_crm_compare_list li i  {
        font-size: 18px;
        line-height: unset;
    }

    .header_text,
    .crm_link,
    .crm_btn,
    .sipuni_subtitle,
    .sipuni_analytics_text, .crm_page_title, .integrations_item_text, .integrations_director_text, .integrations_director_text b, .integrations_director_text span, .official_partner_text, .amoads_key_list li, .amoads_bisnes_text, .amoads_faq_subtitle  {
        font-size: 16px;
    }
   
    .sipuni_text,
    th,
    td,
    .sipuni_tag_item,
    .sipuni_promt, .nav_mob_item, .amoads_crm_text, .amoads_steep_text, .amoads_review_author, .amoads_review_text, .faq_info p{
        font-size: 14px;
    }

    .full_story_next .crm_btn {
        font-size: 11px;
    }

    /* padding */
.integrations_brands_list {
padding: 10px;
}

    .integrations_item, .amoads_promt {
    padding: 15px;
    }

    .integrations_content {
    padding-bottom: 135px;
    }

    /* margin */
    .header_vh {
    margin-bottom: 70px;
    margin-top: 40px;
    }

    .header_info {
    margin-top: 0;
    }
}