.mobi_nav {
  display: none
}

html {
  position: relative;
}

.mobi_nav {
  position: relative;
  z-index: 100003;
}

.mobi_nav > span {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  display: block;
  float: right;
  padding: 0;
  /*margin:15px 0 12px 0;*/
  width: 60px;
  height: 45px;
  line-height: 47px;
  text-indent: -999em;
  cursor: pointer;
  text-transform: uppercase;
  background: url('../images/mobi-nav.png') 50% 50% no-repeat #c577c3;
  position: absolute;
  right: 0;
  top: -80px
}

.mobi_nav > .span:before {

}

body.expanded-menu .mobi_nav > .span:before {

}

.mobi_nav > div > ul {
  padding: 30px;
  margin: 0;
  border-top: none;
  background: rgba(0, 0, 0, .1);
}

.mobi_nav ul li {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.mobi_nav ul li a {
  color: #fff;
  text-transform: uppercase;
  display: block;
  text-decoration: none;

}

.mobi_nav > div > ul > li > span > a {
  padding: 8px 20px
}

.mobi_nav ul > li ul {
  padding: 0 20px;
  margin: 10px 0 20px;
  border: 1px solid rgba(255, 255, 255, .2);
}

.mobi_nav ul > li li a {
  font-size: 90%;
  padding: 12px 20px;
  border-top: 1px solid rgba(255, 255, 255, .2);
}

.mobi_nav ul > li li:first-child a {
  border: none;
}

.mobi_nav > div {
  /**/
  position: absolute;
  left: 0;
  top: -3px;
  width: 100%;
  float: left;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  display: none;
  background: #c577c3;
}

.expanded-menu .mobi_nav > div {
  display: block;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

@media (max-width: 1280px) {
  .skyscraper_advertise {
    display: none;
  }
}

@media (max-width: 1024px) {
  .page_content_inside_container {
    float: none;
  }

  .top-advertise, .bottom-advertise {
    position: relative;
    /*min-height: 150px;*/
    display: block;
  }

  .top-advertise > .ssads > ins.adsbygoogle, .bottom-advertise > .ssads > ins.adsbygoogle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scale(.5) translate(-50%, -100%);
    -ms-transform: scale(.5) translate(-50%, -100%);
    -o-transform: scale(.5) translate(-50%, -100%);
    transform: scale(.5) translate(-50%, -100%);
    -moz-transform: scale(.5) translate(-50%, -100%);
    transform-origin: left;
  }

  .top-advertise > .ssads > ins.adsbygoogle > ins, .bottom-advertise > .ssads > ins.adsbygoogle > ins {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    left: 50%;
  }

  .custom.order-subscripition-module {
    float: none;
  }

  .custom.order-subscripition-module .buttons {
    position: static;
  }

  .custom.order-subscripition-module .image {
    display: none;
  }

  #system-message-container,
  #system-message {
    max-width: 100%;
    left: 0px;
    top: 0px;
  }

  .special_archive_number_container_right {
    width: 70%;
  }

  .special_archive_number_container_left {
    width: 30%;
  }

  .special_archive_number_container_left > div,
  .special_archive_number_container_left .special_archive_number_container_left_image_box_cover > img,
  .special_archive_number_container_left_buttons .green_button {
    width: 100%;
  }

  .mod_ssboxes_box_container,
  .mod_ssboxes_box_container > a,
  .mod_ssboxes_box_container > a > img {
    height: auto !important;
    width: 100% !important;
  }

  .com_sspsychotest_main_container > ul li.new {
    margin-left: 0px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .archive_weekly_right_article_right h2 {
    height: auto !important;
  }

  .archive_weekly_right_article_left {
    width: 30%;
    margin-right: 0px;
    padding-right: 15px;
  }

  .archive_weekly_right_article_left a {
    max-width: 100%;
  }

  .archive_weekly_right_article_right {
    width: 70%;
  }

  *, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }

  input,
  #cookieMessageContainer .cookie_button,
  .mod_ssboxes_box_container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
  }

  .mobi_nav {
    display: block
  }

  .main_menu_container {
    display: none
  }

  body.expanded-menu .mobi_nav_bg {
  }

  .mobi_nav2:before,
  .mobi_nav2:after,
  .mod_horoscope_container:before,
  .mod_horoscope_container:after,
  .gs_prenumeraty_start_wrozka:before,
  .gs_prenumeraty_start_wrozka:after {
    clear: both;
    content: "";
    display: table;
  }

  img,
  object,
  embed {
    max-width: 100% !important;
    height: auto !important
  }

  iframe,
  table.art_sponsorowany,
  #cookieMessageContainer,
  ins {
    max-width: 100% !important;
  }

  .banneritem > div > div > div,
  .banneritem > div > div > div > div {
    width: 100% !important;
  }

  object,
  embed {
    /*width:100%!important;*/
    text-decoration: none
  }

  img.art_sponsorowany,
  table.art_sponsorowany,
  .bottom_advertise_inside img {
    width: 100% !important;
  }

  .page_container,
  .footer_container {
    width: 100%;
    padding: 0 30px
  }

  .com_sspsychotest_result_container_back_tests a {
    height: 30px
  }

  .com_sspsychotest_main_container_right_button a {
    height: 22px;

  }

  .com_sspsychotest_questions_one_question input[type="submit"] {
    height: 40px
  }

  .header_bg,
  .page_content_inside_container,
  .main_menu_container {
    width: 100%
  }

  .main_menu_container {
    width: 100%;
    width: calc(100% + 50px);
    height: auto;
    background: #fdc10a;
    text-align: center
  }

  .main_menu_container .menu {
    float: none;
    height: auto
  }

  .main_menu_container .menu li,
  .main_menu_container .menu li soan,
  .main_menu_container .menu li a {
    display: inline-block;
    float: none
  }

  .main_menu_container .menu li a,
  .purpleonearticle_container h2,
  .bluethreearticles_container h2,
  div[class] h2 {
    height: 29px;
  }

  .user_hello_box,
  .profile_component_two_columns,
  div.com_sspsychotest_result_container h2 {
    height: auto;
    position: static;
  }

  .purpleonearticle_container h2 {
  }

  .page_content_inside_left {
    width: 66.666%;
  }

  .page_content_inside_right,
  .page_content_inside_right {
    width: 33.333%;
  }

  .purpleonearticle_container,
  .bluethreearticles_container,
  .bluethreearticles_container,
  .bluethreearticles_container,
  .mod_horoscope_container000,
  .redthreearticles_container,
  .greentwoarticles_container {
    width: 50%;
    padding: 0 7px 20px
  }

  .purpleonearticle_article_content .purpleonearticle_img_link img,
  .mod_horoscope_horoscope_image a img,
  .content_banners a img,
  .greentwoarticles_first_box .greentwoarticles_first_box_img_link img,
  .pinkfourarticles_container h2,
  .pinkfourarticles_container h2 a,
  .mod_psychotesty_container h2,
  .content_banners a,
  .custom_html_right_header,
  .custom_html_right_content.contact_content,
  .new_special_number_cover a,
  .purpleonearticle_article_description,
  .new_number_cover,
  .new_number_bottom_desc,
  .newsletter_right_content,
  .newsletter_right,
  .mod_ssboxes_box_description,
  .newsletter_right_header,
  .newsletter_right_content img,
  div[class] h2,
  .bluethreearticles_one_article,
  .mod_horoscope_module_title,
  .articles_category_component_list_left a,
  .footer_menu_container,
  .footer_newsletter_container h3,
  .footer_newsletter_content,
  .footer_menu_container h3,
  .bottom_advertise_inside,
  .article_component_full_see_also_container h4,
  .article_component_full_see_also_one_box .see_also_img_link,
  .article_component_full_see_also_one_box .see_also_img_link img,
  .top_advertise_inside,
  .purpleonearticle_article_content .purpleonearticle_img_link,
  .mod_horoscope_horoscope_image a,
  .greentwoarticles_first_box .greentwoarticles_first_box_img_link,
  .redthreearticles_first_box .redthreearticles_first_box_img_link,
  .redthreearticles_first_box .redthreearticles_first_box_img_link img,
  .redthreearticles_first_box_desc,
  .greentwoarticles_first_box_desc,
  .pinkfourarticles_one_article,
  .mod_psychotesty_one_test,
  .redthreearticles_second_box_image_box a,
  .greentwoarticles_second_box_image_box a,
  .redthreearticles_second_box_image_box a img,
  .greentwoarticles_second_box_image_box a img,
  .pinkfourarticles_image_container a img,
  .mod_psychotesty_image a img,
  .mod_psychotesty_image a,
  .bluethreearticles_one_article_image_box a img,
  .bluethreearticles_one_article_image_box a,
  .com_sshoroscope_one_standard_image a img,
  .com_sshoroscope_one_standard h3,
  .com_sshoroscope_one_no_standard_image a,
  .com_sshoroscope_one_standard_image a,
  .com_sshoroscope_one_no_standard_image a img,
  .com_horoscope_sings_other_horoscopes ul li a,
  .com_horoscope_sings_other_horoscopes ul li a img,
  .com_horoscope_sings_list_one_sign a img,
  .registration_component_content_left_form_row,
  .articles_category_component_list_left a img,
  .com_sspsychotest_main_container_left a img,
  .com_sspsychotest_main_container_left a,
  .com_sspsychotest_see_other_tests_one_test_picture a img,
  .com_sspsychotest_questions_container h1,
  .archive_list_content_cover a,
  .archive_eedition_new_button,
  .archive_see_more,
  .archive_list_content_cover a img,
  .archive_full_left_image_inside,
  .archive_full_left_image_image_box_cover img,
  .no_login_to_comment_first_box,
  .gs_prenumeraty_koszyk_krok_wrozka,
  .gs_prenumeraty_koszyk_krok_wrozka_1,
  .gs_prenumeraty_box,
  .archive_weekly_instruction_content ul,
  .newest_newsletter_add_container,
  .registration_error_desc,
  .registration_error_desc ul li,
  .mod_ssboxes_box_title,
  .login_user_free_adds_container h3,
  .profile_component_right_content_inside,
  .login_user_free_add_box_img a img,
  .login_user_free_add_box_img a,
  .page_content .advertise.top_bottom,
  .newsletter_component_content_left_form_row,
  .newsletter_checkbox_desc,
  .contact_bottom_container,
  .contact_bottom_container_dark,
  #comments,
  .comments_login_form,
  .comments_login_form form textarea,
  .com_horoscope_numberic_date_content_bottom_helper,
  .pinkfourarticles_container,
  .mod_psychotesty_container,
  .redthreearticles_second_box_desc,
  .greentwoarticles_second_box_desc {
    width: 100%;
  }

  .mod_horoscope_horoscope_content,
  .mod_horoscope_horoscope_sings,
  .content_banners .banneritem,
  .contact_left_column,
  .contact_right_column,
  .newsletter_component_content_left,
  .newsletter_component_content_right,
  .map_box,
  .map_data_box {
    width: 50%;
  }

  .content_banners .banneritem,
  .mod_horoscope_horoscope_content,
  .mod_horoscope_horoscope_sings {
    margin: 0;
    padding: 0 7px
  }

  .logo_container {
    width: 45%;
  }

  .header_right_container {
    width: 50%;
    paddinh-right: 0;
    height: auto;

  }

  .purpleonearticle_article_content,
  .mod_horoscope_horoscope_image {
    height: auto
  }

  .bluethreearticles_one_article_desc_box {
    width: 70%;
    width: calc(100% - 90px);
  }

  .bluethreearticles_one_article_image_box {
    width: 90px
  }

  .purpleonearticle_article_description {
    /*position:static*/
  }

  .articles_category_component_list_left,
  .com_sspsychotest_main_container_left {
    margin: 0;
    width: 45%;
    padding: 0 10px 0 0
  }

  .articles_category_component_list_right,
  .com_sspsychotest_main_container_right {
    width: 55%;
  }

  .footer_newsletter_container {
    padding-right: 20px;
    width: 34%;
  }

  .footer_newsletter_content {
    padding-left: 0;
  }

  .footer_menu_container {
    width: 66%;
  }

  .footer_newsletter_container h3,
  .footer_menu_container h3,
  .article_component_full_see_also_container h4 {
    height: 29px
  }

  .article_component_full_see_also_one_box,
  .article_component_full_see_also_one_box.no_right_padding,
  .com_sspsychotest_see_other_tests_one_test,
  .com_sspsychotest_see_other_tests_one_test.last {
    width: 33.333%;
    padding: 0 10px
  }

  .custom_html_right_content .contact_content tr {
    width: 100%
  }

  .login_component_content_margin {
    width: 580px;
    margin: o auto
  }

  .login_component_content_inside {
  }

  body .login_component_content_inside_first_row input,
  .login_component_content_inside_first_row input {
    width: auto !important
  }

  .mod_horoscope_horoscope_sings ul {
    margin: 0 -5px;
    width: calc(100% + 10px);
  }

  .mod_horoscope_horoscope_sings ul li {
    float: left;
    padding: 0 5px 10px;
    width: 67px;
  }

  .mod_psychotesty_one_test {
    padding: 0
  }

  .redthreearticles_second_box_image_box,
  .greentwoarticles_second_box_image_box {
    height: auto;
    padding: 0;
    margin: 0;
    width: 100%;
  }

  .redthreearticles_second_box_desc,
  .greentwoarticles_second_box_desc {
    /*width: 55%;*/
  }

  .pinkfourarticles_one_article,
  .mod_psychotesty_one_test {
    padding: 0 0 15px 15px;
    width: 50%;
  }

  .pinkfourarticles_image_container {
    height: auto;
    padding: 0 20px 0 0;
    margin: 0;
    width: 45%;
    width: 35%;
  }

  .pinkfourarticles_image_title {
    width: calc(100% - 20px);
    padding: 5px
  }

  .pinkfourarticles_one_article h3,
  .pinkfourarticles_one_article p {
    width: 65%;
  }

  .mod_psychotesty_image {
    width: 50%;
    width: 25%;
  }

  .mod_psychotesty_description {
    width: 75%;
  }

  .bottom_advertise .bannergroup {
    /*display:table;*/
    margin: 0 auto
  }

  .com_sshoroscope_one_standard,
  .com_sshoroscope_one_standard.no_right_padding,
  .com_horoscope_sings_list_one_sign,
  .com_horoscope_sings_list_one_sign.no_right_padding {
    width: 25%;
    padding: 0 10px 20px
  }

  .com_sshoroscope_one_standard h3 {
    padding: 5px 35px;
    height: auto
  }

  .com_sshoroscope_one_no_standard,
  .com_sshoroscope_one_no_standard.no_right_padding {
    width: 33.333%;
    padding: 0 10px
  }

  .com_horoscope_sings_other_horoscopes ul li {
    padding: 0 10px 15px;
    width: 50%;
  }

  .com_horoscope_horoscope_content h4 {
    float: none;
    width: 100%
  }

  .registration_component_content_left {
    width: 60%;
  }

  .registration_component_content_right {
    width: 40%;
  }

  .registration_checkbox_desc {
    width: 80%;
    width: calc(100% - 60px);
  }

  .registration_text_input {
    width: 60%;
    width: calc(100% - 160px);
  }

  .registration_component_content_left form input[type="submit"] {
    margin-right: 0;
  }

  .com_sspsychotest_questions_inside_container_left {
    width: 40%;
  }

  .com_sspsychotest_questions_inside_container_right {
    width: 60%;
  }

  .answers_list label {
    width: 80%;
    width: calc(100% - 50px);
  }

  .archive_list_content ul li,
  .archive_list_content ul li.last_in_row {
    width: 33.333%;
    padding: 0 7px 15px
  }

  .archive_full_left_image {
    width: 36%
  }

  .archive_full_right_content {
    width: 64%
  }

  .archive_full_right_buttons .green_button,
  .archive_full_right_buttons .pink_button {
    padding: 4px 0 0;
    height: 28px;
    text-align: center;
    margin: 0 0 0 1%;
    width: 45%;
    background-position: 100% 50%
  }

  .archive_full_right_buttons .pink_button {
    margin: 0 1% 0 0;
  }

  .module_archive_content_left {
    float: left;
    width: 57%;
  }

  .module_archive_content_right {
    width: 43%
  }

  .page_content_inside_right {
    display: none
  }

  .page_content_inside_left {
    width: 100%;
    padding: 0
  }

  .com_sspsychotest_questions_container h1 {
    left: 0
  }

  .registration_component_content_left_form_row {
    position: relative
  }

  .registration_component_content_left_form_row span.bad_point,
  .registration_component_content_left_form_row span.good_point {
    position: absolute;
    left: auto;
    right: 14px;
    top: 1px;
  }

  .profile_component_left_content,
  .profile_component_right_content {
    width: 50%
  }

  .profile_component_left_content {
    margin: 0
  }

  .profile_component_left_avatar_buttons a {
    height: 26px;
  }

  .profile_component_right_content {
    padding: 0;
    width: 50%;
    width: calc(50% - 10px);
    float: right
  }

  .profile_component_left_content,
  .profile_component_left_avatar,
  .profile_component_right_content,
  .profile_component_right_content_inside {
    height: auto
  }

  .profile_component_right_content_inside {
    min-height: 345px;
  }

  .profile_component_left_avatar_buttons {
    height: auto;
    padding-top: 60px;
    width: 70%;
    width: calc(100% - 90px);
  }

  .profile_component_left_avatar_box {
    width: 86px;
    padding: 0
  }

  .login_user_free_adds_container h3 {
    height: 29px;
    line-height: 24px;
  }

  .login_user_free_add_box {
    margin: 0 1%;
    padding: 13px 14px;
    width: 31%;
  }

  .profile_component_right_row label {
    width: 100px
  }

  .profile_component_right_row input[type="password"],
  .profile_component_left_row input[type="text"] {
    width: calc(100% - 150px);
  }

  .login_user_free_adds_inside {
    margin: 30px auto 0;
    width: 100%;
    float: none
  }

  .contact_left_column,
  .contact_right_column,
  .newsletter_component_content_left,
  .newsletter_component_content_right {
    padding: 0 15px
  }

  .contact_one_row textarea,
  .contact_one_row label,
  .contact_one_row input[type="text"] {
    width: 80%;
    width: calc(100% - 20px);
  }

  .contact_one_row label.formUrl {
    width: auto;
    padding: 6px 15px 0 0
  }

  .contact_one_row label.formUrl + input {
    margin: 8px 0 0
  }

  .newsletter_component_content_left_form_row input[type="text"] {
    width: 80%;
    width: calc(100% - 30px);
  }

  .newsletter_component_content_left form input[type="submit"] {
    display: table;
    margin: 0 auto
  }

  .newsletter_text_label,
  .contact_one_row label {
    text-align: left;
    padding: 6px 0 10px;
  }

  div.newsletter_component_content_right h2 {
    height: auto
  }

  #moonLeft {
    width: 180px
  }

  #moonMonthlyDetails {
    width: 70%;
    width: calc(100% - 180px);
  }

  .tag_list_letters ul {
    text-align: center
  }

  .tag_list_one_column {
    padding-right: 15px;
    width: 25%;
  }

  .com_horoscope_chinski_date_content.chinskihoroscope form {
    float: none;
    display: table;
    margin: 0 auto;
    width: auto;
  }

  .numberic_day_choose_dropdown_list,
  .numberic_month_choose_dropdown_list,
  .numberic_year_choose_dropdown_list {
    z-index: 11;
  }

  .redthreearticles_first_box,
  .greentwoarticles_first_box,
  .redthreearticles_second_box,
  .greentwoarticles_second_box {
    position: relative;
    padding: 0;
    margin: 0 0 16px
  }

  .redthreearticles_second_box_desc,
  .greentwoarticles_first_box_desc,
  .greentwoarticles_second_box_desc,
  .redthreearticles_first_box_desc {
    background: url("../images/white_opacity.png") repeat scroll 0 0;
    bottom: 0;
    float: left;
    left: 1px;
    padding: 10px 15px;
    position: absolute;
  }

}

