/* Моб. меню */


.mob-menu-link a, .mob-phone-link a {display:none !important;}
.mob-catalog {display:none;}

/*
.mob-menu {position:absolute; width:100%; top:0px; left:0px; bottom:0px; height:auto; padding-top:30px; background:rgba(32,32,32,0.98); z-index:100; text-align:left; }
.mob-menu-data {position:relative; width:100%;}

.mob-menu ul {margin:15px; padding:0;}
.mob-menu ul li {position:relative; margin:0; padding:0; list-style:none; }
.mob-menu ul li a {display:block; text-transform:uppercase; text-decoration:none; padding:5px 10px; font-family:Roboto,Tahoma; color:#eee; font-size:18px; }
.mob-menu ul li a:hover {color:white;}
.mob-menu ul li ul {margin:5px; margin-left:25px;}
.mob-menu ul li ul li {margin:0; padding:0; list-style:none; display:block;}
.mob-menu ul li ul li a {display:block; text-transform:none; padding:5px 0px; font-size:16px; color:#bbb;}

.mob-menu-link a {position:absolute; display:none; cursor:pointer; left:0px; top:125px;  width:65px; height:55px; padding:0px; overflow: hidden; text-indent: -999em; background: url(../graph/mob-menu.png) center center no-repeat; background-size:auto 60%; background-color:#000; z-index:30 }
.mob-menu-link a:hover  {background-color:#666;}
.menu-close a {display:block; position:absolute; top:-20px;  right:20px; cursor:pointer; width:18px; height:18px; background:url(../graph/menu-close.png) no-repeat; background-size:contain;}

.mob-phone a {display:none; position:absolute; cursor:pointer; right:100px; top:0px;  width:42px; height: 42px; padding: 0px; overflow: hidden; text-indent: -999em; background: url(../graph/mob-phone.png) center center no-repeat; background-size:auto 60%;     background-color: #fac244; -moz-border-radius: 6px;    -webkit-border-radius: 6px;    -khtml-border-radius: 6px;    border-radius: 6px;}

*/

