@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap');

@font-face { font-family: 'loyola_font'; src: url('fonts/loyolawebfont.woff2?v2') format('woff2'), url('fonts/loyolawebfont.woff?v2') format('woff'); font-weight: normal; font-style: normal; }



* { margin: 0; padding: 0; box-sizing: border-box; }
body { background-color: #000000; }
#main { max-width: 1920px; margin: 0 auto; }




.button_container { text-align: center;	width: 300px; height: 68px; }
.button1 { background-color: #4b9e43; border: none; color: white; width: 300px; height: 68px; text-align: center; text-decoration: none; display: inline-block; font-size: 23px; font-weight: bold; border-radius: 5px; cursor: pointer; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); transition: background-color 0.3s ease; }
.button1:hover { background-color: #5aa23d; }
.sm_font1 {	font-family: "loyola_font", sans-serif;	color: #ffffff; }
.sm_font2 { font-family: "Noto Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100; }

/***********************************************************************************/
/****************************** INDEX **********************************************/
/***********************************************************************************/

/* Section - 1 */
#main #sm_index_section_1 #headbar_mini_cover { display: none; }
#main #headbar_cover .language-switcher {
  position: absolute;
  top: 20px;
  right: 30px;
  display: flex;
  gap: 8px;
  z-index: 100;
}
#main #headbar_mini_cover .language-switcher {
  position: absolute;
  top: 2vw;
  left: 3vw;
  display: flex;
  gap: 0.8vw;
  z-index: 100;
}
#main #headbar_cover .language-switcher a img {
  width: 24px;
  height: auto;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
#main #headbar_mini_cover .language-switcher a img {
	width: 5vw;
	height: 3.2vw;
	opacity: 1;
	transition: opacity 0.2s ease-in-out;
}
#main .language-switcher a:hover img,
#main .language-switcher a.active img {
  opacity: 1 !important;
}


#main #sm_index_section_1 { max-width: 1920px; height: 962px; overflow: hidden; }
#main #sm_index_section_1 #hidden_minimenu_cover { display:none; background-color: #051900; width: 100%; height: 100%; position: fixed; z-index: 99999; opacity: 0.9; }
#main #sm_index_section_1 #hidden_minimenu { margin-top: 44vw; }

#hidden_minimenu .button {
            width: 46vw;
			height: 32vw;
			margin: 8vw auto;
			border-radius: 1.5vw;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text-align: center;
			font-size: 7vw;
			color: white;
			text-transform: uppercase;
			position: relative;
			overflow: hidden;
			cursor: pointer;
			transition: 0.3s;
			box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        }

		#hidden_minimenu .button_ranking_images {
			width: 14vw;
			height: 14vw;
			background-image: url('images/m_button_ranking_icon.png');
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
			position: absolute;
			top: 6vw;
		}
		#hidden_minimenu .button_prizes_images {
			width: 14vw;
			height: 14vw;
			background-image: url('images/m_button_prizes_icon.png');
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
			position: absolute;
			top: 6vw;
		}
		
        #hidden_minimenu .button span, #hidden_minimenu .button i {
            position: relative;
            z-index: 2;
			position: absolute;
			bottom: 4vw;
        }

        #hidden_minimenu .rankings {
            background-color: #2DA62C;
        }

        #hidden_minimenu .prizes {
            background-color: #D9842D;
        }

        #hidden_minimenu .button i {
            font-size: 30px;
            margin-bottom: 5px;
        }

        #hidden_minimenu .button:hover {
            filter: brightness(1.2);
           
        }
#main #sm_index_section_1 #headbar_cover { max-width: 1920px; height: 131px; border-bottom: 4px solid #4b9e43; background-color: #002a3d; }
#main #sm_index_section_1 #headbar_cover #headbar { width: 1200px; height: 127px; margin: 0 auto; }
#main #sm_index_section_1 #headbar_cover #headbar #sm_logo { background: url('images/sm_logo.png') 0 0 no-repeat; cursor: pointer; float: left; width: 215px; height: 182px; position: relative; z-index: 9999; margin: 24px 0 0 0; }
#main #sm_index_section_1 #headbar_cover #headbar #headbar_menu_left { width: 492px; list-style-type: none; padding: 0; margin: 60px 0 0 0; float: left; text-align: right; }
#main #sm_index_section_1 #headbar_cover #headbar #headbar_menu_left li { display: inline; padding-right: 50px; padding-left: 50px; }
#main #sm_index_section_1 #headbar_cover #headbar #headbar_menu_left li:first-child { padding: 0 70px 0 0; }
#main #sm_index_section_1 #headbar_cover #headbar #headbar_menu_right { width: 492px; list-style-type: none; padding: 0; margin: 60px 0 0 0px; float: right; text-align: left; }
#main #sm_index_section_1 #headbar_cover #headbar #headbar_menu_right li { display: inline; padding-left: 50px; padding-right: 50px; }
#main #sm_index_section_1 #headbar_cover #headbar #headbar_menu_right li:last-child {  padding: 0 0 0 63px; }
#main #sm_index_section_1 #headbar_cover #headbar ul li a { text-decoration: none; /* Alt çizgiyi kaldır */
    font-size: 22px;
    font-weight: bold;
    padding: 5px 30px;
    border-radius: 5px; /* Yuvarlatılmış kenarlar */
    color: #93ddff; /* Açık mavi yazı rengi */
    background-color: transparent; /* Şeffaf arka plan */
    transition: all 0.3s ease; /* Geçiş animasyonu */  }
#main #sm_index_section_1 #headbar_cover #headbar ul li a:hover { background-color: #005f8a; /* Daha koyu mavi */
    color: white; /* Yazı rengi beyaz */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); }

#main #sm_index_section_1 .middle_cover { background: url('images/index_middle_bg.jpg') 0 0 no-repeat; height: 700px; max-width: 1920px; }
#main #sm_index_section_1 .middle_cover .middle { width: 1200px; height: 700px; margin: 0 auto; position: relative; }
#main #sm_index_section_1 .middle_cover .middle .sm_logo_big { background: url('images/sm_logo_big.png') 0 0 no-repeat; width: 614px; height: 521px; position: absolute; top: 140px; left: 60px; }
#main #sm_index_section_1 .middle_cover .middle .sm_text_label_big { font-size: 66px; color: #ffffff; position: absolute; top: 280px; left: 690px; }
#main #sm_index_section_1 .middle_cover .middle .sm_text_label_small { font-size: 27px; color: #ffffff; position: absolute; top: 500px; left: 690px; }