@media (max-width: 1024px) and (min-width: 580px) {
  .header_bg {
    background: transparent url("../images/naglowek_rwd.png") no-repeat scroll 0% 0%;
  }
}

@media (max-width: 960px) {

  .page_content_inside_left,
  .page_content_inside_right,
  .mod_ssboxes_image_link,
  .mod_ssboxes_image_link img {
    width: 100%
  }

  .page_content_inside_left {
    padding: 0
  }

  .page_content_inside_right > div {
    width: 40%;
    clear: both;
    margin: 20px auto;
    display: table;
    float: none
  }

  .mod_ssboxes_container {
    padding-bottom: 0;
  }

  .mod_ssboxes_box_navigation {
    /*  */
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin: 0;
    width: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);

  }

  .footer_menu_container h3,
  .footer_newsletter_container h3 {
    text-align: center
  }

  .footer_menu_container {
    width: 100%;
  }

  .footer_newsletter_container {
    padding: 0;
    width: 100%;
    margin: 0 auto

  }

  .footer_newsletter_content img,
  .footer_newsletter_content form {
    display: table;
    margin: 0 auto
  }

  .footer_newsletter_content form {
    width: auto
  }

  .footer_newsletter_content form div {
    display: inline-block;
  }

  .footer_newsletter_content form input[type="text"],
  .footer_newsletter_content form {
    float: none
  }

}

