@media screen and (max-width: 1400px) {
	.main-slide .item .banner-content .name-link h1,
	.main-slide-2 .slide .banner-content .name-link h1 {
    	font-size: 84px;
    	line-height: 84px;
    	letter-spacing: 9px;
	}
	.view-btn {
    	top: -82px;
    }
    .main-slide .item .banner-content .name-link,
    .main-slide-2 .slide .banner-content .name-link {
    	right: 40px;
    	bottom: 40px;
    }
    .main-slide .item .banner-content .next-cell,
    .main-slide-2 .slide .banner-content .next-cell {
    	width: 297px;
    	height: 165px;
    	bottom: 85px;
    	left: 250px;
    }
    .slider-counter {
    	bottom: 40px;
    	left: 40px;
    }
    #mainTab {
    	left: 40px;
    }
    .side-scroll .top {
    	padding-left: 40px;
    	padding-right: 70px;
    }
    .side-scroll .img-scroll {
    	padding-left: 40px;
    	padding-right: 40px;
    }
    .side-scroll .top .right {
    	width: 330px;
    	padding-left: 30px;
    	padding-right: 30px;
    	padding-bottom: 10px;
    	margin-bottom: -70px;
    }
    .side-scroll .slide-close {
    	right: 25px;
    	width: 35px;
    	height: 35px;
    }
	.next-prev-main span {
		height: 40px;
	}
	.next-prev-main {
		bottom: 40px;
		left: 338px;
	}
}
@media screen and (max-width: 1199px) {
	.menu-social {
		padding-right: 40px;	
	}

}
@media screen and (max-width: 991px) {
	.main-slide .item .banner-content .next-cell span,
	.main-slide-2 .slide .banner-content .next-cell span {
		height: 5px;
	}
	.main-slide .item .banner-content .next-cell,
	.main-slide-2 .slide .banner-content .next-cell {
		width: 217px;
		height: 115px;
    	left: 190px;
	}
	.next-prev-main {
		left: 238px;
	}
	.main-slide .item .banner-content .name-link h1,
	.main-slide-2 .slide .banner-content .name-link h1 {
    	font-size: 65px;
    	line-height: 65px;
    	letter-spacing: 6px;
	}
	.side-scroll {
		width: 100vw;
		right: -100vw;
	}
	footer {
		bottom: 5px;
	}
	footer span.text {
		display: none;
	}
	footer span.mouse {
		display: none;
	}
	.slide-left {
		display: flex;
	    -webkit-flex-direction: row;
	        -ms-flex-direction: row;
	            flex-direction: row;
	    -webkit-align-items: center;
	            align-items: center;
	    -webkit-justify-content: center;
	            justify-content: center;
	}
	.slide-left  .left {
	    width: 20px;
	    -webkit-transform: rotate(90deg);
	       -moz-transform: rotate(90deg);
	        -ms-transform: rotate(90deg);
	         -o-transform: rotate(90deg);
	            transform: rotate(90deg);
	}
    .slide-left  span {
        color: #d7cccc;
        font-family: 'Fjalla One', sans-serif;
        text-transform: uppercase;
        padding-left: 10px;
        font-size: 14px;
    }
    .cursor {
    	display: none;
    }
}
@media screen and (max-width: 767px) {
	.main-slide .item .banner-content .next-cell,
	.main-slide-2 .slide .banner-content .next-cell {
    	width: 167px;
    	height: 85px;
    	left: 160px;
    	bottom: 90px;
	}
	.main-slide .item .banner-content .next-cell span,
	.main-slide-2 .slide .banner-content .next-cell span {
    	width: 60px;
    	height: 4px;
    	left: -30px;
    }
    .main-slide .item .banner-content .name-link h1,
    .main-slide-2 .slide .banner-content .name-link h1 {
    	font-size: 50px;
    	line-height: 50px;
    	letter-spacing: 6px;
	}
	#mainTab {
		left: 30px;
	}
	.main-slide .item .banner-content .name-link,
	.main-slide-2 .slide .banner-content .name-link {
    	right: 30px;
    	bottom: 30px;
	}
	.main-slide .item .banner-content .name-link a.link,
	.main-slide-2 .slide .banner-content .name-link a.link {
		margin-right: 6px;
	}
	.main-slide .item .banner-content .name-link .hashtags,
	.main-slide-2 .slide .banner-content .name-link .hashtags {
		margin-right: 6px;
	}
	.slider-counter {
    	bottom: 30px;
    	left: 30px;
    	font-size: 14px;
	}
	.slider-counter span {
		font-size: 22px;
	}
	#mainTab .nav-link {
		font-size: 14px;
	}
	.left-player {
    	width: 200px;
    	height: 200px;
    	bottom: -20px;
    }
    .right-player {
    	width: 200px;
    	height: 200px;
    	top: -20px;
    }

    .menu-social li a {
    	font-size: 30px !important;
    	margin-left: 8px !important;
    }
	.next-prev-main {
		left: 183px;
	}
}
@media screen and (max-width: 575px) {
	.main-slide .item .banner-content .next-cell,
	.main-slide-2 .slide .banner-content .next-cell {
		display: none;
	}
	footer {
		bottom: 0;
	}
	.main-slide .item .banner-content .name-link,
	.main-slide-2 .slide .banner-content .name-link {
		bottom: 50px;
	}
	.side-scroll .top .right {
		display: none;
	}
	.side-scroll .top {
		padding-right: 15px;
		padding-left: 15px;
		padding-top: 20px;
	}
	.side-scroll .top .left {
		padding-right: 0;
	}
	.side-scroll .slide-close {
    	right: 15px;
    	top: 15px;
	}
	.side-scroll .img-scroll {
    	padding-left: 15px;
    	padding-right: 15px;
    	padding-bottom: 20px;
	}
	.simplebar-scrollbar,
	.simplebar-track.simplebar-vertical {
		width: 5px;
	}
	.side-scroll .top h2 {
		font-size: 40px;
	}
	.view-btn {
    	top: -142px;
    	left: 70px;
	}
	#mainTab {
		left: 15px;
	}
	.main-slide .item .banner-content .name-link,
	.main-slide-2 .slide .banner-content .name-link {
		right: 15px;
	}
	.slider-counter {
    	bottom: 15px;
    	left: 15px;
	}
	.next-prev-main {
		left: 15px;
		bottom: 80px;
	}
}










































