/*Responsive css*/
/*=== SWITCH ==============================*/
#tccbResponsive {display: none;}

@media screen and (max-width: 1024px) {
    #tccbResponsive {
        display: block !important;
        margin: 0 auto;
        width: 100%;
        max-width: 1024px;
    }
    #container-wrapper{display: none;}
}
/*=== SWITCH ==============================*/


/*=== CONFIG ==============================*/
.w-100{width: 100% !important;}
.resSiteMainPadd {padding: 0 5px 0 5px;}
.ob-visible {
    display: block !important;
}

.ob-invisible {
    display: none !important;
}
.marginb10{margin-bottom: 10px !important;}
.marginb20{margin-bottom: 20px !important;}
.marginb30{margin-bottom: 30px !important;}

#resDetay h1:first-child{font-size: 24px !important; margin-top: 10px;}
/*=== CONFIG ==============================*/



/*=== HEADER - LOGO - MENU - ARAMA - DIL ==============================*/
.resHeaderBar{
    min-height: 30px;
    background: #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
}
#resSearch .container-1 input#search {background: #ccc; color: #000; width: 85px;}
#resSearch .container-1 .icon{position: unset !important;}
#resLogo img{max-width: 170px; width: 100%;}

#resMenu img {width: 32px; padding-right: 10px; cursor: pointer;}

#resLang {color: #fff !important;  position: absolute;  right: 0; width: auto; margin-right: 5px; text-align: right; }

#resSearch { margin-right: 51px;}

@media screen and (max-width: 1024px) {
    #resSearch span .icon {margin-left: 0 !important;}
    /*#resSearch .container-1, #resSearch .container-1 a, #resSearch .container-1 .icon, #resSearch .container-1 .last{width: auto !important;}*/
   
}

/*dropdown language*/
.resdropbtn {
    background-color: #AA0000;
    color: white;
    /*padding: 16px;*/
    padding: 0 7px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }
  
.resdropbtn:hover, .resdropbtn:focus {
    background-color: #880000;
  }
  
.resDropdown {
    position: relative;
    left : 0;
    display: inline-block;
  }
  
.resDropdown-content {
    display: none;
    position: relative;
    right: 0;
    background-color: #eee;
    width: auto;
    padding: 0;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px #fff;
    z-index: 1;
    text-align: center;
  }
  
.resDropdown-content a {
    color: black;
    padding: 0;
    padding: 0 6px;
    text-decoration: none;
    display: block;
  }
  
.resDropdown a:hover {background-color: #ddd;}
  
.resShow {display: block;}

/*=== HEADER - LOGO - MENU - ARAMA - DIL ==============================*/


/*===== BAYRAK - RESIM ============*/
.resBayrakResim{
    background-color: #a10405;
    background: url('/assets/dosya/responsive/lib/img/bayrak_90h.png') top center;
    text-align: right;
    max-height: 90px;
}
.resBayrakResim img{padding-top: 5px;}
/*===== BAYRAK - RESIM ============*/




/*===== MAIN MENU ============*/
.resSidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 10001;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.2s;
    padding-top: 60px;
  }
  /*
  .resSidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  
  .resSidenav a:hover {
    color: #f1f1f1;
  }
  */
  .resSidenav .resClosebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: #fff;
    text-decoration: none;
  }
  .resSidenav .resClosebtn:hover{
    opacity: 0.5;
  }
  
  @media screen and (max-height: 450px) {
    .resSidenav {padding-top: 15px;}
    /*.resSidenav a {font-size: 18px;}*/
  }
/*===== MAIN MENU ============*/


/*===== MAIN MENU - SIDE BAR =======*/
.ob-sidebar {
    bottom: 0;
    float: none;
    /*height: 100vh;*/
    height: auto;
    max-height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    background-color: #3c4b64;
    z-index: 1038;
    /*////width: 280px;*/
    /*overflow-y: hidden;*/
    overflow: hidden;
    transition: margin-left .3s ease-in-out,width .3s ease-in-out;
}

