/*--------------------------------------------------
    ## All responsive style
---------------------------------------------------*/
.testimonial-tab button img {
	border-radius: 50%;
}
.mega-menu .sub-menu {
	width: 100%;
	padding: 20px !important;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav > li.menu-item-has-children {
    padding-left: 3px !important;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav > li.menu-item-has-children.mega-menu {
    position: initial;
}
.owl-carousel .owl-item img {
	width: auto;
    display: inline-block;
}
@media all and (min-width: 1600px) {
	.banner-area-1 h2 {
	    font-size: 60px;
	}
	.navbar-area .nav-container .logo {
	    margin-right: 60px;
	}
	.navbar-area .navbar-shape {
	    width: 370px;
	    height: 115px;
	}
	.banner-area-3 .banner-inner .title {
		font-size: 70px;
	}
	.banner-subscribe input {
	    width: 340px;
	}
}
@media all and (max-width: 1599px) {
	.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
	    font-size: 14px;
	}
	.banner-area-1 h2 {
	    font-size: 60px;
	}
	.pl-container {
	    padding-left: 9%;
	}
	.testimonial-slider-1-con--left .owl-nav {
	    margin-left: -423px;
	}
	.banner-area-2 .banner-shape {
	    width: 50%;
	}
	.single-blog-list.style-two .details {
	    margin: 25px;
	    margin-top: -40px;
	}
	.single-blog-list.style-two .details .date {
		font-size: 14px;
	}
	.single-work-process-inner {
	    padding: 30px 20px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-area .nav-container .navbar-collapse .navbar-nav > li {
	    margin-right: 0;
	}
	.single-blog-list.style-two .details h5 {
		font-size: 18px;
	}
	.footer-subscribe .footer-subscribe-inner h2 {
		font-size: 30px;
	}
	.future-generations-inner .details p {
		font-size: 14px;
	}
}
@media all and (max-width: 1199px) {
	.testimonial-slider-1-con--left .owl-nav {
	    display: none;
	}
	.single-blog-list .details {
	    padding: 25px 22px;
	}
	.single-blog-list .details p {
	    font-size: 14px;
	}
	.pl-container {
	    padding-left: 40px;
	}
	.pl-container .owl-nav {
	    right: 40px;
	}
	.banner-area-1 h2 {
	    font-size: 50px;
	}
	.single-course-inner.style-2 .details {
	    padding: 20px;
	}
	.single-blog-list.style-two .details .date {
	    font-size: 12px;
	}
	.single-course-inner.style-2 .details .course-author h6,
	.single-course-inner.style-2 .details .course-list {
		font-size: 14px;
	}
	.single-course-inner.style-2 .review-inner {
	    font-size: 11px;
	}
	.single-course-inner.style-2 .course-title {
	    font-size: 20px;
	}
	.single-course-inner.style-2 .right-arrow-text {
		font-size: 14px;
	}
	.banner-area-2 h2 {
	    font-size: 40px;
	}
	.offer-inner h2 {
	    font-size: 50px;
	}
}
@media all and (min-width: 992px) {
	.custom-no-gutter > [class^=col-] {
	    padding-left: 0;
	    padding-right: 0;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav > li.menu-item-has-children:before,
	.navbar-area .nav-container .navbar-collapse .navbar-nav > li.menu-item-has-children:after {
		display: none;
	}
}
@media all and (max-width: 991px) {
	.navbar-area .nav-container .navbar-collapse .navbar-nav {
	    padding-left: 0;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
	    padding-right: 0;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 0;
		margin-top: 11px !important;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:after {
	    top: 26px;
	}
	.navbar-area .nav-container .navbar-collapse {
	    padding: 13px !important;
	    padding-left: 0;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav {
	    margin: 0;
	}
	.navbar-area:after {
	    display: none;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
	    font-size: 16px;
	}
	.navbar-area .nav-container.navbar-bg {
	    padding-left: 15px;
	}
	.navbar-area {
	    margin-top: 0;
	    padding-top: 0;
	}
	.slider-control-right-top .owl-nav,
	.pl-container .owl-nav {
	    display: none;
	}
	.footer-bottom a {
		font-size: 15px;
	}
	.pl-container {
	    padding-left: 30px;
	}
	.banner-area-2 .banner-shape {
	    display: none;
	}
	.td-sidebar {
		margin-top: 100px;
	}
	.offer-inner {
		padding: 90px 30px;
	}
	.navbar-area .navbar-shape {
	    display: none;
	}
	.bet-container {
		width: 100%;
		padding: 10px;
		border-radius: 10px;
		background: #111117;
		text-align: center;
		margin-bottom: 1rem;
		display: flex;
		flex-direction: column;
	}

	.bet-container h4 {
		color: white;
		margin: 0.5rem 0;
		font-size: 1rem;
	}

	.mdetail-odds {
		width: 95%;
		max-width: 400px;
		margin: 6px auto;
		padding: 10px;
		background-color: #2c2c2c;
		color: #fff;
		border-radius: 8px;
		cursor: pointer;
		transition: background-color 0.3s;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
		text-align: center;
	}

	.mdetail-odds:hover {
		background-color: #3a3a3a;
	}

	.mdetail-odds span {
		display: block;
		font-size: 0.95rem;
	}
}
@media all and (max-width: 767px) {
	.breadcrumb-area .page-title {
	    font-size: 50px;
	}

	.bp-container .gifts-container .gift-item p {
	  font-size: 14px;
	}

	.bp-container .gifts-container .gifts span {
	  font-size: 16px;
	}
}
@media all and (max-width: 575px) {
	.back-to-top {
	    right: 15px;
	    bottom: 20px;
	}
	.navbar-top .topbar-right li {
		margin-bottom: 4px;
	}
	.breadcrumb-area .page-title {
	    font-size: 30px;
	}
	.breadcrumb-area .page-list li {
		font-size: 15px;
	}
	.pl-container {
	    padding-left: 15px !important;
	}
	.subscribe-area h2 {
		font-size: 24px;
	}
	.banner-area-1 h2 {
	    font-size: 30px;
	}
	.section-title .title {
		font-size: 30px;
	}
	.footer-subscribe .footer-subscribe-inner {
		padding: 25px;
	}
	.footer-subscribe .footer-subscribe-inner.style-3 input {
	    padding: 0 20px;
	    height: 55px;
	}
	.footer-subscribe .footer-subscribe-inner.style-3 .btn {
		position: relative;
	    right: 0;
	    width: 100%;
	}
	.service-course-thumb .border-radius-5 {
	    right: 0;
	}
	.navbar-area .navbar-shape {
	    height: 125%;
	}
	.contact-g-map iframe {
	    width: 100%;
	    height: 350px;
	}
	.blog-details-page-content .single-blog-inner .details h2 {
		font-size: 28px;
	}
	.single-blog-inner .details .title {
		font-size: 26px;
	}
	.offer-inner h2 {
		font-size: 28px;
	}
	.offer-inner p {
		font-size: 16px;
	}
	.banner-area-3 .banner-inner .title {
	    font-size: 30px;
	}
	.banner-area-3 .banner-inner .content {
		font-size: 16px;
		margin-bottom: 0;
	}
	.banner-subscribe {
	    background-color: transparent;
	    border-radius: 0;
	}
	.banner-subscribe button,
	.banner-subscribe input {
	    border-radius: 50px;
	    width: 100%;
	    margin-top: 10px;
	}
	.position_animate_img.position-top-right {
	    display: none;
	}
	.position_animate_img.position-middle-right {
	    display: none;
	}
	.position_animate_img.position-bottom-right {
	    display: none;
	}
	.position_animate_img.position-bottom-left {
	    display: none;
	}
	.navbar-area .nav-container {
	    margin: 0px 0px;
	    padding: 5px 10px;
	}
	.mobile-medium {
		font-size: 30px;
	}
}
@media all and (max-width: 360px) {

}


@media all and (min-width: 1300px) {
	.custom-container {
		max-width: 1250px;
	}
}
@media all and (min-width: 2000px) {
	.contact-inner-2 {
	    max-width: 1920px;
	    margin: 0 auto;
	}
}
@media all and (min-width: 1800px) {
	.custom-container {
		max-width: 1720px;
	}
}


@media (max-width: 768px) {
  .large-title {
    font-size: 30px !important;
  }

	/* Mobilde li öğelerini küçültmek için */
	@media (max-width: 768px) {
	  .social-media-footer li {
	    height: 35px;  /* Yüksekliği küçült */
	    width: 35px;   /* Genişliği küçült */
	    font-size: 12px; /* Font boyutunu küçült */
	    margin: 10px !important;
	    max-width: 35px;
	  }
	}

	.footer-links ul {
		flex-direction: column;
		align-items: center;
	}

	.footer-links li {
		width: 100%;
		text-align: center;
	}

	.announcement-icon {
		font-size: 16px;
		padding: 8px;
	}

	.scrolling-inner {
		font-size: 13px;
	}

	.scrolling-inner {
		font-size: 16px;
		animation: scroll 7s linear infinite;
	}
}

@media (max-width: 530px) {
  .large-title {
    font-size: 24px !important;
  }
}

@media (max-width: 475px) {
  .large-title {
    font-size: 18px !important;
  }

	.video-play-btn {
		width: 36px;
		height: 36px;
	}

	.video-play-btn:after {
		width: 30px;
		height: 30px;
	}
	.video-play-btn i {
		font-size: 14px;
	}

	.swal2-popup {
			width: 95% !important;
			max-width: none;
			padding: 20px;
			border-radius: 10px;
			transform: translateY(-10px);
	}
}

@media screen and (max-width: 768px) {
  .game-info {
    flex-direction: row;
    align-items: flex-start;
  }

  .info-text {
    max-width: calc(100% - 50px);
  }

	.video-play-btn {
		width: 42px;
		height: 42px;
	}

	.video-play-btn:after {
		width: 36px;
		height: 36px;
	}
	.video-play-btn i {
		font-size: 18px;
	}
}

@media (max-width: 991px) {
  .row.mb-4.pb-lg-4 {
    text-align: center;
    justify-content: center !important;
  }

  .row.mb-4.pb-lg-4 > div {
    text-align: center !important;
    justify-content: center !important;
  }

  .filter-inner-btn {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }

  #games {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  #games .game-post {
    margin: 10px; /* boşluklar için */
  }

	.responsive-mobile-menu .logo {
		justify-content: flex-start;
	}
}

@media (max-width: 991.98px) {
  .service-details-area .container .row .col-lg-3 {
    width: 95% !important;
    margin: 0 auto;
  }
}


/* Sadece mobilde göster */
@media screen and (max-width: 992px) {
    .mobile-menu .mobile-menu-button {
        display: block;
    }

    .mobile-menu {
        display: block;
        padding: 16px;
        text-align: center;
    }

    .mobile-menu-button {
        background-color: #171f29;
        border: 2px solid var(--main-color-one);
        color: var(--main-color-one);
        font-size: 20px;
        font-weight: bold;
        cursor: pointer;
        padding: 8px 12px;
        border-radius: 25px;
        display: flex;
        align-items: center;
        gap: 12px;
        box-shadow: 0 0 12px rgba(255, 240, 0, 0.3);
        transition: background-color 0.3s, transform 0.2s;
        width: 100%; /* Full genişlik */
        justify-content: center;
        margin-bottom: 25px;
    }

    .mobile-menu-button:hover {
        background-color: #282828;
        transform: scale(1.02);
    }

    .mobile-menu-button .icon {
        font-size: 24px;
        transition: transform 0.3s ease;
    }

    .mobile-menu-button.open .icon {
        transform: rotate(90deg);
    }

    #mobileMenuList {
        display: none;
        width: 100%;
        transition: 0.3s ease;
    }


		.match-coupon {
		  background-color: #1d1f2b; /* Koyu ton */
		  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05); /* Daha yumuşak, içe gömülmüş hissi verir */
		}

	  .coupon-list {
	    order: -1;
	    width: 100%;
	    margin-bottom: 20px;
	  }

	  .matchs-list,
	  #match-detail {
	    order: 1;
	  }

	  .coupon-list .row > .col-lg-9,
	  .coupon-list .row > .col-lg-3 {
	    flex: 0 0 100%;
	    max-width: 100%;
	  }

		#xdyat_main_menu {
		    max-height: 100vh; /* Ekranı aşmasın */
		    overflow-y: auto;  /* Dikeyde kaydırılabilir olsun */
		}
}

