/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1365px) {
	.coustem_container .container {
		max-width: 1280px;
	}
}

@media (max-width: 991.98px) {
	.footer_row {
		flex-wrap: wrap;
	}
	.page_footer .footer_col {
		width: 30%;
		margin-bottom: 20px;
	}
	.burger-menu {
		display: block;
	}
	.nav_links {
		position: fixed;
		left: -100%;
		top: 0;
		height: 100vh;
		transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
		z-index: 2;
		width: 80%;
		background: #ffffff;
		padding: 30px 0px 0px;
	}
	.nav_links .nav_list {
		display: block;
		margin-top: 19px;
	}
	.cancel_btn {
		display: block;
	}
	.search_bar {
		margin-left: auto;
		padding-right: 23px;
	}
	.nav_links .nav_list .list_item a {
		color: #000000;
		padding: 18px 16px 5px;
	}
	.nav_links .nav_list li .sub-menu {
		position: relative;
		width: 100%;
		top: 0px;
		display: none;
		opacity: unset;
		visibility: unset;
		transition: unset;
		width: 100%;
	}

	.nav_links .nav_list .list_item .sub-menu.active {
		display: block;
		max-height: 300px;
	}
	.nav_links .nav_list .list_item a span {
		display: none;
	}
	.menu_header {
		display: block;
	}
	.news_coloum .nav {
		justify-content: center;
		flex-wrap: wrap;
	}
	.news_blog_title h2 a {
		font-size: 14px;
		line-height: 30px;
		max-width: 300px;
	}
	.blog_content_wrapper {
		display: block;
	}
	.small_blog {
		width: 100%;
		margin-bottom: 15px;
	}
	.small_blog_content {
		width: 100%;
	}
	.small_blog_content a {
		font-size: 20px;
		line-height: 30px;
	}
	.small_blog_content p {
		margin-bottom: 15px;
		line-height: 20px;
		font-size: 12px;
	}
	.news_content h3 .discription_link {
		line-height: 12px;
		font-size: 12px;
	}
	.news_coloum .nav-link {
		padding: 11px 20px;
		font-size: 14px;
	}
	.latest_news_wrapper {
		display: block;
	}
	.news_image_blog {
		width: 100%;
		margin-bottom: 10px;
	}
	.news_content {
		width: 100%;
	}
	.latest_news .news_title {
		font-size: 20px;
		margin: 0px auto 18px;
	}
	.blog_content_row .row {
		display: block;
	}
	.blog_content_row .col-md-6 {
		width: 100%;
	}
	.news_section {
		padding: 40px 0px 60px;
	}
	.arrow_down button {
		border: none;
		outline: none;
		background: none;
		transition: transform 0.2s ease-in-out;
		transform: rotate(0deg);
		padding: 10px;
		display: block;
	}
	.latest_promo {
		padding-bottom: 0;
	}
	.main_video_wrap,
	.betting_wrap {
		padding-bottom: 35px;
	}

	.latest_promo .promo_title,
	.latest_news .video_main_title,
	.latest_news .betting_title,
	.latest_promo .promo_title {
		margin-top: 0;
	}
	.sub_header_wrapper ul {
		overflow-x: auto;
		overflow-y: hidden;
	}
}