.ob-sidebar-shadow {
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22) !important;
}

.ob-sidebar-overlay {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1037;
}

.ob-sidebar .ob-logo {
    /*background: #AA0000;*/
    background: #101c2e;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 56px;
    flex: 0 0 56px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ob-sidebar .ob-logo img {
    width: 100%;
    max-width: 56px;
    padding: 5px;
    text-shadow: 1px 1px 2px #000000;
}

.ob-projecttitle {
    text-align: center;
    color: #FFF;
    background: #22314a;
    padding: 10px 2px;
    border: solid 1px #182548;
    border-left: none;
    border-right: none;
    border-top: #151516;
}

.ob-sidebar .ob-user {
    background: #303c54;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 56px;
    flex: 0 0 56px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: column;
    border: solid 1px #444;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.ob-sidebar .ob-user img {
    width: 100%;
    max-width: 66px;
    padding: 10px 5px 5px 5px;
    border-radius: 50%;
}

.ob-sidebar .ob-user .ob-username {
    width: 100%;
    padding: 5px;
    text-align: center;
}

.ob-sidebar ul, .ob-sidebar ul li {
    list-style: none;
}

.ob-sidebar-nav {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin-bottom: 0;
    overflow: hidden;
    list-style: none;
}

.ob-sidebar-nav .actived {
    /*background:#247a8a;*/
    background: #2b3e65;
}

.ob-sidebar-nav .actived::after {
    position: absolute;
    content: '';
    display: block;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #2ab8bd;
    right: 10px;
    margin-top: -24px;
}

.ob-sidebar-nav-item {
    width: inherit;
    border-bottom: solid 1px #303c54;
    border-top: solid 1px #4c5c75;
}

.ob-sidebar-nav-dropdown ul li {
    border-bottom: solid 1px #252f44;
    border-top: solid 1px #43516d;
}

.ob-sidebar-nav-title {
    padding: 12px 15px;
    /*margin-top: 20px;*/
    font-size: 14px;
    text-transform: uppercase;
    transition: .3s;
    color: #FFF;
    background: #41516b;
    /*text-align: center;*/
}
.ob-sidebar-nav-title a{
    color:#FFFFFF;
}

.ob-sidebar-nav-dropdown {
    transition: background .3s ease-in-out;
}

.ob-sidebar-nav-link {
    color: #ddd;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    font-size: 14px;
}

.ob-sidebar-nav-link span {
    width: 25px;
    display: inline-block;
}

.ob-sidebar-nav-dropdown-toggle:hover, .ob-sidebar-nav-link:hover {
    background: #321fdb;
    color: #fff;
}

.ob-sidebar-nav-dropdown-toggle::after {
    content: "\2039";
    position: absolute;
    display: inline-block;
    text-align: right;
    font-size: 16px;
    right: 12px;
    color: #ccc;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}

.ob-show .ob-sidebar-nav-dropdown-toggle::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ob-sidebar-nav-dropdown-items {
    padding-left: 0px;
    display: none;
}

.ob-show .ob-sidebar-nav-dropdown-items {
    display: block;
}

.ob-show {
    background: #303c54;
    color: #fff;
}

.ob-show .ob-sidebar-nav-link {
    color: #fff;
}

.sidebar-invisible {
    margin-left: -280px !important;
}

.sidebar-w {
    width: 280px;
}

.clear-ml {
    margin-left: 0px !important;
}
.ob-sidebar-nav a:hover{text-decoration: none !important;}
/*===== MAIN MENU - SIDE BAR =======*/


/*===== FOOTER ========*/
#resFooter{ background: url('/assets/dosya/responsive/lib/img/golge.png') top center no-repeat; 
    background-color: #2e2e2e;  min-height: 100px; margin: 0 auto; text-align: center;
    color: #FFF;
    font-size: 12px;
    padding-top: 30px;
    padding-bottom: 30px;
}
#resFooter #resIletisim p {margin-bottom: 4px; font-size: 14px;}
#resFooter #resFooterLogo img { max-width: 250px; width: 100%;}
#resFooter #resBasinOzel a{color: #FFF;}
#resFooter #resBasinOzel a:hover{color:#DDD;}
#resFooter #resKisiselSM .tr02, #resFooter #resKurumsalSM .tr02 {margin-bottom: 5px; font-size: 14px;}
#resFooter #resKisiselSM .tr02 img, #resFooter #resKurumsalSM .tr02 img{ width: 30px;}
#resFooter .resFooterBg{ background: url('/assets/dosya/responsive/lib/img/kulliye.png') center center no-repeat;}
/*===== FOOTER ========*/



/*===============================================================================
SAYFALAR
===============================================================================*/

/*=========ANA SAYFA===========*/

/*SLIDER*/
.resSlider{
    background: #ddd;
}
.resSlider .aktifHaber h1{
    font-size:21px;
    line-height: 25px;
    /*text-align: justify;*/
    padding: 10px;
    font-weight: bold;
    background: #eee;
    /*font-family: Georgia, 'Times New Roman', Times, serif;*/
}
.resSlider .aktifHaber h1 a{
    color: #000;
    text-decoration: none;
}
.resSlider .aktifHaber h1 a:hover{text-decoration: underline;}
.resSlider #highlights-main-media{
    text-align: center !important;
}
.resSlider #highlights-main-media img{
    width: 100%;
    max-width: 500px;
}
.resSlider #highlights-main-description a#spotlink{
    text-decoration: none;
    font-size: 16px;
}
.resSlider #highlights-main-description a#spotlink:hover{text-decoration: underline;}
.resSlider #highlights-main-description{
    padding: 10px;
    margin-bottom: 0px !important;
}
.resSlider #highlights-navbar span{
    padding-top: 0;
    background: #fff;
    font-weight: bold;
    padding: 0 10px 0 10px;
    text-align: center;
    height: auto;
    width: auto;
    margin-left: 8px;
}
.resSlider #highlights-navbar span:hover{
    color: #ccc;
}
.resSlider #highlights-navbar{margin-bottom: 5px;}
/*SLIDER*/


