@media screen and (max-width: 479px){
	.testimonial-item .testimonial-inner .testimonial-footer ul li {
	    margin-right: 3px;
	}
	.header-main .header-info {
	    flex-wrap: inherit;
	    padding: 10px 15px;
	}
	.header-info .header-logo {
	    width: 70px;
	}
	.header-logo img {
	    max-width: 60px;
	}
	.header-logo::before {
		content: none;
	}
	.live-steam-btn a > i {
		margin: 0px;
	}
	.header-right .live-steam-btn {
	    margin-right: 15px !important;
	}
	.header-right ul > li {
	    margin-right: 15px;
	}
	.header-menu .navbar .navbar-toggler {
	    font-size: 28px;
	}
	.hero .banner-thumb .banner-thumb-img img {
	    max-width: 80px;
	}
	.banner-thumb-vs img {
	    max-width: 50px;
	}
	.header-right ul > li .search-form {
	    width: 300px !important;
	    margin-top: 30px;
	}
	.header-right ul > li .language-dropdown {
	    width: 250px !important;
	}
	.header-right ul > li > a {
	    font-size: 18px;
	}
}
@media screen and (max-width: 575px){
	.bradcrumb-info h1 {
	    font-size: 30px;
	}
	.page-title h2,
	.matches-result ul > li,
	.error-info h2 {
	    font-size: 25px;
	}
	.live-stream-content h2,
	.single-blog-post-item .post-content h3,
	.blog-details-desc .article-content h3 {
	    font-size: 22px;
	}
	.theme-title,
	.matches-team .match-content h3, 
	.matches-team.right-image .match-content h3 {
	    font-size: 18px;
	    line-height: 1.5;
	}
	.footer-info ul li > a,
	.copyright-info p,
	.benefits-area .page-title p,
	.events-info .events-list li,
	.widget-area .widget_zelda_posts_thumb .item .info .title,
	p,
	.banner-content p {
	    font-size: 15px;
	}
	.banner-content h1 {
	    font-size: 40px !important;
	    text-shadow: 2px 2px var(--primary);
	}
	.single-matches-box {
	    margin-bottom: 15px !important;
	}
	.stream-main .live-stream-box {
	    width: 100%;
	    float: none;
	}
	.bradcrumb-area {
	    padding-top: 165px;
	}
	.events-area .events-info {
	    padding: 30px 30px;
	}
	.events-area .events-info .media-img img,
	.matches-team img {
	    max-width: 85px;
	}
	.matches-result ul > li:last-child::before {
	    top: -4px;
	}
	.error-info h1 {
	    font-size: 100px;
	}
	.blog-details-desc .article-footer {
	    display: block;
	}
	.blog-details-desc .article-footer .article-tags {
	    max-width: 100%;
	    margin-bottom: 15px;
	}
	.blog-details-desc .article-footer .article-share {
		max-width: 100%;
	}
	.blog-details-desc .article-footer .article-share .social {
		text-align: left;
	}
	blockquote, .blockquote {
	    padding: 15px 20px !important;
	}
	blockquote p, .blockquote p {
	    font-size: 15px !important;
	}
	.footer-main .footer-top {
	    padding-top: 50px;
	}
}
@media screen and (max-width: 767px) and (min-width: 480px){
	.hero .banner-thumb .banner-thumb-img img {
	    max-width: 150px !important;
	}
	.banner-thumb-vs img {
	    max-width: 60px !important;
	}
}
@media screen and (max-width: 767px){
	.d-flex {
	    flex-wrap: wrap;
	}
	.page-paddings {
	    padding: 50px 0px;
	}
	.live-steam-btn a > span {
	    display: none;
	}
	.live-steam-btn a {
	    padding: 0px;
	}
	.live-steam-btn a::before {
		content: none;
	}
	.hero {
	    padding-top: 200px;
	    padding-bottom: 80px;
	    background-position: bottom center;
	}
	.banner-content h1 {
	    font-size: 50px;
	}
	.hero .banner-thumb {
	    margin-top: 50px;
	    flex-wrap: inherit !important;
	}
	.benefits-area .benefits-info {
	    padding: 40px 40px;
	}
	.single-matches-box {
	    background-color: rgb(34 34 34 / 80%);
	    padding: 20px;
	    margin-bottom: 30px;
	}
	.matches-team {
	    padding: 0;
	    text-align: center;
	}
	.matches-team img {
		position: static;
		margin-bottom: 20px;
	}
	.matches-team .match-content h3,
	.matches-team.right-image .match-content h3 {
	    text-align: center;
	    background-image: none;
	    padding: 0px;
	}
	.matches-team .match-content .watch-list,
	.matches-team.right-image .match-content .watch-list {
	    padding: 0;
	    text-align: center;
	}
	.single-matches-box .matches-result {
	    margin: 40px 0px;
	}
	.single-blog-post-item .post-content {
	    padding: 30px 20px;
	    background-color: #222;
	}
	.video-section .live-stream-box {
	    height: 350px;
	}
	.live-stream-box .play-video {
	    font-size: 75px;
	}
	.events-area .events-info .media-img {
	    margin-bottom: 20px;
	}
	.zelda-post-navigation {
		display: none;
	}
	.blog-details-desc .article-content .entry-meta ul li {
	    margin: 0px 0px 15px;
	    border: 0;
	}
	.live-stream-area .live-stream-video iframe {
	    height: 350px;
	}
	#frame {
		max-width: 100% !important;
		min-width: 100% !important;
	}
	#frame .content {
	    width: 100% !important;
	    margin-top: 20px;
	}
	#frame .content .messages ul li p {
	    width: calc(100% - 45px);
	}
	.footer-info ul li {
	    padding-right: 0px;
	    border: 0px;
	    margin-top: 14px;
	}
	.footer-main .footer-copyright {
	    text-align: center;
	}
	.footer-copyright .footer-social ul {
	    justify-content: center !important;
	    margin-top: 15px;
	}
}
@media screen and (max-width: 991px){
	.header-main .header-info {
		position: relative;
	}
	.header-menu .navbar {
		position: static;
	}
	.header-menu .navbar .navbar-collapse {
	    position: absolute;
	    top: 100%;
	    left: 0px;
	    background-color: #232a5c;
	    width: 100%;
	    border-top: 3px solid #fff;
	    padding: 10px 0px;
	    max-height: calc(100vh - 130px);
    	overflow-y: auto;
	}
	.header-menu .navbar-nav {
	    margin: 0 !important;
	}
	.header-menu .navbar-nav .nav-item {
	    margin: 0;
	}
	.header-menu .navbar-nav .nav-item .nav-link {
	    padding: 10px 15px;
	}
	.header-menu .navbar-nav .nav-item .dropdown-menu {
	    width: calc(100% - 30px);
	    margin: 0px 15px;
	    padding: 0px;
	    background-color: transparent;
	    border: 0px;
	    padding-left: 15px;
	}
	.contact-area .contact-box {
	    margin-top: 30px;
	}
	.blog-details-area .widget-area {
	    padding: 0;
	    margin-top: 30px;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.page-paddings {
	    padding: 80px 0px;
	}
	.page-title h2,
	.bradcrumb-info h1 {
	    font-size: 40px;
	}
	.live-steam-btn a > span {
	    display: none;
	}
	.live-steam-btn a {
	    font-size: 26px;
	    padding: 0;
	}
	.live-steam-btn a::before {
		content: none;
	}
	.hero {
	    background-position: center center;
	    padding: 200px 0px 150px;
	}
	.hero .banner-thumb {
	    flex-wrap: inherit !important;
	    margin-top: 60px;
	}
	.hero .banner-thumb .banner-thumb-img img {
	    max-width: 210px;
	}
	.single-matches-box {
	    background-color: #222;
	    padding: 20px 20px;
	    border-radius: 8px;
	}
	.matches-team {
	    padding: 0px;
	    text-align: center;
	}
	.matches-team img {
	    position: static;
	    max-width: 120px;
	    margin-bottom: 15px;
	}
	.matches-team .match-content h3,
	.matches-team.right-image .match-content h3 {
	    background-image: none;
	    padding: 0px;
	    text-align: center;
	    font-size: 28px;
	}
	.matches-team .match-content .watch-list, 
	.matches-team.right-image .match-content .watch-list {
	    padding: 0;
	    text-align: center;
	}
	.single-blog-post-item .post-content h3 {
	    margin-bottom: 20px;
	}
	.accordion-item .accordion-header {
	    font-size: 18px;
	}
	.footer-info ul.d-flex {
	    flex-wrap: nowrap;
	}
	.footer-info ul li {
	    padding-right: 0px;
	    border: 0;
	}
	.error-page {
	    padding: 60px 0px;
	}
	.error-info h1 {
	    font-size: 200px;
	}
	.single-blog-post-box {
	    margin-top: 30px;
	    margin-bottom: 0px;
	}
	.pagination-area {
	    margin-top: 30px;
	}
	.live-stream-area .live-stream-video {
	    margin-bottom: 30px;
	}
	.live-stream-area .live-stream-video iframe {
	    height: 480px;
	}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
	.hero {
	    background-position: bottom left;
	}
	.hero .banner-thumb {
	    margin-top: 20px;
	}
	.matches-team img {
	    max-width: 140px;
	}
	.matches-result ul > li {
	    font-size: 40px;
	}
	.matches-result span {
		font-size: 15px;
	}
	.single-blog-post-item .post-content h3 {
	    margin-bottom: 25px;
	}
	.error-page {
	    padding: 60px 0px;
	}
	.error-info h1 {
	    font-size: 200px;
	}
	.widget-area .widget_match_list .single-match-list img.team-1 {
	    left: 8px;
	    max-width: 48px;
	}
	.widget-area .widget_match_list .single-match-list img.team-2 {
	    right: 8px;
	    max-width: 48px;
	}
	.widget-area .widget_match_list .single-match-list .date {
	    font-size: 14px;
	}
}