@media (max-width: 880px) {

  .com_sshoroscope_one_standard h3 {
    padding: 5px 15px;
  }

  .reset_form_content input[type="text"] {
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
  }

}

@media (max-width: 820px) {

  .profile_component_left_content,
  .profile_component_right_content {
    width: 100%;
    float: left
  }

  .login_user_free_add_box {
    margin: 15px auto;
    padding: 13px 14px;
    width: 70%;
  }

  .login_user_free_add_box {
    margin: 15px auto;
    padding: 13px 14px;
    width: 100%;
  }

  .advertise adfm-ad {
    width: 95% !important;
  }

}

@media (max-width: 740px) {

  .header_bg {
    height: auto;
    padding: 25px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    background-position: -30px 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
  }

  .logo_container,
  .header_right_container {
    width: 100%;
    padding: 0;
    height: auto
  }

  .logo_container a,
  .search_container form,
  .login_register_links {
    float: none;
    display: table;
    margin: 0 auto;
    text-align: center
  }

  .logo_container a img {
    width: 100%
  }

  .facebook_module_content {
    padding: 0;
    position: absolute;
    right: 20px;
    top: 30px;
  }

  .search_container form input[type="text"],
  .search_container form input[type="submit"] {
    float: none;
    display: inline-block
  }

  .articles_category_component_list_left,
  .com_sspsychotest_main_container_left {
    margin: 0;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    float: none
  }

  .articles_category_component_list_right,
  .com_sspsychotest_main_container_right {
    width: 100%;
    margin: 10px 0 0;
    padding: 0px;
  }

  .articles_category_component_list_container {
    margin: 20px 0 0
  }

  .com_sshoroscope_one_standard,
  .com_sshoroscope_one_standard.no_right_padding {
    width: 50%;
    margin: 0 0 10px
  }

  .contact_left_column,
  .contact_right_column,
  .newsletter_component_content_left,
  .newsletter_component_content_right,
  .com_sshoroscope_one_no_standard,
  .com_sshoroscope_one_no_standard.no_right_padding,
  .map_box,
  .map_data_box,
  .tag_list_header h1,
  .tag_list_searchbox,
  .tags_component_second_line_left,
  .tags_component_second_line_right {
    width: 100%;
    margin: 0 0 10px;
    padding: 0
  }

  .newsletter_component_content {
    padding: 10px 0 0
  }

  .newsletter_component_content_left {
    background: none
  }

  .contact_one_send_row button {
    margin-right: 0;
  }

  .tag_list_one_column {
    width: 50%;
  }

  .tag_list_searchbox {
    float: left;
  }

  .tag_list_searchbox form,
  .tags_component_second_line_right form {
    float: left;
    width: auto;
  }

  .articles_category_component_list_pagination ul li.pagination-prev,
  .articles_category_component_list_pagination ul li.pagination-next {
    float: none !important;
  }

  .articles_category_component_list_pagination ul li.pagination-prev > a,
  .articles_category_component_list_pagination ul li.pagination-next > a,
  .articles_category_component_list_pagination ul li.pagination-prev > span,
  .articles_category_component_list_pagination ul li.pagination-next > span {
    text-indent: -9999em;
    display: inline-block
  }

  .articles_category_component_list_pagination ul li.pagination-prev span.pink_arrows,
  .articles_category_component_list_pagination ul li.pagination-next span.pink_arrows {
    display: block;
    text-indent: 0;
    float: left
  }

}