/*GUNDEM*/
.resGundem {margin-top: 20px;}
.resGundem dl{background: #ddd;}
.resGundem img{width: 100%; max-width: 500px; height: auto;}
.resGundem dt span{padding-left: 3px;}
.resGundem dt{padding: 10px; font-size: 18px; background: #eee; width: 100%;}
.resGundem dd{background: #eee;}
.resGundem dd h2 {font-size: 18px; padding: 0 10px 0 10px;}
.resGundem dd h2 a{text-decoration: none; color: #222;}
.resGundem dd h2 a:hover{text-decoration: underline;}
.resGundem dd p{ padding: 5px 10px 5px 10px;}
.resGundem dd img{margin-bottom: 10px;}
/*.resGundem dd {text-align: center;}*/
/*GUNDEM*/


/*ACIKLAMALAR*/
.resAciklama { border: solid 1px #ddd; border-left: none; border-right: none;}
.resAciklama a{ text-decoration: none !important; color: #111; }
.resAciklama a:hover{ text-decoration: underline !important; }
.resAciklama #presstab{ background: none !important;}
.resAciklama p span{font-weight: bold; width: 100%; display: inline-block;}
.resAciklama #presstab a{ color: #930203; text-decoration: none; font-size: 14px; }
.resAciklama #presstab #cbbasin, .resAciklama #presstab #cbsozcu {display: inline-block;}
.resAciklama #cbbasin a:hover, .resAciklama #cbsozcu a:hover{text-decoration: none !important;}
.resAciklama #cbSozcuMain p, .resAciklama #cbBasinMain p{ border-bottom: dotted 1px #ccc; padding-bottom: 8px; margin-bottom: 8px;} 
.resAciklama .tabAktif {border:solid 1px #930203; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; text-decoration: none;}
.resAciklama h1{line-height: 20px; margin-top: 5px; padding: 0 5px 0 5px;}
.resAciklama #cbBasinMain, .resAciklama #cbSozcuMain {padding: 0 5px 0 5px;}
/*ACIKLAMALAR*/


/*PROGRAM-BAGLANTILAR*/
.resSideBtn{
    display:inline-block;
    padding:2px 7px 2px 7px;
    border:1px solid #999;
    border-radius:1px;
    border-left: none;
    box-sizing: border-box;
    text-decoration:none;
    font-family:'Roboto',sans-serif;
    font-weight:300;
    color:#fff;
    text-align:center;
    /*transition: all 0.2s;*/
    min-width: 32px;
    font-size: 18px;
    margin-left:0px;
    background-color:black;
    cursor: pointer;
}
.resSideBtn:hover{
    color:#000000;
    background-color:#FFFFFF;
}
.resSideBtn img{width: 16px; margin-right: 5px;}
/*PROGRAM-BAGLANTILAR*/

/*PROGRAM*/
#resProgramBtn{
    position: fixed;
    top: 68px;
    z-index: 10000;
    cursor: pointer;
    /*transition-duration: 0.8s;*/
}
#resProgramBox{
    position: fixed;
    top: 68px;
    /*padding: 5px;*/
	width:0px;
    border:solid 1px #666;
    border-left: none;
	background:#FFF;
    display: none;
	height:auto;
    max-height: 400px;
    overflow-y: auto;
    z-index: 10000;
}
#resProgramBox dl {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
    padding: 10px;
}
#resProgramBox dl dd{margin-left: 10px;}
#resProgramBox #box-date-program-list-area-browse-all {text-align: center;}
#resProgramBox #box-date-program-list-area-browse-all a{color: #222;}
/*PROGRAM*/


/*BAGLANTILAR*/
#resBaglantilarBtn{
    position: fixed;
    top: 107px;
    z-index: 9999;
    cursor: pointer;
    /*transition-duration: 0.8s;*/
}
#resBaglantilarBox{
    position: fixed;
	top: 107px;
	width:0px;
	border:solid 1px #666;
    border-left: none;
	background:#FFF;
    display: none;
	height:auto;
    max-height: 580px;
    /*overflow: hidden;*/
    overflow-y: auto;
    z-index: 9999;
}
#resBaglantilarBox img{max-width: 200px; width: 100%;}
#resBaglantilarBox p:first-child, #resBaglantilarBox p:nth-child(2){margin-bottom: 2px;}
/*BAGLANTILAR*/

/*.simplebar-track{z-index: 10000 !important;}*/
/*=========ANA SAYFA===========*/



/*========HABER DETAY==========*/
#resHaberDetay{background: #fff;}
#resHaberDetay h1:first-child{font-size: 24px; font-weight: bold; margin-top: 5px;}
#resHaberDetay #contentTopMedia{width: auto !important; text-align: center;}
#resHaberDetay #contentTopMedia img{max-width: 667px; width: 100%;}
#resHaberDetay #news-detail-body {margin: 0px !important;}
#resHaberDetay #divContentArea div:first-child{width: auto !important; height: auto !important;}
/*#icons_top_area_print_share{display: none;}*/
/*========HABER DETAY==========*/

/*=======ORTAK=================*/
#resOrtak{background: #fff;}
#resOrtak #divContentList dl dd {width: 100%;}
#resOrtak #divContentList dl dd a{text-decoration: none;}
#resOrtak #divContentList dl dd a:hover{text-decoration: underline;}
/*=======ORTAK=================*/


/*=======DETAY=================*/
#resDetay{background: #fff;}
/*=======DETAY=================*/


/*=======RESIMLI LISTELER======*/
#resResimListe{background: #fff;}
/*=======RESIMLI LISTELER======*/

/*=======HANIMEFENDI===========*/
#resHanimefendi{background: #ddd;}
/*SLIDER*/
.resHanimefendi .aktifHaber h1{
    font-size:21px;
    line-height: 25px;
    /*text-align: justify;*/
    padding: 10px;
    font-weight: bold;
    background: #eee;
    /*font-family: Georgia, 'Times New Roman', Times, serif;*/
}
.resHanimefendi .aktifHaber h1 a{
    color: #000;
    text-decoration: none;
}
.resHanimefendi .aktifHaber h1 a:hover{text-decoration: underline;}
.resHanimefendi #highlights-main-media{
    text-align: center !important;
}
.resHanimefendi #highlights-main-media img{
    width: 100%;
    max-width: 500px;
}
.resHanimefendi #highlights-main-description a#spotlink{
    text-decoration: none;
    font-size: 16px;
}
.resHanimefendi #highlights-main-description a#spotlink:hover{text-decoration: underline;}
.resHanimefendi #highlights-main-description{
    padding: 10px;
    margin-bottom: 0px !important;
}
.resHanimefendi #highlights-navbar span{
    padding-top: 0;
    background: #fff;
    font-weight: bold;
    padding: 0 10px 0 10px;
    text-align: center;
    height: auto;
    width: auto;
    margin-left: 8px;
}
.resHanimefendi #highlights-navbar span:hover{
    color: #ccc;
}
.resHanimefendi #highlights-navbar{margin-bottom: 5px;}
/*SLIDER*/