#main #sm_index_section_1 #bottombar_cover { max-width: 1920px; height: 131px; border-top: 4px solid #4b9e43; border-bottom: 4px solid #4b9e43; background-color: #002a3d; }
#main #sm_index_section_1 #bottombar_cover #bottombar { width: 1200px; height: 123px; margin: 0 auto; position: relative; }
#main #sm_index_section_1 #bottombar_cover #bottombar #sm_text_dwnow { font-size: 45px; color: #ffffff; position: absolute; top: 36px; left: 33px; }
#main #sm_index_section_1 #bottombar_cover #bottombar #store_buttons  { display: flex;
    justify-content: right;  /* Ortala */
    align-items: center;
    gap: 40px;                 /* Butonlar arası boşluk */
    padding-top: 30px; 
	padding-right: 70px;	/* Yukarıdan boşluk (isteğe bağlı) */ }

#main #sm_index_section_1 #bottombar_cover #bottombar #sm_button_downgplay { width: 220px; height: 66px; cursor: pointer; background: url('images/button_down_gplay.png?v2') 0 0 no-repeat; }
#main #sm_index_section_1 #bottombar_cover #bottombar #sm_button_downappstore { width: 196px; height: 66px; cursor: pointer; background: url('images/button_down_appstore.png?v2') 0 0 no-repeat; }
/* Section - 1 */



/* Section - 2 */
#main #sm_index_section_2 { max-width: 1920px; height: 803px; overflow: hidden; background: #b9b9b9 url('images/sm_index_section_2_bg.png') 0 0 no-repeat; }

#main #sm_index_section_2 .middle_cover {  height: 803px; max-width: 1920px; }
#main #sm_index_section_2 .middle_cover .middle { width: 1200px; height: 803px; margin: 0 auto; position: relative; }
#main #sm_index_section_2 .middle_cover .middle .sm_ingamepic_1 { background: url('images/sm_ingamepic_1.png') 0 0 no-repeat; width: 839px; height: 431px; margin: 20px auto 0 auto; }
#main #sm_index_section_2 .middle_cover .middle .sm_text_label_big { text-align: center; font-size: 77px; color: #002a3d; padding: 100px 0 0 0; width: 1200px; height: 200px; }
/* Section - 2 */


/* Section - 3 */
#main #sm_index_section_3 { max-width: 1920px; height: 771px; overflow: hidden; background-color: #252525; }

#main #sm_index_section_3 .middle_cover {  height: 771px; max-width: 1920px; }
#main #sm_index_section_3 .middle_cover .middle { width: 1200px; height: 771px; margin: 0 auto; position: relative; }
#main #sm_index_section_3 .middle_cover .middle .sm_ingamepic_2 { background: url('images/sm_ingamepic_2.png') 0 0 no-repeat; width: 634px; height: 384px; margin: 20px 0 0 0; float: left; }
#main #sm_index_section_3 .middle_cover .middle .sm_text_label_big { text-align: center; font-size: 77px; color: #ffffff; padding: 120px 0 0 0; width: 1200px; height: 300px; }
#main #sm_index_section_3 .middle_cover .middle .sm_text_label_big_mobile { display: none; }
#main #sm_index_section_3 .middle_cover .middle .sm_text_label_small { text-align: right; font-size: 36px; color: #ffffff; margin: 100px 30px 0 0; width: 500px; height: 240px; float: left; }
#main #sm_index_section_3 .middle_cover .middle .sm_text_label_small_mobile { display: none; }
/* Section - 3 */


/* Section - 4 */
#main #sm_index_section_4 { max-width: 1920px; height: 800px; overflow: hidden; background: #b9b9b9 url('images/sm_index_section_2_bg.png') 0 0 no-repeat; }

#main #sm_index_section_4 .middle_cover {  height: 800px; max-width: 1920px; }
#main #sm_index_section_4 .middle_cover .middle { width: 1200px; height: 800px; margin: 0 auto; position: relative; }
#main #sm_index_section_4 .middle_cover .middle .sm_ingamepic_cover { width: 1200px; height: 400px; }

#main #sm_index_section_4 .middle_cover .middle .sm_ingamepic_arena_1 { background: url('images/sm_ingamepic_arena_1.png') 0 0 no-repeat; float: left; width: 272px; height: 272px; margin: 0 0 0 0; }
#main #sm_index_section_4 .middle_cover .middle .sm_ingamepic_arena_2 { background: url('images/sm_ingamepic_arena_2.png') 0 0 no-repeat; float: left; width: 272px; height: 272px; margin: 80px 0 0 37px; }
#main #sm_index_section_4 .middle_cover .middle .sm_ingamepic_arena_3 { background: url('images/sm_ingamepic_arena_3.png') 0 0 no-repeat; float: left; width: 272px; height: 272px; margin: 80px 0 0 37px; }
#main #sm_index_section_4 .middle_cover .middle .sm_ingamepic_arena_4 { background: url('images/sm_ingamepic_arena_4.png') 0 0 no-repeat; float: left; width: 272px; height: 272px; margin: 0 0 0 37px; }
#main #sm_index_section_4 .middle_cover .middle .sm_text_label_big { text-align: center; font-size: 77px; color: #002a3d; padding: 100px 0 0 0; width: 1200px; height: 220px; }
#main #sm_index_section_4 .middle_cover .middle .sm_text_label_small { text-align: center; font-size: 28px; color: #000000; margin: 40px 0 0 0; width: 1200px; height: 100px; }
/* Section - 4 */

/* Section - 5 */
#main #sm_index_section_5 { max-width: 1920px; height: 906px; overflow: hidden; background: #0d4d34 url('images/sm_index_section_5_bg.png') 0 0 no-repeat; }

