@media only screen and (max-width: 1440px) {

  .wr-page-top { padding-top: 42% !important; }
  .wr-page-top .wr-page-top-bg { padding-bottom: 42%; }
  .wrapper.wr-top .wr-top-data h1 { font-size: 3rem; }
  .carousel-menu a { font-size: 0.9rem; }

  .wr-page-top-bg img {  min-height: 100%; min-width: 100%; }
  
}

@media only screen and (max-width: 1360px) {

  .wrapper.wr-top .wr-top-data h1 { padding-top:6rem; }
  .wrapper.wr-top .wr-top-data h1:before {         left: calc(50% - 5.25rem); width: 11.5rem;  height: 3.8rem; }

  .wrapper.wr-main-top h1 { font-size: 3rem !important; }
  .wrapper.wr-main-top .wr-top-data h1:before { height:0; }

  .wr-title h2 { font-size: 2.75rem; }  
  .wr-title h4 { font-size: 1.25rem; }
  .apartmens-list .apartmens-data h3 { font-size: 2rem; }

  .carousel-item .carousel-item-info .carousel-item-desc { font-size: 0.9rem; }
  .wr-end .end-cpr a { font-size: 0.6rem; }

  .obj-page .apartmens-list, .service-page .apartmens-list  { padding-top:1rem; }

}


@media only screen and (max-width: 1240px) {


  .wr-page-top { padding-top: 47% !important; }
  .wr-page-top .wr-page-top-bg { padding-bottom: 47%; }

  .top-feddback span.phone a { font-size: 1.2rem; margin-top:0.2rem; }
  .carousel-item-links a span { font-size: 1rem; }

  .carousel-item .carousel-item-info { width: 65%; }
  .owl-main-block .owl-nav { width: 76%; }
  .carousel-menu a {  font-size: 0.85rem; }

}