@media (max-width: 680px) {

  .pinkfourarticles_one_article,
  .mod_psychotesty_one_test {
    padding: 0 0 15px 0px;
    width: 100%;
  }

  .pinkfourarticles_image_container {
    width: 100%;
  }

  .pinkfourarticles_one_article h3,
  .pinkfourarticles_one_article p {
    width: 100%;
  }

  .header_bg {
    margin-top: -20px;
  }

  #system-message dd {
    margin: 0px;
  }

  .login_component_content {
    padding-top: 40px;
  }

  .redthreearticles_second_box_desc,
  .greentwoarticles_first_box_desc,
  .greentwoarticles_second_box_desc,
  .redthreearticles_first_box_desc {
    position: static;
    padding: 15px 0px;
  }

  .redthreearticles_first_box, .greentwoarticles_first_box, .redthreearticles_second_box, .greentwoarticles_second_box {
    margin: 0px;
  }

  .bluethreearticles_one_article_desc_box {
    /*padding-top: 15px;*/
  }

  .mod_horoscope_container {
    padding-bottom: 0px;
  }

  .bluethreearticles_one_article_image_box a,
  .redthreearticles_second_box_image_box a,
  .greentwoarticles_second_box_image_box a,
  .mod_psychotesty_image a,
  .pinkfourarticles_image_title {
    margin: 0 0 0px;
  }

  .mod_psychotesty_description {
    margin-top: 15px;
  }

  .pinkfourarticles_one_article h3 {
    padding-top: 15px;
  }

  .purpleonearticle_container,
  .bluethreearticles_container,
  .bluethreearticles_container,
  .bluethreearticles_container,
  .mod_horoscope_container000,
  .redthreearticles_container,
  .greentwoarticles_container,
  .pinkfourarticles_container,
  .mod_psychotesty_container,
  .mod_horoscope_horoscope_content,
  .mod_horoscope_horoscope_sings,
  .mod_horoscope_horoscope_content,
  .mod_horoscope_horoscope_sings,
  .content_banners .banneritem,
  .logo_container,
  .com_horoscope_sings_other_horoscopes ul li {
    padding: 0 0 20px;
    width: 100%;
  }

  .mod_horoscope_horoscope_sings {
    padding-bottom: 0px;
  }

  .mod_horoscope_horoscope_sings ul {
    text-align: center
  }

  .mod_horoscope_horoscope_sings ul li {
    float: none;
    display: inline-block
  }

  .com_horoscope_sings_list_one_sign,
  .com_horoscope_sings_list_one_sign.no_right_padding {
    width: 50%;
  }

  iframe {
    max-width: 100% !important;
  }

  .advertise {
    display: none;
  }

  .article_component_full_gallery_slider {
    /*display: none;*/
    width: 100%;
  }

  .article_component_full_gallery_slider_middle {
    width: calc(100% - 40px);
  }

  .article_component_full_content .article_component_full_gallery_slider_left img,
  .article_component_full_content .article_component_full_gallery_slider_right img,
  .article_component_full_gallery_slider_middle_inside ul li a img {
    margin-top: 0
  }

  .article_component_full_content .article_component_full_gallery_slider_left img,
  .article_component_full_content .article_component_full_gallery_slider_right img {
    height: 100% !important;
  }

  .article_component_full_content .article_component_full_gallery_slider_left,
  .article_component_full_content .article_component_full_gallery_slider_right {
    height: 137px;
  }

  .page_container {
    padding: 0px
  }

  .footer_container {
    padding: 0px 10px
  }

  .archive_list_header h1,
  .login_component_content_margin {
    width: 100%;
  }

  .login_component_content_inside_first_row label {
    margin-bottom: 0.5em;
  }

  .login_component_content_inside form input[type="text"],
  .login_component_content_inside form input[type="password"],
  .login_component_content_inside form input[type="submit"] {
    margin: 0 0 1em;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .remember_box {
    margin: 10px 0 0;
    width: 100%
  }

  .forget_register_box {
    margin: 30px 0 0;
    width: 100%
  }

  .login_component_content_inside_third_row img {
    padding: 0;
    float: right
  }

  .registration_component_content_left {
    width: 100%;
    padding: 0;
    background: none
  }

  .registration_component_content_right {
    width: 100%;
    padding: 30px 0 0 0;
    height: auto !important
  }

  .component_search_searchintro_left,
  .component_search_searchintro_right {
    float: left;
    width: 100%;
  }

  .component_search_searchintro_right {
    text-align: left;
    margin: 20px 0 0
  }

  .archive_list_header_sort_container {
    float: left;
    text-align: left;
    width: auto;
    margin: 20px 0
  }

  .archive_full_left_image,
  .archive_full_right_content {
    width: 100%
  }

  .archive_full_right_content_choose_number {
    margin: 20px 0 0
  }

  .archive_full_left_image {
    padding: 0 0 30px
  }

  .archive_full_right_no_eshop {
    float: left;
    text-align: left
  }

  .archive_full_right_no_eshop a {
    float: none;
    margin: 30px auto;
    display: table
  }

  table.art_sponsorowany tr,
  table.art_sponsorowany td {
    display: block;
    width: 100% !important
  }

  .com_sspsychotest_see_other_tests_one_test_do a {
    width: auto;
    float: none;
    display: table;
    margin: 0 auto;
    padding: 3px 15px 0
  }

  .com_sspsychotest_result_container_back_tests a {
    padding-left: 5px;
    padding-right: 5px;
    display: table;
    margin: 0 auto;
    float: none
  }

  .bluethreearticles_container.mobile {
    display: block;
  }

  .bluethreearticles_container.desktop {
    display: none;
  }

  .purpleonearticle_article_content .purpleonearticle_img_link {
    width: 30%;
  }

  .purpleonearticle_article_description {
    width: 70%;
    float: right;
    position: relative
  }

  .mod_horoscope_horoscope_image {
    width: 30%
  }

  .mod_horoscope_horoscope_desc {
    width: 70%;
    padding-left: 15px
  }

  .content_banners .banneritem {
    width: 50%;
  }

  .content_banners .banneritem:first-child {
    padding-right: 1%
  }

  .content_banners .banneritem:last-child {
    padding-left: 1%
  }

  .redthreearticles_second_box_image_box,
  .redthreearticles_second_box_image_box,
  .redthreearticles_first_box .redthreearticles_first_box_img_link {
    width: 30%
  }

  .redthreearticles_second_box_desc,
  .redthreearticles_first_box_desc {
    width: 70%;
    float: right;
    position: relative
  }

  .redthreearticles_second_box {
    padding-top: 15px;
  }

  .redthreearticles_first_box_desc,
  .redthreearticles_second_box_desc {
    padding-top: 0;
    padding-left: 15px;
  }

  .bluethreearticles_one_article_image_box {
    width: 30%;
    height: auto;
    padding-right: 0;
  }

  .bluethreearticles_one_article_desc_box {
    width: 70%;
    padding-left: 15px
  }

  .greentwoarticles_second_box_image_box,
  .greentwoarticles_first_box .greentwoarticles_first_box_img_link {
    width: 30%
  }

  .greentwoarticles_second_box_desc,
  .greentwoarticles_first_box_desc {
    width: 70%;
    padding-left: 15px;
    padding-top: 0
  }

  .greentwoarticles_second_box.no_bottom_padding {
    padding-top: 15px;
  }

  .pinkfourarticles_image_container {
    width: 30%;
    padding-right: 0
  }

  .pinkfourarticles_one_article h3,
  .pinkfourarticles_one_article p {
    width: 70%;
    padding-left: 15px;
  }

  .pinkfourarticles_one_article h3 {
    padding-top: 0;
  }

  .pinkfourarticles_image_title {
    width: calc(100% - 1px);
  }

  .mod_psychotesty_image {
    width: 30%;
    padding-right: 0
  }

  .mod_psychotesty_description {
    width: 70%;
    padding-left: 15px;
    margin-top: 0
  }

  .mod_psychotesty_one_test.no_right_padding,
  .mod_psychotesty_list_container,
  .mod_psychotesty_container {
    padding-bottom: 0
  }
}