#main #sm_index_section_5 .middle_cover {  height: 906px; max-width: 1920px; }
#main #sm_index_section_5 .middle_cover .middle { width: 1200px; height: 906px; margin: 0 auto; position: relative; }
#main #sm_index_section_5 .middle_cover .middle .sm_ingamepic_cover { width: 1200px; height: 500px; position: relative; margin-top: 60px; }
#main #sm_index_section_5 .middle_cover .middle .sm_ingamepic_rank_1 { background: url('images/sm_ingamepic_rank_1.png') 0 0 no-repeat; float: left; width: 679px; height: 486px; margin: 0 0 0 20px; }
#main #sm_index_section_5 .middle_cover .middle .sm_text_label_big { text-align: center; font-size: 77px; color: #ffffff; padding: 100px 0 0 0; width: 1200px; height: 270px; }
#main #sm_index_section_5 .middle_cover .middle .sm_text_label_small { font-size: 32px; color: #ffffff; margin: 0 0 0 0; height: 100px; position: absolute; width: 470px; bottom: 250px; right: 0; }
#main #sm_index_section_5 .middle_cover .middle #button_rank { position: absolute; right: 120px; bottom: 100px; }


/* Section - 5 */


/* Section - 6 */
#main #sm_index_section_6 { max-width: 1920px; height: 803px; overflow: hidden; background: #b9b9b9 url('images/sm_index_section_6_bg.png') 0 0 no-repeat; }

#main #sm_index_section_6 .middle_cover {  height: 803px; max-width: 1920px; }
#main #sm_index_section_6 .middle_cover .middle { width: 1200px; height: 803px; margin: 0 auto; position: relative; }
#main #sm_index_section_6 .middle_cover .middle .sm_ingamepic_cover { width: 1200px; height: 500px; margin-top: 30px; }

#main #sm_index_section_6 .middle_cover .middle .giftbox_1 { background: url('images/giftbox_1.png') 0 0 no-repeat; width: 358px; height: 317px; margin: 0 auto; }
#main #sm_index_section_6 .middle_cover .middle .sm_text_label_big { text-align: center; font-size: 77px; color: #002a3d; margin: 100px auto 0 auto; width: 1200px; height: 100px; }
#main #sm_index_section_6 .middle_cover .middle .sm_text_label_small { text-align: center; font-size: 32px; color: #000000; margin: 0 0 0 0; width: 1200px; height: 100px; }
#main #sm_index_section_6 .middle_cover .middle #button_prizes { margin: 40px auto 0 auto; }

/* Section - 6 */


/* Section - 7 */
#main #sm_index_section_7 { max-width: 1920px; height: 472px; overflow: hidden; background: #002a3d url('images/sm_index_section_7_bg.png') 0 0 no-repeat; }

#main #sm_index_section_7 .middle_cover { height: 472px; max-width: 1920px; border-bottom: 4px solid #4b9e43; border-top: 4px solid #4b9e43; }
#main #sm_index_section_7 .middle_cover .middle { width: 1200px; height: 472px; margin: 0 auto; position: relative; }
/*#main #sm_index_section_7 .middle_cover .middle .sm_ingamepic_cover { width: 1200px; height: 500px; margin-top: 0; position: relative; }*/

/*#main #sm_index_section_7 .middle_cover .middle .sm_game_icon_1 { background: url('images/sm_game_icon_1.png') 0 0 no-repeat; width: 201px; height: 205px; position: absolute; left: 190px; top: 60px; }*/
#main #sm_index_section_7 .middle_cover .middle .sm_text_label_big { text-align: center; font-size: 55px; color: #ffffff; margin: 70px auto 0 auto; width: 1200px; height: 60px; }
#main #sm_index_section_7 .middle_cover .middle .sm_text_label_big_mobile { display: none; }
/*#main #sm_index_section_7 .middle_cover .middle .sm_text_label_download { font-size: 44px; color: #ffffff; width: 350px; height: 50px; position: absolute; top: 77px; left: 523px; }*/

/*#main #sm_index_section_7 .middle_cover .middle .sm_button_downgplay { width: 220px; height: 66px; position: absolute; right: 520px; top: 150px; cursor: pointer; background: url('images/button_down_gplay.png') 0 0 no-repeat; }*/
/*#main #sm_index_section_7 .middle_cover .middle .sm_button_downappstore { width: 196px; height: 66px; position: absolute; right: 300px; top: 150px; cursor: pointer; background: url('images/button_down_appstore.png') 0 0 no-repeat; }*/


#main #sm_index_section_7 .middle_cover .middle .download-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    padding: 20px 30px;
    gap: 30px;
    flex-wrap: wrap; /* Mobilde alt alta geçer */
}

#main #sm_index_section_7 .middle_cover .middle .icon-column {
    flex-shrink: 0;
}

#main #sm_index_section_7 .middle_cover .middle .sm_game_icon_1 {
    background: url('images/sm_game_icon_1.png') no-repeat center/cover;
    width: 201px;
    height: 205px;
    
}

#main #sm_index_section_7 .middle_cover .middle .text-column {
    text-align: center;
}

#main #sm_index_section_7 .middle_cover .middle .sm_text_label_download {
    font-size: 45px;
    color: white;
    margin-bottom: 15px;
}

#main #sm_index_section_7 .middle_cover .middle .store-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
}

#main #sm_index_section_7 .middle_cover .middle .sm_button_downgplay,
#main #sm_index_section_7 .middle_cover .middle .sm_button_downappstore {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

#main #sm_index_section_7 .middle_cover .middle .sm_button_downgplay {
	width: 220px;
    height: 66px;
    background-image: url('images/button_down_gplay.png?v2');
}

#main #sm_index_section_7 .middle_cover .middle .sm_button_downappstore {
	width: 196px;
    height: 66px;
    background-image: url('images/button_down_appstore.png?v2');
}


/* Section - 7 */

/* Section - 8 */
#main #sm_index_section_8 { max-width: 1920px; height: 271px; overflow: hidden; background-color: #252525; }