@media only screen and (max-width: 1152px) {

  .top-menu ul li a {  font-size: 0.8rem; }
  .top-feddback span.booking a { font-size: 0.75rem; }
  .top-feddback span.phone a { font-size: 1rem; margin-top: 0.3rem; }

  .wrapper.wr-main-top h1 { font-size: 2.5rem !important; padding-top: 9rem !important; }
  .wrapper.wr-top .wr-top-data h1 span { font-size: 1.25rem; }

  .carousel-menu a { font-size: 0.74rem; padding: 0.3rem 0.5rem; }
  .carousel-item .carousel-item-info {  width: 85%; }
  .owl-main-block .owl-nav { width: 96%; }

  .apartmens-list .apartmens-data .apartmens-info { font-size: 0.9rem; }
  .apartmens-param { margin-right:0; }
  .apartmens-param ul li span { width: calc(95% - 1.25rem); padding-left: 1.25rem; font-size:0.75rem; }

  .carousel-menu .apartmens-param ul li span { padding-left:1.65rem }
  .apart-page .apart-items .apart-item h6 {font-size: 0.75rem; }
 
  .end-menu ul li a { font-size:1rem; }

  .wr-end .flex-columns .col-5x8  { -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
  .wr-end .flex-columns .col-1x8  { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .wr-end .flex-columns .col-1x4  { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom:0.5rem; }

  .wr-end .end-info { padding-left:0; }


}


@media only screen and (max-width: 1024px) {


  :root { --wrap-data-padding: 0 1.25rem; }

  .wr-page-top { padding-top: 52% !important; }
  .wr-page-top .wr-page-top-bg { padding-bottom: 52%; }

  .top-menu ul li a {font-size: 0.75rem;}
  .top-feddback span.booking a { font-size: 0.65rem; }

  .wr-title h2 { font-size: 2rem;}
  .apart-page .apart-page-order, .obj-page .obj-page-download { top: -0.25rem; }

  .wr-page {padding: 1rem 0;}
  .apartmens-list .proc-item .apartmens-data .apartmens-info .apartmens-desc table tr td, .block-tabs .tab-list .tab-item table tr td { font-size: 0.9rem; }
  .apartmens-list .apartmens-data h3 {   font-size: 1.7rem;  }

  .block28 table tr td { position: relative; display:block; width:100% !important; }
  .block28 a { font-family: 'Oswald', sans-serif;  font-size: 1.5rem; }

  .apart-items .col-1x4  { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; }
  .apart-items .col-1x4 .col-1x4  { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }


} 

@media only screen and (max-width: 960px) {

  .wr-page-top { padding-top: 60% !important; }
  .wr-page-top .wr-page-top-bg { padding-bottom: 60%; }

  .wrapper.wr-top-line { padding: 0.75rem 0; }
  .wr-top-line .col-1x2 { -ms-flex: 0 0 12%; flex: 0 0 12%; max-width: 12%; }
  .wr-top-line .col-1x6 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .wr-top-line .col-1x3 { -ms-flex: 0 0 68%; flex: 0 0 68%; max-width: 68%; }

  .top-menu { display: none; }
  .top-menu { position: fixed; top: 0; left: 0; bottom:0; right:0; margin:0;  padding: var(--wrap-data-padding); padding-top:5rem; background:var(--black-bg-95); z-index:15;  }
  .top-menu ul { position:relative; width:90%; margin-left:5%; }
  .top-menu ul li { display:block; font-family: 'Raleway', sans-serif; }
  .top-menu ul li a { display:inline-block; padding:0.65rem 2rem; font-size: 1.2rem; background: var(--luciano-list-icon); background-size: var(--bg-height-40); }

  .top-menu-close a { position: absolute; display:inline-block;  top:0.25rem; right:1rem; width:2rem; height:2rem; background: var(--luciano-close-icon);  background-size: var(--bg-height-75);  }

  .top-menu-link { display: inline-block; }
  .top-menu-link a { display: inline-block; margin-top:0.3rem;  width:2rem; height:2rem; background: var(--menu-icon-white); background-size: var(--bg-full-height); overflow:hidden; opacity: 0.75;}

  .top-feddback span.booking a { background-color: var(--white-bg-25); }

  .ready-logo a, .top-feddback { z-index:20; }


  .wrapper.wr-main-top h1 {font-size: 2.2rem !important; padding-top: 7.5rem !important;}
  .wrapper.wr-top .wr-top-data h1 {font-size: 2.5rem;}
  .wrapper.wr-top .wr-top-data h1 span { padding:0.5rem; font-size: 1.1rem;}


  .carousel-menu { display:none }
  .apart-page .carousel-menu { display:block }
  .apart-page .wr-main-actions .carousel-menu { display:none }


  .carousel-item, .carousel-item .carousel-item-img { padding-top:50%;  }
  .carousel-item .carousel-item-info h4 { font-size:2rem; }
  .carousel-item .carousel-item-info .carousel-item-desc { font-size: 0.8rem; }
  .carousel-item-links { margin-top: 0.5rem; }
  .owl-main-block .owl-nav { width: 100%; margin-left: -2%; }

  .apart-page .page-gallery { top: -1rem; }
  .wr-page-text { padding-bottom: 1rem; }
  .apartmens-param ul li span { font-size: 0.65rem; }
  .apartmens-list:nth-child(2n+1) .apartmens-item .apartmens-media .apartmens-links a { margin-right: 0.75rem; }
  
  
  .apartmens-list .apartmens-media { position:relative; width:100%; }
  .apartmens-list .apartmens-media .apartmens-links { position: absolute; bottom: 5%; width: 92.5%; padding: 1rem 0; text-align: right !important; padding-left: 0 !important; padding-right: 7.5%;  background-color: var(--black-bg-35); }
  
  .apartmens-list:nth-child(2n+1) .apartmens-item .apartmens-data { margin-left: 0; }

  .apartmens-list .apartmens-data { width:100%; }
  .apartmens-list .apartmens-data h3 { width:92%; font-size:2rem; padding-top:0.75rem; padding-bottom:0.75rem; }
  .apartmens-list:nth-child(2n+1) .apartmens-item .apartmens-data h3 { width:92%; margin-left:0;  text-align:left; } 
  .apartmens-list .apartmens-data .apartmens-info { position: relative; padding: 2.5rem 7.5%;  padding-right: 0; width: 92.5%; background-color: var(--thin-gray-color);     border-radius: 20px;}
  .apartmens-list:nth-child(2n+1) .apartmens-item .apartmens-data .apartmens-info { padding-left:7.5%; }
  .apartmens-list .apartmens-data .apartmens-info .apartmens-desc { width:92.5%; }
  .apartmens-param ul li span {  font-size: 0.9rem; }

  .apartmens-list .apartmens-item { margin-bottom: 1.5rem; }

  .carousel-item .carousel-item-info h4 { font-size: 1.75rem; }
  .owl-main-block .owl-nav .owl-next,  .owl-main-block .owl-nav .owl-prev { width: 2.5rem;  height: 2.5rem; } 
  .order-button a { font-size: 1rem; }

  .end-menu ul li a { font-size: 0.8rem; }
  .wr-end .end-info { font-size:0.6rem; }
  .wr-end .end-cpr a { font-size: 0.5rem; margin-bottom:0; }

  .wr-end-line .col-3x5 { display:none; }
  .wr-end-line .col-2x5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .wr-end-line .top-feddback span:first-child { float:left } 
  .wr-end-line .top-feddback span.phone a { font-size: 1.5rem;  margin-top: -0.25rem;}

  .carousel-menu .apartmens-param  {margin: 0 2%; }
  .apartmens-param ul { margin: 0;  }

}


@media only screen and (max-width: 820px) {

  .wrpage .krohi { font-size: 0.6rem }
  .carousel-item, .carousel-item .carousel-item-img { padding-top:60%;  }

  .tl-form { display: none; }

  .apart-page .carousel-menu  {  margin-top: 1.5rem; }
  
  .order-button a, .apartmens-list .apartmens-item:hover .order-button a {background-color: var(--gold-color);  color: var(--white-color); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; 	transition: all 1s ease; }

  .wr-page-top-bg img { min-height: 100%; max-width: 150%; width:unset }

  .docs-gallery .col-1x3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

}



@media only screen and (max-width: 640px) {

  .carousel-item .carousel-item-info .carousel-item-desc { font-size: 0.75rem; }
  .carousel-item-links a { padding: 0.5em 1.15rem; }
  .carousel-item-links a span {font-size: 0.8rem; padding-left: 1.2rem; }
  .owl-main-block .owl-nav { width: 25%; left: 72%; top: 7.5%; }

  .wr-end .flex-columns .col-5x8 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .wr-end .end-info { padding-bottom:0.5rem; font-size: 0.55rem; text-align:center; }
  .wr-end .flex-columns .col-1x8 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-left:37.5%; }

  .apart-items .col-1x4  {-ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;}
  .apart-page .apart-items .apart-item h6 { padding:0 0.5rem; font-size: 0.7rem }  

  .wr-files .col-1x3 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .apartmens-list .apartmens-data h3 { font-size: 1.55rem; } 

  .wr-page-top .wr-page-top-bg { padding-bottom: 70%; }
  .wrapper.wr-top .wr-top-data { position: absolute; top: 30%; left: 0; right: 0;  bottom: 0;  z-index: 4; }
  .wrapper.wr-main-top .wr-top-data { position: absolute; top: 10%; left: 0; right: 0;  bottom: 0;  z-index: 4; }
  .wrapper.wr-main-top .wr-top-data h1:before { content: "";  top: -1rem; left: 33% !important; width: 32% !important; padding-top: 30%; }
  .wrapper.wr-top .wr-top-data h1 { font-size: 2rem; }
  .wrapper.wr-top .wr-top-data h1 span { padding: 0.5rem; font-size: 0.8rem; }

  .wrpage { padding-top: 2rem }
  .wrpage .krohi { font-size: 0.01rem; }
  .wrpage .krohi span { font-size: 0.01rem; }
  .wrpage .krohi ul li:before { display:none }
  
  .wr-title { position: relative; padding-bottom: 0.25rem; }
  .apart-page .page-gallery { top: 1rem; }
  .main-apartments { padding-top: 1rem; }
  
  .block-tabs .tab-list h3 { font-size: 1.25rem; color: var(--gray-color); }
  .block-tabs .tab-list .tab-item table tr td:last-child { font-size: 1.25rem; }

  .wrapper.wr-with-title:after { display: none; }

  .page-gallery { position: relative; padding-bottom: 3rem; }

  .wr-page { padding-top: 2rem; }

  .apart-page .wr-title  {  text-align: center; }
  .apart-page .wr-title h2 { font-size: 1.8rem; text-align: center; }
  .apart-page .apart-page-order, .obj-page .obj-page-download { position: relative; margin-top:1rem; }
  .apart-page .page-gallery { margin-top:-1.25rem; }

  .obj-page .page-gallery { margin-bottom: 0; margin-top:1rem }
  .service-page .wr-page-text, .obj-page .wr-page-text { padding-top: 1rem; }

  .block-tabs .tab-list h3 { font-size: 1.15rem; }
  .wr-page-text h3 { font-size: 1.5rem }

}  


@media only screen and (max-width: 540px) {

  :root { --wrap-data-padding: 0 0.75rem; }


  .top-feddback span.phone a {font-size: 0.9rem; }

  .wr-page-top .wr-page-top-bg { padding-bottom: 80%; }
  .wrapper.wr-top .wr-top-data { position: absolute; top: 40%; left: 0; right: 0;  bottom: 0;  z-index: 4; }
  .wrapper.wr-main-top .wr-top-data h1:before { content: ""; top: -1rem; left: 25% !important; width: 52% !important; padding-top: 18%;} 
  .wrapper.wr-main-top .wr-top-data { position: absolute; top: 20%; left: 0; right: 0;  bottom: 0;  z-index: 4; }

  .carousel-item, .carousel-item .carousel-item-img {padding-top: 75%;}  
  .carousel-item .carousel-item-img img { width:unset; max-width:150%; min-height:100%; }
  .carousel-item-links a {padding: 0.5em 1rem; padding-top: 0.25rem;}
  .carousel-item-links a span { font-size: 0.75rem; padding-left: 1rem; }

  .apartmens-list .apartmens-media .apartmens-links {  text-align: center !important; }
  .wrpage { padding-top: 3rem; }
  .inner-page .luciano-bg:before { top: 0.75rem; } 

  .wrapper.wr-top .wr-top-data h1 span { font-size: 1rem; }

  .wr-end .end-info { font-size:0.65rem } 
  .wr-end .flex-columns .col-1x8 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; margin-left: 35%; }

  .page-text-block { font-size: 0.9rem; }
  .page-text-block h4 { color: var(--gold-color); }
  .carousel-menu .apartmens-param ul li span { font-size: 1rem; }

  .wr-title h4 { font-size: 0.9rem; }
  .carousel-item .carousel-item-info h4 { font-size: 1.5rem; }

  .order-button a { font-size: 0.8rem; padding: 0.5rem 1.25rem }
  
  .apartmens-list .apartmens-media .apartmens-links { bottom: 10%; padding-left: 3.75% !important; padding-right: 3.75% !important; }  
  .apartmens-list .apartmens-item .apartmens-media .apartmens-links a { margin-right: 0.75rem !important; margin-left: 0.75rem !important; }

  .page-back-link { padding: 0 10%; }

}


