/* Big tablets to 1200px (widths smaller than 1140px row) */
@media only screen and (max-width: 1200px) {

    
 html,
body{

    font-size: 18px;
    
}     
    .icon-small{ font-size: 175%;}
    
  
    
.yazi-kabi{padding-right: 5%; padding-left: 5%;margin-bottom: 180px;}
.yazi-kabi-2{padding-right: 5%;padding-left: 5%;  margin-bottom: 90px;}

    
}



/* Small tablets to big tablets: From 768px to 1023px */
@media only screen and (max-width: 1024px) {
  #home header {
  
    background-attachment: scroll;
}
    
    .under_construction{
        background-attachment: scroll;
    }
html,
body{ font-size: 16px; }    
    .icon-small{ font-size: 200%;}
.yazi-kabi{margin-bottom: 90px;}
.hafta-dersler .col { margin: 2% 0 2% 0;}    
    
}
  .video-boy-ust {width: 80%; padding-bottom: 45%;}


/* Small phones to tablets: From 481px to 767px */
@media only screen and (max-width: 750px) {
    
    .icon-small{ font-size: 250%;}
    
    .indirme i { font-size: 200%;}
    .hafta-dersler .col { margin: 4% 0 4% 0;}
    .yok-ol {display: none;}
  
    .row a.icon {
    float: right;
    display: block; }
   
    .responsive .yok-ol {
    float: none;
    display: block;
    text-align: center;
    clear: left; } 

    .kontroller-ust{ text-align: center;}
.video-boy-ust {width: 85%; padding-bottom: 47.8125%;}
.topnav {
  
  background-color: #343435;
   position: fixed;

    font-size: 90%;
}
    
    .span-1-of-2{
    width: 100%;
        margin-left:0;
}
   
}
    
 
@media only screen and (max-width: 605px) {
 
    .hafta-dersler .col { margin: 6% 0 6% 0;}
   
   .yazi-kabi{margin-bottom: 60px;}
     
    .video-boy-ust {width: 90%; padding-bottom: 50.625%;}
    .divider{ margin-bottom: 80px;}

}
   

/* Small phones: From 0 to 480px */
@media only screen and (max-width: 520px) {
     html,
    body{ font-size: 14px; }  
    .icon {padding-top: 28px;}
    .icon-small{ font-size: 300%;}
    .hafta-dersler .col { margin: 7% 0 7% 0;}
  

    .yazi-kabi{padding-right: 3%; padding-left: 3%;margin-bottom: 180px;}
    .yazi-kabi-2{padding-right: 3%;padding-left: 3%;  margin-bottom: 90px;}
    
    .video-boy-ust {width: 95%; padding-bottom: 53.4375%;}
    
    .buyuk-baslik-arkasi p, .yazi-ana-baslik, .video-baslik {
        font-size: 350%;
    }
    .yazi-baslik, .yazi-ana-baslik-kucuk{
        font-size: 250%;
    }
   
}

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

    
    .buyuk-baslik-arkasi p, .yazi-ana-baslik, .video-baslik{
        font-size: 250%;
    }
    .yazi-baslik, .yazi-ana-baslik-kucuk{
        font-size: 200%;
    }
    
    h1{
        font-size: 200%;
    }
   
}



@media screen and (orientation:landscape) {
    
    #home header {
        
   
    height: 130vh;
    
}
}