#main #sm_index_section_8 .middle_cover { height: 271px; max-width: 1920px; }
#main #sm_index_section_8 .middle_cover .middle { width: 1200px; height: 271px; margin: 0 auto; position: relative; }
#main #sm_index_section_8 .middle_cover .middle .sm_footer_cover { width: 1200px;height: 180px; padding-top: 80px; }

#main #sm_index_section_8 .middle_cover .middle .sm_logo_footer { background: url('images/gamebrella_logo.png') center center no-repeat; background-size: contain; width: 190px; height: 60px; left: 190px;top: 60px;margin: 0 auto 10px auto; }
#main #sm_index_section_8 .middle_cover .middle .sm_text_label_copyright { text-align: center;font-size: 18px;color: #ffffff; width: 1200px; height: 30px; }

#main #sm_index_section_8 .middle_cover .middle .sm_footer_link { width: 1200px; height: 30px; margin-top: 25px; }
#main #sm_index_section_8 .middle_cover .middle .sm_footer_link #footerlink { width: 1200px; list-style-type: none; padding: 0; margin: 0 auto; text-align: center; }
#main #sm_index_section_8 .middle_cover .middle .sm_footer_link #footerlink li { display: inline; padding-right: 5px; padding-left: 5px; color: #ffffff; }
#main #sm_index_section_8 .middle_cover .middle .sm_footer_link #footerlink li:first-child { padding: 0 5px 0 0; }
#main #sm_index_section_8 .middle_cover .middle .sm_footer_link #footerlink li:last-child { padding: 0 0 0 5px; }
#main #sm_index_section_8 .middle_cover .middle .sm_footer_link #footerlink li a { color: #ffffff; text-decoration: none; font-size: 18px; }
#main #sm_index_section_8 .middle_cover .middle .sm_footer_link #footerlink li a:hover { text-decoration: underline; }

/* Section - 8 */


/***********************************************************************************/
/****************************** INSIDE *********************************************/
/***********************************************************************************/


/* Section - 1 */
#main #sm_inside_section_1 { max-width: 1920px; overflow: hidden; }

#main #sm_inside_section_1 #headbar_cover { max-width: 1920px; height: 131px; border-bottom: 4px solid #4b9e43; background-color: #002a3d; }
#main #sm_inside_section_1 #headbar_cover #headbar { width: 1200px; height: 127px; margin: 0 auto; }
#main #sm_inside_section_1 #headbar_cover #headbar #sm_logo { background: url('images/sm_logo_inside.png') 0 0 no-repeat; cursor: pointer; margin: 15px 0 0 55px; float: left; width: 179px; height: 152px; position: absolute; z-index: 9999; }
#main #sm_inside_section_1 #headbar_cover #headbar #headbar_menu { width: 900px; height: 60px; list-style-type: none; padding: 0; margin: 50px 0 0 0; float: right; }
#main #sm_inside_section_1 #headbar_cover #headbar #headbar_menu #headbar_menu_cover { float: right; list-style: none; /* Madde işaretlerini kaldır */
    display: flex; /* Elemanları yatay olarak yerleştir */
    gap: 15px; /* Menü elemanları arasındaki boşluk */
    margin: 0; /* Varsayılan margin sıfırla */
    padding: 0; /* Varsayılan padding sıfırla */
    background-color: #002b3e; /* Menü arka plan rengi */
    padding: 10px 20px; /* Menü içine boşluk ekle */ }
#main #sm_inside_section_1 #headbar_cover #headbar #headbar_menu #headbar_menu_cover li { margin-left: 10px; display: inline-block; /* Menü elemanlarını yan yana yerleştir */ }
#main #sm_inside_section_1 #headbar_cover #headbar #headbar_menu #headbar_menu_cover li:first-child {  margin-left: 0; }
#main #sm_inside_section_1 #headbar_cover #headbar #headbar_menu #headbar_menu_cover li a { text-decoration: none; /* Alt çizgiyi kaldır */
    font-size: 22px;
    font-weight: bold;
    padding: 5px 30px;
    border-radius: 5px; /* Yuvarlatılmış kenarlar */
    color: #93ddff; /* Açık mavi yazı rengi */
    background-color: transparent; /* Şeffaf arka plan */
    transition: all 0.3s ease; /* Geçiş animasyonu */ }
	
#main #sm_inside_section_1 #headbar_cover #headbar #headbar_menu #headbar_menu_cover li.active a {
    background-color: #007bba; /* Mavi arka plan */
    color: white; /* Beyaz yazı rengi */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); /* Hafif gölge */
}

#main #sm_inside_section_1 #headbar_cover #headbar #headbar_menu #headbar_menu_cover li a:hover { background-color: #005f8a; /* Daha koyu mavi */
    color: white; /* Yazı rengi beyaz */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); /* Daha belirgin gölge */ }

#main #sm_inside_section_1 .middle_cover { background-color: #dfdfdf; max-width: 1920px; }
#main #sm_inside_section_1 .middle_cover .middle { padding-top: 55px; width: 1200px; margin: 0 auto; position: relative; }
#main #sm_inside_section_1 .middle_cover .middle .sm_text_label_big { font-size: 66px; color: #002a3d; top: 330px;left: 690px;width: 100%;text-align: center; }

/* Ana kapsayıcı */
#main #sm_inside_section_1 .middle_cover .middle .sm_navigator_container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* Butonlar */
#main #sm_inside_section_1 .middle_cover .middle .nav-button {
    width: 25px;
    height: 18px;
    background-color: #4b9e43; /* Yeşil renk */
    border: none;
    cursor: pointer;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%); /* Üçgen şekli */
    transition: background-color 0.3s ease;
}

/* Sol buton (sola dönük üçgen) */
#main #sm_inside_section_1 .middle_cover .middle .left-button {
    transform: rotate(270deg); /* Sol yöne döndür */
}

/* Sağ buton (normal yön) */
#main #sm_inside_section_1 .middle_cover .middle .right-button {
    transform: rotate(90deg); /* Normal yön */
}

/* Hover efekti */
#main #sm_inside_section_1 .middle_cover .middle .nav-button:hover {
    background-color: #388E3C; /* Daha koyu yeşil */
}

