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

	.choose-block .choose-block__info{
		left: 0;
		position: relative;
		padding: 25px;
		width: 100%;
	}

	.choose-block{
		height: 100%;
		background-size: cover;
		padding-bottom: 50px;
	}
	.choose-block .can-show{
		margin-top: 50px;
	}
	.choose-block .choose-block__notice{
		margin-top: 20px;
	}
	.choose-block .choose-block__title{
		margin-top: 50px;
		font-size: 25px;
	}

	.choose-block .choose-block__info-title{
		font-size: 25px;
		line-height: 1.2;
	}
	.choose-block .choose-block__info-footer{
		margin-top: 20px;
	}

	.choose-block .choose-block__info-desc br{
		display: none;
	}
	form input[type=text]{
		margin: 10px 0;
	}
}

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

}

@media (min-width: 992px){
	.block4-form-wrapp:before{
		content: '';
		left: -150px;
		bottom: -67px;
		position: absolute;
		background: url(../img/bottle-left.png);
		width: 290px;
		background-position: center center;
		height: 615px;
	}
	
	.block4-form-wrapp:after{
		content: '';
		bottom: -55px;
		position: absolute;
		right: -154px;
		background: url(../img/bottle-right.png);
		width: 275px;
		background-position: center center;
		height: 490px;
	}
	
	.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:0;
		list-style-type: none;
	}

	.top-block-list .adv-item {
		position: absolute;
		padding: 30px;
		cursor: default;
		max-width: 270px;
		background-color: white;
		box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.1);
		z-index: 9;
		transition: opacity 1s ease-out;
		opacity: 0;
	}
	.top-block-list .adv-item:not(.active){
		left: 0;
	}
	.top-block-list .notice-toggler{
		content: '';
		display: block;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background-color: white;
		border: 6px solid #3782d9;
		position: absolute;
		z-index: 9;

	}

	.top-block-list .adv-item:after{
		content: '';
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		right: -10px;
		top: 15%;
		border-style: solid;
		border-width: 9.5px 0 9.5px 10px;
		border-color: transparent transparent transparent white;
	}

	.top-block-list .notice-toggler:hover{
		content: '';
		display: block;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background-color: white;
		border: 6px solid #4fb5f9;

	}

	.top-block-list .adv-item p {
		font-size: 13px;
		color: #222138;
		display: inline-block;
		vertical-align: top;
		text-align: right;
		margin-top: 15px;
	}

	.adv-item__name {
		color: #222138;
		font-size: 15px;
		font-weight: bolder;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	
	.adv-item-pict{
		display: inline-block;
		vertical-align: top;
	}

	.top-block-list .adv-item.active{
		opacity: 1;
		transition: opacity 1s ease-out;
	}

	.top-block-list .adv-item p.adv-txt-r{
		text-align: left;
	}

	.notice-toggler{
		cursor: pointer;
	}

	.adv-1 + .notice-toggler {
		top: 71%;
		left: 29%;
	}

	.top-block-list .adv-item.adv-1 {
		top: 68.5%;
		left: -15%;
		max-width: 250px;
	}

	.right-arrow:after{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9.5px 0 9.5px 10px;
		border-color: transparent transparent transparent #007bff;
	}

	.top-block-list .adv-item.adv-2 {
		top: 44%;
		left: -2%;
	}

	.adv-2 + .notice-toggler {
		top: 46%;
		left: 46%;
	}

	.top-block-list .adv-item.adv-3 {
		top: 68%;
		left: 63%;
		max-width: 230px;
	}

	.adv-3 + .notice-toggler {
		top: 70%;
		left: 54%;
	}

	.top-block-list .adv-item.adv-3:after{
		right: 100%;
		border-width: 9.5px 10px 9.5px 0;
		border-color: transparent #fff transparent transparent;
	}

	.top-block-list .adv-item.advr-4 {
		top: 22.5%;
		left: 9%;
		z-index: 9;

	}

	.advr-4 + .notice-toggler {
		top: 24.5%;
		right: 41%;
	}

	.top-block-list .adv-item.adv-5 {
		top: 15%;
		left: 89%;
		width: 210px;
	}

	.top-block-list .adv-item.adv-5:after{
		right: 100%;
		border-width: 9.5px 10px 9.5px 0;
		border-color: transparent #fff transparent transparent;
		top: 60%;
	}

	.adv-5 + .notice-toggler {
		top: 26%;
		right: 16%;
	}

	.top-block-list .adv-item.adv-6 {
		top: 41.5%;
		left: 92%;
		width: 230px;
	}

	.top-block-list .adv-item.adv-6:after{
		right: 100%;
		border-width: 9.5px 10px 9.5px 0;
		border-color: transparent #fff transparent transparent;
		top: 15%;
	}

	.top-block-list .adv-6 + .notice-toggler {
		top: 43.5%;
		right: 13%;
	}
	
	.top-block-slider{
		display: none!important;
	}
	
	.gr-margin {
		margin-top: 52px;
	}
	
	.grid-item-content.no-border span{
		display: block;
	}
	
	.s-br{
		display: block;
	}


}

