/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {
	.preview::before{
		background-position: center;
	}
}

@media (max-height: 800px) {
	.preview::before {
	height: 140vh;
	min-height: 1015px;
	}
    .preview-right{
          top: 46%;
        
    }
}
@media (max-height: 700px) {
	.ger-left {
    	bottom: -50%;
	}
}

@media (max-height: 590px) {
	.ger-left {
    	bottom: -70%;
	}
}

@media (max-height: 685px) {
    .preview-right{
max-height: 84%;
top: 66%;
        
    }
}




@media (max-width: 1310px) and (min-width: 991px){
	.product__card{
		margin: 0 30px;
	}
    .preview::before {
		height: 114%;
	}

}
@media (max-width : 1920px) {
	.preview::before{
		background-size: cover;
	}
}


@media (max-width: 1310px){
	.footer-content__top{
		display: grid;
		grid-gap: 25px;
	}
	.footer__logo{
		grid-row: 1;
		grid-column: 1;
	}
	.footer__right{
		grid-row: 1;
		grid-column: 2;
		justify-content: flex-end;
	}
	.footer-content__contact{
		grid-column: 1 / 3;
	}
}
/* lg <= Extra large (xl) */
@media (max-width : 1200px) {
	.map__list {
		height: auto;
	}
	.main__footer::before{
		background-image: url('../images/bg/homefootermob.png');
		background-size: cover
	}
	.copyright{
		padding-bottom: 180px;
	}
	.map__list{
		position: relative;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}
	.map__list_item{
		grid-template-columns: 1fr;
		padding: 25px 20px;
		grid-gap: 20px;
		background: #FCFCFC;
		border-radius: 10px;
	}
}

