@media (max-width: 1199px){
	.grid-item-content {
		height: 320px;
	}	
	
	.grid-item-content--height2 {
		height: 380px;
	}	
	
	.grid-item-content--height3 {
		height: 350px;
	}
	
	.scrollup{
		right: 0px;
	}
}

@media (max-width: 921px){
	.phone-num{
		display: block;
	}
	
	.order-call-wrap{
		display: block;
	}
}

@media (min-width: 992px){
	.block4-form-wrapp:before{
		content: url(../img/block4-left.png);
		left: -380px;
		bottom: -95px;
		position: absolute;
	}
	
	.block4-form-wrapp:after{
		content: url(../img/block4-right.png);
		bottom: -55px;
		position: absolute;
		right: -150px;
	}
	
	.about-item{
		background: url(../img/border.png) no-repeat right center;
	}
	
	.about-item:last-of-type{
		background: none;
	}
	
	.row-flex-wrap {
		-webkit-flex-flow: row wrap;
		align-content: flex-start;
		flex:0;
	}

	.row-flex-wrap, .row-flex-wrap > div[class*='col-'] {  
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex:1 1 auto;
	}
	
	.row-flex-wrap > div.advantages-item-title{
		display: block;
		margin-top: 32px;
	}

	.fixed-menu{
		position: fixed;
		top: 0px;
		z-index: 10;
		width: 100%;
	}
	
	.top-block-list{
		margin:0px;
		list-style-type: none;
	}
	
	.top-block-list li.adv-item{
		position: absolute;
		margin-left: 0px;
		padding: 0px;
		cursor: default;
	}
	
	.top-block-list li.adv-item p{
		font-size: 12px;
		color: #8B8884;
		display: inline-block;
		vertical-align: top;
		text-align: right;
	}
	
	.adv-item-pict{
		display: inline-block;
		vertical-align: top;	
	}
	
	.adv-item:hover{
		transition: 1s;
		transform: scale(1.3);
	}
	
	.top-block-list li.adv-item p.adv-txt-r{
		text-align: left;
	}
	
	.adv-1{
		top: 15%;
		left: 0%;	
	}
	
	.adv-2{
		top: 38%;
		left: -25%;	
	}
	
	.adv-2 p{
		padding-top: 10px;
	}
	
	.adv-3{
		top: 60%;
		left: -18%;
	}
	
	.adv-3 p{
		padding-top: 16px;	
	}
	
	.adv-4r{
		top: 17%;
		right: -7%;
	}
	
	.adv-5{
		top: 33%;
		right: -25%;
	}
	
	.adv-5 p{
		padding-top: 14px;	
	}
	
	.adv-6{
		top: 50%;
		right: -14%;
	}
	
	.adv-6 p{
		padding-top: 9px;	
	}
	
	.top-block-slider{
		display: none!important;
	}
	
	.gr-margin {
		margin-top: 52px;
	}
	
	.grid-item-content.no-border span{
		display: block;
	}
	
	.s-br{
		display: block;
	}
	
	.advantages-content {
		padding: 50px 18px 0px;
		height: 335px;
	}
}

@media (max-width: 991px){
	.grid-item{
		width: 100%;
	}
	
	.type-item{
		margin-bottom: 20px;
	}
		
	.block7-wrap {
		background-position: left top;
	}
	
	.grid-mas{
		display: flex;
		flex-direction: column;		
	}
	
	.block{
		padding: 20px 0px;
	}
	
	.grid-item-content.no-border{
		padding: 0px 0px 0px;
		text-align: center;
	}
	
	.dark-block-wrapp {
		padding: 30px 0px 25px;
	}
	
	.grid-item-content, .grid-item-content--height2, .grid-item-content--height3{
		height: auto;
	}
		
	.top-wrapp{
		padding: 0px 0px 20px;
	}
	
	.top-block-list{
		display: none;
	}
		
	.top-bottles{
		margin-top: 60px;
	}
	
	.top-block-slider{
		display: block;
	}
	
	.bottles{
		margin-left: 0px;
	}
	
	.top-text {
		margin-top: 25px;
	}
	
	.grid-item-content {
	    padding: 15px;
		margin-bottom: 10px;
	}
	
	.block4-wrapp {
		padding-top: 20px;
	}
	
	.block4-form-wrapp {
		margin: 15px auto 0px;
	}
	
	.block4-form-block {
		padding: 25px 150px 50px;
	}
	
	.grid-item-content.no-border img{
		display: none;
	}
	
	.grid-item-content.has-maket {
		padding: 35px 35px 0px;
	}
	
	.advantages-content {
		padding: 20px 18px 20px;
	}
	
	.block6-wrapp {
		padding-top: 15px;
		padding-bottom: 30px;
	}
	
	.block7-wrap {
		padding: 20px 0px 40px;	
	}
	
	.map-wrap {
		padding-top: 20px;
	}
	
	.b2-text-title{
		margin: 0px 0px -20px 0px;
		text-align: center;
	}
	
	.form2 h2{
		text-align: center;
	}
	
	.advantages-item {
		margin-bottom: 10px;
	}
	
	.advantages-block {
		padding-top: 35px;
	}
	
	.about-line{
		padding-top: 20px;
		padding-bottom: 10px;
	}
}