/* Ortadaki yazı */
#main #sm_inside_section_1 .middle_cover .middle .nav-text {
    font-size: 45px; /* Yazı boyutu */
    color: #4b9e43; /* Yeşil renk */
    text-align: center;
}



#main #sm_inside_section_1 .middle_cover .middle .table-container {
    width: 80%;
    margin: 20px auto;
}

#main #sm_inside_section_1 .middle_cover .middle table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    background-color: white;
	border: 1px solid #bababa;
}

#main #sm_inside_section_1 .middle_cover .middle thead {
    background-color: #dfdfdf;
	color: #898989;
}

#main #sm_inside_section_1 .middle_cover .middle th, #main #sm_inside_section_1 .middle_cover .middle td {
    padding: 5px 15px;
    text-align: left;
    border-bottom: 1px solid #dfdfdf;
}

#main #sm_inside_section_1 .middle_cover .middle th {
    font-size: 1.8em;
    text-transform: uppercase;
}
#main #sm_inside_section_1 .middle_cover .middle th:nth-child(1) {
	text-align: center;
}
#main #sm_inside_section_1 .middle_cover .middle th:nth-child(2) {
	text-align: center;
}
#main #sm_inside_section_1 .middle_cover .middle th:nth-child(4) {
	text-align: center;
}
#main #sm_inside_section_1 .middle_cover .middle tbody {
	font-family: "Noto Sans", sans-serif;
    font-size: 20px;
    font-weight: 900;
    color: #002a3d;
}


#main #sm_inside_section_1 .middle_cover .middle tbody tr:nth-child(odd) {
    background-color: #bababa;
}
#main #sm_inside_section_1 .middle_cover .middle tbody tr:nth-child(even) {
    background-color: #dfdfdf;
}
#main #sm_inside_section_1 .middle_cover .middle tbody tr:nth-child(odd):hover {
    background-color: #c3c3c3;
}
#main #sm_inside_section_1 .middle_cover .middle tbody tr:nth-child(even):hover {
    background-color: #d1d1d1;
}

#main #sm_inside_section_1 .middle_cover .middle tbody tr.gold td.point {
   
    /*color: #000;*/
    font-weight: bold;
}

#main #sm_inside_section_1 .middle_cover .middle tbody tr.silver td.point {
   
    /*color: #000;*/
    font-weight: bold;
}

#main #sm_inside_section_1 .middle_cover .middle tbody tr.bronze td.point {
   
    /*color: #000;*/
    font-weight: bold;
}
#main #sm_inside_section_1 .middle_cover .middle tbody tr td:nth-child(1) {
	text-align: center;
}
#main #sm_inside_section_1 .middle_cover .middle tbody tr td:nth-child(2) {
	text-align: center;
}
#main #sm_inside_section_1 .middle_cover .middle tbody tr td:nth-child(4) {
	text-align: center;
}
#main #sm_inside_section_1 .middle_cover .middle img {
    vertical-align: middle;
    width: 59px;
    height: 60px;
}


#main #sm_inside_section_1 #loading { display: none; text-align: center; margin: 10px auto; width: 880px; height: 440px; }
#main #sm_inside_section_1 #loading img { width: 880px; height: 440px; }

#main #sm_inside_section_1 .prizes_contain {  }
#main #sm_inside_section_1 .prizes_contain #coming_soon { background: url('images/sm_page_prizes_coming_soon.png') 0 0 no-repeat; width: 893px; height: 759px; margin: 50px auto; }
#main #sm_inside_section_1 .prizes_contain #sm_prizes_01062025 { background: url('images/sm_prizes_01062025_v3.png') 0 0 no-repeat; width: 1024px; height: 1024px; margin: 50px auto; }


#main #sm_inside_section_1 .tos_container {
            max-width: 900px;
            margin: 0 auto;
            background: #fff;
            padding: 30px 40px;
            border-radius: 12px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

#main #sm_inside_section_1 .tos_container h1 {
            font-size: 32px;
            margin-bottom: 20px;
            color: #222;
        }

#main #sm_inside_section_1 .tos_container h2 {
            font-size: 24px;
            margin-top: 40px;
            margin-bottom: 15px;
            color: #333;
        }

#main #sm_inside_section_1 .tos_container p {
            font-size: 16px;
            line-height: 1.7;
            margin-bottom: 12px;
            color: #555;
        }



/* Section - 1 */






