@media (min-width:1401px) {
	html{font-size:14px!important;}  
}
@media (max-width:1600px) {
	html{font-size:12px!important;} 
}
@media (max-width:992px) {
	html{font-size:12px!important;} 
}
@media (max-width:570px) {
	html{font-size:11px!important;} 
}

@media (max-width: 768px) {
	.mybaslik h1 {padding:0!important;margin-top:0!important;font-size: 2rem!important;} 
	.mybaslik { padding: 2rem;}	 

	.slide-kat {padding-top:5rem;}
	.slide-kat h1 {font-size: 2rem;}
	.carousel-track { margin-top:0rem; }
	.carousel-track .carousel-card { width:33%;padding: .3rem }
	.carousel-track .carousel-card p {display: none;}	
	.carousel-track .carousel-card img{ width:50px;height: 50px }
	.carousel-track .carousel-card span{ display: none; }
	.carousel-track .carousel-card p{ display: none; }
	.carousel-track .carousel-card div{ display: none; }
	.carousel-track .carousel-card h3{ font-size:1.1rem!important;margin-top:1rem; }

	.home .guncels { margin-top: 0!important }	
	.home .carousel-inner .item .description h2 { font-size: 2rem;}

	.home .dersler  {padding:2rem;}
	.home .dersler h3 {
		margin-bottom:0px; 
		font-size: 1.4rem;
		line-height: 2rem;
		margin-top:2rem
	}
	.home .dersler .container {padding-top:10px!important;margin-top:-10px!important;}
	.home .dersbox  { padding:10px 0; min-height: 80px; }
	.home .dersbox a:not(.uygulamalar .dersbox a) {display: flex;align-items: center;}
	.home .dersbox a  .ders-image{flex:30%;margin-right: 20px;}
	.home .dersbox a  .ders-detay{flex:70%;}
	.home .dersler .row  {margin:0;}
	.home .dersbox .ders-title {		 
		margin-top: 0px;
		margin-bottom: 0;			 
		line-height: 2rem; 
		color: #ddd; 
		font-weight: bold;
		font-size: 1.4rem
	}
	.home .dersbox .ders-title p {margin-top: 0px;}	
	.home .dersbox .ders-detay .ders-tarih {color: #777}

	.home .uygulamalar  .ders-detay  {margin-top:1rem;text-align: center;}
	.home .uygulamalar  .ders-image  {width: 100%;}

	.home .notlar a  .ders-image{flex:7%;margin-right: 20px;}

	.container-fluid {padding: 5px;}
	.giriscikis {margin-right:0px;}
	.home .guncels { padding: 1rem;margin:0;margin-top:1rem} 
	.home .carousel-inner .item .description { padding-bottom: 5px;} 
	.home .carousel-inner .item img { opacity:1} 
	.home .carousel-inner .item .description h2 {font-size:1.5rem;line-height:2rem;/**/color:#fff;}
	.home .carousel-inner .item .description p { font-size: 1rem;	/**/ margin-top:2px;margin-bottom:5px;}

	.home .container-fluid  .container {margin-top:0;margin-bottom:0;}
	.home .guncels  .container {padding: 0px;margin-top:0px;margin-bottom:0px;width:100%;}
	#profikonalt { right:0}
	#profikon { padding:1rem;}

	.mywidget1 div{background-color: #000;}	
	.kategori-showroom .container {padding: 20px;}	
	.home .linkler .container { justify-content: center;} 
	.home .linkler .links-right {padding: 0 40px;} 
	.home .linkler .links-right .linkbox img{margin-right: 2rem;flex:15%;}
	.home .linkler .links-right .linkbox div{flex:85%;} 
	.sub-mail .mail_error { 
		font-size: .9rem;
		bottom:-1.7rem;
		margin-left: 5px  
	}
	.footer ul li a {color:#777;}
	.footer .container {flex-direction: column;	} 
	.footer .footer-left {
		flex:100%;
		text-align: center;
		margin-bottom:10px;
	}
	.notlar .row {margin: 0px;}
	.notbox {padding: 5px;}
	.mywidget2{padding:5px;border:none;}
	.mywidget2 .not-description {padding: 0;}
	.mywidget2 .not-description h2 {/*font-size:1.4rem;*/line-height: 1.9rem;margin-top:10px;margin-bottom:0}
	.mywidget2 .not-description .statistic{display: block;} 
	.mywidget2 {  padding: 1rem; min-height:300px; } 
	.content-card-box  .mywidget2 {min-height:220px;padding:0 } 
	.content-card-box  .mywidget2 h2 {font-size: 1.3rem;padding-left:1rem} 
	.time-pick {text-indent: 1rem}
	.list-inline li a {margin-top: 0}  
	.makale-baslik { 
		font-size:2.2rem;
		line-height: 2.7rem!important;
		margin-bottom:1rem;
	}
	.tab-pane,.tab-pane p,.tab-pane li,  .tab-pane span,.tab-pane div {
		color: #ccc;					
		letter-spacing: 1px;
		font-size: 1.2rem;
	}
	#makale {padding: 0px;margin-top: 0;}
	#makale .makale-icerik {padding: 10px;background: none;}
	.tab-pane pre { font-size: 1.4rem;  }
	.nav-tabs-custom .nav-tabs li a {padding:10px;}	 
}

@media (max-width:990px) {
	.arama-box  .close-search {
		right: 20px;top:20px;/*font-size:3rem;*/
	}  

}


@media (max-width: 1200px) {
	.xs-button {display: block;cursor: pointer;}
	.arama-box {width:100%}
	.mymenu  {
		display: none;
		position: fixed;
		overflow: scroll;
		left: 0px;
		top:0px;
		z-index: 1000;
		width:100%;
		background-color: #111;
		padding: 2.5rem;
		height: 100%;
		padding-bottom: 300px;
		text-align: center;
	}
	.mymenu li  {width: 100%; }
	.mymenu li a {
		text-align: left;
		padding:15px 20px;
		background-color: #000;
		margin: 5px;
		border-left:5px solid #da3d00
	}
	.mymenu li ul li  {
		float:none;
		text-align: left;
		padding:0;
		background-color: #111;
		margin:5px;
		width:100%;
		text-indent:2rem;
	}
	.mymenu li ul li a  {text-align: left;display: block;border-left:none}
	.mymenu li ul   {
		display: none;
		box-shadow: 0px 0px 5px #000!important;  
		position: relative;
		width:100%!important;
	}
	.logo {flex:10;}

	.link-cat .mylist{margin: 0;padding: 0px;margin-top:-40px;}
	.yyy .links {padding-left: 0;margin-top:-60px;}
	.link-cat-name {text-align: center;}
	.odevs {margin-top:20px;}
}

@media (max-width: 860px) {
	.xs-button {margin-left:1rem;}
}

@media (max-width:1050px) {
	.kategori-showroom {
		background-size: cover;
	}
} 

@media(min-width:1600px) {.mylist2 li a {font-size: 1.3rem!important;}}
@media (max-width:1400px) {.mywidget3 b {/*font-size:1.6rem*/}}
@media(min-width:1300px) {.container {width:70%!important;}} 
@media (min-width:1200px) {.container {width:80%!important}}
@media (max-width:1000px) {
	.tab-pane h3 {font-size: 2.7rem;}
	.tab-pane h4 {font-size: 2rem;}
	#konular  .close-search { right: 20px;top:20px; }  
	.table-responsive {border-color:transparent;} 
	.sags {padding-left:20px;}
}


@media (max-width:568px) {
	#makale .makale-icerik {padding:1rem!important; }
	.tab-pane { padding:0;font-size: 1.3rem!important}  
	.tab-pane p{  font-size: 1.5rem!important;line-height: 2.5rem;color:#aaa!important;} 
	.tab-pane h3 {font-size: 1.8rem;line-height: 2.5rem}
	.tab-pane h4 {font-size:1.7rem;color:#bbb!important;line-height: 2.4rem} 
	.makale-baslik-cont .container{ padding:2.5rem 0; }  
}