@media screen and (max-width: 1280px) {
  .wrap {
    width: 1100px;
  }
  .wrap-colum {
    width: 1140px;
  }
}

@media screen and (max-width: 1180px) {
  .wrap {
    width: 960px;
  }
  .wrap-colum {
    width: 1000px;
  }
  .sidebar {
    padding-left: 40px;
  }

  /*főoldal*/
  .wpsg-image-cover .top-post-title {
    font-size: 28px;
    line-height: 34px;
  }
  .top-post-title {
    font-size: 16px;
    line-height: 22px;
  }

  /*CONTAINER ELEMENT*/

  .content-column2_1:nth-of-type(2n + 1),
  .post-layout-2 article:nth-of-type(2n + 1),
  .post-layout-4 article:nth-of-type(2n + 2),
  .post-layout-5 article:first-of-type .box-thumb,
  .iblock-2 article:nth-of-type(2n + 1) {
    padding-right: 15px;
  }

  .content-column2_1:nth-of-type(2n),
  .post-layout-2 article:nth-of-type(2n + 2),
  .post-layout-4 article:nth-of-type(2n + 1),
  .post-layout-5 article:first-of-type .box-details,
  .iblock-2 article:nth-of-type(2n + 2) {
    padding-left: 15px;
  }
  .col-in-col article:nth-of-type(2n + 1) {
    padding-right: 11px;
  }
  .col-in-col article:nth-of-type(2n) {
    padding-left: 11px;
  }
  /* blog comment */
  .depth-2 {
    margin-left: 48px;
  }

  .depth-3 {
    margin-left: 96px;
  }

  .depth-4 {
    margin-left: 144px;
  }

  .depth-5 {
    margin-left: 192px;
  }
}

@media screen and (max-width: 1000px) {
  .wrap {
    width: 700px;
  }
  .wrap-colum {
    width: 740px;
  }
  .main-content,
  .sidebar {
    float: none;
    width: 100%;
    padding-left: 0;
  }
  .fooldal-top {
    width: 100%;
  }
  .sidebar {
    display: none;
  }
  #scroll-header .header-menu-wrap > div > ul > li > a {
    padding: 21px 15px 21px 0;
  }
  /*főoldal*/
  .wpsg-image-cover .top-post-title {
    font-size: 20px;
    line-height: 24px;
  }
  .top-post-title {
    font-size: 12px;
    line-height: 18px;
  }
  .top-post-layout .top-post-details {
    padding: 6%;
  }
}
@media screen and (max-width: 800px) {
  .wrap {
    width: 640px;
  }
  .wrap-colum {
    width: 680px;
  }
  .col-3-1,
  .col-4-1 {
    float: none;
    width: 100%;
  }
  .top-post-layout .top-post-details {
    padding: 3% 5%;
  }
  #top-bar,
  #scroll-header,
  header .header-menu,
  header .header-banner {
    display: none;
  }
  /* show toggle menu */
  #page header .header-logo {
    /*width: 70%;*/
    padding: 20px 0;
    vertical-align: middle;
  }
  #page header .header-mobile-right {
    /*width: 30%;*/
    vertical-align: middle;
  }
  #page header .header-mobile-right i {
    text-align: right;
    padding: 0;
  }
  .toggle-menu-button,
  .colum-iblock .mobile-header-search {
    display: block;
  }
  #page header .wrap {
    border-bottom: 1px solid #1a1a1a;
    margin-bottom: 25px;
  }
  #header .main-menu {
    display: none;
  }
  .container-background {
    margin-top: 0;
  }
  .top-post-title {
    font-size: 12px;
    line-height: 16px;
  }
  .top-post-layout .entry-meta {
    line-height: 15px;
  }
  .wpsg-image-cover .top-post-title {
    font-size: 18px;
    line-height: 24px;
  }
  .top-post-cat {
    display: none;
  }
  h2.entry-title {
    font-size: 30px;
    line-height: 38px;
  }
  .footer-bottom h2 {
    width: 100%;
    float: none;
    padding-left: 0;
    text-align: center;
  }
  .menu-footer-bottom,
  .footer-bottom ul {
    width: 100%;
    float: none;
    text-align: center;
  }
  .footer-bottom {
    padding-bottom: 12px;
  }
  .footer-bottom ul li a {
    padding: 8px;
  }
  #back_top {
    bottom: 10px;
    right: 10px;
    left: initial;
  }
  .header-hirdet .reklamkicsi {
    position: absolute;
    right: 0%;
    width: 60%;
    display: inline-block;
  }
  .header-hirdet .reklamnagy {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  .wrap {
    width: 420px;
  }
  .wrap-colum {
    width: 460px;
  }

  /*CONTAINER ELEMENT*/
  .post-layout-2 article:nth-of-type(2n + 1),
	  .post-layout-2 article:nth-of-type(2n + 2),
	  .post-layout-4 article:nth-of-type(2n + 2),
	  .post-layout-4 article:nth-of-type(2n + 1),
	  /*.post-layout-4 article:first-of-type .box-thumb,*/
	  .post-layout-5 article,
	  .iblock-2 article,
	  .content-column2_1 {
    width: 100%;
    float: none;
  }
  .content-column2_1:nth-of-type(2n + 1),
  .post-layout-2 article:nth-of-type(2n + 1),
  .post-layout-4 article:nth-of-type(2n + 2),
  .iblock-2 article:nth-of-type(2n + 1) {
    padding-right: 0;
  }

  .content-column2_1:nth-of-type(2n),
  .post-layout-2 article:nth-of-type(2n + 2),
  .post-layout-4 article:nth-of-type(2n + 1),
  .post-layout-5 article,
  .iblock-2 article:nth-of-type(2n + 2) {
    padding-left: 0;
  }
  /*.post-layout-4 article:first-of-type .box-details{
		  margin-left: 0
	  }*/
  .post-layout-4 article:nth-of-type(2n + 2) {
    padding-left: 0;
  }

  /*főoldal*/

  #fooldal .kiskep {
    display: inline-block;
  }
  #fooldal .nagykep {
    display: none;
  }
  .wpsg-column1_4 .wpsg-image-cont {
    margin-left: 0px;
    width: 50%;
    float: left;
  }
  .wpsg-container .wpsg-column2_4 {
    width: 100%;
  }
  .wpsg-container .wpsg-column1_4 {
    width: 49.8%;
  }
  .fooldal-top .wpsg-column1_4 {
    width: 100%;
  }
  #content-section1 .content-column2_1 img {
    width: 100%;
  }
  .wpsg-image-cover .top-post-title {
    font-size: 24px;
    line-height: 28px;
  }
  .top-post-title {
    font-size: 14px;
    line-height: 20px;
  }
  .top-post-layout .top-post-details {
    padding: 2% 4%;
  }
  #content-section3 .post-layout h4.entry-title {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 7px;
  }
  .flexslider .slides > li {
    width: 100%;
  }
  .flexslider .slides > li img {
    width: 100%;
  }

  /*COMMENT FORM*/

  .comment-form-author,
  .comment-form-email,
  .form-submit,
  .related-article {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  #cancel-comment-reply-link {
    position: initial;
    margin-top: 8px;
  }

  /* blog */

  h2.entry-title {
    font-size: 28px;
    line-height: 36px;
  }

  .depth-2 {
    margin-left: 10px;
  }

  .depth-3 {
    margin-left: 20px;
  }

  .depth-4 {
    margin-left: 30px;
  }

  .depth-5 {
    margin-left: 40px;
  }
}