@media only screen and (max-width: 480px) {

  .wr-top-line .col-1x6 {-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
  .wr-top-line .col-1x3 {-ms-flex: 0 0 58%; flex: 0 0 58%; max-width: 58%;}

  .wr-top-line .top-feddback span.phone a { display:inline-block; margin-top:0.3rem; width:1.8rem; height:1.8rem; font-size:0.001rem; color:var(--black-color); background: var(--phone-icon-white); background-size: var(--bg-height-90); overflow:hidden;  }
  .wr-top-line .top-feddback span.booking a { font-size: 0.9rem; }

  .top-feddback span.booking a { margin-top:0.15rem; font-size: 0.7rem;  }

  .carousel-item, .carousel-item .carousel-item-img {  padding-top: 110%; }
  .carousel-item .carousel-item-img img { width: unset; max-width: 200%; min-height: 100%; }
  .carousel-item-links a span { font-size: 0.7rem; padding-left: 0.75rem; }
  .carousel-item-links a { padding: 0.5em 0.75rem; padding-top: 0.25rem; }
  .owl-main-block .owl-nav {  width: 28%; } 

  .wr-page-top .wr-page-top-bg { padding-bottom: 85%; }
  .wr-page.apartmens-list { padding-top:1rem; }

  .apartmens-param ul li span { font-size: 0.8rem; }

  .apartmens-list .proc-item .apartmens-data .apartmens-info .apartmens-desc table tr td, .block-tabs .tab-list .tab-item table tr td { font-size: 0.75rem; }
  .block-tabs .tab-list .tab-item table tr td:last-child { font-size: 0.7rem; }
  .block-tabs .tab-menu a { font-size: 1.25rem; }

  .wr-end .rtv  { display:none; }

  .wr-title { text-align: center; }


}


@media only screen and (max-width: 420px) {

  .wr-top-line .top-feddback span { margin-left: 0.25rem; }
  .wr-top-line .top-feddback span.booking a { padding: 0.5rem 0.75rem; font-size: 0.65rem; }
 
  .wr-title h2 { font-size: 1.75rem; text-align:center; } 
  .wr-title h4 { font-size: 0.8rem; text-align:center; }
  /* .wrapper.wr-main-top .wr-top-data h1:before { content: ""; top: 0; left: 29% !important; width: 42% !important; padding-top: 40%; } */

  .wrapper.wr-main-top h1 { font-size: 1.8rem !important;  padding-top: 9rem !important;}  

  .owl-main-block .owl-nav { width: 30%; left: 70%; }
  .carousel-item-links a { padding: 0.5em 0.42rem; padding-top: 0.25rem; }
  .carousel-menu .apartmens-param ul li span { font-size: 0.8rem; }
  .apart-items .col-1x4 { -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%; }

  .wr-end-line .top-feddback span.phone a { font-size: 1.2rem; margin-top: 0.25rem; }
  .wr-end-line {  padding: 1rem 0; }

  .wr-end .flex-columns .col-1x8 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; margin-left: 30%;}

  .wrapper.wr-top .wr-top-data h1 {  font-size: 1.45rem;}
  .apartmens-param ul li span { font-size: 0.7rem; }
  .apartmens-list .apartmens-media .apartmens-links a { font-size: 0.8rem; } 

  .apart-page .wr-title h2 { font-size: 1.6rem; text-align: center; }

  .wr-page-top .wr-page-top-bg { padding-bottom: 105%; }
  .wr-page {  padding-top: 5.5rem; }
  .main-page .wr-page { padding-top: 2.5rem; }
  .wrapper.wr-top .wr-top-data h1 { padding-top: 7rem; }

  .apartmens-list:nth-child(2n+1) .apartmens-item .apartmens-data .apartmens-info { padding-right: 0; }

  .block-tabs .tab-menu a { font-size: 1rem; }
  .wr-page.block-tabs, .wr-page.wr-main-actions { padding-top:2rem; }

  .apart-page .carousel-menu { padding: 0.5rem 0; }
  .apart-page .apart-items h4 { font-size: 1.25rem; padding-top: 1rem; }
  .carousel-menu { width: 99%; }


}