@media (max-width: 580px) {
  .login_module_container {
    padding: 0 15px;
  }

  .custom.order-subscripition-module .buttons {
    width: 100%;
    padding: 0 15px;
  }

  .user_hello_box {
    padding: 10px 15px;
  }

  .custom.order-subscripition-module .button-left,
  .custom.order-subscripition-module .button-right {
    display: block;
    float: none;
    width: 100%;
  }

  .header_bg {
    margin-top: 0;
    padding-top: 20px;
  }

  .archive_weekly_right_article_right h2 {
    height: auto !important;
  }

  .archive_weekly_right_article_left {
    width: 100%;
    padding-right: 0px;
  }

  .archive_weekly_right_article_left a {
    max-width: 100%;
    width: 100%;
  }

  .archive_weekly_right_article_left a img {
    width: 100%;
  }

  .archive_weekly_right_article_right {
    width: 100%;
    padding-top: 15px;
  }

  .archive_weekly_right_article_right_tags {
    padding-top: 10px;
  }

  .special_archive_number_container_right {
    width: 100%;
  }

  .special_archive_number_container_left {
    width: 100%;
  }

  .special_archive_number_container_left .gray_button {
    margin-bottom: 20px;
  }

  .page_content_inside_container {

  }

  .com_sspsychotest_questions_inside_container_left img {
    width: 100%;
  }

  .com_sspsychotest_see_other_tests_list .com_sspsychotest_see_other_tests_one_test_do {
    margin-bottom: 15px;
  }

  .facebook_module_content,
  .page_content_inside_right {
    display: none
  }

  .com_sspsychotest_questions_inside_container_left,
  .com_sspsychotest_questions_inside_container_right,
  .article_component_full_see_also_one_box.no_right_padding,
  .article_component_full_see_also_one_box,
  .com_sspsychotest_see_other_tests_one_test .last,
  .com_sspsychotest_see_other_tests_one_test,
  .com_sspsychotest_see_other_tests_one_test.last,
  .tag_list_one_column,
  .article_comments_login_top_left,
  .article_comments_login_top_right,
  .article_component_full_full_text .pagination ul li.article_nav_prev,
  .article_component_full_full_text .pagination ul li.article_nav_next {
    width: 100%
  }

  .article_component_full_see_also_one_box,
  .com_sspsychotest_see_other_tests_one_test,
  .com_sspsychotest_see_other_tests_one_test.last {
    padding: 0 0 15px
  }

  .article_component_full_see_also_one_box .see_also_img_link {
    float: none;
    height: auto;
    width: 100%;
    margin: 0 auto 0;
    padding: 0
  }

  .articles_category_component_top_breadcrumbs,
  .articles_category_component_top_buttons66 {
    width: 100%;
  }

  .articles_category_component_top_buttons {
    margin: 15px 0 0 0;
    width: auto
  }

  .article_component_full_see_also_one_box .see_also_img_link {
    display: table;
    margin-bottom: 15px
  }

  .article_component_full_see_also_one_box h3 {
    padding-top: 0px;
  }

  .article_component_full_see_also_one_box,
  .article_component_full_see_also_one_box.no_right_padding,
  .com_sspsychotest_see_other_tests_one_test,
  .com_sspsychotest_see_other_tests_one_test.last {
    padding: 0px;
  }

  .article_component_full_content img,
  .article_component_full_content img[class],
  .com_horoscope_horoscope_content img {
    float: none;
    margin: 20px auto;
    margin: 10px auto 0;
    width: 100%
  }

  .com_sshoroscope_one_standard,
  .com_sshoroscope_one_standard.no_right_padding {
    width: 100%;
    margin: 0 0 20px
  }

  .com_sshoroscope_title {
    width: 100%;
  }

  .com_sshoroscope_sings_select {
    float: left;
    text-align: left;
    width: auto;
    margin: 20px 0 0
  }

  .component_search_form_content input[type="text"] {
    width: 70%;
    width: calc(100% - 180px);
  }

  .com_sspsychotest_questions_inside_container_left {
  }

  .com_sspsychotest_questions_inside_container_right {
    padding: 20px 0 0 0
  }

  .archive_list_content ul li,
  .archive_list_content ul li.last_in_row {
    width: 50%
  }

  .archive_list_content ul li.clear_list {
    display: none
  }

  .no_login_to_comment_second_box_left,
  .no_login_to_comment_second_box_right {
    float: left;
    text-align: center;
    width: 100%;
  }

  .no_login_to_comment_second_box_right {
    margin: 15px 0 0
  }

  .archive_full_right_buttons .green_button,
  .archive_full_right_buttons .pink_button,
  .archive_weekly_instruction_top_left,
  .archive_weekly_instruction_top_right {
    margin: 15px 0;
    width: 100%;
  }

  .archive_weekly_instruction_top_right,
  .article_comments_login_top_right {
    float: left;
    margin-top: 0;
    text-align: left
  }

  .archive_weekly_instruction_top_right a,
  .archive_weekly_instruction_top_right a img {
    float: left
  }

  .header_bg {
    padding: 50px 25px 90px 25px;
  }

  .mobi_nav > span {

    left: auto;
    right: 0;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    margin-left: 0;
    top: -70px;
  }

  #moonLeft {
    width: 100%;
    background-size: cover;
    height: auto !important;
  }

  #moonMonthlyDetails {
    width: 100%;
    padding: 0;
    margin: 20px 0 0
  }

  .article_comments_login_top_left {
    margin: 0 0 15px
  }

  .lb-data .lb-details {
    width: 100%;
    padding: 5px 0 20px;
  }

  .advertise adfm-ad {
    height: 150px !important;
  }
}

