:root { 

	--sb-font-color:#ee2825; 
	--sb-bg-color:#9E0000;
	--sb-bg-color-text:#e7e7e7;
	--sb-focus-color:#0e5491; 		
	
	--white-color:#fff; 
	--hizli-baglanti-bg:#ddd;
 
	--font_default: "Roboto", sans-serif; 
	
	--radius:5px;
	 
	--site-font-color:#444;
	--logo-svg:rgba(218,41,28);
	--logo-ust-kurum-adi: rgba(218,41,28); 
	--logo-kurum-adi:rgba(83,86,90);
	
	--mainmenu:#444;
	--svgcolor:#444;
	
	--svgbgcolor:#rgba(0, 0, 0, 0.20);
	--svgiconcolor:#fff;
	--svgicontextcolor:#fff;
	--svgiconbordercolor:rgba(249, 249, 249, 0.3);
	
	--news-all-link-bg-color:#fff;
	--news-all-link-bg-color-hvr:#000;
	
	--hovercolor:#000;
	
	--slider_btn:#fff;
	--slider_btn_hover:#000;
	 
	--newsborder:#940D0A;
	--newsborderhover:#940D0A;
	
	--site-default-bg-color:#525252;  
	--site-default-bg-color-hover:#757575; 
	--site-default-bg-color-light:#e8e8e8;  
	--site-default-border-color:#dfdfdf; 
    
	--site-header-top-bg:#fff;  
   
	--footer-bg-color:#4a4a4a; 
	--footer-border-color:#3e3b3b; 
	--footer-border-color-hover:#454545; 
	--footer-icon-color:#f1f1f1;  
	--footer-text-color:#fff;  
	--footer-bottom-text-color:#444;			
				
		
}
 
	@media(min-width:1537px) {
		
		
		#popup-modal .modal-content { 
			margin-top:8%; width:58%; 
		}  
		#popup-modal iframe {
			width:70%; height:370px; margin:0px auto; padding:0px; text-align:center; display:block
		}
		  
		 
	}

		
	@media(max-width:1456px) {
		
		header .container {
			max-width: 94%;
		}
	 
		.news-title h3 {
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			display: -webkit-box; 
			overflow: hidden;
		}


		#main-slider-full .swiper-slide img {
			height: auto; height:780px
		} 		
		
		#popup-modal .modal-content { 
			margin-top:12%; width:78%; 
		}  
		#popup-modal iframe {
			width:70%; height:370px; margin:0px auto; padding:0px; text-align:center; display:block
		}
				
	}	


	@media(max-width:1200px) {
		
		.accordion-button {
			border:0; background:none;  border-radius:0; padding: 8px 0px; border-bottom:1px solid #f2f2f2
		}
		.accordion-body {
			border:0; margin:0; padding:20;  
		} 
		.accordion-button:not(.collapsed) {
			background:none; color: none; box-shadow: none; border-color: #dbe7ff; font-weight: 500; 
		}
		.site_map span, .search span {
			display:none
		}
		.ataturk {
			display:none
		}
		
		header .container {
			max-width: 94%;
		}
		
		.header-middle {
			display:none
		}
		 
		.sidebarmenu {
			display: block; margin-right:5px; margin-top:5px; font-size:24px
		}
		 
		.main_slider_control, .main_slider_btn, #main-slider-full .swiper-button-prev, #main-slider-full .swiper-button-next { 
			display:none
		}
		#main-slider-full .swiper-slide img {
			height: auto; height:580px
		}  
		#main-slider-full .slider_content {
			position:absolute;
			top:45%;
			left:50%;
			transform:translate(-50%, -50%);
			width:100%;
			max-width:1200px;
		} 
		#main-slider-full .slider_content h1 { 
			width: auto; line-height:31px; font-size:23px
		}
		#main-slider-full .slider_content h1 a { 
		  line-height: unset; font-size:unset
		}
		#main-slider-full .btn-more { 
			margin-top:20px; padding: 6px 9px; font-size:15px
		} 

		
		/** Slider Alt ikonlar **/ 
		 
		.icons a{
			padding:12px 0px; margin:2px 
		}
		.icons a svg { 
			fill: #fff; height:40px
		}
		.icons a span { 
			 font-weight:normal; font-size:14px;  margin-top:10px
		}
		
		
		

		.news-title p {
			font-size: 14px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box;  overflow: hidden;
		}


		.swipper_blog .img_frame {
			height:auto; height:160px
		}
		.swipper_blog_content {
			height:auto
		}

		
		
		.mobiles_spacer {
			margin-top:30px
		}
		
		.page_header_bg {
			margin-top: 70px;
		} 
		.page_print_settings {
			display:none
		}
		
		.detail_photo .detail_photo_kapak_gorseli {
			height: auto
		}
		.detail_photo .detail_photo_kapak_gorseli img {
			height: auto
		}
		.news_social_share {
			display:none
		}
		.haber_tarihi{
			float:none; position:unset; font-size:12px; transform: none; padding:4px 2px
		}
		
		
		#popup-modal .modal-content { 
			margin-top:15%; width:78%; 
		}  
		#popup-modal iframe {
			width:70%; height:270px; margin:0px auto; padding:0px; text-align:center; display:block
		}
		
		
		.footer_header .row > div:last-child {
			display: none;
		}		 
		
	}


	/* @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { */ 
	@media only screen and (min-device-width: 991px) and (max-device-width: 1024px) {
		
		header.smaller .header-top { 
		  margin-top: 0px;
		} 
		header .container {
			max-width: 94%;
		}
		  
		.container {
			/* max-width:940px */
		}	
		

	}



		
	@media(max-width:990px) {
		
		header .container {
			max-width: 94%;
		}
		 
		 
		header.smaller .header-top { 
		  margin-top: 10px; padding:0px
		}

		header.smaller .header-top-content {
			background-color:#fff; padding-bottom:15px
		}
		
		header {
			background-color:#fff
		}	
		.header-top {
			background-color:#fff
		}
		
		
		#main-slider-full {
			margin-top:68px
		}  	
		.main_slider_control, .main_slider_btn, #main-slider-full .swiper-button-prev, #main-slider-full .swiper-button-next { 
			display:none
		}
		#main-slider-full .swiper-slide img {
			height: auto; height:380px
		}  
		#main-slider-full .slider_content {
			position:absolute;
			top:45%;
			left:50%;
			transform:translate(-50%, -50%);
			width:100%;
			max-width:1200px;
		} 
		#main-slider-full .slider_content h1 { 
			width: auto; line-height:31px; font-size:18px
		}
		#main-slider-full .slider_content h1 a { 
		  line-height: unset; font-size:unset
		}
		#main-slider-full .btn-more { 
			margin-top:20px; padding: 6px 9px; font-size:13px
		} 
		
		
		/** Slider Alt ikonlar **/ 
		 
		.icons a{
			background-color:#fff;  padding:12px 0px; margin:2px  
		}
		.icons a svg { 
			fill: var(--footer-bg-color); height:30px
		}
		.icons a span { 
			color: #000; font-weight:normal; font-size:15px; margin-top:10px
		}
		
		
		.swipper_blog .img_frame, .swipper_blog .img_frame2 {
			height:182px
		}
		.swipper_blog_content {
			height:auto
		} 
		.section_link { 
			position: unset; margin:20px
		} 
		.footer_border {
			border:0
		}
		
		.news-title h3 {
			-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;  overflow: hidden;
		}
	 
		.page_header_bg {
			margin-top: 85px;
		} 
		.page_print_settings {
			display:none
		}

		.tab-content-inner {
			padding: 0px; 
		}	


		.footer_list li a { 
			font-size: 14px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;  overflow: hidden;
		}



		#popup-modal .modal-content { 
			margin-top:25%; width:88%; 
		}  
		#popup-modal iframe {
			width:80%; height:320px; margin:0px auto; padding:0px; text-align:center; display:block
		} 
		 
		.container {
			max-width:720px
		}
		
		
	}



	@media(max-width:767px) {
		
		h1 {
			font-size:22px
		} 
		h2 {
			font-size:18px
		} 
		header .container {
			max-width: 100%;
		} 
		.header_top_content_mobil { 
			display: flex; justify-content: flex-end; align-items: center; padding: 0px 20px; 
		} 
		.sidebarmenu {
			display: flex; justify-content: flex-end; align-items: center; margin-left: auto;  font-size: 24px; background-color:#fff;
			padding:2px 10px; margin-top:10px; position:relative; z-index:2; display:block; cursor:pointer
		} 
		.sidebarmenu:hover {
			background-color:#ff0000
		} 
		#logo{
			display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; width:100%; margin-top:-55px; 
		} 
		#logo > a{
			display:inline-flex; justify-content:center; width:auto; align-self:center; 
		} 
		#logo svg{
			display:block; height:30px; margin:0 auto 3px;
		} 
		#logo h1{ 
			margin:0; padding:0; text-align:center;
		} 
		#logo h1 a{
			display:inline-block; font-size:11px
		} 
		#logo h1 span{
			display:block; font-size:14px
		} 
		header.smaller .header-top {
			transition: 300ms ease all;  margin-top:0px;
		}
		header.smaller .header-top-content {
			background-color: #fff; padding-bottom: 0px;
		} 
		header.smaller .header-top  #logo svg {
			display:none
		} 
		.topbar {
			display:none
		} 			
		 
		 
		 
		 
		 
		#main-slider-full {	
			margin-top: 80px;
		} 
		.main_slider_control, .main_slider_btn, #main-slider-full .swiper-button-prev, #main-slider-full .swiper-button-next { 
			display:none
		}
		#main-slider-full .swiper-slide img {
			height: auto; height:280px
		}  
		#main-slider-full .slider_content {
			display: flex; flex-direction: column; justify-content: center;  align-items: center; text-align: center; width: 100%; height: 100%;
		}
		#main-slider-full .slider_content h1 { 
			width: auto; line-height:21px; 
		}
		#main-slider-full .slider_content h1 a { 
		  line-height: unset; font-size:unset; font-size:15px
		}
		#main-slider-full .btn-more { 
			margin-top:20px; padding: 6px 9px; font-size:13px
		} 
		
		
		/** Slider Alt ikonlar **/ 
		.icons {
			margin:4px; /* background-color: var(--footer-bg-color) */
		} 
		.icons a{
			background-color:#fff; height:130px; padding:12px 0px; /* background-color: var(--footer-bg-color) */
		}
		.icons a svg { 
			fill: var(--footer-bg-color); height:30px
		}
		.icons a span { 
			color: #000; font-weight:normal; font-size:14px; margin-top:5px
		} 
		.swipper_blog .img_frame, .swipper_blog .img_frame2 {
			height:172px
		}
		.swipper_blog_content {
			height:auto
		}
	  
		.section_link { 
			position: unset; margin:20px
		} 
		.pages_content {
			padding:20px 0px
		} 
		.news-items {
			height:auto
		} 
		.swipper_blog_content2 {
			height:auto
		}
		.swipper_blog h3 {
			font-size: 16px; 		
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			display: -webkit-box; 
			overflow: hidden;
		}
		
		footer { 
			padding: 0px 30px; 
		}	
		.social-menu-footer li a { 
			padding: 0.425rem; 
		}
		.social-menu-footer li a svg { 
			width: 21px;
		} 	 
		.container {
			max-width:460px
		}
		
	}


	@media(max-width:476px) {
	  
		.hizli_erisim-btn {
			display:none
		}
		.text_hover {
			margin:0px auto; padding:0px; width: 90px; white-space: normal; text-align: center;  
		}
		
		.container {
			max-width:340px 
		}
	}