/* md <= Large (lg) */
@media (max-width : 992px) {
    .ger-left{
        display: none;
    }
    .preview-right {
  display: none;
}
    
    .catalog__content .animateRight_content{
        display: none;
    }
    .catalog__content{
	z-index: 50;

}
	.preview::before{
		background-image: url('../images/bg/mlbanka.png'), url('../images/bg/preview991.png');
		background-position: right bottom, bottom;
		background-size: 60% , 100% 128%;
	   max-height: 1150px;
	}
	.main__footer::after{
		bottom: -10px;
	}
	.main__footer::before{
		bottom: -10px;
	}
	:root {
		--offset: 15px;
	}
	.title{
		font-size: 36px;
	}
	.header-logo{
		margin: 0 auto;
	}
	.subtitle{
		font-size: 16px;
	}
	.page__title__wrapper{
		position: relative;
		left: auto;
		top: auto;
		bottom: auto;
		width: 100%;
		display: flex;
		justify-content: center;
		padding: 0 5px;
	}
	.alert .page__title__wrapper{
		margin-top: auto;
	}
	.page__title{
		max-width: 100%;
		margin: 0 auto
	}
	.map__title{
		margin-bottom: 15px;
	}
	.map__btns{
		margin-top: 30px;
	}
	.product__card_img > img{
		margin: 0 auto;
	}
	.copyright{
		padding-top: 13vw;
	}
	.copyright__list{
		margin-top: 25px;
		grid-gap: 25px;
	}
	.copyright__card_name{
		font-size: 18px;
		margin-top: 20px;
	}
	.catalog__info_text, .catalog__info_cnt{
		font-size: 15px;
	}
	.product__card_bg{
		background-image: url('../images/bg/listmob.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		padding-top: 55px;
		padding-bottom: 55px;
		margin-bottom: 230px;
	}
	.product__card_header{
		display: grid;
		grid-gap: 20px;
	}
	.product__card_header > img {
		display: block;
		margin: 0 auto;
	}
	.product{
		background-image: url('../images/bg/productbg.png');
		background-position: bottom, top;
		padding-bottom: 10px;
	}
	.footer-content__contact{
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.footer-content__bot{
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
/* 	.footer-content{
		padding-bottom: 110px;
	} */
	.modal-title{
		font-size: 60px;
	}
	.modal{
		align-items: flex-start;
	}
	.modal-content{
		background-image: url('../images/bg/alertmodalmob.png');
		background-size: 100% 100%;
		width: 100%;
		min-height: 80vh;
		gap: 30px;
		padding-top: 50px;
		padding-bottom: 50px;
		text-align: center;
	}
	.modal_btns{
		flex-direction: column;
		gap: 30px
	}
	.catalog{
		padding-bottom: 29vw;
	}
	.catalog__card{
		flex-direction: column;
		grid-gap: 20px;
	}
	.catalog__info_title{
		flex-direction: column-reverse;
		gap: 10px
	}
	.catalog__info_name{
		font-size: 24px;
	}
	.catalog__info_time{
		font-size: 18px;
	}
	.catalog__info_more{
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.catalog__list{
		grid-gap: 25px;
		margin-top: 25px;
	}
	.catalog__title{
		margin-bottom: 15px;
	}
	.catalog__img_bg::before{
		width: 242px;
		height:242px
	}
	.product__card_img::before{
		width: 242px;
		height:242px
	}
	.catalog__img{
		max-width: 100%;
	}
	.map__list_name{
		display: block;
		font-size: 16px;
	}
	.map__list_address{
		font-size: 16px;
	}
	.map__list_address > img {
		width: 18px;
		height: 20px;
	}
	.map__list_text{
		font-size: 14px;
	}
	.map__list_time{
		grid-gap: 3px;
	}
	.map__list_watch > img {
		width: 20px;
		height: 20px;
	}
	.map__list_watch{
		grid-gap: 5px;
	}
	.map__list_namber{
		font-size: 16px;
	}
	.map__list_day{
		font-size: 14px;
	}
	.map__list_tel{
		font-size: 20px;
	}
	.map__list_tel img{
		width: 24px;
		height: 24px;
	}
}

/* sm <= Medium (md) */
@media (max-width : 768px) {
	.preview::before {
		background-position: 130% 95%, bottom;
	}
	.product__card_name {
		font-size: 24px;
	}
	.product__card_title{
		flex-direction: column-reverse;
		grid-gap: 10px;

	}
	.map__list {
		height: 500px;
	}
	.product__card_footer {
		margin-top: 25px;
		padding-top: 25px;
	}
	.product__card_footer__item {
		font-size: 15px;
	}
	.product__card_text {
		font-size: 15px;
	}
	.product__card_info__text {
		font-size: 15px;
	}
	.product__card_footer__title {
		font-size: 15px;
	}
	.map__btns{
		display: grid;
		grid-gap: 20px;
	}
	.map__list{
		margin-top: 40px;
		max-height: 385px;
	}
	.map__list{
		grid-template-columns: 1fr;
	}
		.map-balloon{
		padding-left: 15px;
	}
		.map-balloon_list, .map-balloon_title, .map-balloon_time, .map-balloon_tel {
		font-size: 14px;
	}
	.map-balloon_day{
		font-size: 12px;
	}
	.map-balloon_tel{
		margin-top: 15px;
	}
	.map-balloon_time img, .map-balloon_tel img, .map-balloon_list__item img{
		width: 14px;
	}
}

/* xs <= Small (sm) */
@media (max-width : 576px) {
.header-logo{
	max-width: 112px;
}
.copyright{
	background-image: url('../images/bg/copyrightmob.jpg');
}
.preview::before {
  max-height: 1132px;
}
}

@media (max-width: 500px){
	.preview::before{
		background-image: url('../images/bg/mlbanka.png'), url('../images/bg/preview991.png');
		background-size: 70%,cover;
		min-height: 1168px;
		background-position: center 98%,center 100%;
		height: 140%;
		background-color: #f2f9ff;
	} 
	.preview{
		min-height: 1025px;
	}
	.header {
		padding-top: 20px;
	}
	.catalog__content {
		padding-top: 30px;
	}
	.preview__btn {
		margin-top: 30px;
	}
	.preview__description{
		font-size: 15px;
		margin-top: 20px;
		grid-gap: 15px;
	}
	.preview__btn{
		font-size: 16px;
		padding: 21px 0;
		width: 100%;
		text-align: center;
	}
}
@media (max-width: 450px){
.preview::before {
  background-size: 91%,cover;
  background-position: center 98%,center 100%;
}
}
@media (max-width: 400px){


	.copyright__card_img{
		width: 100%;
	}
}

/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {

}

/* Small (sm) */
@media (min-width : 576px) {

}

/* Medium (md) */
@media (min-width : 768px) {
	.product__card_name {
		font-size: 32px;
	}
	.product__card_title {
		justify-content: space-between;
		grid-gap: 41px;
	}
	.product__card_footer {
		max-width: 881px;
		margin-top: 40px;
		padding-top: 40px;
	}
	.product__card_footer__item {
		font-size: 16px;
	}
	.product__card_text {
		font-size: 18px;
	}
	.product__card_info__text {
		font-size: 16px;
	}
	.product__card_footer__title {
		font-size: 18px;
	}
}

/* Large (lg) */
@media (min-width : 992px) {
	:root {
		--offset: 30px;
	}
	.product__card_bg{
		background-image: url('../images/bg/list.webp');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		padding: 55px 0;
		margin-bottom: 200px;
	}
	.product__card_header{
		display: flex;
		justify-content: center;
		grid-gap: 61px;
	}
	.product__card_right {
		max-width: 466px;
	}
	.product{
		background-image: url('../images/bg/productfooter.png');
		background-position: bottom, top;
	}
	.modal-title{
		font-size: 104px;
	}
	.modal-content{
		justify-content: center;
		background-image: url('../images/bg/list.webp');
		width: 99%;
		height: 80vh;
	}
	.catalog__content{
		background-image: url('../images/bg/branch.webp'), url('../images/bg/garland.webp');
		background-position: top left, top right;
		background-repeat: no-repeat;
	
	}
	.catalog__card:nth-of-type(even){
		flex-direction: row-reverse;
	}
	.catalog__card:nth-of-type(even) .catalog__img_bg{
		margin-right: 0;
		margin-left: auto;
	}
	.catalog__card:nth-of-type(even) .catalog__info{
		margin-left: auto;
	}
	.catalog__img {
		margin-left: auto;
	}
}

/* Extra large (xl) */
@media (min-width : 1200px) {
	.map__list {
		background-color: #FCFCFC;
	}
}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {
}