/**
GLOBALs
**/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

 }


/* Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1199px) {
	.t15 .banner--clone .logo.logo-stick {display:none!important}
	.t15 .header {
		height: 92px!important;
	}
	.ogrTema .ogrenciAdina {left:-117px!important}
	.ogrTema .sinifAdina {left:117px!important}
    .yil100{
        margin-top: 20px;
        padding-top: 5px;
        padding-left: 30px;
        display: none !important;
    }
}

@media (max-width: 991px) {
    .header {
        float: left;
        background: white !important;
        
    }
    .yil100{
        margin-top: 20px;
        padding-top: 5px;
        padding-left: 30px;
        display: inline !important;
    
    }
    .header > .container {
        max-width: 100% !important;
    }

    .header a.logo {
        color: #343434 !important;
        margin-bottom: 12px;
    }

	.header a.logo span {
		top:14px!important;
	}
	
    .header.banner--stick {
        border-bottom: none
    }

    .header.banner--stick #header-top-nav, .header.banner--unstick #header-top-nav {
        display: none;
    }

	#header-top-nav {
		display:none!important
	}
    .header.banner--stick a.logo img, .header.banner--unstick a.logo img {
        width: 57px !important;
    }

	.header.banner--stick a.logo-stick img.avb-mobile, .header.banner--unstick a.logo-stick img.avb-mobile {
        width: 130px !important;
    }

    .header.banner--stick {
        position: fixed !important;
        background: rgba(232, 33, 50, .8) !important
    }

    .header.banner--stick .sf-menu {
        margin-top: 12px !important;
        margin-bottom: 0 !important;
    }

    .header.banner--stick a.logo {
        margin-bottom: 12px !important;
        color: white !important;
    }

    .header.banner--stick .nav-opened-button {
        color: white !important;
        top: 18px !important;
    }
	#slider .owl-theme .owl-dots .owl-dot span {
		margin: 5px 3px;
	}
    #slider {
        
    }

    .announcement-item h3 {
        width: 75% !important;
    }

    .announcement-item-bottom {
        width: 100% !important
    }

    .announcement-item-bottom .unit {
        left: 0 !important;
    }

    /*#content-img {margin-top: 91px !important;}*/

    .icerik, .sidebar {
        margin-top: 0 !important;
        margin-bottom: 20px;
    }
	#slider .owl-item .item .oc-text > div.baslik {
		    line-height: 2vh!important;
    font-size: 2.8vw!important;
		
	}
	

	.t15 .logo.logo-stick {display:none!important}
	.ogrTema {background-size:120%!important;}
	.ogrTema .ogrenciAdina {left:-100px!important}
	.ogrTema .sinifAdina {left:90px!important}
}

/*
    SCREENs
*/

@media (max-width: 767px) {
	.ogrTema {background:none!important}
	.ogrTema .ogrenciAdina {left:0!important;top:0!important;margin-top: 15px!important;}
	.ogrTema .sinifAdina {left:0!important;top:0!important;margin-top:21px!important; margin-bottom:25px!important;}
    .yil100 {
        margin-top: 12px;
        padding-top: 12px;
        padding-left: 24px;
        display: inline !important;
    }
}