@media only screen and (max-width: 370px) {

  .wr-top-line .top-feddback span.booking a { margin-top:0.2rem; padding: 0.4rem 0.65rem; font-size: 0.6rem; }
  .top-menu-link a, .wr-top-line .top-feddback span.phone a { width: 1.5rem;  height: 1.5rem; }

  .carousel-item .carousel-item-info h4 { font-size: 1.25rem; }
  .carousel-item, .carousel-item .carousel-item-img { padding-top: 140%; }
  .owl-main-block .owl-nav .owl-next, .owl-main-block .owl-nav .owl-prev { width: 1.5rem; height: 1.5rem; }
  .owl-main-block .owl-nav { width: 25%; left: 70%; }
  .owl-gallery .owl-dots .owl-dot { width: 0.5rem; height: 0.5rem; margin: 0 0.2rem; }

  .apart-page .apart-items h4 {font-size: 1rem; }
  .main-page .wr-page { padding-top: 2.5rem; }
  .wr-title h2 { font-size: 1.5rem; text-align: center; }

  .wr-end-line .top-feddback span.phone a { font-size: 0.9rem; margin-top: 0.5rem; }
  .apartmens-list .apartmens-media .apartmens-links a { font-size: 0.75rem; }
  .apartmens-list .apartmens-item .apartmens-media .apartmens-links a { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
  .apartmens-param ul li { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }

  .wrapper.wr-top .wr-top-data h1 span { font-size: 0.65rem; }
  .block-tabs .tab-menu { padding: 0; }

  .apartmens-list .proc-item .apartmens-data .apartmens-info .apartmens-desc table tr td, .block-tabs .tab-list .tab-item table tr td { font-size: 0.65rem; }
  .block-tabs .tab-list .tab-item table tr td:last-child { font-size: 0.6rem; }

  .block-tabs .tab-list .tab-item table tr td { padding: 0.25rem 0.75rem; }
  .wr-page-text h3 { font-size: 1.15rem; }

}