/* under 1200 pixel */
@media screen and (max-width: 1200px) {
	/*
	#main #sm_index_section_1 #headbar_cover #headbar #sm_logo { float: unset; margin: 0 auto; }
	#main #sm_index_section_1 #headbar_cover #headbar #headbar_menu_left { display: none; }
	#main #sm_index_section_1 #headbar_cover #headbar #headbar_menu_right { display: none; }
	*/
	
	/* body { background-color: #ff0000; } */
	
	
	
	.button1 {
		width: 33vw;
		height: 7vw;
		font-size: 3vw;
		border-radius: 1vw;
	}
	.button_container {
		text-align: center;
		width: 40vw;
		height: 7.8vw;
	}

	.menu-toggle {
        display: block;
        width: 5vw;
        height: 5vw;
        position: absolute;
        right: 5vw;
        top: 4.5vw;
        cursor: pointer;
        z-index: 1001;
        border-radius: 0.5vw;
    }

    .menu-toggle div {
        width: 4.2vw;
        height: 0.5vw;
        background-color: white;
        margin: 1vw auto;
        transition: all 0.3s ease-in-out;
    }

	/* Kapat butonu (çarpı) */
	.close-button {
		
		position: absolute;
        top: 4vw;
        right: 5vw;
        font-size: 2.4vw;
        color: #ffffff;
        cursor: pointer;
        background: rgb(190 191 160 / 100%);
        padding: 1.5vw 2vw;
        border-radius: 0.5vw;
        transition: background 0.3s ease;
	}

	.close-button:hover {
		background: rgba(255, 255, 255, 0.4);
	}
	
	#main #sm_index_section_1 { height: 200vw; }
	#main #sm_index_section_1 #headbar_cover { display: none; }
	#main #sm_index_section_1 #headbar_mini_cover { display: block; width: 100%; height: 14vw; border-bottom: 0.4vw solid #4b9e43; background-color: #002a3d; }
	#main #sm_index_section_1 #headbar_mini_cover #headbar_mini { width: 100%; height: 14vw; margin: 0 auto; }
	#main #sm_index_section_1 #headbar_mini_cover #headbar_mini #sm_logo { background: url('images/sm_logo.png') center bottom no-repeat; background-size: contain; margin: 0 auto; width: 28.6vw; height: 25.2vw; position: relative; z-index: 9999; }
	
	#main #sm_index_section_1 .middle_cover { background: url(images/index_middle_mini_bg.jpg) center center no-repeat; background-size: cover; height: 130vw; }
	#main #sm_index_section_1 .middle_cover .middle { width: 100%; height: 130vw; }
	#main #sm_index_section_1 .middle_cover .middle .sm_text_label_big { position: relative;
        top: 27vw;
        left: unset;
        font-size: 10vw;
        text-align: center;
        line-height: 0.95; }
	#main #sm_index_section_1 .middle_cover .middle .sm_logo_big { background: url(images/sm_logo_big.png) center 0 no-repeat; background-size: contain; top: 36vw; left: unset; width: 62vw; height: 52vw; position: relative; margin: 0 auto; background-size: contain; }

	#main #sm_index_section_1 .middle_cover .middle .sm_text_label_small {     font-size: 5vw;
    color: #ffffff;
    position: relative;
    top: 40vw;
    left: unset;
    text-align: center;
	font-weight: bold;
	}
	
	
	#main #sm_index_section_1 #bottombar_cover { height: 56vw; border-top: 0.4vw solid #4b9e43; border-bottom: 0.4vw solid #4b9e43; }
	
	#main #sm_index_section_1 #bottombar_cover #bottombar { width: unset; height: 55.3vw; }
	
	#main #sm_index_section_1 #bottombar_cover #bottombar #store_buttons { justify-content: center; padding-top: 19vw; padding-right: unset; gap: 5vw; }
	
	#main #sm_index_section_1 #bottombar_cover #bottombar #sm_text_dwnow { font-size: 9vw;
    color: #ffffff;
    position: relative;
    top: 17vw;
    left: unset;
    text-align: center; }
	
	#main #sm_index_section_1 #bottombar_cover #bottombar #sm_button_downgplay {
		width: 30vw;
		height: 10vw;
		cursor: pointer;
		background: url(images/m_button_down_gplay.png) center center no-repeat;
		background-size: contain;
	}
	#main #sm_index_section_1 #bottombar_cover #bottombar #sm_button_downappstore {
		width: 30vw;
		height: 10vw;
		cursor: pointer;
		background: url(images/m_button_down_appstore.png) center center no-repeat;
		background-size: contain;
	}
	
	
	#main #sm_index_section_2 { height: 98vw; }
	
	#main #sm_index_section_2 .middle_cover .middle { width: unset; }
	
	#main #sm_index_section_2 .middle_cover .middle .sm_text_label_big {
		text-align: center;
        font-size: 9vw;
        width: 100%;
        line-height: 0.95;
        height: 37vw;
        padding: 13vw 7vw 5vw 7vw;
	}

	#main #sm_index_section_2 .middle_cover .middle .sm_ingamepic_1 { width: 80vw; height:42vw; background-size: contain;  }
	
	
	#main #sm_index_section_3 { height: 125vw; }
	#main #sm_index_section_3 .middle_cover { height: 125vw; }
	#main #sm_index_section_3 .middle_cover .middle { width: unset; height: 125vw; }

	#main #sm_index_section_3 .middle_cover .middle .sm_text_label_big { display: none; }
	
	#main #sm_index_section_3 .middle_cover .middle .sm_text_label_big_mobile { display: block; text-align: center; font-size: 9vw; color: #ffffff; padding: 12vw 0 0 0; width: 100%; height: 43vw; margin-left: -3vw; }

	#main #sm_index_section_3 .middle_cover .middle .sm_ingamepic_2 {
		background: url(images/sm_ingamepic_2.png) center center no-repeat;
		width: 87vw;
		height: 52vw;
		float: unset;
		background-size: contain;
		margin: 22px auto;
	}
	
	#main #sm_index_section_3 .middle_cover .middle .sm_text_label_small { display: none; }
	
	#main #sm_index_section_3 .middle_cover .middle .sm_text_label_small_mobile { display: block; text-align: center;
		font-size: 4.4vw;
		color: #ffffff;
	
	}


	#main #sm_index_section_4 { height: 140vw; }
	#main #sm_index_section_4 .middle_cover { height: 140vw; }
	#main #sm_index_section_4 .middle_cover .middle { width: unset; height: 140vw; }
	
	#main #sm_index_section_4 .middle_cover .middle .sm_text_label_big {	    text-align: center;
    font-size: 9vw;
    color: #002a3d;
    padding: 10vw 0 0 0;
    width: unset;
    height: 33vw;	}
	#main #sm_index_section_4 .middle_cover .middle .sm_ingamepic_cover {	width: 75%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5vw;
        margin: 0 auto;
        height: 73vw;	}
	
	#main #sm_index_section_4 .middle_cover .middle .sm_ingamepic_arena_1 {     background: url(images/sm_ingamepic_arena_1.png) center center no-repeat;
    float: unset;
    width: 30vw;
    height: 30vw;
    margin: 0 0 0 0;
    background-size: contain; }
	
	#main #sm_index_section_4 .middle_cover .middle .sm_ingamepic_arena_2 {     background: url(images/sm_ingamepic_arena_2.png) center center no-repeat;
    float: unset;
    width: 30vw;
    height: 30vw;
    margin: 0 0 0 0;
    background-size: contain; }
	
	#main #sm_index_section_4 .middle_cover .middle .sm_ingamepic_arena_3 {     background: url(images/sm_ingamepic_arena_3.png) center center no-repeat;
    float: unset;
    width: 30vw;
    height: 30vw;
    margin: 0 0 0 0;
    background-size: contain; }
	
	#main #sm_index_section_4 .middle_cover .middle .sm_ingamepic_arena_4 {     background: url(images/sm_ingamepic_arena_4.png) center center no-repeat;
    float: unset;
    width: 30vw;
    height: 30vw;
    margin: 0 0 0 0;
    background-size: contain; }
	
	
	#main #sm_index_section_4 .middle_cover .middle .sm_text_label_small { width: unset; text-align: center; font-size: 4vw; color: #000000; margin: 9vw 0 0 0; height: 13vw; font-weight: bold; }
	
	
	#main #sm_index_section_5 { height: 150vw; background: #0d4d34 url(images/sm_index_section_5_bg.png) 0 0 repeat-y; }
	#main #sm_index_section_5 .middle_cover { height: 150vw; }
	#main #sm_index_section_5 .middle_cover .middle { width: unset; height: 150vw; }
	
	#main #sm_index_section_5 .middle_cover .middle .sm_text_label_big { text-align: center;
        font-size: 9vw;
        color: #ffffff;
        padding: 10vw 0 0 0;
        width: 88%;
        height: 43vw;
        margin: 0 auto; }
	#main #sm_index_section_5 .middle_cover .middle .sm_ingamepic_cover { width: unset; height: unset; position: unset; margin-top: 6vw; }
	#main #sm_index_section_5 .middle_cover .middle .sm_ingamepic_rank_1 {     background: url(images/sm_ingamepic_rank_1.png) center center no-repeat;
    float: unset;
    width: 100%;
    height: 59vw;
    margin: 0 auto;
    background-size: contain; }

	#main #sm_index_section_5 .middle_cover .middle .sm_text_label_small { font-size: 4vw;
		color: #ffffff;
		margin: 0;
		height: 20vw;
		position: unset;
		width: 100%;
		text-align: center;
		margin-top: 5vw;
		}

	#main #sm_index_section_5 .middle_cover .middle #button_rank {
		position: unset;
		margin: 3vw auto 3vw auto;
		width: 40vw;
		height: 8vw;
	}
	
	
	#main #sm_index_section_6 { height: 87vw; }
	#main #sm_index_section_6 .middle_cover { height: 87vw; }
	#main #sm_index_section_6 .middle_cover .middle { width: unset; height: 87vw; }
	#main #sm_index_section_6 .middle_cover .middle .sm_text_label_big {     text-align: center;
    font-size: 8vw;
    color: #002a3d;
    margin: 10vw auto 0 auto;
    height: 10vw; width: unset; }
	#main #sm_index_section_6 .middle_cover .middle .sm_text_label_small { text-align: center;
    font-size: 3.6vw;
    color: #000000;
    margin: 0 0 0 0;
    width: unset;
    height: 10vw;
	font-weight: bold;
	}
	#main #sm_index_section_6 .middle_cover .middle .sm_ingamepic_cover { width: unset;
    height: 50vw;
    margin-top: 3vw; }
	
	#main #sm_index_section_6 .middle_cover .middle .giftbox_1 { background: url(images/giftbox_1.png) center center no-repeat;
    width: 35vw;
    height: 31vw;
    margin: 0 auto;
    background-size: contain; }
	#main #sm_index_section_6 .middle_cover .middle #button_prizes { margin: 7vw auto 0 auto; }
	
	#main #sm_index_section_7 {
		
		height: 54vw;
		
	}
	#main #sm_index_section_7 .middle_cover {
		height: 54vw;
		border-bottom: 0.4vw solid #4b9e43;
		border-top: 0.4vw solid #4b9e43;
	}
	#main #sm_index_section_7 .middle_cover .middle {
		width: unset;
		height: 54vw;
	}
	#main #sm_index_section_7 .middle_cover .middle .sm_text_label_big {
		display: none;
	}
	#main #sm_index_section_7 .middle_cover .middle .sm_text_label_big_mobile {
		display: block;
		font-size: 6vw;
		padding: 7vw 0 0 0;
		width: unset;
		height: 24vw;
		text-align: center;
	}
	
	#main #sm_index_section_7 .middle_cover .middle .download-container {
		
		
		border-radius: 2vw;
		padding: 2vw 3vw;
		gap: 3vw;
		
	}

	

	#main #sm_index_section_7 .middle_cover .middle .sm_game_icon_1 {
		
		width: 20.1vw;
        height: 20.5vw;
		
	}

	#main #sm_index_section_7 .middle_cover .middle .text-column {
		text-align: center;
	}

	#main #sm_index_section_7 .middle_cover .middle .sm_text_label_download {
		font-size: 4.5vw;
		
		margin-bottom: 1.5vw;
	}

	#main #sm_index_section_7 .middle_cover .middle .store-buttons {
		
		gap: 1.5vw;
		
	}

	

	#main #sm_index_section_7 .middle_cover .middle .sm_button_downgplay {
		width: 22vw;
		height: 6.6vw;
		
	}

	#main #sm_index_section_7 .middle_cover .middle .sm_button_downappstore {
		width: 19.6vw;
		height: 6.6vw;
		
	}

	
	/*
	#main #sm_index_section_7 .middle_cover .middle .sm_ingamepic_cover {
		width: unset;
		height: 50vw;
	}
	#main #sm_index_section_7 .middle_cover .middle .sm_game_icon_1 {
		background: url(images/sm_game_icon_1.png) center center no-repeat;
		width: 20vw;
		height: 20vw;
		position: absolute;
		left: 19vw;
		top: 6vw;
		background-size: contain;
	}
	#main #sm_index_section_7 .middle_cover .middle .sm_text_label_download {
		font-size: 4.4vw;
		color: #ffffff;
		width: 35vw;
		height: 5vw;
		position: unset;
		
	}
	#main #sm_index_section_7 .middle_cover .middle .sm_button_downgplay {
		width: 22vw;
		height: 6.6vw;
		position: unset;
		background: url(images/button_down_gplay.png) center center no-repeat;
		background-size: contain;
	}
	#main #sm_index_section_7 .middle_cover .middle .sm_button_downappstore {
		width: 19.6vw;
		height: 6.6vw;
		position: unset;
		background: url(images/button_down_appstore.png) center center no-repeat;
		background-size: contain;
	}
	*/
	
	#main #sm_index_section_8 {
		
		height: 27.1vw;
		
		
	}
	#main #sm_index_section_8 .middle_cover {
		height: 27.1vw;
	}
	#main #sm_index_section_8 .middle_cover .middle {
		width: unset;
		height: 27.1vw;
	}
	#main #sm_index_section_8 .middle_cover .middle .sm_footer_cover {
		width: unset;
		height: 25vw;
		padding-top: 6vw;
	}	
	#main #sm_index_section_8 .middle_cover .middle .sm_logo_footer {
		background: url(images/sm_logo_footer.png) center center no-repeat;
		background-size: contain;
		width: 22vw;
		height: 6vw;
		margin: 0 auto 1vw auto;
	}
	#main #sm_index_section_8 .middle_cover .middle .sm_text_label_copyright {
		
		font-size: 1.8vw;
		
		width: unset;
		height: 3vw;
	}
	#main #sm_index_section_8 .middle_cover .middle .sm_footer_link {
		width: unset;
		height: 3vw;
		margin-top: 2.5vw;
	}
	#main #sm_index_section_8 .middle_cover .middle .sm_footer_link #footerlink {
		width: unset;
		
		
	}
	#main #sm_index_section_8 .middle_cover .middle .sm_footer_link #footerlink li:first-child {
		padding: 0 0.5vw 0 0;
	}
	#main #sm_index_section_8 .middle_cover .middle .sm_footer_link #footerlink li a {
		
		font-size: 1.8vw;
	}
	
	
	#main #headbar_cover .language-switcher {
	    position: absolute;
		top: 2vw;
		right: 3vw;
		display: flex;
		gap: 0.8vw;
		z-index: 100;
	}
	#main #headbar_cover .language-switcher a img {
		width: 3.5vw;
	}

	#main #sm_inside_section_1 #headbar_cover { height: 13.1vw; border-bottom: 0.4vw solid #4b9e43; }

	#main #sm_inside_section_1 #headbar_cover #headbar { width: unset; height: 12.7vw; }
	#main #sm_inside_section_1 #headbar_cover #headbar #sm_logo { margin: 1.5vw 0 0 5.5vw; width: 17.9vw; height: 15.2vw; background-size: contain; }
	#main #sm_inside_section_1 #headbar_cover #headbar #headbar_menu { width: 90vw; height: 7vw; margin: 5.5vw 0 0 0; }

	#main #sm_inside_section_1 #headbar_cover #headbar #headbar_menu #headbar_menu_cover { gap: 1.5vw; padding: 1vw 2vw; margin-right: 4vw; }
	#main #sm_inside_section_1 #headbar_cover #headbar #headbar_menu #headbar_menu_cover li { margin-left: 1vw; }
	#main #sm_inside_section_1 #headbar_cover #headbar #headbar_menu #headbar_menu_cover li a { font-size: 2.2vw; padding: 0.5vw 3vw; border-radius: 0.5vw; }
	#main #sm_inside_section_1 #headbar_cover #headbar #headbar_menu #headbar_menu_cover li.active a { box-shadow: 0px 0.2vw 0.4vw rgba(0, 0, 0, 0.2); }
	#main #sm_inside_section_1 #headbar_cover #headbar #headbar_menu #headbar_menu_cover li a:hover { box-shadow: 0vw 0.4vw 0.6vw rgba(0, 0, 0, 0.3); }


	#main #sm_inside_section_1 .middle_cover .middle { padding-top: 5.5vw; width: unset; }
	#main #sm_inside_section_1 .middle_cover .middle .sm_text_label_big { font-size: 6.6vw; top: 33vw; left: 69vw; width: unset; }

	/* Butonlar */
	#main #sm_inside_section_1 .middle_cover .middle .nav-button {
		width: 2.5vw;
		height: 1.8vw;
	}
	#main #sm_inside_section_1 .middle_cover .middle .nav-text {
		font-size: 4.5vw;
	}
	#main #sm_inside_section_1 .middle_cover .middle .table-container {
		width: unset;
		margin: 2vw auto;
	}
	#main #sm_inside_section_1 .middle_cover .middle table {
		width: 90%;
		box-shadow: 0 0.2vw 0.5vw rgba(0, 0, 0, 0.2);
		border: 0.1vw solid #bababa;
	}
	#main #sm_inside_section_1 .middle_cover .middle th, #main #sm_inside_section_1 .middle_cover .middle td {
		padding: 0.5vw 1.5vw;
		border-bottom: 0.1vw solid #dfdfdf;
	}

	#main #sm_inside_section_1 .middle_cover .middle th {
		font-size: 4vw;
	}

	#main #sm_inside_section_1 .middle_cover .middle tbody {	
		font-size: 3vw;
	}
	#main #sm_inside_section_1 .middle_cover .middle img {  
		width: 5.9vw;
		height: 6vw;
	}
	
	#main #sm_inside_section_1 .prizes_contain #coming_soon { background-size: contain; width: 89vw; height: 76vw; margin: 5vw auto; }

	#main #sm_inside_section_1 #loading { margin: 1vw auto; width: 88vw; height: 44vw; }
	#main #sm_inside_section_1 #loading img { width: 88vw; height: 44vw; }

	
	
	#main #sm_inside_section_1 .tos_container {
		padding: 15px;
	}

    #main #sm_inside_section_1 .tos_container h1 {
		font-size: 22px;
	}

    #main #sm_inside_section_1 .tos_container h2 {
		font-size: 18px;
	}

    #main #sm_inside_section_1 .tos_container p {
		font-size: 14px;
	}
	
	
	#main #sm_inside_section_1 .prizes_contain #sm_prizes_01062025 {
		background: url(images/sm_prizes_01062025_v3.png) -3vw 0 no-repeat;
		width: 99vw;
		height: 99vw;
		margin: 5vw auto;
		background-size: cover;
	}
}



@media screen and (max-width: 320px) {
	#main #sm_inside_section_1 #headbar_cover #headbar #headbar_menu #headbar_menu_cover {
       
        padding: 0;
    }
	
	
}