@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;
		height: auto;
	}
	.quality{
		padding-top: 30px;
	}

	.form2{
		background-color: white;
		padding: 30px;
	}
	.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{
		text-align: center;
		font-size: 24px;
	}
	.b2-text-notice{
		display: block;
		position: relative;
		margin: 35px auto 25px;
	}
	.form2 h2{
		text-align: center;
	}
	
	.advantages-item {
		margin-bottom: 10px;
	}
	
	.advantages-block {
		padding-top: 35px;
	}
	
	.about-line{
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.form-order__notice{
		margin: 15px 0;
	}
}

@media(max-width: 767px){
	.popup-open:after{
		display: none;
	}
	.wow-block__title{
		font-size: 24px;
	}
	.bottles{
		display: none;
	}
	.top-bottles{
		margin-top: 0;
	}
	.top-img-bottle {
		max-width: 50%;
		margin: 0 15% 0 30%;
	}
	.block4-wrapp{
		padding-bottom: 25px;
	}
	.order-form__wrapper{
		background: transparent;
		box-shadow: none;
		padding: 10px 0;
	}
	.b2-text-title.smaller{
		font-size: 22px;
	}

	.choose-block{
		display: none;
	}

	.types-container .left-panel{
		display: none;
	}

	.b2-text-content .b2-green{
		display: block;
	}

	.cloud:before, .arrow-wrap{
		display: none;
	}

	.dark-block-wrapp{
		height: auto;
	}

	.b2-text-content{
		padding: 5px 0;
	}

	.b2-text-content p{
		padding: 5px 0;
	}

	.b2-text-content div.title-1, .b2-text-content div.title-3{
		font-size: 20px;
	}

	.title-1 br{
		display: none;
	}


	.flex-menu{
		flex-direction: column;
		align-items: center;
	}
	.nav-justified>li>a{
		padding: 15px 5px;
	}
	.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;
		font-size: 16px;
		margin-top: 20px;

	}
	
	.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: 29px;
		line-height: 1.1;
	}

	.top-footer{
		margin-top: 20px;
	}

	.tt-1 .tt-small{
		font-size: 28px;
	}
	.tt-2 {
		font-size: 18px;
	}

	.footer-row{
		flex-direction: column;
		text-align: center;
	}
	.developer-link{
		font-size: 15px;
	}
}

@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;
	}

	div.quality-block__row > div{
		margin: 5px 0;
	}

	.quality{
		padding: 25px 0;
	}
	.b2-text-title{
		margin: 0;
	}
	.quality-block__descr{
		margin-top: 10px;
	}
	.wow-block{
		margin-top: 10px;
		padding: 10px 0;
	}
	.wow-block__descr {
		margin: 10px auto 0;
		font-size: 16px;
	}
	.wow-block__result{
		margin-top: 20px;
	}

	.wow-block__styles{
		display: block;
	}
	.wow-block__style {
		flex: none;
	}
	.wow-block__styles .wow-block__style img{
		width: auto !important;
		margin: 0 auto!important;
	}
	.wow-block__type-desc{
		margin: 20px auto;
	}

	.owl-theme .owl-dots .owl-dot{
		background: none!important;
	}


}

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

@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;
	}

	.advantages-content .block3-left {
		margin-right: 0;
		margin-bottom: 15px;
	}
	.half .advantages-content, .advantages-content {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.advantages-row.half .block3-right{
		text-align: center;
	}
	.block5-wrapp{
		padding-top: 25px;
	}
}

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

@media (max-width: 1199px){
	.gr-margin {
		margin-top: 30px;
	}
	.quality-block__row {
		margin: 0;
		justify-content: space-around;
	}
	.quality-block__row > div{
		margin: 30px 0;
	}
	.quality-block__info{
		padding: 25px 20px 25px 20vw;
	}
	.quality-block__info:before{
		left: 5vw!important;

	}

	.quality-block__row:nth-child(2){
		flex-direction: column-reverse;
		align-items: center;
	}

	.half .advantages-content, .advantages-content  {
		height: auto;
		padding: 30px 15px;
		max-width: none;
		margin: 15px;
	}
	.advantages-row{
		margin-bottom: 0;
	}

}


@media (max-width: 991px){
	h2{
		font-size: 24px;
	}
	.block7-wrap{
		height: auto;
		align-items: flex-start;
		min-height: auto;
		background: none;

	}
	.form2 .b2-text-title, .form2 .b2-text-notice{
		text-align: center;
	}
	.block8-wrap{
		height: auto;
	}
	.gr-margin {
		margin-top: 0px;
	}

	.types-container .left-panel__chooser {
		height: 33.4%;
	}

	.types-container span.left-panel__title:before{
		position: relative;
		left: auto;
	}

	.types-container span.left-panel__title{
		margin: 0 auto;
		flex-direction: column;
		align-items: center;
	}

	.b2-text-content .title-1 {
		font-size: 25px;
	}


}

@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;
	}
	.wow-block__title{
		font-size: 24px;
	}

	.quality-block__row .quality-block__info:before {
		display: block;
		position: static;
		top: auto;
		left: auto;
		margin: 0 auto;
	}
	.quality-block__info {
		padding: 25px 20px 25px 20px;
		text-align: center;
	}
	.quality-block__title{
		margin: 0 auto;
	}

}

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

}