/*PROJELER*/
#resHeProjects{background: #fff; margin-top: 20px; padding: 20px 10px 20px 10px;}
#resHeProjects h1 {font-size: 18px; font-style: italic; font-weight: bold;}
#resHeProjects dl{display: flex; justify-content: start; align-items: center; }
#resHeProjects dl dd p {margin-bottom: 0;}
#resHeProjects dl dd a{color:#111; text-decoration: none;}
#resHeProjects dl dd a:hover{text-decoration: underline;}
/*PROJELER*/
/*=======HANIMEFENDI===========*/


/*=======VIDEOGALERI===========*/
#resVideoGaleri {background: #FFF;}
/*=======VIDEOGALERI===========*/



/*=======BIYOGRAFI=================*/
#resMain .cb_bio_left{float: none !important; width: auto !important; height: auto !important; max-width: 250px; padding: 0 !important; margin: 0 !important;}
/*=======BIYOGRAFI=================*/



/*======resORTAK==========*/
#resOrtak h1 {font-size:24px; padding-top: 5px; padding-bottom: 5px; margin-top: 5px;} 
#resOrtak #divContentArea h2 {font-size:21px;} 
#resOrtak #divContentArea p:first-child img{ width:100%; max-width:667px;}
#resOrtak #news-detail-body {margin-right: 0;}