@media (max-width: 1599px) {
  .special-container .special-odds {
      width: 33%;
  }
}

@media (max-width: 1199px) {
  .special-container .special-odds {
      width: 49%;
  }
}

@media (max-width: 599px) {
  .special-container .special-odds {
      width: 100%;
  }
}


@media (max-width: 400px) {
  .responsive-mobile-menu .header-pp {
    max-width: 36px;  /* Mobilde logo boyutunu küçültüyoruz */
    max-height: 36px;
    width: 36px;  /* Mobilde logo boyutunu küçültüyoruz */
    height: 36px;
  }
}

@media (max-width: 440px) {
	.responsive-mobile-menu .logo img {
		max-width: 160px !important;
		height: 45px !important;
	}
}

@media (max-width: 390px) {
	.responsive-mobile-menu .logo img {
		max-width: 120px !important;
		height: 40px !important;
	}
}

@media (max-width: 360px) {
	.responsive-mobile-menu .logo img {
		max-width: 100px !important;
		height: 35px !important;
	}
}



@media (max-width: 600px) {
  .coupon-detail {
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 15px 20px;
  }
  .coupon-detail p {
    font-size: 15px;
    padding: 8px 0;
    border-left: none;
  }
}
@media (max-width: 480px) {
  .bet-card {
    max-width: 100%;
    padding: 10px 12px;
  }

  .bet-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .teams {
    font-size: 13px;
    gap: 6px;
  }

  .team-logo {
    width: 26px;
    height: 26px;
  }
}

