@media screen and (max-width: 1344px){
	.container{width: 100%; padding: 0 15px}

	#gallery{width: calc(100% + 30px); margin-left: -15px}


	header .bottom .search{width: 180px}
	header .bottom ul li a{font-size: 16px}
	#promo .promo__data h1{font-size: 52px;}

	#forecasts .list .col{width: 15%;}
	#forecasts .list .col:nth-child(1){width: 25%}
	#forecasts .list .bet__rating span{width: 20px; height: 20px; background-size: 100% 100%!important}


	#forecasts .ceo__block .ceo__title{padding: 0; width: 100%; order: 0; margin-bottom: 30px}
	#forecasts .ceo__block img{order: 1}
	#forecasts .ceo__block .text{width: calc(100% - 450px); order: 2}

	.blog__items .item.item__black .text{font-size: 14px;}

	#blog .more,#docs .more{right: 15px}

	body{padding-left: 72px}


	footer .navs .col{width: 20%; max-width: 100%;}
	footer .navs .col:last-child{display: none;}
}


@media screen and (max-width: 1120px){
	header .top ul li,header .bottom ul li{display: none;}
	header .top ul li:nth-child(1),header .top ul li:nth-child(2),header .top ul li:nth-child(3),header .bottom ul li:nth-child(1),header .bottom ul li:nth-child(2),header .bottom ul li:nth-child(3),header .bottom ul li:nth-child(4){display: block;}
	header .bottom .search{display: none;}


	.blog__items .item{width: 48%;}
	.blog__items .item:last-child{width: 100%; margin-top: 30px;}

	body{padding-left: 40px}
	#navigationLeft{padding: 20px 0; width: auto;}
	#navigationLeft nav li a{width: 32px; height: 32px; margin: 0 auto;}
	#navigationLeft nav li a span{height: 32px; font-size: 14px;}


	#promo .container{padding: 0}
	#promo .promo__data .text{width: 100%;}
	#promo .list__swiper{width: 100%; margin-top: 30px;}
	#promo .promo__data p{font-size: 16px; margin-bottom: 20px;}
	#promo .promo__data h1{font-size: 42px;}
	#promo .promo__item:last-child{display: none;}
	#promo .data img.bg__promo{height: 700px}


	#forecasts .list .head{display: none;}
	#forecasts .list .col{text-align: center;}
	#forecasts .list .col{width: calc(100%/3)!important}


	footer .col.col-1{width: 100%; margin-bottom: 30px;}
	footer .col.col-1 .logo img{max-width: 300px; margin: 0 auto 30px;}
	footer .col.col-1 .search{width: 100%;}
	footer .navs{width: 100%; padding: 30px 0 0; border: none; border-top: 1px solid #636363}
	footer .navs .col{width: 20%; max-width: 100%;}
	footer .navs .col:last-child{display: none;}
}


@media screen and (max-width: 767px){
	.bt,#forecasts .ceo__block .ceo__title{font-size: 32px; margin-bottom: 20px}


	header{position: relative; padding: 10px 0;}
	header .bottom{position: absolute; right: 15px; top: calc(50% - 19px);}
	header .top nav,header .bottom nav{display: none;}
	header .pull{display: block; width: 38px; height: 38px; background: var(--blue) url("../img/pull.svg") 50% 50% no-repeat; background-size: 20px; border-radius: 50%;}


	#promo:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.5);}
	#promo .promo__data{padding: 30px 15px; z-index: 3}
	#promo .promo__data h1{font-size: 32px; margin-bottom: 20px}
	.promo__item .image{width: 180px}
	.promo__item .info{width: calc(100% - 190px)}
	.promo__item .top{gap: 5px}
	.promo__item .info .item__content .excerpt{font-size: 12px; line-height: normal;}


	#forecasts .list .col{width: 50%!important; padding: 5px 0 15px; box-sizing: border-box;}

	#forecasts .ceo__block img{width: 100%; margin-bottom: 20px}
	#forecasts .ceo__block .text{width: 100%;}

	.grid{grid-template-columns: repeat(1, 1fr);}

	.blog__items .item{width: 100%; margin-bottom: 30px}

	#blog .more, #docs .more{position: relative; right: 0; padding-top: 20px}


	footer .navs .col{width: 100%!important; max-width: 100%!important; display: block!important; margin-bottom: 20px;}
	footer .pays{padding: 10px 0 20px; justify-content: flex-start; gap: 15px}
}