/*ZIYARETLER*/
#resOrtak .visitnav-main-medias{
	max-width: 100vw;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#resOrtak #visitnav-main dl dd {float:none;}
#resOrtak #visitnav-main dl dt {margin-bottom:150px;}
#resOrtak #visitnav-main dl dd {width:auto;}
#resOrtak #visitnav-main dl dd a {text-decoration:none;}
#resOrtak #visitnav-main dl dd a:hover {text-decoration:underline;}
/*ZIYARETLER*/


/*OZEL DOSYALAR*/
#resOrtak .issue-video-hightlights-row {display:flex;}
/*OZEL DOSYALAR*/


/*PROGRAM PAGE*/
#resProgramArea{background: #FFF;}
#resProgramArea h1:first-child{
	font-size: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
}
#resProgramArea #list-daily-program dl dt{float: none;}
#resProgramArea #list-daily-program dl dd{float: none; width: auto !important;}
/*PROGRAM PAGE*/


/*PROJELER*/
#resOrtak #tabbed-protected-list dl{display:flex;}
#resOrtak #tabbed-protected-list dl dd {width:auto; padding-left:10px; word-wrap: break-word;  overflow: hidden;}
#resOrtak #tabbed-protected-list dl dd img {width:100% !important; max-width:512px !important;}
#resOrtak #tabbed-protected-wrapper img.cb_hep_spot{width: 100% !important; max-width: 512px !important;}
/*PROJELER*/