@media (max-width: 767.98px) {
	body {
		padding-top: 55px;
	}
	.section {
		padding: 0 0 40px;
	}
	.header_wrapper {
		height: 55px;
	}
	.page_logo img {
		max-width: 100px;
		max-height: 50px;
	}
	.burger-menu {
		display: block;
	}
	.news_section {
		padding: 40px 0px 60px;
	}
	.nav_links {
		position: fixed;
		left: -100%;
		top: 0;
		height: 100vh;
		transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
		z-index: 2;
		width: 80%;
		background: #ffffff;
		padding: 30px 0px 0px;
	}
	.nav_links .nav_list {
		display: block;
		/* margin-top: 19px; */
	}
	.cancel_btn {
		display: block;
	}
	.search_bar {
		margin-left: auto;
		padding-right: 23px;
	}
	.nav_links .nav_list .list_item a {
		color: #000000;
		padding: 18px 16px 5px;
	}
	.nav_links ul li .sub-menu {
		position: relative;
		width: 100%;
		display: none;
		opacity: unset;
		visibility: unset;
		transition: unset;
		margin: 0;
	}
	.nav_links .nav_list li .sub-menu.active {
		display: block;
		max-height: 300px;
	}
	.nav_links .nav_list .list_item a span {
		display: none;
	}
	.menu_header {
		display: block;
	}

	.section_title .title {
		font-size: 20px;
		margin: 32px auto 32px;
	}

	.page_footer .footer_col {
		width: 50%;
	}
	.news_coloum .nav {
		justify-content: space-between;
		flex-wrap: nowrap;
		margin: 0;
	}

	.news_blog_title h2 a {
		font-size: 14px;
		line-height: 30px;
		max-width: 300px;
	}
	.blog_content_wrapper {
		display: block;
		padding-top: 0;
	}
	.small_blog {
		width: 100%;
		margin-bottom: 15px;
	}
	.small_blog_content {
		width: 100%;
	}
	.small_blog_content a {
		font-size: 20px;
		line-height: 30px;
	}
	.small_blog_content p {
		margin-bottom: 15px;
		line-height: 20px;
		font-size: 12px;
	}
	.news_content h3 .discription_link {
		line-height: 12px;
		font-size: 12px;
	}
	.news_coloum .nav-link {
		padding: 10px 11px;
		font-size: 9px;
	}
	.small_blog img {
		height: 200px;
		object-fit: cover;
		width: 100%;
	}
	.latest_news_wrapper .news_image_blog img {
		height: 200px;
		border-radius: 14px;
		object-fit: cover;
		width: 100%;
	}
	.news_coloum {
		margin-bottom: 20px;
		padding: 30px 10px;
	}
	.nav_links .nav_list .list_item .sub-menu {
		position: relative;
		top: 0;
		display: none;
		visibility: unset;
		opacity: unset;
		width: 100%;
		box-shadow: unset;
		transition: unset;
		transform: unset;
		padding: 6px 6px;
	}
	.blog_title .main_title {
		margin: 20px auto 25px;
		font-size: 20px;
	}
	.blog_title {
		text-align: center;
		margin-bottom: 30px;
	}
	.small_blog_content h3 {
		font-size: 14px;
		line-height: 20px;
	}
	.content_part p {
		line-height: 20px;
		font-size: 14px;
		margin-bottom: 20px;
	}
	.content_part h4 {
		font-size: 20px;
	}
	.order_listing h5 {
		font-size: 20px;
	}
	.content_list li p {
		margin-bottom: 0;
		font-size: 12px;
		width: calc(100% - 25px);
	}
	.upcomming_title .Upcoming_main_title {
		font-size: 20px;
		margin: 20px auto 20px;
	}
	.news_section .swiper-scrollbar,
	.upcoming_event .swiper-scrollbar {
		max-width: 200px;
	}

	.upcomming_title {
		margin-bottom: 40px;
	}
	.latest_news {
		margin-bottom: 10px;
		padding-bottom: 0;
	}
	.latest_news a {
		display: inline-block;
	}
	.latest_news a:not(:last-child) {
		margin-bottom: 20px;
	}
	.footer_title .footer_main_title {
		font-size: 20px;
	}
	.footer_title .footer_list .footer_list_item a {
		font-size: 12px;
	}
	.arrow_down button {
		border: none;
		outline: none;
		background: none;
		transition: transform 0.2s ease-in-out;
		transform: rotate(0deg);
		padding: 10px;
		color: #020029;
		padding: 10px;
		color: #020029;
	}

	.Bookmark_event .swiper-scrollbar {
		max-width: 200px;
	}

	.arrow_down {
		display: block;
	}
	.form_wrapper {
		display: block;
		margin-bottom: 2rem;
	}
	.form_col {
		margin-bottom: 10px;
	}
	.contact_form {
		margin-bottom: 1.5rem;
		text-align: center;
	}
	.contact_form .contacthead {
		font-size: 20px;
	}
	.submt_form .form_control {
		margin-bottom: 15px;
	}
	.page_title h2 {
		font-size: 20px;
	}
	.contact-info h3 {
		font-size: 14px;
	}
	.contact-info p {
		font-size: 12px;
	}
	.contact-info span a {
		font-size: 12px;
	}
	.catagory_page_wrapper .Upcoming_main_title {
		font-size: 18px;
	}
	.catagory_page_wrapper .title {
		font-size: 14px;
	}
	.catagory_page_wrapper .main_wrapper {
		display: block;
	}
	.catagory_page_wrapper .publish_list .listing {
		display: block;
	}
	.view {
		margin-bottom: 20px;
	}
	.catagory_page_wrapper .main_title_content h4 {
		margin: 0px auto 15px;
		font-size: 20px;
	}
	.catagory_page_wrapper .social_media {
		margin: 20px 0px;
		padding: 0;
	}
	.catagory_page_wrapper .social_media .social_media_list li {
		text-align: center;
		margin-right: 14px;
	}
	.catagory_page_wrapper .publish_list .listing li {
		margin: 7px 0px;
	}
	.content_part ul li,
	.content_part ol li {
		align-items: unset;
		font-size: 14px;
	}
	table tr td strong a {
		font-size: 10px;
	}
	td {
		font-size: 12px;
	}
	th {
		font-size: 12px;
	}
	.catagory_page_wrapper .social_media .social_media_list li h6 {
		margin-top: 10px;
		font-size: 9px;
	}
	.table {
		overflow: auto;
	}
	.related_post .title {
		margin-bottom: 20px;
	}
	.light_image p {
		max-width: 150px;
	}
	.blog_title .main_title::after {
		height: 10px;
		width: 20%;
	}
	.blog_title .main_title::before {
		height: 10px;

		width: 20%;
	}
	.tab_main_content_wrap {
		margin-top: 0;
	}
	.content_part h4,
	.content_part h1,
	.content_part h2,
	.content_part h3,
	.content_part h5,
	.content_part h6 {
		font-size: 20px;
	}
	.book_mark_card .content p {
		max-width: 176px;
		font-size: 14px;
		margin: 0 auto;
	}
	.footer_logo img {
		max-width: 100px;
	}
	.footer_wrapper {
		margin-bottom: 25px;
	}
	.upcomming_title .Upcoming_main_title::before {
		height: 10px;
		width: 15%;
	}
	.upcomming_title .Upcoming_main_title::after {
		height: 10px;
		width: 15%;
	}
	.promo_code {
		padding: 20px 20px;
	}
	.promo_image_colom .title {
		font-size: 20px;
	}
	.content-coupon {
		padding: 10px 0px;
		width: 100%;
		text-align: center;
	}
	.main-coupon {
		display: block;
	}
	.co-img-coupon {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.topfeature-block .main_title .title {
		font-size: 20px;
		margin-bottom: 10px;
		text-align: center;
	}
	.topfeature-block .discription {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.title_bc h4 {
		font-size: 16px;
	}
	.title_bc p {
		font-size: 15px;
	}
	.title_bc ul li {
		font-size: 16px;
	}

	.faqsection .accordion-button {
		font-size: 16px;
	}
	.faqsection .accordion-body {
		font-size: 16px;
		padding: 10px 18px;
	}
	.vertical-coupon {
		display: none;
	}
	.promo_image_colom {
		text-align: center;
		margin-bottom: 20px;
	}
	.star-rating {
		justify-content: center;
	}
	.copy-button-coupon button {
		min-width: 88px;
	}
	.list_row .list-unstyled h5 {
		margin-bottom: 10px;
	}
	.news-blog .breadcrumb-item {
		font-size: 10px;
		padding: 0;
	}
	.discription p {
		font-size: 16px;
	}
	.toprow {
		display: block;
	}
	.cuopon_btn {
		display: block;
	}
	.cuponBorder {
		margin-bottom: 10px;
	}
	.toprow .right {
		margin-bottom: 5px;
		margin-left: 0;
	}
	.left h2 {
		font-size: 20px;
	}
	.offer_text ul li {
		font-size: 14px;
	}
	.cuopon_box1 .expire {
		right: 10px;
		top: 4px;
		font-size: 14px;
	}
	.right_icon ul li {
		color: #ffffff;
		font-size: 14px;
	}
	.cuopon_btn .cuponBorder span {
		font-size: 18px;
	}
	.cuopon_box1 .cuopon_btn .play_btn a {
		font-size: 18px;
	}
	.left {
		border: none;
	}
	.cuopon_box1 {
		margin-bottom: 0px;
	}
	.slider_title h2 {
		font-size: 20px;
	}
	.score {
		font-size: 14px;
	}
	.upcoming-match-card__game__odds__odd__team__name {
		font-size: 12px;
	}
	.sub_header_wrapper ul li:first-of-type a {
		padding: 12px 18px 10px 0px;
	}
	.stack_title h4 {
		font-size: 14px;
	}
	.stack_numbring span {
		width: 30px;
		height: 30px;
	}
	.bts_col {
		text-align: center;
	}
	.bts_col .star-rating {
		max-width: unset;
	}
	.bos-item-info h4 {
		max-width: unset;
	}
	.bos-item-bonus li {
		font-size: 12px;
	}
	.bbs-item-action {
		text-align: center;
	}
	.bos-item-bonus p {
		margin-bottom: 10px;
	}
	.bos-item-bonus {
		text-align: center;
	}
	.copy-button {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		top: unset;
		margin: 0;
	}
	.bbs-item-action a {
		width: 100%;
	}
	.coustem_input input {
		width: 100%;
	}
	.social_media.media {
		margin: 0;
		position: relative;
		top: -70px;
		margin: 60px 0px 48px;
	}
	.social_media.media ul {
		justify-content: unset;
	}
	.social_media .social_media_list {
		justify-content: unset;
	}
	.blogList.web-story .col-md-3 {
		width: 50%;
	}
	.blogList.web-story .detail_Page_card {
		min-height: unset;
	}
	.blogList.web-story .detail_Page_card .main_title {
		font-size: 15px;
		line-height: 20px;
	}
	.video img {
		width: 150px;
	}
	.sub_header_wrapper ul {
		overflow-x: auto;
		overflow-y: hidden;
	}
	.sub_header_wrapper ul li .sub_header_drop_down {
		position: fixed;
		visibility: unset;
		opacity: unset;
		top: 130px;
		display: none;
		transition: unset;
		transform: unset;
	}

	/* quiz media querry===================== */
	.title_wrapper {
		display: block;
	}

	.quiz_image img {
		width: 100%;
	}
	.play_image img {
		height: unset;
	}
	.time {
		right: 12px;
		font-size: 14px;
		top: 11px;
		width: 16px;
		height: 18px;
	}
	.clock_timer img {
		width: 40px;
		max-width: unset;
	}
	.quiz_title {
		font-size: 16px;
	}
	.nav-link.tab {
		font-size: 16px;
		padding: 10px 26px;
	}
	.quiz_tittle {
		font-size: 36px;
	}
	.quiz_discription{
		font-size: 20px;
	}

	/* quiz media querry===================== */
}