@media only screen and (max-width:1230px){

.page {width:100%;}
.inside {margin:0px;}
.content {width:98%; padding:0px 1%; float:unset;}
.left {width:25%; }
.right {float:right; position:relative; width:73%; padding-left:0px; padding-right:0px; padding-top:10px;}

.rinfo  {float:unset; width:75%; overflow:hidden; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.rpanel {position:absolute; right:0px; float:unset; padding:13px; margin-left:1%; display:inline-block; }
  .rpanel h4 {text-align:center}

.topcontacts {right:10px; margin-left:0px;}
.box { margin-left:0px; right:210px;}
.search { margin-left: 315px; width: 315px; }
.search input {width:87%;}
.social {right: 240px;}

h1 {font-size:32px;}
.main-actions ul {width:100%;}


.categorieslist {width:100%;}
.categoriesarea {width:100%;}
.unitlist {width: 100%;}
.unitarea {width: 100%;}
.myitem {width:27%; min-width:165px; padding: 10px;  margin: 5px 1%; }
.itempic { width: 100%; }

.footer { width: 100%; }
.fphones { margin-left:unset; right:300px; }
.geokon a {position:absolute; display: inline-block; margin-left:unset; right:10px;}

.filters { width:98%; }


}

@media only screen and (max-width:1150px){
 .topcontacts {right:unset;}
 .box { right:10px; }
 .social { right:40px; }
 .topmenu { margin-top: 70px; }

 .topcontacts { left:325px; top:100px; width: 332px;  text-align: left;}
 .topcontacts .topcontactsarea {position:relative; }
 .topcontacts .wphone {position:absolute; top:0px; right:0px; padding-top:7px;}
 .topcontacts .wtime, .topcontacts .wtime span { font-size: 12px; }

 .rinfo { width: 100%; padding-top: 15px; }
 .rpanel { position:relative; width:100%; padding:15px 0px;}
 .lastviewed { display:none; }
 .ritem { width:27%; padding:10px; margin:0px 1%; min-width: 150px; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
 .ritempic { margin: 10px auto; }

 .left {width:24%;}
 .leftpart { width:100%; padding:10px; }

 .mytableitem {width: 100%; display:table;}

 .tableitempic {display:table-cell; width:25%; float:unset;}
 .tabdesc {display:table-cell; width:75%; float:unset;}
 .tabh { width:auto; }

 .catmenu {width:100%;}

 .fphones { right: 200px; }

 .unitarea { position:relative; }
 .unitpic { width:40%; float:unset; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
 .pagegallery { float: unset; width:98%; padding-right:2%;}
 .pagegallery .firstpic { width:auto; }
 .unitdesc { width:55%; padding:1%; float:unset; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}


 .pagetext { width: 92%; padding:20px 4%; }

 .ordertable { width: 100%; }




}


@media only screen and (max-width:960px){


  .logo a { width:200px; height:96px; margin-top:5px; margin-left: 10px; background: url(../graph/erotic-plus-gold.png) no-repeat; background-size:auto 100%;  text-indent: -999em;}
  .search { margin-left: 235px; width:275px; }
  .search input { width: 82%; }
  .topmenu { margin-left: 235px; }
  .virtual a { margin-left: 15px; }
  .topcontacts { left: 215px; }
  .box { width:139px; height:89px; right:10px; background: url(../graph/box.png) no-repeat; background-size:auto 100%;}
  .box p {padding-bottom: 0px;}
  .social { right: 30px; margin-top: 115px; }

  .unith h1 { padding-bottom: 25px; }
  .topmenu ul li a { font-size: 13px; }

  .leftpart h4 { font-size: 17px; }
  .myitem { width: 43%; }
  .sortfilter { width: 220px; }

  .vk-block {display:none;}
  .geokon { display:none;}

  .fphones { right: 20px; }

  .pageorderform { width:90%; margin-left:0px; margin:0px 5%; }
  .pageorderform input, .pageorderform textarea { width: 99%; }
  .pageorderform select { width: 101%; }

  .toptr td { font-size:12px; }


}


@media only screen and (max-width:800px){

  .top {height:unset; min-height:120px;}
  .search  { display:none; }
  .topmenu {display:none; }

  .topcontacts {left:230px; top:0px; width:180px;}
  .topcontacts .wphone { position:relative; }
  .virtual a { margin-left: 230px; margin-top: 75px;}

  .content {position:relative; width:100%; padding:0px;}
  .social {display:none;}

  .right {float:unset;}
  .left {display:none;}
  .left-contacts {display:none;}

  .rpanel h4 {display:block; padding:15px 0px; background-color:rgba(151,11,113,0.8); color:#fff; margin-bottom:15px; width: 98%;}

  .right { width: 96%; padding-left: 2%; padding-right: 2%; }

  .unitpic { width: 100%; }
  .pagegallery .iconpic {float:unset; width:100%; margin-top: 5px;}
  .pagegallery .iconpic ul { float:unset; width:100%; }
  .pagegallery .firstpic { height:unset; max-height:300px; padding:10px 0px;}

  .unitdesc { width: 96%; padding:  2%;}
  .unitdata { position:relative; padding:20px; padding-bottom:10px; margin-bottom:25px; background:#f6f6f6;}
  .unitdesc .unitdata p {text-align:center;}
  .big-order-button { float:unset; min-width:250px; height:unset; text-align:center;}
  .big-order-button a {display: inline-block; width: 200px; }

  .mob-catalog { display:block; position:relative; background-color:#970b71; text-align:left}
  .mob-catalog a { display:block; width:90%; padding:16px 5%; color:#fff;   }
  .mob-cat-link { cursor:pointer; font-size:17px; text-transform:uppercase; padding: 20px 5% !important;}
  .mob-cat-link span { position:relative; display:inline-block; padding-left:25px;}
  .mob-cat-link span::before {content:''; position:absolute; width:20px; height:20px; left:0px; background:url(../graph/mob-cat-icon.png) left center no-repeat; background-size:auto 80%; }
  .mob-cat-link span b {font-weight:normal}
  .mob-catalog ul, .mob-catalog ol  {padding:0px; margin:0px; display:none;   -webkit-animation: show-mob-catalog 0.5s ease-out;  animation: show-mob-catalog 0.5s ease-out;}
  .mob-catalog ul li, .mob-catalog ol li  {text-align:center; border-top:solid 1px rgba(255,255,255,0.3); background-color:rgba(255,255,255,0.15); padding:0px; margin:0px; }
  .mob-catalog ul li b, .mob-catalog ol b {font-weight:normal}
  .mob-catalog ul li a, .mob-catalog ol a {font-size:16px;}
  .mob-catalog ul li a:hover, .mob-catalog ol li a:hover {background-color:rgba(0,0,0,0.2);}

  @-webkit-keyframes show-mob-catalog {
    0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @keyframes show-mob-catalog {
    0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }



  .mob-menu-link a {position:absolute; cursor:pointer; display:inline-block !important; width:60px; height:60px; padding:0px; top:0px; right:0px; z-index:5; background:url(../graph/mob-menu.png) center center no-repeat; background-size:auto 60%; border-left:solid 1px rgba(255,255,255,0.5); }
  .mob-menu-link a:hover {background:url(../graph/mob-menu.png) center center no-repeat; background-size:auto 60%; background-color:rgba(0,0,0,0.1);}


  .rinfo {padding-top:0px;}


 .pagetext { width: 96%; padding:20px 2%; }

 .cookiewin { width: calc(100% - 80px) !important; bottom: 10px;  }

}


@media only screen and (max-width:680px){

  .logo a { width: 160px;  height: 77px;}
  .virtual a { margin-left:12px; margin-top: 80px;}
  .box { width: 145px; height: 92px; right:7px;}
  .topcontacts { display:none; }

  h1 {font-size: 25px; }
  .main-actions ul li { width: 47.5%; }
  .main-gallery ul { width: 100%; }

  .ritem { width: 43%; padding: 10px 2%; margin: 0px 1%; margin-bottom:10px; min-width: 150px; }
  .rpart .ritem:nth-child(5) {display:none;}

  .myitem { width: 42%; }

  .mob-phone-link a {position:absolute; cursor:pointer; display:inline-block !important; width:60px; height:60px; padding:0px; top:0px; right:62px; z-index:5; background:url(../graph/mob-phone.png) center center no-repeat; background-size:auto 60%; border-left:solid 1px rgba(255,255,255,0.5); }
  .mob-phone-link a:hover {background:url(../graph/mob-phone.png) center center no-repeat; background-size:auto 60%; background-color:rgba(0,0,0,0.1);}

  .ordertable {margin:10px 0px;}
  .toptr td:nth-child(3) {display:none;}
  .ordertr td:nth-child(3) {display:none;}
  .totalstr td:nth-child(2) {display:none;}

  .filters {width:96%; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px;}
  .sortfilter {width: 120px;}
  .showfilter {width: 120px; margin-right: 20px;}

  .cpr { display:none; }

  .main-page-text {display:none;}

}

@media only screen and (max-width:550px){
  .fphones p { float:unset; width:unset; padding-bottom:0px; font-size:14px; }
  .fphones p a { margin-top:5px; }

  .virt {display:none;}

}


@media only screen and (max-width:480px){
  .box { width: 115px; padding-left: 80px; padding-top:6px; -moz-border-radius: 0px 0px 13px 13px; -webkit-border-radius: 0px 0px 13px 13px; -khtml-border-radius: 0px 0px 13px 13px; border-radius: 0px 0px 13px 13px;}
  .box p b {font-weight:normal; font-size:12px;}
  .box a { width:auto; font-size:11px; }
  .myitem {width:41%; min-width:unset;}
  .krohi {display:none;}

  h1 { font-size: 24px; text-align: center; margin-top:10px}
  h1 b { display:block; }

  .tabprice { width: 110px; }
  .tabh h3 { font-size: 14px; }

  .unitdesc { font-size: 15px !important; }
  .unitdesc p { font-size: 15px !important; }
  .unitdesc p span { font-size: 15px !important; }
  .addunitlist h4 {text-align:center;}

  .unith h1 {font-size:24px;}

  .fphones p { font-size:12px; }

  .pagetext { text-align:center;}

}


@media only screen and (max-width:420px){
  .myitem { width: 91%; }
  .ritem { width: 92%; }
  .fphones { width: 150px; margin-top: 22px; }
  .top {min-height: 90px;}

  .orderitempic { width: 0px; }
  .ordernumitem { width: 30px; }
  .oderdel a { width: 20px; height: 20px; background: url(../graph/delete.png) center center no-repeat; background-size:auto 100%; }
  .toptr td { font-size: 11px; }

  .box { padding-left:10px; background: url(../graph/cart.png) center center no-repeat; background-size:auto 55%; background-color:#cf040a; color:#fff; width: 65px; height: 65px; }
  .box:hover { background-color:red;}
  .box span { color: rgba(255,255,255,0.9); }
  .box span { font-size:0px;}
  .box a { display: none;}
  .box b {display:none;}
  .cnt {display:inline-block !important; width:23px; height:23px; line-height:25px; margin-left:35px; text-align:center; font-weight:bold !important; background-color:#fff; color:#ff2b08; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%;  }

  .virtual, .virtual-tour {display:none;}

  .main-actions ul li { width: 100%; }

  .main-gallery {padding-left:0px; display:none;}
  .main-gallery ul li:first-child { width:100% }
  .main-gallery ul li:nth-child(2), .main-gallery ul li:nth-child(3) { display:none; }

  .myitem h3 {font-size: 18px;}
  .itempic img {height: 220px;}

  .sorderwin .orderform {margin-left: -150px; width: 300px; }
  .sorderwin .orderform .close {float: unset; right: -15px; margin-left:unset;}


}


@media only screen and (max-width:360px){

  .mob-cat-link { width: 90%; padding: 20px 5% !important; }
  .mob-cat-link span b {display:none}

  .unith h1 {font-size: 22px;}



}