/*15 Temmuz*/
#resOrtak #divContentArea table tr td img{width:100%; max-width:667px;}
/*15 Temmuz*/

/*Cumhurbaskanlarimiz*/
#resResimListe h1:first-child{font-size:24px; margin-top: 10px; margin-bottom: 10px;}
#resResimListe #cumhurbaskanlarimiz{display: flex; flex-wrap: wrap; justify-content: space-between;}
#resResimListe #cumhurbaskanlarimiz div{float:none; width:auto; margin:0px; border-bottom: none; max-width: 170px;}
#resResimListe #cumhurbaskanlarimiz div img{width: 100%; max-width: inherit;}
/*Cumhurbaskanlarimiz*/

/*Ozel Kalem Mudurleri*/
#resResimListe h1:first-child{font-size:24px; margin-top: 10px; margin-bottom: 10px;}
#resResimListe #-zel-kalem-mudurleri{display: flex; flex-wrap: wrap; justify-content: space-between;}
#resResimListe #-zel-kalem-mudurleri div{float:none; width:auto; margin:0px; border-bottom: none; max-width: 170px;}
#resResimListe #-zel-kalem-mudurleri div img{width: 100%; max-width: inherit;}
/*Ozel Kalem Mudurleri*/
/*======resORTAK==========*/

/*BACK BTN*/
.resBack{float: right; text-align: right; cursor: pointer; font-size: 21px;}


/*ARAMA SAYFASI*/
#resAramaSayfasi{background: #fff;}
#resAramaSayfasi #sub-page-wrapper {width: auto;}
#resAramaSayfasi #sub-page-wrapper h1:first-child{background: none; margin: 12px 0 12px 0;}
#resAramaSayfasi select#PresidentId {width: 100% !important; margin-bottom: 10px;}
#resAramaSayfasi input#SearchText { width: 100% !important;}
#resAramaSayfasi #site-search-detail-search-area .mom .child{display: contents; max-width: 33%;}
#resAramaSayfasi #site-search-detail-search-area .mom .child::after{content: "\00a0\00a0\00a0 ";}
#resAramaSayfasi #site-search-detail-search-area .mom{width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 0 !important;}
#resAramaSayfasi #site-search-detail-search-area .mom .childinner {font-size: 14px;}
#resAramaSayfasi #list-press-address dl dd { width: 100%;}
#resAramaSayfasi #list-press-address dl dd a{text-decoration: none;}
#resAramaSayfasi #list-press-address dl dd a:hover{text-decoration: underline;}
/*ARAMA SAYFASI*/



/*VIDEO SAYFALARI*/
#resMain #divVideo, #resMain #divVideoPlayer{ width: 100% !important; max-width: 667px !important; }
/*VIDEO SAYFALARI*/


/*VIDEO GALERI SAYFASI*/
#resMain #divSearchVideo {
    background: none;
    width: 100%;
    height: auto;
    background: #44474c;
    border-radius: 10px;
    padding: 10px 20px 10px 20px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

#resMain #divSearchVideo .txtSearchVideo {
    margin: 0;
    margin-top: 2px;
    width: auto;
    min-width: 220px;
}
#resMain #divSearchVideo .btnsearchbutton-tr {float: left; margin: 0; }
#resMain .video-js{ width: 100% !important;}
#resMain #divVideoPlayer {padding-left: 0 !important;}
/*VIDEO GALERI SAYFASI*/


