/* <1460 ************************************************************************ */
@media (max-width: 1460px) { 
  header .mycontainer { width: 100%!important;padding: 0 1rem }
  .slider-arrow {  display:none;}
  .search-form-container {right: 5rem;}
  .uyegiris .form-login .giris-left {display: none!important;}
  .uyegiris .form-login {justify-content: center;}
  footer .social-icons a:last-child {display:inline-block;margin-top: 1rem;width:120px;display: flex;align-items: center;} 
}

/* <1200 ************************************************************************ */
@media (max-width: 1200px) { 
 header .mycontainer  { position: relative;}
 header .mycontainer .menu {
  transition: .5s;
  position: absolute;
  left:-200%;
  top:80px;
  padding:1rem;
  width: 100vw;
  height: auto;
  flex-direction: row;
  background: #eee;
}
header .mycontainer .menu li{    
  margin-bottom: 0;
  width:100%;
}
header .mycontainer .menu .nav-link{   
  font-weight: bold;   
  padding:  0rem;
  background:none
  border-radius: 1rem; 
  text-transform: uppercase;
}
header .mycontainer  .navbar-toggler {
  display: inline-block!important; 
}
.hero-slider .btn {padding: .35rem 1rem;font-size: 1rem}
.hero-slider h1 {font-size: 2.8rem;}
.hero-slider p {font-size: 1.2rem;width:100%!important;text-align:left;max-width: 100%; }
.slide-content {padding: 1rem}
.ogretmen-profil .profil-sol,.ogretmen-profil .profil-sag {width: 100%!important}
.uyeol #form {width:70%;} 

.yonetim-panel main {
  position: relative; flex-wrap: wrap;
  margin-top:.5rem!important;
  padding:0!important;overflow: hidden;  
}
.yonetim-panel .user-sidebar { 
  width:100%;padding:0;display: flex; align-items: center; justify-content: space-between;
}
.yonetim-panel .user-sidebar .yonetim-mobil-btn { display: flex;margin-left: .5rem }
.yonetim-panel .user-sidebar  .user-profile { display: none }
.yonetim-panel .user-sidebar  .big-btn a { 
  width: auto!important;padding: .5rem!important;
  font-size:1rem;margin-right: .5rem 
}
.yonetim-panel .user-sidebar  .user-menu { 
  display: none;
  position: absolute;
  top:63px;
  left:0;
  background: var(--primary);
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  z-index: 100
}
.yonetim-panel .user-right { width:100%;margin-top: 1rem;padding: 1rem!important}

}


