@media screen and (max-width: 1024px){
	.container{
		width: 100%;
		padding: 0 15px;
	}
}
@media screen and (max-width: 980px){
	.how_to_buy>.container>ul{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.how_to_buy>.container>ul li{
		margin-bottom: 50px;
	}
	.friends ul{
		justify-content: space-around;
	}
	.main_news ul li:last-child a{
		width: 100px;
	}
}
@media screen and (max-width: 768px){
    .wa{
        margin-right: 0;
        margin-bottom: 10px;
        display: block;
    }
    .txt_in_slide p {
        width: 355px;
        font-size: 22px;
    }
    .txt_in_slide h2{
      font-size: 27px;
    }
    
    .txt_in_slide h2 br{
        display: none;
    }
    
    .txt_in_slide{
        padding-left: 34px;
    }
	.mums_div{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.scena{
		margin-bottom: 15px;
	}
	.date_day{
		flex-wrap: wrap;
		margin: 20px 0;
	}
	.date_day li{
		width: 30%;
	}
	.date_day li img{
		width: 95px;
	}
	.date_day li a{
		width: 160px;
		padding: 10px 0 10px 0;
	}
	.spectacl ul{
		justify-content: space-around;
	}
	.spectacl ul li{
		margin-bottom: 25px;
	}
	.artist ul{
		justify-content: space-around;
	}
	.in_card ul li:first-child{
		margin-bottom: 20px;
	}
	.in_card ul li:last-child{
		width: 100%;
	}
	.card_slider .slick-prev {
		margin-left: -150px;
	}
	.card_slider .slick-next {
		margin-left: 100px;
	}
	.card_slider .slick-next {
		top: 105%;
	}
	.card_slider .slick-prev {
		top: 105%;
	}
	.txt_in_slide2 h2{
		font-size: 30px;
	}
	.slider_banner2 .slick-prev{
		margin-left: -300px;
	}
	.slider_banner2 .slick-next{
		margin-left: 110px;
	}
	.about_spect ul{
		justify-content: space-around;
	}
	.scena{
		width: 100%;
	}
	.adres{
		display: block;
		float: none;
		margin: 0 auto;
		width: 100%;
		border: none;
	}
	.menu li a:after{
		display: none;
	}
}

@media screen and (max-width: 480px){
	.buy_foot{
		display: none;
	}
	.adres{
		padding: 10px 0;
		height: auto;
        width: 190px;
        float: right;
	}
	.logo{
		width: 200px;
		border: none;
	}
	.social{
        width: 230px;
		border: none;
		vertical-align: top;
	}
	.date_month{
		padding: 0;
	}
	.in_div2{
		width: 100%;
	}
	.in_div2{
		width: 350px;
	}
	.in_div1 div{
		width: 350px;
	}
	.how_to_buy>.container>ul li{
		width: 100%;
	}
	.in_div2 ul{
		width: 81%;
		margin: 0 auto 20px;
	}
	.in_div2 ul li {
    margin-bottom: 15px;
}
	.in_div a{
		display: block;
    text-align: center;
	}
	.friends ul li{
		    width: 190px;
	}
	.main_news ul li:last-child a{
		    width: 100%;
    padding: 15px 0;
    margin-bottom: 25px;
    height: 60px;
	}
	.main_news ul li:last-child span{
		    display: inline-block;
    margin: 0px 15px 0 0;
    vertical-align: bottom;
	}
	.spectacl ul li{
		width: 200px;
	}
	.slider_banner2 .slick-prev {
    margin-left: -220px;
}
.slider_banner2 .slick-next {
    margin-left: 4px;
}
.txt_in_slide2{
	    padding: 100px 0 0 0px;
}
	.in_div2_3{
		margin-bottom: 50px;
	}
	.card_slider .slick-next {
		top: 101%;
	}
	.main_news ul{
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.main_news ul li:first-child{
		width: 100%;
		margin-bottom: 15px;
	}
	.main_news ul li:last-child{
		width: 100%;
	}

	.card_slider .slick-prev {
		top: 101%;
	}
	.rules div p {
position: absolute;
    top: 80px;
    left: 0;
    padding: 0 10px;
    font-size: 18px;
    width: 100%;
	}
	.menu li:after{
		display: none;
	}
	.rules div{
		margin-bottom: 10px;
	}

	.date_month{
		justify-content: space-around;
	}
	.date_month li{
		margin-left: 15px;
		margin-right: 15px;
		text-align: center;
	}
	.date_day li{
		width: 100%;
		margin:0 15px 20px;
		text-align: center;
	}
	.date_day li span{
		margin-left: auto;
		margin-right: auto;
	}
	.date_day li img{
		width: 30%;
		display: inline-block;
	}
	.date_day li a{
		width: 100%;
	}
	.date_day li a br{
		display: none;
	}
	.date_day li a em{
		    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
	}
	.date_day {
		flex-wrap: wrap;
		padding: 10px 0px 0px 20px;
	}
	.main_div{
		justify-content: space-around;
	}
	.footer .social{
		float: none;
		width: 230px;
	}
	.in_div2 ul{
		width: 100%;
	}
    
    .top_section{ font-size: 13px;}
	.menu{
		width: 100%;
        padding: 0;
	}
    
    .menu li a{
        font-size: 15px;
    }
	.txt_in_slide_1{
		padding-top: 120px;
	}
	.for_mob{
	width: 100%;
    text-align: left !important;
	}
	.for_mob a{
		text-align: left;
	}
}