@media (max-width: 520px) {

  .profile_component_left_avatar_box {
    margin: 0 auto;
    float: none
  }

  .profile_component_left_avatar_buttons {
    height: auto;
    padding-top: 20px;
    width: 100%;
    text-align: center
  }

  .profile_component_left_avatar_buttons button,
  .profile_component_left_avatar_buttons a {
    float: none;
    display: inline-block;
    margin: 5px
  }

  .profile_component_left_content5,
  .profile_component_left_personal_data,
  .profile_component_right_content_inside {
    padding: 20px 0
  }

  .profile_component_left_row label,
  .profile_component_right_row label,
  .profile_component_right_row input[type="password"],
  .profile_component_left_row input[type="text"] {
    width: 100%;
    text-align: left
  }

  .profile_component_right_row input[type="password"],
  .profile_component_left_row input[type="text"] {
    width: 90%;
    width: calc(100% - 10px);
  }

  .profile_component_left_row label,
  .profile_component_right_row label {
    padding: 15px 0 10px;
  }

  .profile_component_left_row input[type="submit"],
  .profile_component_right_row input[type="submit"] {
    margin: 0
  }

  .additional_box.this_title.cols-2 .box_content ul li {
    width: 100%;
  }

  .additional_box.this_title.cols-2 .box_content ul li:last-child {
    border: none;
  }

}