/* >992 ************************************************************************ */
@media (max-width: 992px) { 
 html {font-size: 14px}    
 header .mycontainer  { position: relative;align-items: center;}
 header .mycontainer .menu {
   transition: .5s;
   position: absolute;
   left:-200%;
   top:80px;
   padding:2rem;
   width: 100vw;
   height: calc(100vh - 80px);
   flex-direction: column;
   background: #eeeeee;
 }
 header .mycontainer .menu li{  margin-bottom: .7rem; width:60%;}
 header .mycontainer .menu .nav-link{   
  color:#000!important;
  padding:1.5rem; 
  border-radius:1rem; 
  font-weight: bold;   
  text-transform: uppercase;
  background: #fff;
  font-size: 1.2rem;
}
header .mycontainer .menu .nav-link:after { display: none;}
header .mycontainer .menu .nav-link:hover{  background:#fff; }
.menu .egitmen-menu-item,.menu .ogrenci-menu-item   { 
 padding-top:2rem!important;
 padding-bottom: 1rem!important; 
}
.menu .egitmen-menu-item::before,.menu .ogrenci-menu-item::before { 
  top:0px;
  font-size: .8rem; 
  margin-top: 12px
}
header .mycontainer  .navbar-toggler { display: inline-block!important; }

.head-sub .container {flex-wrap: wrap;}
.head-sub .container h1  {width: 100%;font-size: 1.7rem;text-align:center; } 
.head-sub .container div  {width: 100%;font-size: 1rem;text-align: center; } 

.slide-content {text-align: center;top:-20%;position: relative;}
.search-form-container {  width:95%!important; left:2.5%; top:70%; display: flex; 
  justify-content: space-between; gap:2%; flex-wrap: wrap; align-items: start; padding: 1rem
}
.search-form-container .form-label {display: none}
.search-form-title {  font-size: 1.3rem;width: 100%}
.ders-sehir {margin:0!important;margin-top: -10px!important;width: 50%;display: flex;
  flex-direction: column; height: 75px 
}
.search-sehir,.search-ders { width: 100%;padding: 0!important;margin-bottom: .2rem!important }
.egitim-turu {width: 30%;gap:1%;height: 75px;margin-top: -10px}
.education-type-container { gap: 5px;margin-top: 0px;justify-content: center; flex-direction: column;display: flex; }
.education-label { padding: .6rem ;  } 
.btn-cont {height: 75px;display: flex; padding:0; width: 13%;margin-top:0px;font-size: 1rem;  }
.search-btn {margin: 0;padding:1rem;}
.btn-cont i {display: none;}
.gelismis-btn {width: 100%;text-align: center;padding: 0!important; }
.hero-slider p {margin: 2rem auto;text-align: center;} 
.ogretmen-profil #ilanDetayModal .modal-body {padding-top:0;}
.ogretmen-profil .ilandetay-sol {
  width:100%;
  display: flex;
  gap:1rem; 
  text-align: left; 
  background: #eee;
  padding:1rem 2rem;
  padding-bottom: 0;
  margin-bottom: 0;
  align-items: center;
  align-content: center; 
  justify-content: flex-start;
  flex-wrap: wrap;
  background: none; 
}
.ogretmen-profil .ilandetay-sol .ilan-detay-unvan{display: none;}
.ogretmen-profil .ilandetay-sol img {width:30px;height: 30px;margin: 0;display: none;}
.ogretmen-profil .ilandetay-sol * {margin:0;padding: 0 }
.ogretmen-profil .ilandetay-sol h5 {margin:0!important;padding: 0!important;font-size: 1rem;}
.ogretmen-profil .ilandetay-sag {padding: 2rem;padding-top: 1rem;width: 100% }
.ogretmen-profil .ilandetay-sag h4 {margin-bottom:3px; }
.ogretmen-profil .ilandetay-sag p {margin-bottom:3px;} 
.uyegiris .form-login form {padding:1.5rem!important; font-size:1.1rem;margin-top: 4rem;}
.uyegiris .form-login {align-items: start}
.uyegiris .form-login input[type="text"],
.uyegiris .form-login input[type="password"] { font-size:1.2rem!important; padding:.8rem!important;  }
.uyegiris  .link   { text-align: center!important;padding: 2rem }
.uyegiris  .link a {  font-size:1.2rem!important; } 
.uyegiris #form   .btn { padding:.8rem 1.5rem!important; }
.uyeol #form {width:80%;} 
.uyeol .adim .btn {padding:1rem}
.page-info {padding: .7rem!important;}
.page-info .container {
  display: flex;align-items: center; gap:1rem; line-height: 1rem;
  gap:.5rem;font-weight: normal;width: 100%!important
}
.blog-detay .blog-right .populer .hit {width:60px!important;height:40px; }
.bize-ulasin .fa-headset {display: none}
.bize-ulasin .ulas-hero {margin-bottom: 0}
.bize-ulasin .container {padding-top: 0!important}
.bize-ulasin .iletisim {padding-top: 0}
.ogrenci-profil .ust { flex-wrap:wrap;padding-bottom: 1rem!important}
.ogrenci-profil .ust .image {width: 100%;text-align: center;margin-bottom: 2rem}
.ogrenci-profil .arayan-box img { width: 70px;height:70px}
.ogrenci-profil .arayan-box .arayan-orta {padding-left: 2rem}
.yonetim-panel main { max-width:100%!important;margin-top: 0rem!important;}
.yonetim-panel .user-sidebar {margin-bottom: 0!important;}
.yonetim-panel .user-right {padding:2rem!important;margin-top: 0rem!important}
.yonetim-panel .bilgilerim .user-right {padding:0rem!important;}
.yonetim-panel .bilgilerim  .btn{ font-size:1rem!important;}
.yonetim-panel .bilgilerim #paket .paket-stat{flex-wrap: wrap;justify-content: flex-start!important;}
.yonetim-panel .bilgilerim #paket li{font-weight:600!important;}
}

/* >768 ************************************************************************************** */
@media (max-width: 768px) {
 html {font-size: 13px}    
 header .mycontainer  {height: 60px!important;}  
 header .user-avatar  {width: 30px;height:30px;}
 header .mycontainer .menu {  top:60px;   height: calc(100vh - 60px);   }
 .head-sub {padding: 1.5rem!important } 
 .head-sub .container   {flex-wrap: wrap;}
 .head-sub .container div {width: 100%;}
 .head-sub .container small {font-size: 1rem}
 .section { padding:70px 0;} 
 .section-title { font-size:2rem;}
 .listing-avatar-container {height:220px;}
 .listing-prices { margin-bottom:1rem}
 .feature-card {margin-bottom:25px;}
 .video-thumbnail {height:180px;}
 .footer  {padding-top: 3rem!important}
 .footer .container .iyzico {margin-bottom: 1.5rem!important}
 .footer .container .iyzico div{margin-bottom: 1.5rem!important}
 .footer-menu {padding:3rem;padding-top:0rem;flex-wrap: wrap;
  margin-top:3rem!important}
  .footer-menu .mb-lg-0{ width:100%;}
  .footer-menu .mb-lg-0:first-child { width:100%;}
  .footer-menu .mb-lg-0:last-child { width:100%;}
  footer .social-icons a:last-child {display:inline-block;} 
  .uyegiris .form-login .recaptcha-wrapper { margin: 2rem 0!important; transform: scale(1);transform-origin: 0 0; margin-bottom: 0}
  section.hero-slider  { height: 85vh!important;padding: 0rem!important;width: 100%  }
  .hero-slider .btn {padding:.8rem 1.2rem;font-size: 1.2rem;margin-bottom: .5rem}
  .hero-slider h1 {font-size: 2.7rem; margin-top: 2rem!important }
  .hero-slider p {font-size: 1.4rem;width:100%!important;text-align:center;max-width: 100%; }
  .slide-content {padding: .5rem;top:-15%;  }  
  .search-form-container   { backdrop-filter: blur(0);  background: none; 
    top:80%;display: flex;justify-content: center;  
  } 
  .search-form-container .form-label,.search-form-title,.ders-sehir,.egitim-turu,
  .btn-cont,.gelismis-btn {display: none!important}  
  .search-form-container  .form-trigger {display: flex;}  
  #advancedSearchModal  .modal-dialog {
    width: 100% !important;  height: 100% !important; margin: 0; 
  }
  #advancedSearchModal  .modal-content {  height: 100%; border-radius: 0;overflow-y:scroll;} 
  #advancedSearchModal .acilir-input-search{padding: 1rem;font-size: 1.1rem!important}
  .dersnot-card-cont {margin-bottom: 2rem}
  .ogretmen-profil .ilandetay-sol { padding: 0 2rem;}
  .ogretmen-profil .ilandetay-sag h4 {font-size: 1.3rem ;margin-bottom: .5rem}
  .ogretmen-profil .ilandetay-sag p {font-size: 1rem;color: #666 }
  .ogretmen-profil .ilandetay-sag .vr {display: none}
  .ogretmen-profil .ilandetay-sag .msjbuton {display: none}
  .ogretmen-profil .profil-ilan-box {flex-wrap: wrap;}
  .ogretmen-profil .listing-prices {width: 100%}
  .ogretmen-profil .profil-stats {flex-direction: row!important;gap:5px;font-size: 1rem!important;align-items: center;margin-top: 1rem} 
  .ogretmen-profil .profil-stats  .profil-stat span{font-size:.8rem }
  .uyegiris .form-login form {width:90%!important;}
  .uyeol .form-login   { width:100%!important; padding: 1rem!important} 
  .uyeol .form-login #form  {width:100%;padding: 2rem 2rem!important} 
  .blog-detay .blog-left {padding: 1rem!important; box-shadow: none !important;} 
  .blog-detay h1{ font-size: 2rem!important}
  .blog-detay .blog-left .ozet  { line-height: 1.6rem}
  .blog-detay .blog-left .etiketler a {padding: .5rem!important;}
  .share-container div {gap:.5rem!important}
  .share-container .btn-social-lg { padding: .4rem .8rem;font-size: .75rem;}
  .share-container .cont-title {display: none}
  .ozel-ders-arayanlar .arayan-avatar {border:2px solid var(--warning);width: 70px;height: 70px; }
  .ozel-ders-arayanlar .arayan-box  {flex-wrap: wrap;margin-bottom:1rem }
  .ozel-ders-arayanlar .arayan-box .arayan-sol {width: 23%;}
  .ozel-ders-arayanlar .arayan-box .arayan-sol small{font-size: .8rem}
  .ozel-ders-arayanlar .arayan-box .arayan-orta {width: 77%;padding-left: 4%}
  .ozel-ders-arayanlar .arayan-box .arayan-sag {
    width: 73%;margin-left: 27%;margin-top: 1rem;
    display: flex;justify-content: space-between;
    align-items: center;
  }
  .ozel-ders-arayanlar .arayan-box .arayan-sag .btn{width: 48%!important;margin: 0!important}
  .pagination {flex-wrap: wrap;}
  .ogrenci-profil .ust  {justify-content: center;gap:1rem}
  .ogrenci-profil .ust .islem {width:100%;text-align:center;margin-bottom:1rem}
  .ogrenci-profil .ust h1 {font-size: 1.7rem;}
  .ogrenci-profil .ust h3 {font-size: 1.5rem;}
  .ogrenci-profil .arayan-box {flex-wrap: wrap;}
  .ogrenci-profil .arayan-sol {width: 20%}
  .ogrenci-profil .arayan-sag {width: 100%;padding-left: 23%;text-align: left!important;margin-top: 1rem}
  .ogrenci-profil .arayan-orta {padding-left: 1rem!important}
  .yonetim-panel .tanitim-video {margin-bottom: 2rem}
  .yonetim-panel .bilgilerim #profilTabs .nav-item .nav-link {font-size: .9rem!important;
    padding: .8rem!important
  }
  .yonetim-panel .bilgilerim #profilTabs .nav-item .active {border:none!important}
  .yonetim-panel .bilgilerim .tab-content {padding:0 2rem 2rem!important}
  .yonetim-panel .bilgilerim #genel .col-md-7 {padding:1rem!important}

}