/*COLORBOX MOBILE AYAR*/
@media screen and (max-width: 691px) {
    #colorbox *{box-sizing: border-box !important;}
    #colorbox {width: 100% !important; max-width: 667px !important; height: 100% !important; left:0 !important; top: 200px !important;}
    #colorbox #cboxWrapper, #colorbox #cboxContent, #colorbox #cboxLoadedContent{width: auto !important; height: auto !important;}
    #colorbox #cboxTopLeft, #colorbox #cboxTopRight, #colorbox #cboxTopCenter, 
    #colorbox #cboxMiddleLeft, #colorbox #cboxMiddleRight, 
    #colorbox #cboxBottomLeft, #colorbox #cboxBottomRight, #colorbox #cboxBottomCenter {display: none;}   
    #colorbox #divVideo{width: auto !important;}
    #colorbox #divVideo .video-js{ width: calc(100vw - 17px) !important; height: 100vh !important; max-height:384px !important;}
    
    /*IMG*/
    #colorbox img.cboxPhoto{width: 100% !important; height: auto !important; max-width: 667px !important;}
}
/*COLORBOX MOBILE AYAR*/


/*RESMI SIMGELER*/
#resOrtak #divContentArea p img{width: 100%; max-width: 667px; text-align: center;}
/*RESMI SIMGELER*/


/*SHARE-PRINT-GZIP Button hidden*/
#resMain a[name="print"], #resMain a[name="share"], #resMain a[name="go2top"] { display: none; }
/*SHARE-PRINT-GZIP Button hidden*/



/*TAB CONTENTS ====================*/
#resMain ul#tabbed-protected-tabs{
	display: flex;
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0 0 10px 10px;
    overflow: auto;
    height: auto;
    background:none;
    background: #ddd;
    flex-wrap: wrap;
    justify-content: center;
}

#resMain ul#tabbed-protected-tabs li a{text-decoration:none;}
/*TAB CONTENTS ====================*/




/*SCROLLBAR============================*/
#resSidenav ul#sidebar-wrapper{max-height: 600px; overflow:auto !important; overflow-x: hidden !important;}
/*====ie scrollbar style====*/
#resSidenav ul#sidebar-wrapper{
    scrollbar-base-color: #666; /*icteki bar-kaydirma cubugu*/
    scrollbar-track-color: #444; /*dis yuzey*/
    scrollbar-shadow-color: #444; /*icteki bar border*/
    scrollbar-arrow-color: #555;
    /*scrollbar-face-color: #000;
    scrollbar-3dlight-color: #000;
    scrollbar-highlight-color: #000;
    
    scrollbar-dark-shadow-color: #000;*/
}
  
  
/*====chrome scrollbar style=====*/
#resSidenav ul#sidebar-wrapper::-webkit-scrollbar {
    width: 15px;
}
   
#resSidenav ul#sidebar-wrapper::-webkit-scrollbar-track {
    background: #303030; /*dis yuzey*/
    border-radius: 20px;
}
   
#resSidenav ul#sidebar-wrapper::-webkit-scrollbar-thumb {
    background: #777;  /*kaydirma cubugu*/
    border-radius: 20px;
}
/*
#resSidenav ul#sidebar-wrapper::-webkit-scrollbar-button {
background: #666;
height: 15px;
border-radius: 50%;
}
*/
/*
::-webkit-scrollbar addresses the background of the bar itself. It is usually covered by the other elements
::-webkit-scrollbar-button addresses the directional buttons on the scrollbar
::-webkit-scrollbar-track addresses the empty space “below” the progress bar
::-webkit-scrollbar-track-piece is the top-most layer of the the progress bar not covered by the draggable scrolling element (thumb)
::-webkit-scrollbar-thumb addresses the draggable scrolling element that resizes depending on the size of the scrollable element
::-webkit-scrollbar-corner addresses the (usually) bottom corner of the scrollable element, where two scrollbars might meet
::-webkit-resizer addresses the draggable resizing handle that appears above the scrollbar-corner at the bottom corner of some elements
*/
/*SCROLLBAR============================*/




/*===============================================================================
RESPONSIVE - AR
===============================================================================*/
.mobileArapca dt{float: right;}
.noMobileAr {direction: ltr !important;}
.mobileArapca #resBaglantilarBox p:last-child {text-align: center;}
.mobileArapca #resBaglantilarBox p:last-child img{width: 130px !important; float: none !important; text-align: center;}
.mobileArapca #tabbed-protected-list dl {background: none !important;}
/*===============================================================================
===============================================================================*/