@media (max-width: 1300px) {
  header .left {
    gap: 25px;
  }
}

@media screen and (max-width: 1199px) {
  /* Menu: start */
  .vbp-header-menu-button__svg {
    display: block;
  }

  header ul.main-menu {
    font-family: "Zuume";
    position: absolute;
    left: auto;
    right: 6px;
    transform: none;
    top: 6px;
    width: calc(100vw - 12px);
    flex-direction: column;
    border-radius: 20px;
    align-items: flex-start;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
    padding-top: 0;
    padding-bottom: 0;
    background: url("../../images/black-bg-3.webp") repeat;
    z-index: -1;
    font-style: normal;
    font-size: 5vh;
    font-weight: 600;
    line-height: 1;
  }

  header ul.main-menu.open {
    max-height: 100vh !important;
    height: calc(100dvh - 12px);
    border-top: 1px solid #292929;
    display: block;
  }

  header ul.main-menu li {
    width: 100%;
  }

  header ul.main-menu li:first-child {
    margin-top: 128px;
  }

  header ul.main-menu::after {
    width: 100%;
    height: 1px;
    background: #3b3b3b;
    position: absolute;
    left: 0;
    top: 109px;
    content: "";
    z-index: 9;
  }

  header ul.main-menu li:last-child {
    margin-bottom: 8px;
  }

  header ul.main-menu li a {
    width: 100%;
    display: block;
    text-align: left;
    color: #fff;
    padding-top: 0.2vh;
    padding-bottom: 0.2vh;
  }

  header ul.main-menu li.socials {
    border-top: 1px solid #3b3b3b;
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    padding-left: 30px;
    padding-top: 20px;
  }

  header ul.main-menu li.socials span {
    font-family: "Zuume";
    font-size: 4vh;
    color: #fff;
  }

  header ul.main-menu li.socials span:first-child {
    padding-top: 2px;
    padding-right: 20px;
  }

  header ul.main-menu li.socials span:last-child {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1;
    gap: 5px;
  }

  header ul.main-menu li.socials span a {
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
    padding-bottom: 0;
    color: #636363;
  }

  header ul.main-menu li a::before,
  header ul.main-menu li a::after {
    display: none;
  }

  header ul.main-menu li.active a {
    color: #34b78b;
  }

  header.mob-padding ul.main-menu {
    width: 100vw;
    left: 0;
    right: auto;
    top: 0;
    height: 100vh !important;
    border-radius: 0;
  }

  /* Menu: end */

    header.navbar-fixed ul.main-menu.open {
    height: 100dvh !important;
    top: 0;
    width: 100vw;
    left: 0;
    border-radius: 0;
    border: 0;
  }

  header.navbar-fixed ul.main-menu::after {
    top: 85px;
  }

  header.navbar-fixed ul.main-menu li:first-child {
    margin-top: 106px;
  }

  }

  @media (max-width: 767px) {
  header ul.main-menu {
    height: calc(100vh - 6px) !important;
  }

  .vbp-header-menu-button__svg {
    position: absolute;
    right: 35px;
    top: 28px;
  }
    header {
    padding-top: 24px;
  }

  header .left {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}

@media (max-width: 575px) {
  header {
    /* padding-top: 34px; */
    padding-left: 20px;
    padding-right: 20px;
  }

  header ul.main-menu {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  header ul.main-menu li a {
    padding-left: 10px;
    padding-right: 10px;
  }

  header ul.main-menu li.socials {
    padding-left: 15px;
  }

  .vbp-header-menu-button__svg {
    right: 20px;
  }

  header.mob-padding {
    padding-left: 15px;
    padding-right: 15px;
  }

  header.mob-padding .vbp-header-menu-button__svg,
  header.mob-padding .audio-box {
    right: 15px;
  }
}