@media (min-width: 320px) and (max-width: 399px) {
    .header a.logo {
        font-size: 12px !important;
    }
    .yil100 {
        margin-top: 10px;
        padding-top: 11px;
        padding-left: 18px;
        display: inline !important;
        height: 43px !important;
    }

    .header a.logo img {
        margin-right: 0px !important;
        width: 45px !important;
        margin-bottom: 0px !important;
    }
	.header a.logo span {
		    top: 12px!important;
    left: 9px;
    font-size: 12px!important;
    line-height: 14px!important;
	}
    .nav-opened-button {
        top: 23px !important;
        font-size: 27px !important;
    }

    #slider .owl-item .item .oc-text {
        padding: 12px !important;
        text-align: right !important;
        width: 100% !important;
        height: 46px !important;
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%)!important;
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%)!important;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%)!important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1)!important;
    }

	
	
    #slider .owl-item .item .oc-text .ozet {
        display: none !important;
    }

    #slider .owl-dots .owl-dot span {
        width: 20px !important;
        height: 6px !important;
		background: #D6D6D6!important;
    }

    #slider .owl-dots {
		position: unset!important;
		margin-top:0!important;
		line-height:1px!important;
    }
	#slider .owl-dots .owl-dot.active span, #slider .owl-dots .owl-dot:hover span {
		background:#f25360!important
	}
    #slider {
        
    }
	
    .announcement-item h3 {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .announcement-item-bottom {
        width: 100% !important
    }

    .announcement-item-bottom .unit {
        float: right !important;
        width: 100% !important;
        text-align: right;
    }

    .announcement-item-bottom .announcement-date {
        width: 100% !important;
        text-align: right;
    }

    .announcement-item .img-date {
        display: none !important;
    }

    .meb-tab li.nav-item > a {
        font-size: 16px !important; 
    }

    /*#content-img {
        margin-top: 84px !important;
    }*/

    .outline-info h2 {
        font-size: 19px !important;
    }

    .outline-info span:before, .outline-info span:after {
        content: none !important;
    }

    .outline-info span {
        font-size: 16px !important;
        text-align: justify !important;
        padding: 0 !important;
        margin-bottom: 17px;
    }
	
	.statistic-name {
		font-size: 10px!important;
	}
	.statistic-number{
		    font-size: 23px!important;
	}
	#announcement-tab.meb-tab li.nav-item > a {
		font-size: 17px !important;
	}
	
	 #news-tab.meb-tab li.nav-item > a {
		font-size: 16px !important;
	}
	 #news-tab.meb-tab li.nav-item > a {
        padding: 10px 7px !important;
    }
	#apps-mobil-uygulamalar .app {
		top: 56%!important;
	}
	
	#news #news-kurumsal-haberler .news-item img {
		    float: left!important;
			width: 41%!important;
	}

	#news #news-kurumsal-haberler .news-item h3{
		    padding: 0 9px!important;
	}
	
	#news #news-kurumsal-haberler .news-item p{
		width: 100%;
		min-height: unset;
		padding: 9px 0;
		text-indent: 0;
		top: 2px;
		position: relative;
		text-align: left;
	}
}

@media (min-width: 320px) and (max-width: 352px) {
    .meb-tab li.nav-item > a {
        padding: 10px 15px !important;
    }
	#slider .owl-item .item .oc-text > div.baslik {
		line-height:2.5vh!important;
	}
	 #news-tab.meb-tab li.nav-item > a {
		font-size: 16px !important;
	}
	 #news-tab.meb-tab li.nav-item > a {
        padding: 10px 6px !important;
    }
}

@media (min-width: 400px) and (max-width: 575px) {
    .header a.logo {
        font-size: 17px !important;
    }

    .header a.logo img {
        margin-right: 4px !important;
        width: 57px !important;
        margin-bottom: 0px !important;
    }

	.header a.logo span {
		top: 16px!important;
		left: 4px;
		font-size: 12px!important;
		line-height: 14px!important;
	}
	
    .nav-opened-button {
        top: 23px !important;
        font-size: 27px !important;
    }

    #slider {
        
    }

    #slider .owl-item .item .oc-text {
        padding: 12px !important;
        text-align: right !important;
		    width: 310px !important;
    height: 58px !important;

    }
		
	#slider .owl-item .item .oc-text > div.baslik {
		line-height: 1.6vh!important;
		font-size: 2.8vw!important;
	}

    #slider .owl-item .item .oc-text .ozet {
        display: none !important;
    }

    #slider .owl-dots .owl-dot span {
        width: 10px !important;
    }

    .announcement-item h3 {
        width: 72% !important;
    }

    .announcement-item-bottom {
        width: 100% !important
    }

    .announcement-item-bottom .unit {
        left: 0 !important;
    }

    .meb-tab li.nav-item > a {
        font-size: 16px !important;
    }

    /*#content-img {
        margin-top: 84px !important;
    }*/

    .outline-info span {
        padding: 0 !important;
        margin-bottom: 17px;
    }

    .outline-info span:after, .outline-info span:before {
        content: none !important;
    }
    .outline-info h2 {
        font-size: 25px;
    }
	
	#news #news-kurumsal-haberler .news-item img {
		    float: left!important;
			width: 41%!important;
	}

	#news #news-kurumsal-haberler .news-item h3{
		    padding: 0 9px!important;
	}
	
	#news #news-kurumsal-haberler .news-item p{
		width: 100%;
		min-height: unset;
		padding: 9px 0;
		text-indent: 0;
		top: 2px;
		position: relative;
		text-align: left;
	}
	
	    #slider .owl-item .item .oc-text .ozet {
        display: none !important;
    }

    #slider .owl-dots .owl-dot span {
        width: 20px !important;
        height: 6px !important;
		background: #D6D6D6!important;
    }

    #slider .owl-dots {
		position: unset!important;
		margin-top:0!important;
		line-height:1px!important;
    }
	#slider .owl-dots .owl-dot.active span, #slider .owl-dots .owl-dot:hover span {
		background:#f25360!important
	}
	
	#slider .owl-item .item .oc-text {
        padding: 12px !important;
        text-align: right !important;
        width: 100% !important;
        height: 46px !important;
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%)!important;
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%)!important;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%)!important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1)!important;
    }
	
}

