/*MOBILE*/

@media (max-width: 768px) {
html, body {
    position: relative;
    max-width: 100%;
    overflow-x: hidden;
}	
section {
    padding: 50px 0;
    position: relative;
}    
	h1 {font-weight: 700;
font-size: 22px;
line-height: 100%;}
    .pre .item p {word-break:break-all;margin: 0 10px;}
h2 {font-size:26px !important; line-height:1.2}
h2 br {display:none;}
.fl {flex-wrap:wrap;} 
.desc {display:none}
.mob {display:block}

	
	.burg img {width:32px;}
	header {background-size: 100%;   padding-top:20px; min-height: 140px;}
	.slide {
    height: 250px;
    background-size: cover !important;
    background-position: center !important;
}
	

.swiper-button-next, .swiper-button-prev {
    /* right: -41px; */
    position: absolute;
    top: 40% !important;
    right: 20px;
}
.logo2 {
    text-align: center;
    margin-bottom: 20px;
}

footer .fl {
    justify-content: center;
}

.title-footer {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}

footer .info {
    padding-left: 0;
}

footer {
        background: #e7cda1 url(../img/footer.png) no-repeat right bottom;
    background-size: 200%;
}	
	
	.burger-menu ul li a {
    display: block;
    padding: 5px 20px 5px;
    font-weight: 700;
    font-size: 18px;
    color: var(--color-text);
}
	.blocker:before {height:auto !important;}
.burger-menu ul {
    padding-bottom: 30px;
    padding-top: 30px;
}
.modal.prog table td {
    white-space: nowrap;
}

.modal.prog .itog {
    font-size: 22px;
}

.modal.prog .itog span {
    font-size: 14px;
}	

.modal.prog {
    min-width: auto;
    background: #fcf6e8 url(../img/bron.png) no-repeat center bottom;
    background-size: 150%;
}
	section.pre .item {
    margin-bottom: 30px;
}

.pre .fon {
    background-size: 330%;
}

section.team .item .fl {
    flex-wrap: nowrap;
}
section.tour h1 {
    margin-top: 30px;
}

section.tour .price {
    margin-top: 30px;
}
section.team .img {
    flex-basis: 30%;
    margin-right: 20px;
     width:100px;
}
section.team .info {flex-basis:70%}
section.team .img img {ma-width:100%;}
section.part .item {
    padding: 0 15px 30px;
    flex-basis:50%
}

section.contacts .item {
    margin-bottom: 30px;
}
	
}



/*TABLET*/


@media (min-width: 768px) and (max-width: 1024px) {


	
}


@media (min-width: 768px) and (max-width: 768px) {



}

@media (max-width: 340px) {
	
	
}