@media screen and (max-width: 480px) {
  .content-section .wrap {
    padding: 0 15px;
  }
  .content p {
    padding: 0px 0px 20px 0px;
    font-size: 17px;
    line-height: 25px;
  }
}

@media screen and (max-width: 480px) {
  .wrap {
    width: 100%;
    padding: 0 8%;
  }
  .wrap-colum {
    width: 100%;
    padding: 0 8%;
  }
  .wrap-colum .col-3-1,
  .wrap-colum .col-4-1 {
    padding: 0;
  }
  /*főoldal*/
  .wpsg-container .wpsg-column1_4 {
    width: 100%;
  }
  .top-post-layout .top-post-details {
    padding: 6%;
  }
  .wpsg-column1_4 .wpsg-image-cont {
    width: 100%;
  }
  .horizontal-layout .entry-thumb,
  .horizontal-layout .entry-details {
    float: none;
    width: 100%;
  }
  .top-post-cat {
    display: inline-block;
  }
  .top-post-title {
    font-size: 18px;
    line-height: 24px;
  }
  h2.entry-title {
    font-size: 24px;
    line-height: 32px;
  }
  .post-latest .entry-thumb {
    padding-right: 0;
  }
  .horizontal-layout .entry-details {
    padding-left: 0;
  }
  .search-form.content .search-input {
    margin-bottom: 10px;
  }

  .cat-meta-line .entry-categories {
    float: none;
    margin-bottom: 18px;
  }
  .cat-meta-line .entry-meta {
    float: none;
  }
  .alignright,
  img.alignright,
  .alignleft,
  img.alignleft {
    max-width: 100%;
  }
  .author-bio-avatar {
    float: none;
    margin: auto;
    width: 100px;
    margin-bottom: 12px;
  }
  .author-bio-details {
    margin-left: 0;
  }
  .author-bio-title {
    text-align: center;
  }
  .header-hirdet .reklamkicsi {
    position: absolute;
    right: 6%;
    width: 60%;
    display: inline-block;
  }
  .fooldal-rovatkozi-hirdet .reklamnagy {
    display: none;
  }
  .fooldal-rovatkozi-hirdet .reklamkicsi {
    display: inline-block;
  }
  .brandkicsi {
    display: inline-block;
  }
  .brandnagy {
    display: none;
  }
  blockquote {
    margin: 0px 0px 30px;
  }
}
@media screen and (max-width: 380px) {
  .content input,
  .content .mc4wp-form-fields input,
  .content .mc4wp-form-fields input[type="submit"],
  .search-form.content button {
    width: 100%;
  }
  .content .mc4wp-form-fields input[type="email"] {
    margin-right: 0;
  }

  h3#reply-title {
    position: relative;
    margin-bottom: 50px;
  }
  #cancel-comment-reply-link {
    top: 100%;
    margin-top: 12px;
    left: 0;
    right: initial;
  }
  .list-categories a {
    margin-right: 18px;
  }
  #fooldal .list-categories a {
    margin-right: 0px;
  }
  .sidebar {
    display: none;
  }
  blockquote {
    padding: 32px 25px;
  }
  .content blockquote:before {
    left: 5px;
  }
}