@media screen and (min-width:767px) and (max-width:1112px) {

.top_part .wrap .nav_part ul {text-align: right;  margin-right: 31px;}
.top_part .wrap {width:100%}
.top_part .wrap .design .right_part {margin-right: 10px; width:480px}
.top_part .wrap .nav_part {margin:0 10px}
.top_part .wrap .nav_part ul li {margin:0 5px}
.top_part .wrap .design .right_part div {width:220px}
.top_part .wrap .design .right_part div a img {    width: 214px;}
.top_part .wrap .design .left_part {margin-left:10px; padding-top:88px}
.top_part.index {height:490px;}
.about {width:99%; margin: 100px 10px 105px;}
.services .wrap { width:98%; margin: 0px 10px 80px;}
.porto .porto_list img {width:535px}

.nadzor-list .nadzor-item {
    width: 324px;
    margin-right: 10px;
    flex: none;
    max-width: 100%;
}

.services .services_list {width:360px}
.services .services_list:nth-child(3) {width:350px}
.services .services_list.bg {width:260px}
.services .services_list.short {width:225px; height:308px}

	.banner {display:none!important}	
	.top_part.index .wrap .nav_part p a  {color: #3F383B!important;}
	.portfolio-list .portfolio-item:nth-of-type(3n+3) {margin-right:10px!important}
.porto .wrap {width:98%; margin: 0px 10px -50px;}
.prem .wrap,
.comfort .wrap,
.style_interiors .wrap,
.faq .wrap,
footer .wrap,
.main .wrap,
.design-steps .wrap,
.design-prices .wrap,
.design-prices-2 .wrap,
.service-form-inner .wrap,
footer > p,
.map .wrap,
.rew .wrap {width:97%; margin: 0 10px}

.about .text_part {width:560px}
.about img {margin-right:20px}
footer .wrap div:nth-of-type(1) {width:240px}

.block.pereplan .wrap .row {margin-right:0}
.slides-centered .slide {/* width:100% */}

.service-form-inner .wrap .service-form h2 {font-size:31px}
.service-form-inner .wrap .service-form {padding:40px 0}

.main .wrap .text-part {width:98%}
.service-form-inner:before {background: url(/images/service-form-img-l.svg) repeat-x top center / cover;}

.portfolio-list .portfolio-item {width:324px; margin-right:10px; flex:none; max-width:100%}

.rew .wrap .rev-slides:before,
.porto .porto_list.fourth:before,
.services.index:before {display:none}

.rew .wrap .rew_list .rew_object {width:600px}

.pfl-galery .row .col-6 {max-width: 47%;}
.col-6.animate__animated:nth-of-type(4n-1) .fancybox.small img, .col-6.animate__animated:nth-of-type(4n+2) .fancybox.small img {max-width:460px}
.pfl-galery .row .small img {max-width:386px}
.block.pereplan .wrap .col-6,
.block.before-after .wrap .col-6 {max-width: 48%;}



.design-prices .wrap .col-md-4 {max-width: 32.333333%;}
.design-prices-2 .wrap .col-md-6 {max-width: 49%;}
.main .wrap .services .services_list.short {width:140px}
.instagram .wrap {width:98%;     margin: 104px 10px 41px;}
.inst-slides .inst-photo {height:195px}
.prem .wrap .left_part {width:390px}
.prem .wrap .right_part {float:none}
.comfort .right_part,
.design-struct .right_part {width:385px}
.service-form-inner .wrap .service-form {width:482px}

.design-steps .left_part {width:398px}
.style_interiors .wrap .left_part {width:430px}
.style_interiors {background: url(/images/Group268.svg) no-repeat top center / auto 915px;}
.style_interiors {height:901px}
footer .wrap div:nth-of-type(2) {width:140px}
}

@media screen  and (min-width:765px) and (max-width:768px) {
.top_part .wrap .design .right_part {width: 354px;}
.top_part .wrap .design .right_part div {width:168px}
.top_part .wrap .design .right_part div a img {width:165px}

.services .services_list {width:239px; height:280px;}
.services .services_list:nth-child(3) {width:216px}
.services .services_list.short {width:165px; height:388px;}

.pfl-galery {padding-top: 70px;}

.pfl-detail .pereplan {background: url(/images/skew-l.svg) no-repeat center top / auto 922px; height: 865px; }
.pfl-detail .pereplan .wrap {padding-top: 134px;}
.pfl-detail .block h2 {margin-bottom:0}

.prem .wrap .left_part {width:345px;}
.prem .wrap .right_part {width:340px}
.comfort .left_part {width:450px;}
.comfort .right_part {width:250px}
.comfort .left_part div {width:203px}
.comfort .left_part div img {max-width:100%}
.comfort .right_part p {padding-bottom:50px}
.style_interiors .wrap .left_part {width:320px}
.style_interiors .wrap .right_part {width:395px}
.rew .wrap .rew_list img {width:280px}
.rew .wrap .rew_list .rew_object {width:450px}
.rev-slides-nav {bottom:-43px}
.faq .wrap .accordion {width:100%}

footer .wrap div:nth-of-type(1) {width:213px}
footer .wrap div:nth-of-type(4) { width:179px}
footer .wrap div form input[type="submit"] {white-space: normal;     width: 90%;}
.style_interiors {background: url(/images/Group268.svg) no-repeat top center / auto 987px;}
footer .wrap div form {width:100%}

.design-steps .left_part {width:290px}
.design-steps .right_part {    width: 398px;     margin-top: 110px;}
.design-steps .right_part img,
.design-struct .left_part img {max-width:100%}
.design-struct .left_part {width:398px; }

.design-struct .right_part  {    width: 333px; padding-top: 50px;}

.design-struct .wrap > h2 {left:478px}
.service-form-inner .wrap .service-form {width:353px}
.service-form-inner .wrap .service-form form .form-group button {line-height:15px}
.service-form-inner:after {    background: url(/images/service-form-img-r.png) repeat-x left center / cover;}
.service-form-inner.long:before {background: url(/images/service-form-img-l-long.svg) repeat-x right center / cover;}

.design-prices:before {margin-top: -250px;}
.design-struct .style-slides-nav {bottom:-3px}

.pfl-galery .row .small img {max-width:100%}
.col-6.animate__animated:nth-of-type(4n-1) .fancybox.small img, .col-6.animate__animated:nth-of-type(4n+2) .fancybox.small img {max-width:100%}
}



@media screen and (max-width:1024px) { 
  .top_part .wrap .nav_part ul { margin-right: 5px;}

}
@media screen and (max-width:765px) {
	html{height: auto}
	body > section{width: 100%!important; padding: 0 20px}
	.nadzor-list .nadzor-item {
    flex: 1 0 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 48px;
}
.nadzor-list .nadzor-image {
    height: 220px;
}
.nadzor-list .nadzor-image img {
    max-height: 235px;
    width: 100%;
    object-fit: cover;
    height: 220px;
}

.nadzor_detail .nadzor_detail_gallery .images .image {width: 48%;}
	
	.services {padding-top:10px}
	.wrap{width: 100%!important}
	.butn.dark{padding: 14px 21px; font-size: 20px;}
	.top_part{padding: 0!important; position: relative; z-index: 2}
	.top_part.index {background:url(/images/mobile_bg.svg?v1) no-repeat top center / 100% 959px; width:100%; height:959px}
	.top_part .wrap .nav_part{padding: 12px 20px 20px}
	.top_part .wrap .nav_part > a img{height: 30px}
	 .pfl-detail .pereplan {background: url(/images/skew-l.svg) no-repeat center top / auto 922px; height: 865px; }
.pfl-galery {padding-top: 70px;}
.pfl-detail .pereplan .wrap {padding-top: 134px!important;}
.pfl-detail .block h2 {margin-bottom:0!important}
.navbar {align-items: flex-start!important}
  .pfl-galery .row .col-6.animate.animate__animated { margin: 9px 0!important;}
.services .services-inner {    flex-direction: column;
    margin-top: 25px;}
.inner_title { margin-top: 340px;margin-left: 20px;}
	.nav_part .navbar-toggler{padding: 0;    display: flex;position: fixed; z-index: 1;
    right: 10px;
    flex-direction: column;
    align-items: center;}
    .top_part .wrap .nav_part ul {width: auto}
	.nav_part .navbar-toggler .menu-ico{background: url(/images/menu-ico.svg) no-repeat center center #66002A; display: inline-block; width: 35px; height: 35px;}
	.nav_part .navbar-collapse{background: #fff; top: 0; left: 0; right: 0; min-height: 100vh; position: fixed; padding-bottom: 24px; z-index: 99}
	.nav_part .navbar-toggler .menu_label {    font-size: 11px; text-transform: uppercase;
    padding-top: 5px;
    color: #65012a;
    font-weight: 700; z-index: 999}
	.top_part .wrap .nav_part__mobile{padding: 12px 20px 20px}
	.top_part .wrap .nav_part__mobile > a img{height: 30px}
	.nav_part .navbar-toggler .close-ico{background: url(/images/close-ico.svg) no-repeat center center; display: inline-block; width: 26px; height: 26px;}
	
  .main.pfl-detail {position:relative;}

  .main.pfl-detail .share-butn  {  }
	.top_part .wrap .nav_part ul{padding: 10px 20px }
	.top_part .wrap .nav_part ul li a{padding: 0; color: #3F383B; font-size: 25px;}
	.top_part .wrap .nav_part ul a.has-submenu:after{content: ""; display: inline-block; width: 14px; height: 8px; background: url(/images/arr-down-ico.svg) no-repeat center center; margin-left: 18px; vertical-align: middle }
	.top_part .wrap .nav_part ul li{display: block; margin-bottom: 18px;}
	.top_part .wrap .nav_part ul li ul{display: none}
	.top_part .wrap .nav_part ul > li > ul > li:last-child{margin-bottom: 0;}
	.top_part .wrap .nav_part p{text-align: left; padding-left: 20px; font-size: 20px;}
	.top_part .wrap .nav_part p.phone{font-size: 25px; padding: 24px 0 12px 20px}
	.top_part .wrap .nav_part p.email{color: #74676D}
	.top_part .wrap .nav_part .header-form-call{padding-left: 20px; margin-top: 24px;}
	.top_part .wrap .nav_part .header-form-call p{font-size: 20px;line-height: 20px;color: #3F383B; padding: 0; margin-bottom: 18px;}

	.top_part .wrap .design{padding: 0 20px}
	.top_part .wrap .design .left_part{width: 100%; padding-top: 0;}
	.top_part .wrap .design .right_part{width: 100%; float: none}
	.top_part .wrap .design .right_part div{width: 100%; padding-right: 0;}
	.top_part .wrap .design .right_part div img{max-width: 100%; height: 220px; object-fit: cover; width: 100%;}
	.top_part .wrap .design .right_part div:first-child{margin-bottom: 24px;}
	
	.page-404.top_part{background: url(/images/bg-404-mobile.svg) no-repeat center top / contain; height: 660px}
	.page-404.top_part .wrap .design{margin-top: 80px;}
	.page-404.top_part .wrap .design .right_part img{width: 100%; height: 220px; object-fit: cover}
	
	#request-call .modal-dialog, #request-zapis .modal-dialog{max-width: 100%}
	.modal-dialog-centered{min-height: calc(100vh - 1rem);}
	
	

	.about{display: flex; flex-direction: column; margin-top: 40px;}
	.about h2{font-size: 22px; order: 1}
	.about h2 span{font-size: 30px; left: 25px; bottom: 5px;}
	.about .text_part{width: 100%; order: 2}
	.about img{order: 3; float: none; max-width: 100%; max-height: 455px; align-self: center; margin: 48px 0 18px}
	.about .skopina_style{order: 4; font-weight: bold; font-size: 20px; line-height: 20px; color: #3F383B;}
	.about .skopina_style span{font-weight: normal; font-size: 17px; line-height: 130%; color: #74676D; padding: 0; display: block; text-transform: unset; margin-top: 8px}
	.about p{font-size: 17px;}

	.services.index::before {width: 110px; height: 172px; background: url(/images/service-top-bg.svg) no-repeat left center / cover; top: -70px;}	
	.services h2{font-size: 18px;}
	.services h2 span{font-size: 16px; font-size: 30px; left: 25px; bottom: -3px;}
	.services .services_list{width: 100%; height: auto; padding-bottom: 0px;    margin: 0 20px 25px 0; display: flex; }
	.services .services_list.bg{width: 100%; margin-right: 0; order: 2; display: inline-block;}
	.services .services_list.short{width: 100%; height: auto; margin-right:0}
	.services .services_list:nth-of-type(3){width: 100%}
	.services .services_list p{font-size: 20px; color: #66002A; padding: 10px 0 10px;}
	.services .services_list span{font-size: 17px;}
	.services .services_list.bg p {color: #3F383B;}
	.services .services_list img{height: 55px;}
	
   .prem {position:relative}
  .prem .prem-slides-nav{ position:absolute; bottom:100px}

  .main.pfl-detail .block.pereplan .col-6,
  .main.pfl-detail .block.before-after .col-6{ flex: 0 0 100%;  max-width: 100%; }
  .main.pfl-detail .block.pereplan .col-6 p {padding-bottom: 20px;}
  .main.pfl-detail .block.before-after .col-6 h3 {padding-top:30px;}
	.porto::before {width: 141px; height: 243px; background: url(/images/pfolio-top-bg-mobile.svg) no-repeat right center / 141px 243px; left: 0; top: -220px; z-index: -1}
	.porto h2{font-size: 20px;}
	.porto h2 span, .gotoviy-dizayn-project h2 span{font-size: 16px; font-size: 30px; left: 25px; bottom: -3px;}
	.porto .controls{display: flex; flex-direction: column}
	.porto .controls li{align-self: baseline; font-size:17px;}
	.porto .porto_list{width: 100%}
	.porto .porto_list img{max-width: 100%; width: auto; height: auto}
	.porto .porto_list.small{margin-top: 30px;}
	.porto .porto_list.small img{height: auto; width: auto}
	.porto .porto_list:nth-of-type(2) p, .porto .porto_list:nth-of-type(3) p, .porto .porto_list:nth-of-type(6) p{padding: 20px 0 0px 20px!important}
	.porto .porto_list.first:before{content: none}
	.porto .porto_list.fourth:before{content: none}
	.porto .porto_list.fifth:before{content: none}
	.porto .porto_list.fifth:after{content: none}
	.porto .porto_list p{font-size: 20px;}
	.porto .porto_list p span{font-size: 17px;}

	
	.prem{background: url(/images/prem-bg-mobile.svg) no-repeat top center / cover; min-height: 1043px; padding-top: 100px;}
	.prem::before {content: none}
	.prem .wrap h2{font-size: 18px;}
	.prem .wrap h2 span{font-size: 16px; font-size: 30px; left: 25px; bottom: -3px;}
	.prem .wrap .left_part{padding-top: 0; width: 100%}
	.prem .wrap .right_part{width: 100%}
	.prem .wrap .right_part img{max-width: 100%}
	.prem .wrap .left_part p{font-weight: bold; font-size: 18px; line-height: 22px; color: #FAF7F8; padding-top: 0;}
	.prem .wrap .left_part span{font-size: 16px; line-height: 140%; color: #ECE4E7; padding-top: 12px;}
	.prem .wrap .right_part p{font-size: 18px; line-height: 22px; color: #FAF7F8; padding-top: 48px;}
	.prem .wrap .right_part::before {content: none}
	.prem .wrap .prem-slides{margin-top: 0;}
	.prem-slides-nav{margin-top: 36px;}
	
	.comfort{padding-top: 90px; overflow: hidden}
	.comfort::before {    width: 197px;     height: 172px;     background: url(/images/comfort-curve.svg) no-repeat center center / 157px 172px;     right:0px;     top: 0px;}

  .rew .wrap .rev-slides:before {right:0}
  .services .services_list:nth-child(3) {width:100%}
	.comfort::after {content: none}
	.comfort .wrap{display: flex; flex-direction: column}
	.comfort .left_part,
	.comfort .right_part{width: 100%}
	.comfort .left_part{order: 2; padding-top: 24px; white-space: nowrap; overflow-x: auto}
	.comfort .left_part div ol li {font-size: 17px;}
	.comfort .right_part{order: 1}
	.comfort .right_part h2{font-size: 22px;}
	.comfort .right_part p,
	.comfort .right_part span{font-size: 16px; padding-bottom: 24px; }
	
	.style_interiors{background: url(/images/style-bg-mobile-2.svg) no-repeat center top / cover; height: 1052px; /*height: 882px;*/ padding-top: 140px;}
	.style_interiors::after{content: none}
	.style_interiors .wrap .left_part,
	.style_interiors .wrap .right_part{width: 100%}
	.style_interiors .wrap .left_part h2{font-size: 22px}
	.style_interiors .wrap .left_part p{font-size: 22px; padding-bottom: 24px;}
	.style_interiors .wrap .left_part span {font-size: 17px;}
	.style_interiors .wrap .right_part{margin-top: 24px;}
	.style_interiors .wrap .right_part img{max-width: 100%; max-height: 235px}
	
	.rew{padding: 0 20px; margin-top: -100px; background: url(/images/rew-bg-mobile.svg) no-repeat center top / cover; padding-top: 110px;}
	.rew .wrap h2{font-size: 16px; margin-top: 40px}
	.rew .wrap h2 span{font-size: 16px; font-size: 30px; left: 25px; bottom: -3px;}
	.rew .wrap h2::after {content: none}
	.rew .wrap .rew_list{text-align: center}
	.rew .wrap .rew_list .rew_object{display: none}
	.rew .wrap .rew_list img{max-width: 100%; max-height: 439px; width: auto}
	.rev-slides-nav{position: relative; left: 0; bottom: auto; margin-top: 36px;}
	
	.faq {height: auto; padding-bottom: 80px;}
	.faq .wrap .accordion{width: 100%; padding: 0}
	.faq:before{content: none}
	.faq .wrap h2{font-size: 22px;}
	.faq .wrap h2 span{font-size: 16px; font-size: 30px; left: 25px; bottom: -3px;}
	.faq .wrap .accordion .faq-q > p{font-size: 16px; padding-right: 30px}
	.faq .wrap .accordion .faq-q > p:after{width: 24px; height: 24px; background: url(/images/faq-open.svg) no-repeat center center / contain; top: 0; transform: translateY(0)}
	.faq .wrap .accordion .faq-q > p[aria-expanded="true"]:after {    background: url(/images/faq-close.svg) no-repeat center center / contain;}
	.faq .wrap .accordion .faq-a p{font-size: 16px;}
	
	.instagram .wrap{flex-direction: column; align-items: flex-start!important}
	.instagram .wrap .inst-link{margin-top: 16px;}
	.instagram .wrap h2{font-size: 18px;}
	.instagram .wrap h2 span{font-size: 16px; font-size: 30px; left: 25px; bottom: -3px;}
	.inst-slides .slide{display: flex; height: 330px; flex-wrap: wrap;}
	.inst-slides .slide .inst-photo {    flex: 2 0 100px;    height: 110px;}
	.inst-slides .slide .inst-photo .inst-overlay{display: none}
	
	.top_part .wrap .nav_part > a img {width: auto}
	.map iframe{height: 350px;}
	.map{height: auto; display: flex; flex-direction: column; padding: 0}
	.map .wrap{order: 1; margin-bottom: 80px; padding: 0 20px; background: #FFFFFF url(/images/contacts-curve.svg) no-repeat right -30px top 20px/ auto 172px; }
	.map > ymaps{order: 2; height: 509px!important}
	.map .wrap .contacts{position: relative; top: 20px; padding: 0; width: 100%; background: none; box-shadow: none}
	.map .wrap .contacts p{max-width: 70%}
	.map .wrap .contacts h2{font-size: 18px;}
	.map .wrap .contacts h2 span{font-size: 16px; font-size: 30px; left: 25px; bottom: -3px;}
	
	.map.contacts{height: auto}
	
	.main .wrap h1,
	.map.contacts .wrap h1{font-weight: bold; font-size: 30px; color: #3F383B; padding: 20px 0 30px;}
	
	.main.page-policy .wrap h1{font-size: 24px;}
	
	
	footer .wrap{padding: 20px 20px 20px; display: flex; flex-direction: column}
	footer .wrap div{width: 100%!important}
	footer .wrap div:nth-of-type(1) p br{display: inline-block}
	/* footer .wrap div:nth-of-type(2){margin-top: 36px;} */
	footer .wrap div:nth-of-type(1){order: 1}
	footer .wrap div:nth-of-type(2){order: 2}
	footer .wrap div:nth-of-type(3){order: 4; margin-top: 36px;}
	footer .wrap div:nth-of-type(4){order: 3; /*margin-top: 36px;*/}
	footer .wrap div form{width: 100%}
	footer .wrap div form input{width: 100%}
	footer .wrap div form input[type="text"], footer .wrap div form input[type="tel"]{width: 100%}
	footer .wrap div form input[type="text"], footer .wrap div form input[type="tel"]{padding-left: 0;}
	footer > p{margin: 36px 20px 0; width: calc(100% - 40px)}
	footer .wrap div p, footer .wrap div span, footer .wrap div a, footer .wrap div form input[type="text"],
	footer .wrap div form input[type="tel"], footer > p, footer .wrap div form input[type="submit"]  {font-size: 20px !important;}
	
	
	.nav-slides-inner .nav-slides{flex: 1}
	.nav-slides-inner .nav-slides .nav-progress{flex: 1}
	
	.portfolio-controls{display: flex; flex-direction: column}
	.portfolio-controls li{align-self: baseline; font-size: 17px;}
	
	.portfolio-list .portfolio-item{flex: 1 0 100%; max-width: 100%; margin-right: 0; margin-bottom: 48px;}
	.portfolio-list .portfolio-image{height: 220px;}
	.portfolio-list .portfolio-image img{max-height: 235px; width: 100%; object-fit: cover; height: 220px;}
	.portfolio-list .portfolio-name{padding: 0 18px; display: block; font-size: 19px;}
	.portfolio-list .portfolio-text{padding: 0 18px; font-size: 17px;}
	
	.slides-centered .slide{width: 100vw; height:43vh}
	.banner{padding: 0!important; margin-top: -62px; position: relative; z-index: 1;}

	.pfl-detail{margin-top: 37px; position: relative; padding: 0}
	.share-butn{top: 0; margin-top: -54px}
	.pfl-galery .row,
	.pfl-galery .row > .col-12:first-child{margin-bottom: 24px;}
	.pfl-galery .row .big img,
	.pfl-galery .row .small img{max-width: 100%; max-height: 235px; width: 100%; object-fit: cover; height: 220px;}
	
	.pfl-detail .wrap{padding: 0 20px}
	.pfl-detail .wrap h1{padding: 0}
	
	.pfl-detail .blocks{margin-top: 0;}
	.pfl-detail .block h2{font-size: 24px;}
	.pfl-detail .pereplan p{font-size: 16px;}
	.pfl-detail .pereplan .col-12:first-child{margin-bottom: 36px;}
	.pfl-detail .before-after .row{margin-bottom: 48px;}
	.pfl-detail .before-after .row .col-12:first-child{margin-bottom: 48px;}
	.pfl-detail .block h2{margin-bottom: 48px;}
	.pfl-detail .before-after h3{font-size: 18px;}
	.pfl-detail .pfl-more{padding: 120px 0 80px}
	
	.services-mobile{margin-bottom: 48px;}
	.services-mobile .bootstrap-select .dropdown-toggle:focus{outline: none!important; box-shadow: none!important}
	.services-mobile .dropdown-toggle{border: 1px solid #ECE4E7; border-radius: 0; background: none;}
	.services-mobile .show > .btn-light.dropdown-toggle{background: #ECE4E7}
	.services-mobile .services_list{display: flex; align-items: center}
	.services-mobile .services_list img{width: 31px; margin-right: 5px;}
	.services-mobile .services_list p{font-weight: bold; font-size: 16px;}
	.services-mobile .dropdown-menu{border-radius: 0; padding: 0; border-color: #ECE4E7}
	.services-mobile .dropdown-item.active{background-color: #ECE4E7}
	
	.main .wrap h2.service-title{font-size: 24px;}
	.main .wrap .text-part p{font-size: 17px; line-height: 19px;}
	
	.design-steps{background: url(/images/skew-r-mobile.svg) no-repeat center top / cover; height: 764px;}
	.design-steps .wrap h2{font-size: 19px; margin-top: 0;}
	.design-steps .wrap h2 span{font-size: 24px; left: 25px; bottom: -3px;}
	.design-steps .left_part{width: 100%; padding-top: 0}
	.design-steps .left_part h2{font-size: 18px; margin-top: 12px;}
	.design-steps .left_part p{font-size: 17px;}
	.design-steps .right_part{width: 100%; margin-top: 24px; height: auto; text-align: center}
	.design-steps .right_part img{max-height: 235px; max-width: 100%}
	.design-steps .prem-slides{margin-top: 0;}
	.design-steps .prem-slides-nav{margin-top: 24px;}
	
	.design-struct{padding-top: 10px; margin-top: 60px;}
	.design-struct .wrap > h2{font-size: 19px; margin-top: 0; position: relative; left: 0; top: 0;}
	.design-struct .wrap > h2 span{font-size: 16px; font-size: 24px; left: 25px; bottom: -3px;}
	.design-struct .slide{display: flex; flex-direction: column}
	.design-struct .left_part{width: 100%; order: 2; margin-top: 24px; text-align: center}
	.design-struct .right_part{width: 100%; order: 1; margin-left: 0; padding-top: 0;}
	.design-struct .right_part h2{font-size: 18px;}
	.design-struct .right_part p{font-size: 17px;}
	.design-struct .left_part img{max-height: 235px; max-width: 100%}
	.design-struct .style-slides-nav{position: relative; left: 0; bottom: auto; margin-top: 24px;}
	.nav_part.navbar.navbar-expand-md.nodop_class ul li a {    color: #3f383b!important;}
	.design-prices .wrap > h2{font-size: 19px; margin-top: 0; white-space: nowrap; overflow: hidden; padding-top: 10px; margin-right: -20px; margin-bottom: 36px;}
	.design-prices .wrap > h2 span{font-size: 16px; font-size: 30px; left: 25px; bottom: -3px;}
	.design-prices:before {/* left: -20px; right: -20px; */ width: auto}
	.design-prices .price-cols h2{font-size: 17px;}
	.design-prices .price-cols .price{font-size: 24px;}
	.design-prices .price-cols .price span{font-size: 14px;}
	.design-prices .price-cols .col-12{margin-bottom: 60px;}
	.design-prices .price-cols .col-12:last-child{margin-bottom: 0;}
	.design-prices .price-cols ul li {font-size: 16px;}
	.design-prices .price-cols .butn {font-size: 17px;}
	
	.design-prices-2{padding: 0 20px 80px; }
	.design-prices-2 .price-cols .col-12:first-child{margin-bottom: 24px;}
	.design-prices-2 .subtitle {font-size: 19px;}
	.design-prices-2 .price-cols .price-col p {font-size: 17px;}
	.design-prices-2 .price-cols .price-col ul li {font-size: 17px;}
	
	.service-form-inner{background: url(/images/service-form-bg-mobile.svg?v2) no-repeat center top / cover; height: 525px}
	.service-form-inner.long{height: 798px;}
	.service-form-inner:before,
	.service-form-inner:after,
	.service-form-inner.long:before{content: none}
	
	.service-form-inner .wrap .service-form{padding: 80px 20px 84px; width: 100%}
	.service-form-inner.long .wrap .service-form{padding: 80px 20px 84px}
	.service-form-inner .wrap .service-form p{font-size: 17px;}
	.service-form-inner .wrap .service-form h2{font-size: 24px; line-height: 29px;}
	.service-form-inner .wrap .service-form .checks .styled-check{flex: 1 0 100%; margin-bottom: 20px;}
	.service-form-inner .wrap .service-form .checks .styled-check:last-child{margin-bottom: 0;}
	.service-form-inner .wrap .service-form .checks .styled-check .check-text {font-size: 17px;}
	.service-form-inner.long .wrap .service-form h2{margin-top: 19px;}
	.service-form-inner .wrap .service-form .form-note a{color: #ECE4E7; text-decoration: underline}
	.service-form-inner .wrap .service-form form .form-group button {font-size: 17px;}
	
	.main .wrap .text-part ul li {font-size: 16px;}
	.main .wrap .text-part .services_list{width: 100%; padding: 0 0 0 63px; margin-bottom: 45px; margin-top: 0;}
	.main .wrap .text-part .services_list p:first-of-type{padding-top: 18px}
	.main .wrap .text-part .services_list p:nth-of-type(2){margin-left: -63px; margin-top: 7px;}
	.main .wrap .text-part .services_list:nth-of-type(1){background-position-y: 0; margin-top: 30px;}
	
	.pfl-galery .row {display:flex; flex-direction:column}
	.pfl-galery .row .col-6.animate.animate__animated {max-width: 95%;}


	.gotoviy-dizayn-project h2{
		text-align: center;
	}

    .gotoviy-design-slide {
        margin-right: 15px;
    }
    
    .gotoviy-design-slide img {
        height: 220px;
    }
    
    .gotoviy-design-slider .slick-arrow {
        width: 40px;
        height: 40px;
    }
    
    .gotoviy-design-slider .slick-prev {
        left: 0px;
    }
    
    .gotoviy-design-slider .slick-next {
        right: 0px;
    }
    
    .gotoviy-design-nav .nav-slides {
        position: static;
        transform: none;
        margin-bottom: 20px;
    }
    
    .gotoviy-design-nav {
        flex-direction: column;
        align-items: flex-start;
    }

	.porto .porto-grid .porto_list{
		text-decoration: none;
	}
	.porto .porto-grid .porto_list p {
		display: block;
		text-align: center;
        color: grey;
	}
	.porto .porto_list::before, .porto .porto_list::after {content: none}
	.porto .porto-grid {margin-bottom: 0;}
	.top_part .wrap .design .right_part.mobile{
		display: block;
	}
	.top_part .wrap .design .right_part.desktop{
		display: none;
	}


	.top_part .wrap .design .right_part.mobile {
	max-width: 100%; /* Адаптивная ширина */
	}

	.top_part .wrap .design .slider {
	width: 100%;
	}

	.top_part .wrap .design .slide img {
	width: 100%;
	height: auto;
	display: block;
	}

	.top_part .wrap .design .slide span {
	display: block;
	text-align: center;
	padding: 10px 0;
	}
	.top_part .wrap .design .right_part div:hover{
		transform: scale(1);
	}
	.top_part.index .right_part.mobile .slider-top-mobile .slick-next {
		right: 5px;
	}
	.top_part.index .right_part.mobile .slider-top-mobile .slick-prev {
		left: 5px;
		z-index: 1;
	}
	.porto .porto_list p{
		padding: 20px 0 0px 0px;
	}
	.porto .porto_list::after {
		content: "Подробнее";
		position: absolute;
		top: 37%;
		left: 50%;
		transform: translate(-50%, -50%) scale(0.8);
		background: #FAF7F8;
		color: #66002A;
		padding: 15px 30px;
		font-size: 14px;
		font-weight: 600;
		border: none;
		opacity: 0.7;
		transition: all .3s ease;
		z-index: 2;
		pointer-events: none;
		white-space: nowrap;
	}
	.top_part.index:has(.navbar-collapse.collapse.show) + .services.index + .gotoviy-dizayn-project {
    	display: none;
	}
	.top_part .wrap .nav_part p a {
		font-size: 25px;
	}
	.pfl-detail .pfl-galery .animate::after{
		content: none;
	}

	.pfl-detail .pfl-galery .row .big img, .pfl-detail .pfl-galery .row .small img{
		height: 100% !important;
		width: 100% !important;
		
	}
	.pfl-detail .pfl-galery .row .big img,.pfl-detail .pfl-galery .row .small img{
		height: auto !important;
		object-fit: contain !important;
		max-height: max-content !important;

	}
	.pfl-detail .col-6.animate__animated:nth-of-type(4n-1) .fancybox.small img, .pfl-detail .col-6.animate__animated:nth-of-type(4n+2) .fancybox.small img {
		max-width: max-content !important;
		max-height: max-content !important;
	}

	/* Новые стили для галереи - 2 картинки в ряд с absolute позиционированием */
	.pfl-detail .pfl-galery .row {
		position: relative !important;
		display: block !important;
		margin-bottom: 20px !important;
		padding: 10px !important;
	}
	
	/* Добавляем отступ сверху для каждого ряда кроме первого */
	.pfl-detail .pfl-galery .row:not(:first-child) {
		margin-top: 20px !important;
	}
	
	/* Альтернативный способ - добавляем отступы через псевдо-элемент */
	.pfl-detail .pfl-galery .row:not(:first-child):before {
		content: '';
		display: block;
		height: 10px;
		width: 100%;
		position: absolute;
		top: -15px;
		left: 0;
		z-index: -1;
	}

	.pfl-detail .pfl-galery .row .col-6.animate__animated {
		position: absolute !important;
		width: calc(50% - 10px) !important;
		max-width: calc(50% - 10px) !important;
		margin: 0 !important;
		padding: 5px !important;
		box-sizing: border-box !important;
		opacity: 1 !important;
		transform: scale(1) !important;
		transition: top 0.4s ease, left 0.4s ease, opacity 0.3s ease, transform 0.3s ease !important;
	}

	.pfl-detail .pfl-galery .row .col-6 a {
		display: block !important;
		width: 100% !important;
		height: auto !important;
	}

	.pfl-detail .pfl-galery .row .col-6 a img,
	.pfl-detail .pfl-galery .row .col-6 .fancybox img {
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
		max-width: 100% !important;
		object-fit: contain !important;
		display: block !important;
	}

	/* Убираем фиксированную высоту для контейнеров изображений */
	.pfl-detail .pfl-galery .row .big,
	.pfl-detail .pfl-galery .row .small {
		height: auto !important;
	}

	/* Для текстовых блоков тоже делаем absolute */
	.pfl-detail .pfl-galery .row .col-6.text {
		text-align: center !important;
	}

	.pfl-detail .pfl-galery .row .col-6.text p {
		font-size: 12px !important;
		padding: 5px !important;
	}

	/* Убираем кнопку "Подробнее" на мобильных */
	.pfl-detail .pfl-galery .animate::after {
		content: none !important;
	}
	
	/* Кастомные классы для анимации галереи */
	.pfl-detail .pfl-galery .row .col-6.gallery-animate-init {
		opacity: 0 !important;
		transform: translateY(30px) scale(0.9) !important;
		transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
		transform-origin: center center !important;
		will-change: opacity, transform !important;
	}
	
	.pfl-detail .pfl-galery .row .col-6.gallery-animate-in {
		opacity: 1 !important;
		transform: translateY(0px) scale(1) !important;
		transform-origin: center center !important;
		will-change: auto !important;
	}

	.pfl-galery .row img:hover{
		transform: scale(1);
	}
	
	/* Добавляем стабильность для контейнеров изображений */
	.pfl-detail .pfl-galery .row .col-6 {
		backface-visibility: hidden !important;
		-webkit-backface-visibility: hidden !important;
		perspective: 1000px !important;
		-webkit-perspective: 1000px !important;
	}
	
	/* Предотвращаем мерцание при прокрутке */
	.pfl-detail .pfl-galery .row {
		-webkit-overflow-scrolling: touch !important;
		transform: translateZ(0) !important;
		-webkit-transform: translateZ(0) !important;
	}
}
 

@media screen and (max-width: 540px) {
	.nadzor_detail .nadzor_detail_gallery .images .image {width: 100%;}
	.portfolio-list .portfolio-name {font-size: 14px;}
	.portfolio-list .portfolio-text {font-size: 12px;}
}

@media screen and (max-width: 1024px) {
    .porto .porto-grid {
        width: 100%;
        padding: 0 20px;
    }
    
    .porto .porto_list {
        width: calc(50% - 15px)
    }
    
    /* Позиционирование для 2 колонок */
    .porto .porto_list:nth-child(2n+1) {
        left: 0;
    }
    
    .porto .porto_list:nth-child(2n) {
        left: calc(50% + 15px);
    }
}
@media screen and (min-width:768px) and (max-width:1024px) {
 
    .porto .porto-grid {
        position: relative;
    }
    
    .porto .porto_list {
        width: calc(50% - 15px) !important;
        position: absolute;
        transition: top 0.4s ease, left 0.4s ease, opacity 0.3s ease, transform 0.3s ease;
    }
    
    .porto .porto_list img {
        width: 100%;
        height: auto;
    }
}
/* Мобильные устройства - 1 элемент в ряд */
@media screen and (max-width: 768px) {
    .porto .porto-grid {
        width: 100%;
        padding: 0 15px;
    }
    
    .porto .porto_list {
        width: 100% ;
        left: 0 ;
        position: relative ;
        margin-bottom: 30px;
    }
    
    .porto .porto_list img {
        width: 100%;
        height: auto;
    }
    
    .porto .controls li {
        display: block;
        margin-bottom: 10px;
    }
}

/* Кастомные классы для анимации галереи */
@media screen and (max-width:765px) {
	.pfl-detail .pfl-galery .row .col-6.gallery-animate-init {
		opacity: 0 !important;
		transform: translateY(30px) scale(0.9) !important;
		transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
		transform-origin: center center !important;
		will-change: opacity, transform !important;
	}
	
	.pfl-detail .pfl-galery .row .col-6.gallery-animate-in {
		opacity: 1 !important;
		transform: translateY(0px) scale(1) !important;
		transform-origin: center center !important;
		will-change: auto !important;
	}
	
	.pfl-detail .pfl-galery .row .col-6.gallery-animate-out {
		opacity: 0 !important;
		transform: translateY(-20px) scale(0.95) !important;
		transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
		transform-origin: center center !important;
	}
	
	/* Добавляем стабильность для контейнеров изображений */
	.pfl-detail .pfl-galery .row .col-6 {
		backface-visibility: hidden !important;
		-webkit-backface-visibility: hidden !important;
	}
	
	/* Предотвращаем мерцание при прокрутке */
	.pfl-detail .pfl-galery .row {
		-webkit-overflow-scrolling: touch !important;
		transform: translateZ(0) !important;
		-webkit-transform: translateZ(0) !important;
	}
}