@media(max-width: 767px){
	.bottles{
		display: none;
	}
	
	.block4-form-block {
		padding: 10px 20px 35px;
	}
	
	.top-menu-wrapp{
		display: none;
	}
	
	.top-menu-burger{
		display: block;
	}
	
	.top-img{
		float: none;
	}
	
	.b2-text-content{
		display: block !important;
	}
	
	.b2-info{
		display: none;
	}
	
	.b2-text-content {
		padding: 5px 25px;
	}
	
	.b2-green:before{
		content: url(../img/toggle.png);
		margin-right: 15px;
		display: inline-block;
		vertical-align: top;
		padding-top: 5px;
	}
	
	.exampe-img img{
		max-height: 250px;
		width: auto !important;
		margin: 0px auto;
	}
	
	.works-w, .works-r{
		display: none;
	}
	
	.example-text {
		width: 100%;
	}
	
	.toogle-ico:before{
		content: url(../img/toggle.png);
		margin-right: 15px;
		display: inline-block;
		vertical-align: top;
		padding-top: 5px;
	}
	
	.modal-dialog .close{
		font-size: 32px;
	}
	
	.tt-1 {
		font-size: 32px;
	}
	
	.tt-2 {
		font-size: 18px;
	}	
}

@media(min-width: 768px){
	.top-menu-wrapp{
		display: block !important;
	}
	
	.b2-text-content{
		display: none;
	}
	
	.b2-info{
		display: block !important;
	}
	
	.works-w-title , .works-r-title{
		display: none;
	}
	
	.works-w, .works-r{
		display: block !important;
	}
}

@media(max-width: 700px){
	.logo {
		width: 150px;
		margin-right: 3px;
	}	
	
	.slogan {
		font-size: 16px;
		padding-left: 3px;
	}
	
	.footer-phones-wrapp {
		margin-left: 25px;
		margin-top: 15px;
	}
}

@media(max-width: 1500px){	
	.adv-5 {
		top: 33%;
		right: -18%;
	}
}

@media(max-width: 600px){
	.logo-wrapp {
		float: none;
		text-align: center;
	}
	
	.header-phones-wrapp {
		float: none;
		margin-top: 25px;
		text-align: center;
	}
	
	.logo {
		width: 130px;
		margin-right: 3px;
	}
	
	.order-call-link{
		margin-left: 0px;
	}
	
	.about-item p.abut-title {
		font-size: 22px;
	}
	
	.footer-phones-wrapp{
		float: none;
		text-align: center;
	}
	
		
	.header {
		margin: 15px 15px;
	}
	
	.order-call-wrap {
		margin-top: 5px;
	}
}

@media(max-width: 375px){
	.slogan {
		font-size: 14px;
		padding-top: 10px;
	}	
	
	.slogan:before{
		margin: 8px 10px;
	}
	
	.b2-text-title{
		margin: 0px 0px -20px 0px;
		text-align: center;
	}
		
	.tt-2 {
		font-size: 18px;
	}
}

@media (max-width: 1199px){
	.gr-margin {
		margin-top: 30px;
	}	
}


@media (max-width: 991px){
	.gr-margin {
		margin-top: 0px;
	}	
}

@media (max-width: 425px){
	.tt-1 .tt-small {
		font-size: 26px;
	}
	
	.s-br-m{
		display: block;
	}
	
	.advantages-t1{
		width: 85%;
		font-size: 22px;
		width: 100%;
	}
	
	.advantages-t2 {
		width: 100%;
		font-size: 22px;
		line-height: inherit;
	}
}

@media (min-width: 426px){
	.s-br-b{
		display: block;
	}	
}