@media (min-width: 576px) and (max-width: 767px) {
	#content .container {max-width:100%!important}
	#content .dataSearch .dataTables_length {text-align:left!important}
	#content .dataSearch .dataTables_filter {text-align:right!important}
    .header a.logo img {
        margin-right: 12px !important;
        width: 66px !important;
    }

    #slider .owl-item .item .oc-text {
        padding: 13px 31px !important;
        text-align: right !important;
        width: 450px !important;
        height: 80px !important;
    }

    #slider .owl-item .item .oc-text .ozet {
        display: none !important;
    }

    #slider .owl-dots .owl-dot span {
        width: 10px !important;
    }

	
    #announcement .container,
    #news .container,
    #statistics .container,
    #apps .container,
    #connection .container,
    footer .container {
        max-width: 100% !important;
    }
	
	#apps-mobil-uygulamalar .app {
		top: 56%!important;
	}	
	
	#apps-mobil-uygulamalar .app-gp {
		left: 11%!important;
	}
	#apps-mobil-uygulamalar .app-as{
		left: 51%!important;	
	}

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    .header a.logo img {
        margin-right: 12px !important;
        width: 74px !important;
    }

    #slider .owl-item .item .oc-text {
        padding: 19px 31px !important;
        text-align: right !important;
		width: 517px !important;
		height: 85px !important;
		line-height:3vh!important;
    }

    #slider .owl-item .item .oc-text .ozet {
        display: none !important;
    }

    #slider .owl-dots .owl-dot span {
        width: 10px !important;
    }

    #announcement .container,
    #news .container,
    #statistics .container,
    #apps .container,
    #connection .container,
    footer .container {
        max-width: 100% !important;
    }
		
	#apps-mobil-uygulamalar .app {
		width:91px!important;
		height:32px!important;
		top: 56%!important;
	}	
	
	#apps-mobil-uygulamalar .app-gp {
		left: 36px!important;
	}
	#apps-mobil-uygulamalar .app-as{
		left: 135px!important;	
	}

	.announcement-item h3 {
		width: 71% !important;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px)  and (max-width: 1199px) {
    .sf-menu {
        position: relative !important;
        top: -5px !important;
    }

    #slider .owl-item .item .oc-text {
        padding: 19px 31px !important;
        text-align: right !important;
        width: 482px !important;
        height: 196px !important;
    }

	#slider .owl-item .item .oc-text > div.baslik {
		line-height:4vh!important;
		
	}
    .announcement-item h3 {
        width: 75% !important;
    }

    .announcement-item-bottom {
        width: 100% !important
    }

    .announcement-item-bottom .unit {
        left: 0 !important;
    }
	
	#apps-mobil-uygulamalar .app{
		top: 77px!important;
	}

	.logo-stick img {
		width: 38px!important;
	}

	.logo-stick img.avb-mobile {
		width: 100px!important;
	}
	.header a.logo img {
		margin-right:2px!important
	}
}

@media (min-width: 1200px) and (max-width: 1500px) {
    #slider .owl-item .item .oc-text {
        height: 230px !important;
    }
}

@media (min-height: 1081px) {
	#slider .owl-carousel .owl-item img {
		max-height: 80vh!important;
	}
}