.mobile_menu{
	display:none;
}
.title_menu, .close_menu {
    display: none;
}


@media (max-width: 1024px) {
	*{
		box-sizing:border-box;
	}
	
	
	body {
		min-width: 0;
	}
	
.col {
    width: 100%;
}

.mainMenu {
    width: 100%;
}

.headerImage {
    width: 100%;
    height: 53vw;
    background-size: contain;
}



.region-popular{}
.region-popular .view-popular td {
    width: 32%;
    padding-right: 0;
}
.region-popular tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


img {
   max-width:100%;
   height:auto;
}
.headerSocialLink.left {
    display: none;
}
.headerPhone {
    width: 205px;
    text-align: right;
    margin-left: auto;
}

 .headerMail a{
    display: block;
}
.headerMail {
    padding-top: 5px;
}
.col-sm-77 {
    margin-top: 5px;
}


.headerZvonok a {
    width: 54px;
    margin-top: 56px;
    margin-right: 15px;
    font-size: 0;
    margin-left: 20px;
}

.right {
    position: relative;
}


.headerRaschet.left {
    position: absolute;
    bottom: -5px;
    height: auto;
    line-height: 0;
    padding-right: 0;
    right: 0;
}


.recall-btn-content-rigth {
    position: absolute;
    right: -75px;
}


.logo {
    padding-left: 15px;
}
.frontContent.left {
    width: 100%;
    margin: 0;
    height: auto;
    padding: 30px 20px;
}

div#block-views-photoreport-block-1 {
    width: 100%;
    margin: 20px 0;
}
.region-photo {
    width: 100%;
    margin-top: 0;
}


.region-photo .view-content {
    display: flex;
    flex-wrap: wrap;
}
.region-photo  .views-row.views-row-1.views-row-odd.views-row-first, .region-photo  .views-row.views-row-2.views-row-even.views-row-last {
    width: 50%;
}

#block-views-photoreport-block-1 .h2, .pane-views-photoreport-block-1 h2 {
    margin: 0 auto 30px;
}
.region-photo .reportItem {
    text-align: center;
}

.region-photo  a img {
    border: none;
    margin: auto;
}
#block-views-photoreport-block-1 .view-footer a, .pane-views-photoreport-block-1 .view-footer a {
    margin: auto;
}

#block-views-newphoto-block .field-content {
    display: flex;
    flex-wrap: wrap;
}

#block-views-newphoto-block .field-content a {
    width: 20%;
    padding: 3px;
}
#block-views-newphoto-block img {
    margin-left: 0;
    margin-bottom: 0;
    float: none;
}
#block-views-newphoto-block .view-newphoto {
    padding-left: 0;
}

#block-views-popular-block h2, #block-views-popular-block .h2, #block-views-newphoto-block .h2 {
    padding: 25px 0px;
}

.region-popular {
    padding: 0 20px;
}

#block-views-popular-block .view-popular {
    padding: 0 0px;
}
.catItemPrice, .productItemPrice {
    float: none;
    position: relative;
    margin: auto;
    text-align: center;
	    top: 0;
}
div#block-block-15 {
    padding: 30px 0 0;
}
.our_plus .plus {
    width: 23%;
    margin: 10px 1%;
}


.frontContent + .left + .clear + div {
    padding: 0 20px 20px!important;
}
.mainFooter {
    padding: 20px 20px 1px;
}

.mainFooter .left {
    float: none!important;
}


.mainFooter .left + div {
    text-align: center;
    margin-top: 20px;
}
.mainContent {
    padding: 0 20px;
}
.projectImage.left {
    width: 400px;
}
.projectImage .field-slideshow {
    height: 300px!important;
}

.cardCharacteristic {
    padding: 15px;
}

.right.linkToCat {
    margin-bottom: 20px;
}
#webform-client-form-2, #webform-client-form-66 {
    width: 410px;
}
.pane-views-photoreport-block-1 {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
}