@media (max-width: 420px) {

  .search_container form input[type="text"],
  .search_container form input[type="submit"] {
    /*display: block;
    margin: 5px auto;*/
  }

  .purpleonearticle_article_description,
  .redthreearticles_first_box_desc {
    position: static
  }

  .numberic_day_choose_dropdown,
  .numberic_month_choose_dropdown,
  .numberic_year_choose_dropdown,
  .chinski_day_choose_dropdown,
  .chinski_month_choose_dropdown,
  .chinski_year_choose_dropdown {
    clear: both;
    margin: 15px 0 0 0;

  }

  .chinski_day_choose_dropdown {
    z-index: 3;
  }

  .chinski_month_choose_dropdown {
    z-index: 2;
  }

  .chinski_year_choose_dropdown {
    z-index: 1;
  }

  .registration_text_label {
    text-align: left;
    width: 100%;
    padding: 10px 0 5px 0
  }

  .registration_text_input {
    width: 80%;
    width: calc(100% - 30px) !important;

  }

  .registration_component_content_left form input[type="submit"] {
    margin-right: 0 auto 10px;
    float: none;
  }

  .component_search_form_content input[type="text"] {
    width: 100%;
    width: calc(100% - 40px);
    margin: 0 0 15px
  }

  .archive_list_content ul li,
  .archive_list_content ul li.last_in_row,
  .component_search_form_content button {
    width: 100%;
  }

  .com_sspsychotest_result_container_back_tests a {
    font-size: 12px;
  }

  .tag_list_searchbox form input[type="text"],
  .tags_component_second_line_right form input[type="text"] {
    padding: 0 10px 0 20px;
    width: 115px;
    margin: 0
  }

  .tag_list_searchbox form input[type="submit"],
  .tags_component_second_line_right form input[type="submit"] {
    padding: 0 8px;
    width: auto;
  }

  .footer_newsletter_content form div {
    display: block;
    width: 100%
  }

  .footer_newsletter_content form div + div {
    margin: 10px 0 0
  }

  .footer_newsletter_content form input[type="text"],
  .footer_newsletter_content form input[type="submit"] {
    width: 100%;
    margin: 0
  }

  .footer_newsletter_content form input[type="submit"] {
    padding: 0
  }

  .footer_newsletter_content form input[type="text"] {
    width: calc(100% - 16px)
  }

  .mobi_nav > div > ul {
    padding: 20px;
  }

  .mobi_nav ul > li ul {
    padding: 0 10px;
  }

  .mobi_nav > div > ul > li > span > a {
    padding: 6px 14px;
    font-size: 14px;
  }

  .mobi_nav ul > li li a {
    font-size: 90%;
    padding: 10px 16px;
  }

  .purpleonearticle_article_content .purpleonearticle_img_link {
    width: 100%;
  }

  .purpleonearticle_article_description {
    width: 100%;
    float: none;
    position: absolute
  }

  .mod_horoscope_horoscope_image {
    width: 100%
  }

  .mod_horoscope_horoscope_desc {
    width: 100%;
    padding-left: 0px
  }

  .content_banners .banneritem {
    width: 100%;
  }

  .content_banners .banneritem:first-child {
    padding-right: 0%
  }

  .content_banners .banneritem:last-child {
    padding-left: 0%
  }

  .advertise adfm-ad {
    height: 100px !important;
  }
}

