@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 */

.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, .amoads_stat {
gap: 30px;
}
/* Width */
.tariff_card, .cabinet_right {
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 */
.amoads_text {
text-align: center;
}

.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, .amoads_stat_text{
    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;
}

.amoads_text {
padding-left: 0px;
}

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

.header_info {
margin-top: 0;
}
}