.view-content {
    display: flex;
    flex-wrap: wrap;
}



.pane-views-photoreport-block-1  .views-row.views-row-1.views-row-odd.views-row-first, .pane-views-photoreport-block-1   .views-row.views-row-2.views-row-even.views-row-last {
    width: 50%;
}

.pane-views-photoreport-block-1 .h2, .pane-views-photoreport-block-1 h2 {
    margin: 0 auto 30px;
}
.pane-views-photoreport-block-1 .reportItem {
    text-align: center;
}

.pane-views-photoreport-block-1  a img {
    border: none;
    margin: auto;
}

.node-type-photo .field-name-field-image .field-items {
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
}

.node-type-photo .field-name-field-image .field-item {
    width: 25%;
}

.field-item > p > ymaps {
    width: 100%!important;
}

.page-reviews .mainText, .page-node-100 .mainText, .page-type-photoreport .mainText {
    width: 100%;
}
.revBody {
    padding-left: 0;
}
.node-type-proizvodstvo .field-name-field-image .field-items {
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
}

.node-type-proizvodstvo .field-name-field-image .field-item{
	width: 49%;
	margin-right: 2%;
	    padding-right: 0;
    padding-bottom: 15px;
}
.node-type-proizvodstvo .field-name-field-image .field-item:nth-child(2n){
	margin-right:0;
}

#block-system-main .view-materials {
    margin-right: 0;
}
#block-system-main .view-content {
    width: 625px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    height: auto!important;
}
.view-materials .masonry-item {
    width: 275px;
}


.view-materials .masonry-item {
    width: 295px;
    position: relative!important;
    left: 0!important;
    top: 0!important;
    margin-right: 35px;
}




.view-materials .masonry-item:nth-child(2n){
	margin-right:0;
}
.publ {
    display: flex;
    flex-wrap: wrap;
}

.publImage {
    width: 160px;
    margin-right: 20px;

}
.publBody {
    padding-left: 0;
    width: calc(100% - 180px);
}



.mainText #block-system-main .view-content {
    width: 100%;

}

.node-type-publ #block-system-main{
	width:100%;
}

.node-type-publ #block-views-publ-block-1 {
    width: 100%;
    margin-left: 0;
}

.footerinfo .publBody {
    width: 100%;
}

.jcarousel-skin-default {
    margin: auto;
}


.footerinfo .jcarousel-skin-default .jcarousel-container-horizontal {
    width: 543px;
}

.mobile_menu {
		display: block;
		position: relative;
		height: 40px;
		width: 100%;
		top: 0;
		text-align: center;
		color: #fff;
		padding-left: 30px;
		font-size: 25px;
		text-transform: uppercase;
		line-height: 40px;
		z-index: 99;
		background-color: #8bc044;
	}
	.mobile_menu span {
		top: 10px;
	}
	.mobile_menu span,
	.mobile_menu span::before,
	.mobile_menu span::after {
		position: absolute;
		margin-top: 0;
		margin-left: 0;
		left: 0px;
		right: 80px;
		margin: auto;
		width: 30px;
		height: 4px;
		border-radius: 3px;
		background-color: #ffffff;
	}
	.mobile_menu span::before,
	.mobile_menu span::after {
		content: '';
		display: block;
		transition: 0.2s;
		left: 0;
	}
	.mobile_menu span::before {
		transform: translateY(16px);
	}
	.menu_btn_active span {
		height: 0;
		top: 18px;
	}
	.mobile_menu span::after {
		transform: translateY(8px);
	}
	.menu_btn_active span:before {
		transform: rotate(-45deg);
		transform-origin: center;
	}
	.menu_btn_active span:after {
		transform: rotate(45deg);
		transform-origin: center;
	}