@media (max-width: 1600px) {
  .bet-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .league-info, .teams {
    flex-wrap: wrap;
    width: 100%;
  }

  .league-info span, .teams span {
    white-space: normal;
  }
}

@media (max-width: 1399px) and (min-width: 992px) {
  .coupon-detail {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
  }
  .coupon-detail p {
    white-space: normal; /* metinlerin sarmasına izin ver */
    flex: 1 1 45%; /* yaklaşık yarı genişlik */
    min-width: 150px; /* çok küçülmesini önler */
  }
}






/* Mobilde (768px altı) */
@media (max-width: 1599px) {
  .search-post .game-post .game-info {
  	display: none;
  }
}

/* Mobilde (768px altı) */
@media (max-width: 1023px) {
	.search-post .game-post .demo-button {
		display: none;
	}
}

/* Mobilde (768px altı) */
@media (max-width: 768px) {
  .search-post .game-post {
    width: 19% !important; /* Mobilde yaklaşık 2 kutu yan yana */
  }
}

/* Mobilde (768px altı) */
@media (max-width: 450px) {
  .search-post .game-post {
    width: 24% !important; /* Mobilde yaklaşık 2 kutu yan yana */
  }
}


/* Mobilde (768px altı) */
@media (max-width: 380px) {
  .search-post .game-post {
    width: 27% !important; /* Mobilde yaklaşık 2 kutu yan yana */
  }
}