@charset "utf-8";
/* Large desktop */
@media (min-width: 1200px) {
       
}
      
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    html{
        font-size: 90%;
    }
}
      
/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
    html{
        font-size: 90%;
    }
    .booklets-list{
        width: 48%;
    }
}
      
/* Landscape phones and down */
@media (max-width: 640px) {
    html{
        font-size: 85%;
    }
    .logo h4{
        visibility: hidden !important;
    }
    .last-lessons{
        width: 100% !important;
    }
    .last-lessons-left{
        clear: both !important;
        width: 100% !important;
    }
    .last-lessons-articles{
        width: 100% !important;
    }
    .aside{
        clear: both !important;
        width: 100% !important;
    }
    .last-lessons-calendar{
        display: none !important;
    }
    #content{
        width: 99% !important;
    }
    .wide1{
        display: none;
    }
    .video iframe{
        height: 200px !important;
    }
    /* Custom rule for button iframes */
.button-iframe {
  height: 100px !important;
  max-width: 400px;
  display: block;
  margin: 0 auto;
  border: none;
}
    .logo iframe{
        margin: 7px 0 0 10px !important;
        width: 200px !important;
    }
}
@media only screen and (max-width: 480px) {
    .aside{
        clear: both !important;
    }
    .exam-images img{
        width: 100%;
        height: 100%;
    }
    .notification-bar .icon-close{
        text-align: center;
        float: none;
        clear: both;
    }
    #home-page-search-form input[type="text"]{
        width: 10rem !important;
    }
    #driving-license article{
        left: 0%;
        top: 5%;
        width: 100%;
    }
    .booklets-list{
        width: 98%;
    }
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {

}
/*
@media only screen and (max-width: 1119px) {
}
@media only screen and (max-width: 959px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 479px) {
}
*/
/*
@media screen and (min-width: 40.5em) and (max-width: 60em) {
}
@media screen and (min-width: 60em) {
}
@media only screen and (max-width: 30em) {
}
@media only screen and (max-width: 48em) {
}
@media only screen and (max-width: 60em) {
}
*/