.nice-menu {
    width: 300px!important;
    top: 0;
    bottom: 0;
    padding: 0!important;
    box-sizing: border-box;
    padding-top: 15px!important;
    background: #fff!important;
    transform: translateX(-300px);
    transition: all 0.5s;
    position: fixed!important;
    height: 100%!important;
    display: block!important;
    overflow-y: scroll;
    z-index: 9999!important;
    left: 0;
    margin: 0!important;
}

.nice-menu.opened {
    transform: translateX(0px);
}


.mainMenu ul li a, ul.nice-menu-down .menuparent a {
    width: 100%;
    background: transparent;
    height: auto;
    margin-right: 0;
    padding: 11px 15px 11px;
    color: #545a6f;
    text-align: left;
    line-height: 1;
}

ul.nice-menu-down li, ul.nice-menu-down li.menuparent{
	width:100%;
	border-bottom: 1px solid #ddd;

	margin-bottom: -1px;
}
ul.nice-menu-down li, ul.nice-menu-down li.menuparent:first-child{
	border-top: 1px solid #ddd;
}
	

.shadow-global {
    width: 100%;
    height: 300vh;
    top: -100vh;
    position: fixed;
    display: none;
    background-color: rgba(0,0,0,0.5);
    z-index: 160;
}

.mainMenu {
    margin-left: 0;
    margin-right: 0;
    height: 0;
    padding-top: 0;
}


.front .mainContent {
    top: 0;
}
.mainContent.left {
    top: 0;
    padding-top: 20px;
}

.title_menu{display:block;font-size: 20px;text-transform: uppercase;padding-left: 15px;margin-bottom: 15px;font-family: 'PTSans-Narrow';}


.close_menu {
  position: absolute;
  right: 8px;
  top: 11px;
  width: 25px;
  height: 25px;
  display: block;
}

.close_menu:before, .close_menu:after {
  position: absolute;
  left: 12px;
  content: ' ';
  height: 25px;
  width: 2px;
  background-color: #999;
}
.close_menu:before {
  transform: rotate(45deg);
}
.close_menu:after {
  transform: rotate(-45deg);
}

ul.nice-menu ul {
    top: 0;
    position: relative;
    display: none;
    visibility: visible;
}



.active1  ul {
    display: block!important;
}
ul.nice-menu ul li {
    width: 100%;
    background: #f1f1f1;
    border-top: 1px solid #ddd;
}

.mainMenu ul li a:hover {
    background: transparent;
    color: #545a6f;
}

ul.nice-menu-down .menuparent:hover a {
    background: transparent;
}
ul.nice-menu-down .menuparent:hover ul li a {
    background: #f1f1f1;
    border-bottom: 0;
}

a {}

a.nolink {
    position:relative;
}
a.nolink:before, a.nolink:after {
    transition: 0.5s;
    position: absolute;
    right: 12px;
    content: ' ';
    height: 10px;
    width: 2px;
    background: #b0b4a3;
}
a.nolink:before {
  transform: rotate(45deg);
  right: 17px;
  top: 18px;
}
a.nolink:after {
  transform: rotate(-45deg);
  right: 17px;
  top: 12px;
}

.active1 a.nolink:before {
  transform: rotate(45deg);
  right: 19px;
  top: 15px;
}
.active1 a.nolink:after {
  transform: rotate(-45deg);
  right: 26px;
  top: 15px;
}
ul.nice-menu-down li.menuparent:hover {
    background: transparent;
}
.mainMenu ul li.last a {
    width: 100%;
}

.frontContent + .left {
    float: none !important;
}

.frontContent.left {
    float: none!important;
}
.region-popular .view-popular td img {
    width: 100%;
}
ul.nice-menu-down .menuparent:hover ul li a:hover {
    background: #f1f1f1;
}

#block-views-popular-block, #block-views-newphoto-block {
    padding-bottom: 20px;
}

.mainMenu ul li a.active {
    background: #d3d3d3;
}


}



