@media only screen and (max-width: 1300px) {
    
    .no-mobile{display:none;}
    .online-gorusme-mobile{display: none;}
     
    #top-menu-holder{display: none;}
#mobile-menu-holder{float:left;position:absolute;left:3%;top:90px;width:90%;height:100%;}
     #mobile-menu-bar{display:block;}
     
     #mobile-menu-bar{
        /*
        float:right;
        margin-top:30px;
        margin-right: 30px;*/
        margin-bottom: 30px;
        position:absolute;
        right:30px;
        top:34px;
        display: block;
        background: var(--purple);/*rgba(255, 255, 255, 0.7)*/;
        width: 32px;
        height: 32px;
        border-radius: 3px;
        box-sizing: border-box;
        padding: 9px 6px;
        cursor: pointer;
        user-select: none;
        z-index:5;
    }
     
     .toggled .mobile-menu-bar-dash:first-child {transform: translateY(6px) rotate(45deg);}
   .toggled .mobile-menu-bar-dash:nth-child(2) {opacity: 0; }
   .toggled .mobile-menu-bar-dash:last-child {transform: translateY(-6px) rotate(-45deg);}
    
    
   .mobile-menu-bar-dash {
    display: block;
    background:var(--primary);
    width: 18px;
    height: 2px;
    border-radius: 3px;
    transform-origin: center;
    transition: 0.3s ease;
   }
    .mobile-menu-bar-dash:nth-child(2) {margin: 4px 0;}

    #mobile-menu-links-holder{position:relative;float:left;width:90%;min-height:100%;background:rgba(255, 255, 255, 1); margin-top:0;padding:10px 15px 10px 10px;box-sizing:border-box;z-index:5;box-shadow:0 0 10px #eee;}   
    
    a.top-menu-link-mobile:link,a.top-menu-link-mobile:visited{float:left;width:90%;padding:15px 6px 10px 6px;font-size:14px;color:var(--primary);border-radius:10px;transition: all 0.3s;}
    a.top-menu-link-mobile:hover{background:var(--primary);color:#fff;}

a.top-menu-link-mobile-active:link,a.top-menu-link-mobile-active:visited {float:left;width:90%;margin:10px 0;padding:15px 6px 10px 6px;background:var(--primary);font-size:14px;color:#fff;border-radius:10px;transition: all 0.3s;}
  
  #contactModal{z-index:9;}
  
.slider-right .yds-img-01{width:60%;}
.slider-right .yds-img-02{width:30% !important;}

.slider-right .ielts-img-01{width:60% !important;}
.slider-right .ielts-img-02{width:30% !important;}

.slider-right .genel-ingilizce-img-01{width:60% !important;}
.slider-right .genel-ingilizce-img-02{width:30% !important;}

#home-about-me {padding:30px 15px 30px 30px;    height: 100%;}    
  #home-about-me-text{float:left;width:70%;}
    #hi{float:left;width:90%;font-size:28px;font-weight: 600;margin:0;box-sizing: border-box;}
    #hi-text{float:left;width:96%;font-size:14px;font-weight: 300;margin:30px 0;color:#fff;}

  
}

@media only screen and (max-width: 1100px) {
   

#hakkimda-left{float:left;width:90%;margin:3% 0 0 3%;}
  #hakkimda-left img{width:100%;}
#hakkimda-right{float:left;width:90%;margin:3% 0 0 3%;box-sizing: border-box;}

.lessons-box{width:30%;}

#footer-left{float:left;width:90%;}
#footer-middle{float:left;width:90%;height:100%;margin-top:15px;}
#footer-right{float:left;width:90%;}

a.footer-link:link,a.footer-link:visited{float:left;width:90%;margin:10px;}

} /* 1100px ends */


@media only screen and (max-width: 800px) {
    #top-bar-outer{float:left;width:100%;height:60px;}
    #top-bar-right{float:left;margin-left:2%;}

    #logo-top-menu-holder{width:90%;height:100%;position:relative;margin:0 auto;display:block;}
    
    #mobile-menu-bar{right:0;}

.swiper {width: 90%;height: 400px;}
.slider-left{float:left;width:90%;margin-left:5%;font-size:28px;line-height:38px;}
.slider-left p{float:left;margin:10px;font-size:14px;line-height:24px;color:var(--dark);margin-top:15px;}
.slider-button{float:left;margin:15px 0 0 15px;}

.slider-right{position:relative;float:left; width:90%;margin-left:1%;display:flex;justify-content: center;align-items: center;}

.slider-right .yds-img-01{width:200px;}
.slider-right .yds-img-02{width:100px;}

.slider-right .ielts-img-01{width:200px;}
.slider-right .ielts-img-02{width:100px;}

.slider-right .genel-ingilizce-img-01{width:50% !important;}
.slider-right .genel-ingilizce-img-02{width:30% !important;}

#home-about-me {padding:30px 15px 30px 30px;    height: 100%;}    
  #home-about-me-text{float:left;width:90%;}
    #hi{float:left;width:90%;font-size:28px;font-weight: 600;margin:0;box-sizing: border-box;}
    #hi-text{float:left;width:96%;font-size:14px;font-weight: 300;margin:30px 0;color:#fff;}
  #home-about-img{display:none;}

    
.lessons-box{width:45%;}

#left-col{float:left;width:90%;margin:3% 0 0 3%;}
#right-col{float:left;width:90%;margin:1.5% 0 0 3%;}

.iletisim-text-area{width:80%;margin:10px auto;}
#iletisim-left{float:left;width:80%;margin-top:5%;margin-left:10%;}
#iletisim-right{float:left;width:80%;margin-top:5%;margin-left:10%;}

.content-inner-site-metinler{width:96%;height:100%;margin:30px auto;padding:30px 15px;overflow:auto;border: 0px solid #eee;border-radius: 5px;box-sizing: border-box;}

#activities-left-menu {width:80%;}
#activities-content-area{width:100%;}
.hidden-word {font-size: 18px;}
.letter-button {padding: 5px 7px;}

} /* 800px ends */

@media only screen and (max-width: 600px) {

.lessons-box{width:80%;}

} /* 600px ends */