/* >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;}
}

/* >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; 
}
.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%;} 
}


/* >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:73%;
  display: flex;
  justify-content: space-between;
  gap:5px;
  flex-wrap:wrap; 
  align-items: center;
  align-content: center;
}
.acilir-input-search::placeholder {color:#fff!important;}
.search-form-container .form-label {display: none}
.search-form-title { width: 100%;font-size: 1.3rem}
.search-sehir,.search-ders { width: 25%; }
.egitim-turu {width: 20%;gap:1%;}
.education-type-container { gap: 5px;margin-top: 0px;}
.education-label span {display: none;}
.education-label { padding: .6rem 0rem; width: 50%;} 
.search-btn { width: 15%;margin-top:0px;font-size: 1rem;padding: .5rem;position: relative;top:-10px;}
.search-btn i {display: block}
.search-btn .mobil-btn-text {display: none}
.hero-slider p {margin: 2rem auto;text-align: center;}
#filterForm .filter-btn span {display: none}
.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}
}

/* >768 ************************************************************************************** */
@media (max-width: 768px) {
 html {font-size: 13px}    
 header .mycontainer  {height: 50px;}  
 header .user-avatar  {width: 30px;height:30px;}
 header .mycontainer .menu {  top:50px;   height: calc(100vh - 50px);   }
 .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}
 .hero-slider h1 {font-size:2.5rem;}
 .section { padding:70px 0;} 
 .section-title { font-size:2rem;}
 .listing-avatar-container {height:220px;}
 .listing-prices { margin-bottom:0}
 .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%;}
  .uyegiris .form-login .recaptcha-wrapper { margin: 2rem 0!important; transform: scale(1);transform-origin: 0 0; margin-bottom: 0}
  .hero-slider  { height: calc(100vh - 50px);padding: 0; }
  .hero-slider h1  {font-size: 2.5rem}
  .search-form-container {top:70%;width:100%;}
  .search-sehir,.search-ders { width: 48% }
  .egitim-turu {width: 70%}
  .education-type-container {width: 100%;display: flex;flex-direction: row;gap:10px;}
  .education-label {width: 49% ; font-size: 1rem}
  .education-label span {display: inline;}
  .education-label i {display: inline;}
  .search-btn { width: 25%; font-size: 1.6rem; background: var(--primary); }
  .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} 
}


/* >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}  
  .filre-cont .egitmen-search {width:50%!important; }
  .filre-cont .egitmen-search input, .filre-cont .egitmen-filtre-sirala .btn {padding: 1rem }
  .filre-cont .egitmen-filtre-sirala {width: 50%!important}
  .page-info {padding: .5rem!important;}
  .page-info .container {
    display: flex;align-items: center; gap:1rem;flex-wrap: wrap!important;line-height: 1rem;
    justify-content: center;gap:.5rem;
  }
  .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}
}