@media (max-width: 768px) {
	#block-views-newphoto-block .field-content a {
    width: 33%;
}
	
.region-popular .view-popular td {
    width: 49%;
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 20px;
}
	
	.our_plus .plus {
    width: 31%;
    margin: 10px 1%;
}
	
	.footerinfo .jcarousel-skin-default .jcarousel-container-horizontal {
    width: 512px;
}
	
	
	.mainFooter .left + div {
    margin-left: 0!important;
}

.view-project-home td {
    width: 49%;
    padding-right: 0!important;
    padding-bottom: 0!important;
    margin-bottom: 20px;
}


.view-project-bath td {
    width: 49%;
    padding-right: 0!important;
    padding-bottom: 0!important;
    margin-bottom: 20px;
}

.view-project-bath tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.view-karkas-bath   tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.view-karkas-bath  td {
    width: 49%;
    padding-right: 0!important;
    padding-bottom: 0!important;
    margin-bottom: 20px;
}


.view-karkas tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}



.view-karkas td {
    width: 49%;
    padding-right: 0!important;
    padding-bottom: 0!important;
    margin-bottom: 20px;
}



.view-photoreport tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.view-photoreport td {
    width: 49%;
    padding-right: 0!important;
    padding-bottom: 0!important;
    margin-bottom: 20px;
}






.view-project-home tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.projectImage .field-slideshow {
    height: 70vw!important;
    width: 100%!important;
}

.projectImage.left {
    width: 100%;
}
.field-slideshow-slide, .field-slideshow-slide a, .field-slideshow-slide img {
    width: 100% !important;
}

	.projectContent {
    width: 100%;
    margin-top: 30px;
}
.cardCharacteristic .item {
    width: 33%;
    text-align: center;
    margin: 10px 0;
}



.ui-tabs .ui-tabs-nav li a {
    font-size: 15px;
}
.projectForm .field-name-body {
    width: 100%;
    float: none;
    padding-right: 0;
}

.node-type-photo .field-name-field-image .field-item {
    width: 33.33%;
    padding: 5px;
}

img {
    height: auto!important;
}

.view-materials .masonry-item {
    width: 48%;
    margin-right: 4%;
}
.materialImage img{
	width:100%;
}

.rtejustify img {
    width: auto!important;
}
.adp_tb {
    width: calc(100vw - 40px);
    overflow-x: scroll;
}




}







@media (max-width: 550px) {
	
	.footerinfo .jcarousel-skin-default .jcarousel-clip-horizontal {
    width: 100%;
}
.footerinfo .jcarousel-skin-default .jcarousel-container-horizontal {
    width: 302px;
}
.jcarousel-skin-default {
    display: none;
}
	.adp_tb {
    width: calc(100vw - 20px);
}
table.adp1 {
    min-width: 700px;
}
	.headerZvonok.right {
    position: absolute;
}
	#logo {
    width: 140px;
    display: block;
}

.headerMail {
    font-size: 0;
}

.headerContact {
    padding-right: 10px;
    padding-top: 5px;
}

.headerRaschet.left {
    right: 10px;
    top: 90px;
}

.right {
    position: static;
}

.headerZvonok a {
    margin-top: 30px;
    margin-right: 0;
    font-size: 0;
    margin-left: 20px;
    background-size: 20px;
    background-color: #fff;
    background-position: center;
    padding: 0;
    width: 30px;
    height: 30px;
    top: 50px;
    position: absolute;
    left: 60px;
	    border: 1px solid #8bc044;
}

.recall-btn-content-rigth {
    position: absolute;
    right: auto;
    left: 10px;
    top: 80px;
}


.logo {
    padding-left: 10px;
    padding-top: 10px;
}


.frontContent.left {
    padding: 30px 10px 0;
}


div#block-views-photoreport-block-1 {
    padding: 0 10px;
}

