@media screen
and (max-width: 1200px)
{
  .mainFrame { width: 100%; float: left; padding-right: 5%; padding-left: 5%; }
  HEADER .mainFrame { width: 100%; padding-right: 2.5%; padding-left: 2.5%; } 
  #search .checkboxes { width: calc(100% - 175px); } 
  #content .leftIconsFrame,
  #content .rightIconsFrame { width: 100%; }
  #content .rightIconsFrame { padding-left: 0; }
  #content .homeIconFrame09 { padding-bottom: 25px; }
}

@media screen
and (min-width: 1001px)
{
  HEADER .register, 
  HEADER .login { top: 0; padding-left: 20px; } 
  HEADER .register { right: 120px; }
  HEADER .login { right: 0; } 
  HEADER .register:before, 
  HEADER .login:before { content: ""; width: 10px; height: 10px; position: absolute; top: calc(50% - 5px); left: 0; background: rgba(0,0,0,.3); border-radius: 50%; transition: background .5s; }
  HEADER .register:hover:before, 
  HEADER .login:hover:before { background: rgba(255,255,255,1); }
  .hamburger { display: none; }
   NAV UL { float: left; display: flex !important; justify-content: space-between; }
   NAV LI { padding: 35px 0; }
   NAV LI:before,
   NAV LI.active:before { content: ""; width: 14px; height: 13px; position: absolute; top: -5px; left: calc(50% - 7px); background: url("/images/icon/heart-small.png") no-repeat; opacity: 0; transition: opacity .3s; }
   NAV LI:hover:before,
   NAV LI.active:before { opacity: 1; }
   .medailon .image { margin-right: 25px; }
   ARTICLE { width: 31.16%; margin-right: 2.51%; display: flex; flex-direction: column; text-align: center; font-size: 15px; border-bottom: 6px solid #ececec; transition: border-color .5s; }
   ARTICLE:nth-child(3n) { margin-right: 0; }
}

@media screen 
and (max-width: 1200px)
and (min-width: 1001px)
{
  HEADER .register, 
  HEADER .login { width: 92px; right: 2.5%; }
  HEADER .login { top: 30px; } 
  NAV LI { font-size: 17px; }
  .persons .medailon { width: 48.5%; }
}

@media screen
and (max-width: 1100px)
{
  .cardMenu { display: flex; justify-content: space-between; }
  #content .cardButton2, #content .cardButtonOn2 { display: flex; justify-content: center; align-items: center; text-align: center; font-size: 13px !important; }
}

@media screen
and (max-width: 1000px)
{
  .mainFrame,
  .hamburger { padding-right: 2.5%; padding-left: 2.5%; }
  HEADER .mainFrame { padding: 0; }
  .userFrame { margin-right: 2.5% }
  NAV { position: relative; background-size: 110% 1px; }
  .hamburger { width: 100%; float: left; display: flex; align-items: center; text-transform: uppercase; }
   .hamburger .icon { position: relative; } 
   .hamburger .icon, 
   .hamburger .icon:before,
   .hamburger .icon:after { background-color: #fff; border-radius: 3px; }
   .hamburger .icon:before,
   .hamburger .icon:after { content: ""; width: 100%; position: absolute; left: 0; }
   .hamburger .label { text-transform: uppercase; font-size: 20px; font-weight: bold; }
  NAV UL { display: none; position: absolute; top: calc(100% - 1px); left: 0; z-index: 101; background-color: #c2175a; }
   NAV LI { width: 100%; float: left; }
   NAV A { width: 100%; float: left; background-image: url("/images/icon/heart-small-dark.png"); background-repeat: no-repeat; font-size: 15px; border-bottom: 1px solid rgba(255,255,255,.1); line-height: 1; }
   NAV LI A:hover,
   NAV LI.active A { background-color: #dc2072; background-image: url("/images/icon/heart-small.png"); }
  ARTICLE:last-child { display: none; }
  FOOTER { padding-bottom: 175px; }
}

@media screen
and (max-width: 1000px)
and (min-width: 840px)
{
  HEADER .logo.left { margin-left: 2.5%; }
}

@media screen
and (max-width: 1000px)
and (min-width: 601px)
{
  HEADER .register, 
  HEADER .login { bottom: 40px; }
  HEADER .register { right: 2.5%; }
  HEADER .login { right: calc(2.5% + 120px); }
  .hamburger { width: 100%; float: left; height: 95px; display: flex; align-items: center; text-transform: uppercase; }
  .hamburger .icon { width: 50px; margin-right: 50px; } 
  .hamburger .icon, 
  .hamburger .icon:before,
  .hamburger .icon:after { height: 9px; }
  .hamburger .icon:before { top: -17px; }
  .hamburger .icon:after { bottom: -17px; }
  NAV A { padding: 22px 2.5% 22px calc(100px + 2.5%); background-position: calc(2.5% + 20px) center; }
  .persons .container { display: flex; justify-content: space-between; }
  .persons .medailon { width: 50%; position: relative; flex-direction: column; padding: 0 20px 50px 20px; text-align: center; }
   .medailon .image { margin-bottom: 25px; }
   .medailon .button { position: absolute; bottom: 0; left: calc(50% - 65px); margin: 0; }
  ARTICLE { flex: 1; }
  ARTICLE:first-child { margin-right: 30px; }  
}

@media screen
and (max-width: 900px)
{
  #search { height: auto; padding-bottom: 20px; }
  #search .normalInputGRight.region .formRow { width: 95px; padding-left: 0; }
  #search .longSelect { width: calc(100% - 120px); }
}

@media screen
and (min-width: 841px)
{
  MAIN .container.content { display: flex; }
  .home .icon { width: 305px; }
  FOOTER UL:first-child { margin-right: 115px; }
  .banner .icons { width: 815px; }
  .banner .icon { width: 225px; height: 270px; float: left; margin-right: 70px; }
   .banner .icon .label { height: 115px; padding-top: 55px; font-size: 25px; }
   .banner .icon.findLove .label { padding-top: 0; }
  .selectPhrase { width: 453px; margin-left: 245px }
  .newPhrase TEXTAREA,
  .newPhrase INPUT[type=submit] { width: 400px; }
}

@media screen
and (max-width: 840px)
{
  HEADER .logo.left { float: none; }
  HEADER .user { width: 100%; margin: 15px 0; display: flex; justify-content: center; }
  .userFrame { margin: 0; }
  .parallax { background-position: 25% center; } 
  .banner .icons { padding-right: 2.5%; padding-left: 2.5%; }
    .banner .icon.findLove .label { font-size: 20px; }
  FOOTER { padding-bottom: 150px; }
  FOOTER UL:first-child { margin-right: 85px; }
  
  MAIN .col2 { width: 100%; margin-top: 25px; margin-left: 0; }
  #sideBanners { max-width: none; }
   MAIN .sidebanner { width: 100%; margin-bottom: 25px; display: flex; align-items: center; }
   MAIN .sidebanner:last-child { margin-bottom: 0; }
    MAIN .sidebanner IMG { float: left; margin-bottom: 0; }
    
  .eshop .item { display: flex; flex-direction: column; align-items: center; }
  .eshop .image { width: auto; margin-bottom: 15px; }
  .eshop .description { width: 100%; }
  .eshop .item .buttons { display: flex; justify-content: center; }
  
  #faces { flex-wrap: wrap; justify-content: flex-start; }
  #faces .face, 
  #faces .face:nth-child(5) { width: 30%; margin-right: 3.33%; }
  #faces .face:nth-child(3) { margin-right: 0; }
  #faces .face { margin-bottom: 10px; }
  #faces .face IMG { width: 100%; }
  #left { width: 100%; margin-right: 0; }
  #right { width: 100%; margin-top: 40px; display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; }
  #content .cardFrame .formBlock .detailSide { width: 100%; }
  .cardFrame .formLine .formRow,
  .cardFrame .formLine .formRow2 { width: 175px; }
  .cardFrame .formLine .formInput2,
  .cardFrame .formLine .formSelectG2,
  .cardFrame .detailSide .formLine .formCheckboxes { width: calc(100% - 200px); float: right; }
  .cardFrame .formLine .formCheckboxes { width: 100%; }
  .cardFrame .formLine .formCheckboxes LABEL { width: calc(50% - 25px); }
  .formLine .formTextarea2 { width: 100%; }
  .cardMenu { flex-wrap: wrap; justyfy-content: flex-start; }
  #search .checkboxes { width: 100%; }
  .selectPhrase, 
  .newPhrase TEXTAREA,
  .newPhrase INPUT[type="submit"] { width: 100%; }
  .blogPage { display: flex; flex-direction: column-reverse; }
   .blogPage #sideBanners { margin-bottom: 25px; }
  MAIN .blogPage .col2 { margin-top: 0; }
  
  .paging .left { margin: 0 25px; }
  .paging .page.number { margin-right: 15px; }
}

@media screen
and (max-width: 840px)
and (min-width: 600px)
{
  .banner .icon { margin-right: 50px; }
   .banner .icon .label { font-size: 23px; }
  .home .icon { flex: 1; margin-right: 50px; }
  .home .icon:last-child { margin-right: 0; }
}


@media screen 
and (max-width: 700px)
{
  #search .searchSex { width: 100%; }
  #search .smallInputG { width: 50%; }
   #search .smallInputG .formRow { width: 95px; padding-left: 0; }
  #search .longSelect { width: 100%; }
  #search .formCheck { padding-left: 0; }
  FOOTER .container { display: flex; flex-direction: column; align-items: center; }  
}

@media screen 
and (min-width: 601px)
{
  .home .icons { display: flex; justify-content: space-between; }
   .home .icon .text { margin-top: 30px; }
  .persons .medailon { width: 42%; }
  .newsList { display: flex; flex-wrap: wrap; }
  .moreAboutMe { display: flex; flex-wrap: wrap; justify-content: space-between; }
}

@media screen 
and (max-width: 600px)
{
  .hamburger { height: 60px; }
  .hamburger .icon { width: 40px; margin-right: 35px; } 
  .hamburger .icon, 
  .hamburger .icon:before,
  .hamburger .icon:after { height: 6px; }
  .hamburger .icon:before { top: -13px; }
  .hamburger .icon:after { bottom: -13px; }
  HEADER .register { bottom: 35px; } 
  HEADER .login { bottom: 10px; }
  HEADER .register { right: 2.5%; }
  HEADER .login { right: 2.5%; }
  NAV A { padding: 22px 2.5% 22px calc(75px + 2.5%); background-position: calc(2.5% + 14px) center; }    
  .persons .medailon { width: 100%; }  
  .anotherBlogs { flex-wrap: wrap; }
  ARTICLE { width: 100%; float: left; }
  ARTICLE:first-child { margin-bottom: 40px; }
  .home .icon { width: 100%; margin-bottom: 20px; display: flex; }
  .home .icon:last-child { margin-bottom: 0; }
   .home .icon .image { width: 120px; height: 120px; float: left; margin-right: 20px; }
   .home .icon .text { display: flex; align-items: center; }
  .banner P.bannerBig { font-size: 45px; }
  .bannerMed { font-size: 25px; }
  .bannerHref A { padding: 10px 40px; font-size: 18px; }
  
  MAIN .sidebanner IMG { max-width: 200px; }
  #content .newsFrame P, #content .newsFrame SPAN { *font-size: 12px !important }
  #faces .face, #faces .face:nth-child(3), #faces .face:nth-child(5) { width: 47.5%; margin-right: 5%; }
  #faces .face:nth-child(even) { margin-right: 0; }
  #content .inzeratFrame P, #content .inzeratFrame H3 { width: 100%; margin-top: 10px; }
  #content .pagingFrame .right,
  #content .pagingFrame .left { width: 100%; }
  #content .detailSide { width: 100%; margin-top: 25px; }
  #content .formLine .formTextarea { width: 100%; background-color: #e8e8e8; background: linear-gradient(#e8e8e8, #f8f8f8); border: 1px solid #e8e8e8; }
  #content .cardFrame .resultBlockSmall { width: 100%; margin-bottom: 25px; }
  #content .cardFrame .resultBlockSmall:last-child { margin-bottom: 0; }
}


@media screen 
and (min-width: 481px)
and (max-width: 700px)
{  
  FOOTER .logo { margin-top: 45px; }
}

@media screen 
and (min-width: 481px)
and (max-width: 840px)
{
  .navigation .mainFrame { height: auto; padding-top: 20px; padding-bottom: 20px }
  .banner .icons { width: 100%; display: flex; justify-content: space-between; }
   .banner .icon { flex: 1; }
    .banner .icon .label { height: 100px; padding-top: 40px; }
    .banner .icon.findLove .label { padding-top: 0; }
  #content .cardMenu A { width: 24%; margin-right: 1.33%; }
  #content .cardMenu A:nth-child(4n) { margin-right: 0; }
  #content .cardMenu A:nth-child(5),
  #content .cardMenu A:nth-child(6),
  #content .cardMenu A:nth-child(7) { width: 32%; margin-top: 10px; }   
}

@media screen 
and (min-width: 481px)
and (max-width: 600px)
{
  .banner .icon { margin-right: 20px; }
   .banner .icon .label { font-size: 20px; }
  .persons .medailon:first-child { margin-bottom: 70px; }
  .persons .medailon IMG { margin-right: 35px; }
}

@media screen
and (min-width: 481px)
{
  .logo { width: 382px; height: 100px; background: url("/images/logo.png") no-repeat; }
  .banner { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
   .banner .icon .image { height: 155px; }
   .banner .register .image { background-position: center 33px; }
   .banner .login .image { background-position: center 28px; }
   .banner .findLove .image { background-position: center 43px; }
  MAIN.home { padding-top: 30px; }
  FOOTER .buttons { display: none; }
  .mobile { display: none; }
}

@media screen
and (max-width: 480px)
{
  .mobHidden { display: none; }
  .logo { width: 300px; height: 79px; background: url("/images/logo-300.png") no-repeat; }
  .userFrame { width: 100%; position: relative; padding-right: 2.5%; padding-left: 2.5%; }
   .userFrame IMG { display: none; }
   .userFrame .adds { width: auto; height: auto; float: right; display: flex; flex-direction: column; font-size: 14px; }
   .userFrame .adds A { margin-bottom: 10px; }
   .userFrame .adds A:last-child { margin-bottom: 0; }
   .userFrame H3,
   .userFrame .left
   { width: calc(100% - 80px); float: left; font-size: 14px; }
   .userFrame .left { font-size: 13px; }
   .userFrame .right { display: none; }
  .banner { position: relative; }
  .banner .text { float: left; }
  .banner .icons { width: 100%; position: absolute; top: calc(100% - 40px); left: 0; }
   .banner .icon { width: 100%; height: 150px; float: left; margin-bottom: 10px; display: flex; }
   .banner .icon:last-child { margin-bottom: 0; }
    .banner .icon .image { width: 150px; }
    .banner .icon .label { flex: 1; display: flex; justify-content: center; align-items: center; font-size: 25px; }
  .navigation { display: none; }
  MAIN.home { padding-top: 30px; }
  .persons .medailon { position: relative; flex-direction: column; padding-bottom: 50px; text-align: center; }
  .persons .medailon:first-child { margin-bottom: 40px; }
   .persons .medailon IMG { margin-bottom: 25px; }
   .medailon .button { position: absolute; bottom: 0; left: calc(50% - 65px); margin: 0; }
  FOOTER { padding-top: 75px; padding-bottom: 70px; }
  FOOTER .links { *display: none; margin-bottom: 40px; }
  FOOTER .links .row {display: none;}
  FOOTER .links UL {width: 100%; margin: 10px 0;}
  FOOTER .buttons { margin-top: 45px; }
    FOOTER .buttons A {display: block;}
   FOOTER .register, 
   FOOTER .login { position: relative; float: left; padding-left: 20px; } 
   FOOTER .register { margin-right: 50px; }
   FOOTER .register:before, 
   FOOTER .login:before { content: ""; width: 10px; height: 10px; position: absolute; top: calc(50% - 5px); left: 0; background: rgba(0,0,0,.3); border-radius: 50%; transition: background .5s; }
   FOOTER .register:hover:before, 
   FOOTER .login:hover:before { background: rgba(255,255,255,1); }
  .banner P.bannerBig { font-size: 35px; }
  .bannerMed { font-size: 20px; }
  
  MAIN .sidebanner { display: block; }
  MAIN .sidebanner IMG { max-width: none; width: 100%; float: left; margin-bottom: 15px; } 
  #content .newsFrame { display: block; }
  #content .newsFrame IMG { width: 100%; margin-right: 0; margin-bottom: 15px; }
  .eshop .image { width: 100%; }
  #left .inzeratFrame H3 A { font-size: 17px; }
  .formLine .formSelectG { background-size: cover; }
  #search .formLine .formRow, #search .smallInputG .formRow, #search .normalInputGRight.region .formRow { width: 50px; }
  #search .longSelect .formRow { width: 100%; }
  #search .longSelect .formSelectG, #search .longSelect .formSelectG .active { width: 100%; }
  .cardFrame .formLine .formRow,
  .cardFrame .formLine .formRow2 { width: 100%; }
  .cardFrame .formLine .formInput2,
  .cardFrame .formLine .formSelectG2,
  .cardFrame .detailSide .formLine .formCheckboxes { width: 100%; float: right; }
  #content .cardMenu A { width: 49.5%; margin-right: 0; margin-bottom: 5px; } 
  #content .cardMenu A:nth-child(even) { float: right; }
  #content .homeIconFrame { padding-left: 15px !important; background-image: none !important; }
}

@media screen
and (max-width: 400px)
{
  #left .inzeratFrame H3, #left .inzeratFrame H4, #left .inzeratFrame P { width: 100%; }
  #right .premium, #right .add { width: 100%; background-size: 100% auto; background-repeat: no-repeat; }
  #right .region { display: none; }
    #content .cardMenu A { width: 100%; margin-right: 0; margin-bottom: 5px; }
}