@media (max-width: 1024px) {
  .mod_ssboxes_boxes_container {
    height: 630px;
  }

  .mod_ssboxes_box_container {
    width: 100% !important;
  }

  .sssendnewsletter #submit_btn {
    float: right;
    margin-right: 0;
    margin-left: 0
  }
}

@media (max-width: 980px) {
  .mod_ssboxes_boxes_container {
    height: 590px;
  }

  @media (max-width: 980px) {
    .mod_ssboxes_boxes_container {
      height: 610px;
    }

    @media (max-width: 900px) {
      .mod_ssboxes_boxes_container {
        height: 580px;
      }

      @media (max-width: 880px) {
        .mod_ssboxes_boxes_container {
          height: 560px;
        }

        @media (max-width: 820px) {
          .mod_ssboxes_boxes_container {
            height: 520px;
          }

        }

        @media (max-width: 780px) {
          .mod_ssboxes_boxes_container {
            height: 490px;
          }

        }
        @media (max-width: 680px) {
          .mobile_adv {
            display: block;
          }
        }
        .mod_ssboxes_boxes_container {
          height: 460px;
        }

      }

      @media (max-width: 640px) {
        .mod_ssboxes_boxes_container {
          height: 440px;
        }

      }

      @media (max-width: 580px) {
        .mod_ssboxes_boxes_container {
          height: 400px;
        }

        .header_bg {
          background: none;
          padding: 30px 0px 90px;
        }

        .header_bg .logo_container {
          background: #a68ee4;
          padding: 20px 0;
        }

        div.login_register_links {
          text-align: left;
          margin-left: calc(50% - 149px);
          padding-top: 10px;
        }

        .mobi_nav > div {
          top: -40px;
        }

      }

      @media (max-width: 540px) {
        .mod_ssboxes_boxes_container {
          height: 380px;
        }

      }

      @media (max-width: 480px) {

        .mod_ssboxes_boxes_container {
          height: 330px;
        }
        .page_content .ssads{
          margin-bottom: 0;
        }

        .top-advertise, .bottom-advertise {
          /* min-height: 80px; */
        }

        .bottom-advertise > .ssads > ins.adsbygoogle {
          margin-top: -10px;
        }

        .top-advertise > .ssads > ins.adsbygoogle, .bottom-advertise > .ssads > ins.adsbygoogle {
          -webkit-transform: scale(.35) translate(-50%, -120%);
          -ms-transform: scale(.35) translate(-50%, -120%);
          -o-transform: scale(.35) translate(-50%, -120%);
          transform: scale(.35) translate(-50%, -120%);
          -moz-transform: scale(.35) translate(-50%, -120%);
        }

      }

      @media (max-width: 440px) {

        .mod_ssboxes_boxes_container {
          height: 310px;
        }

      }

      @media (max-width: 400px) {
        .mod_ssboxes_boxes_container {
          height: 400px;
        }

        .mod_ssboxes_box_description {
          position: relative;
          float: left;
        }

        .one_website {
          display: block;
          float: left;
          width: 100%;
        }

        .footer_links div a {
          width: 100% !important;
          background-position: 50% !important;
        }

        .one_website.site1 a {
          margin-left: 10px
        }

        .one_website.site2 a {
          margin-left: 2px
        }

        .one_website.site3 a {
          margin-left: -2px
        }

        .one_website.site4 a {
          margin-left: 3px
        }

        .one_website.site5 a {
          margin-left: -6px
        }

        .lb-container {
          padding: 10px;
          text-align: center
        }

        .lb-container img {
          display: inline !important;
          width: 100% !important;
        }

        .lb-next {
          background: transparent url("../images/next.png") no-repeat scroll right 13px top 48%
        }

        .lb-next:hover {
          background: transparent url("../images/next.png") no-repeat scroll right 13px top 48%;
        }

        .lb-prev {
          background: transparent url("../images/prev.png") no-repeat scroll 13px 48%
        }

        .lb-prev:hover {
          background: transparent url("../images/prev.png") no-repeat scroll 13px 48%
        }
      }

      @media (max-width: 320px) {
        .mod_ssboxes_boxes_container {
          height: 360px;
        }

        .mod_ssboxes_box_description {
          position: relative;
          float: left;
        }
      }