@media (max-width: 1000px) {
	:root {
		--min-width:  340px;
		--full:  100%;
	}
	
	.pay2-flex {
		flex-direction: column;
	}

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

	.pay2-btn {
		margin-top: 30px;
		height: 50px;
	}

	.pay2-tg {
		height: 50px;
	}

	.pay2-row {
		display: none;
	}

	.full {
		box-sizing: border-box;
	}

	.modal {
		width: auto !important;
		margin: 20px !important;
	}

	.pay-sovet {
		margin-bottom: -20px;
		margin-left: -20px;
		margin-right: -20px;
		margin-top: 20px;
	}

	.header {
		height: auto;
		padding: 20px;
		display: none;
	}

	.mobile-panel {
		display: flex !important;
	}

	.wrapper {
		padding-top: 80px;
	}

	.header .full {
		flex-direction: column;
	}

	.mini-profile,
	.auth {
		margin-left: 0;
	}

	.menu a:after {
		display: none;
	}

	.menu {
		margin: 10px 0;
		flex-wrap: wrap;
		justify-content: center;
	}

	.menu li {
		margin: 5px !important;
	}

	.filter {
		padding: 0 20px;
	}

	.main {
		flex-direction: column;
	}

	.main-slide {
		width: 100% !important;
	}

	.main-slide {
		padding-left: 20px !important;
		padding-right: 20px !important;
		height: auto;
		padding-bottom: 20px;
	}

	.main-title {
		margin-bottom: 20px;
	}

	.main-text p:nth-child(1) {
		font-size: 16px;
		margin-bottom: 5px;
	}

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

	.footer-bg.pole-2,
	.fnav,
	.fsoc {
		display: none;
	}

	.live-title {
		width: 100%;
	}

	.footer-bg.pole-1 {
		padding: 20px 0;
	}

	.footer-bg .full {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.flogo {
		margin:  auto;
	}

	.f-text {
		text-align: center;
		padding-top: 20px;
	}

	.container {
		padding: 30px 20px;
	}

	.grid-2 .grid-left {
		padding-left: 0 !important;
	}

	.grid-2 .grid-right {
		padding-right: 0 !important;
	}

	.grid-2 .grid-flag {
		position: static !important;
	}

	.grid-2 .grid-name {
		text-align: center !important;
		margin-top: 20px !important;
	}

	.paginator {
		margin-top: 20px;
	}

	.title {
		font-size: 18px;
	}

	.title.mb {
		margin-bottom: 30px;
	}

	.title.mt {
		margin-top: 30px;
	}

	.contacts-flex {
		flex-direction: column;
	}

	.contacts-left {
		min-width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		margin-bottom: 20px;
	}

	.contacts-in {
		padding-left: 0;
	}

	.profile {
		flex-direction: column;
	}

	.profile-left {
		min-width: 100%;
		max-width: 100%;
		margin-right: 0;
	}

	.profile-nav li {
		margin-left: 5px;
		margin-right: 5px;
		padding: 0 10px;
		font-size: 12px;
	}

	.profile-pole {
		padding: 20px;
	}

	.profile-scroll {
		max-height: 100%;
		margin-right: 0;
		padding-right: 0;
		overflow-y: hidden;
	}

	.table-flex:first-child {
		display: none;
	}

	.table-flex {
		height: auto;
		flex-direction: column;
		padding: 20px;
	}

	.table-flag img {
		width: 45px;
		height: 30px;
	}

	.table-select p:nth-child(1) img {
		width: 45px;
		height: 30px;
		vertical-align: middle;
	}

	.table-status {
		padding: 10px 0;
	}

	.table-flag {
		justify-content: center;
	}

	.table-item:not(:last-child) {
		border-bottom: 2px solid #DFE2EF;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.table-item {
		width: 100% !important;
		box-sizing: border-box;
		text-align: center;
	}

	.profile-pole-flex {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.profile-ref p {
		text-align: center;
	}

	.profile-procent {
		margin-top: 50px;
		margin-bottom: 30px;
	}

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

	.modal {
		width: auto !important;
		padding: 20px !important;
	}

	.modal-close {
		top: 20px;
		right: 20px;
	}

	.modal-flex {
		flex-direction: column;
	}

	.vs {
		width: 50px;
		height: 50px;
		margin-left: 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.modal .form-flex {
		flex-direction: column;
	}

	.modal .form-flex button {
		margin-top: 10px;
	}

	.profile-nav {
		height: auto;
		border:  0;
	}

	.profile-nav li {
		height: auto;
		padding: 0;
		font-weight: 400;
		font-size: 16px;
		color: #424242 !important;
		margin: 0 10px;
		display: flex;
		flex-direction: column;
	}

	.profile-nav li:after {
		background: linear-gradient(92.68deg, #668CFB 5.76%, #7C5AFE 100%), #7C5AFE;
		border-radius: 20px;
		height: 5px;
		position: static;
		display: flex;
		width: 100%;
		margin-top: 7px;
	}

	.profile-scroll.scroll {
		display: none;
	}

	.new-table {
		display: flex !important;
		flex-direction: column;
	}

	.new-pay-flex {
		flex-direction: column;
	}

	.new-pay-fr {
		width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-top: 40px;
	}

	.new-pay-title {
		font-size: 16px;
		height: auto;
	}

	.new-pay-flex2 {
		margin-top: 20px;
		grid-gap: 20px;
	}

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

	.spb-cart {
	    height: 200px;
	    width: 320px;
	    margin-bottom: 40px;
	    padding: 20px;
	}
	
	#spbico {
		padding: 0;
	}

	.pay2-title3 {
		font-size: 16px;
		line-height: 18px;
	}

	.pay2-btn {
		font-size: 18px;
	}

	.pay2-total li:nth-child(1),.pay2-total li:nth-child(2) {
		font-size: 18px;
	}

	#spbico svg {
		width: 100px;
    height: 50px;
	}

	.spb-logo svg {
		width: 150px;
    height: 50px;
	}

	.spb-cart svg:nth-child(1) {
		width: 40px;
		height: 40px;
	}

	.spb-cart svg:nth-child(2) {
		width: 25px;
		height: 25px;
	}

	.spb-title {
		margin-top: 30px;
		font-size: 20px;
		line-height: 22px;
	}

	.spb-btn {
		margin-top: 30px;
   	 margin-bottom: 30px;
	}
	
	.new-pay-tg {
		height: 40px;
	}

	.new-pay-btn {
		height: 50px;
	}

	.new-pay-popup {
	    top: 20px;
	    right: 20px;
	}
}

@media (max-width: 800px) {
	.grid {
		grid-template-columns: repeat(1,1fr) !important;
	}

	.new-pay-list {
		grid-template-columns: repeat(2, 1fr);
	}

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

@media (max-width: 600px) {
	.contacts-grid {
		grid-template-columns: repeat(1,1fr);
	}

	.pay-list {
		grid-template-columns: repeat(1,1fr);
		width: 100%;
	}

	.tab .form-flex button {
		font-size: 11px;
	}

	.form-flex button:before {
		margin-left: 10px;
	}
}

@media (max-width: 500px) {
	.new-table-item {
		padding: 15px 20px;
		margin-bottom: 30px;
	}

	.new-table-flex {
		margin: 20px 0;
	}
	
	.pay2-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.new-table-VS {
		font-size: 50px;
	}

	.new-table-row {
		width: 63px;
    height: 66px;
	}

	.new-table-row img {
		width: 40px;
		height: 40px;
	}

	.new-table-vs-TEXT p:nth-child(1) {
		font-size: 13px;
	}

	.new-table-vs-TEXT p:nth-child(2) {
		font-size: 14px;
	}

	.new-table-PreMatch {
		min-width: 84px;
	}

	.new-table-vs-TEXT {
		text-align: center;
	}
}

@media (max-width: 450px) {
	.filter {
		flex-direction: column;
		padding-top: 20px;
		padding-bottom: 20px;
		height: auto;
	}

	.filter-title {
		margin-bottom: 10px;
	}

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

	.profile-nav li {
		font-size: 13px;
	}
}

@media (max-width:425px) {
  .grid-flag, .grid-flag img {
    width: 40px;
    height: 40px;
  }

  .grid-stavka-title:before {
    display: none;
  }

  .grid-2 .grid-stavka-title {
    width: 100px;
    font-size: 9px;
  }

  .grid-cof {
    border-radius: 8px;
    width: 30px;
    font-size: 9px;
  }
}