/* >576 ************************************************************************************** */
@media (max-width: 576px) {
  .modal-dialog { margin: 20px;}
  .modal-body, .modal-footer, .modal-header {padding: 20px !important;}
  .btn {padding: .4rem 1rem}
  .navbar-brand img {width: 120px}
  .navbar-toggler-icon {margin-right: .5rem!important}
  header .mycontainer .menu li{ width:90%;} 
  section {padding:3rem 2rem!important; }
  section.hero-slider {padding: 0!important}
  .ilan-card-cont {margin-bottom:0!important}  
  .ogretmen-profil .profil-ilan-box img{ width:50px;height: 50px;object-fit: cover;}
  .ogretmen-profil .profil-ilan-box .profil-ilan-ucret .vr{display: none;}
  .ogretmen-profil .profil-ilan-box .profil-ilan-ucret span{font-size:1.2rem!important;}
  .ogretmen-profil .profil-ilan-box .profil-ilan-ucret i{display: none}
  .ogretmen-profil .ilandetay-sag .ilan-ucrets {justify-content: space-between;}
  .ogretmen-profil .ilandetay-sag .ilan-ucrets .vr{display: block;}
  .ogretmen-profil .ilandetay-sag .ilan-ucrets .online div,
  .ogretmen-profil .ilandetay-sag .ilan-ucrets .yuzyuze div {flex-direction:column;border: 1px solid #eee;padding:.3rem;}
  .ogretmen-profil .profil-ilan-box .profil-ilan-box-left h5 b {font-size: 1.3rem}

  .ogretmen-profil #puanModal table td {font-size: 1rem!important}
  .uyeol .adim {padding:0;}
  .uyeol #adimBar {padding:0;margin-bottom: 2rem}
  .uyeol .adim h4 {font-size: 1.1rem;margin-top: 1rem} 
  .filre-cont  {flex-wrap: wrap;}
  .filre-cont  .egitmen-search {width: 100%!important;margin-bottom: .5rem;padding: 0!important }
  .filre-cont  .egitmen-search input { font-size: 1rem!important;padding: 1rem;}
  .filre-cont  .egitmen-filtre-sirala  {padding:1rem;margin-bottom:0;padding-bottom:0;width: 100%!important;justify-content: space-between!important;}
  .filre-cont  .egitmen-filtre-sirala .filter-btn {
    display:block!important;width: 50%!important;display: block;
  }
  .filre-cont  .egitmen-filtre-sirala .btn,
  .filre-cont  .egitmen-filtre-sirala #siralamaDropdown {display:block!important;width: 100%!important;display: block;}
  .ogrenci-profil .ust {padding:2rem 1rem!important;gap:0;}
  .ogrenci-profil .image {margin-bottom: 1rem!important; }
  .ogrenci-profil .name-author  { width:100%;text-align: center;} 
  .ogrenci-profil .name-author h1  { margin: 0;padding:0;margin-bottom: 1rem}
  .ogrenci-profil .address-author h3 { font-size:1rem!important;margin-bottom: 2rem}
  .ogrenci-profil  main.container {padding: 1rem!important;}
  .ogrenci-profil .arayan-sol .arayan-avatar {width:50px;height:50px;}
}