.region-photo .view-content {
    justify-content: space-between;
}
.region-photo .views-row.views-row-1.views-row-odd.views-row-first, .region-photo .views-row.views-row-2.views-row-even.views-row-last {
    width: 49%;
}

.region-popular {
    padding: 0 10px;
}

.region-popular .view-popular td {
    width: 350px;
    margin: 0 auto 20px;
}

	
	.region-popular .view-popular td img{
		width:100%;
	}
	
	.our_plus .plus {
    width: 48%;
}
	.frontContent + .left + .clear + div {
    padding: 0 10px 20px!important;
}
	.headerMail {
    margin-bottom: 5px;
}

.callbackwidgetcls a {
    width: 100px!important;
    height: 100px!important;
    background-size: cover!important;
}

.callbackwidgetcls {
    bottom: -25px;
    right: 0;
}
.view-project-home td {
    width: 350px;
    margin: 0 auto 20px;
}

.view-project-home  td img {
    width: 100%;
}



.view-project-bath td {
    width: 350px;
    margin: 0 auto 20px;
}

.view-project-bath  td img {
    width: 100%;
}

.view-karkas-bath td img {
    width: 100%;
}
.view-karkas-bath td {
    width: 350px;
    margin: 0 auto 20px;
}


.view-karkas td {
    width: 350px;
    margin: 0 auto 20px;
}

.view-karkas  td img {
    width: 100%;
}

.view-photoreport td {
    width: 350px;
    margin: 0 auto 20px;
}

.view-photoreport  td img {
    width: 100%;
}


.mainContent {
    padding: 30px 10px 0;
}


#webform-client-form-2, #webform-client-form-66 {
    width: 300px;
	    padding: 0 15px;
}

input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select, .form-managed-file .form-file {
    width: 100%;
}

.form-textarea-wrapper textarea {
    width: 100%;
}

.captcha {
    margin-left: -16px;
}

.projectComplectation table td {
    padding: 15px 10px;
}

.projectImage .item-list ul li {
    width: 33.3%;
}


.value .field-label {
    line-height: 18px;
}
.cardCharacteristic .item .name {
    line-height: 18px;
}

.ui-tabs .ui-tabs-nav li {
    width: 50%!important;
}

.ui-tabs .ui-tabs-nav li a {
    width: 100%;
    text-align: center;
}
.node-type-photo .field-name-field-image .field-item {
    width: 50%;
}

.revAdd {
 
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding: 10px;
}

.view-materials .masonry-item {
    width: 350px;
    margin: 0 auto 20px!important;
}
.publBody {
    width: 100%;
}


.publImage {
    width: 100%;
    margin-right: 0;
	margin-bottom:15px;
}

.publImage  img {
    margin: auto;
}

.webform-client-form-2 {
    margin-right: 0;
}
#cboxLoadedContent {
    padding: 0;
}

#cboxCurrent {
    bottom: 1px;
    color: #fff;
}
.projectComplectation table td span, .projectComplectation table td{
	font-size:14px;
}

.projectComplectation table td {
    padding: 15px 5px;
}


}





@media (max-width: 370px) {
	.region-popular .view-popular td {
    width: 300px;
}
	
	.headerPhone {
    width: 150px;
    text-align: right;
    margin-left: auto;
    font-size: 19px;
}
	
.headerRaschet.left {
    right: 10px;
    top: 85px;
}
	
.headerRaschet.left a{
	font-size:13px;
}	
	
	#block-views-newphoto-block .field-content a {
    width: 50%;
}
	.view-project-home td , .view-karkas td, .view-project-bath td, .view-karkas-bath td{
    width: 300px;
}

.projectComplectation table td span, .projectComplectation table td{
	font-size:14px;
}
.ui-tabs .ui-tabs-nav li {
    width: 100%!important;
}
.projectComplectation table td {
    padding: 15px 5px;
}
.view-photoreport td {
    width: 300px;
}

.view-materials .masonry-item {
    width: 300px;
}



}