/* 
    Created on : 14.9.2017, 15:29:56
    Author     : Petr Jaroš
*/

@media screen and (max-width: 988px) {
    .column {float: left; overflow: auto; width: 490px; margin-left: 210px; margin-top: 20px;}
    .main {width: auto; float: none; margin-top: 20px;}
    .top-title {visibility: hidden; width: 0; height: 0; padding: 0;}
    .hline {visibility: visible; width: 100%; margin-top: 40px;}
    .column .language-switcher {display: none;}
    .menu-wrapper .language-switcher {display: block;}
    .menu-wrapper {visibility: visible;}
    .menu-wrapper #btn {display: none;}
}

@media screen and (max-width: 750px) {
    .menu {overflow: auto; float: none; width: auto; display: none; }
    .column {margin-left: 0px; float: none; width: auto;}
    .menu-wrapper {visibility: visible; width: 100%;}
    .menu-wrapper #btn {display: block;}
    .footer {background: #1162A3; text-align: center;}
    .footer p {margin: 0;}
    .main {width: auto; float: none; padding: 0 10px 30px 10px;}
    .menu li{margin-top: 5px; padding: 0; background: #A1D4EF; height: 35px; line-height: 35px;
        text-align: center;
        -webkit-border-radius: 10;
        -moz-border-radius: 10;
        border-radius: 10px;
    }
    #logo-header {width: auto;}
    #btn {
        background: #3498db;
        width: 100%;
        background-image: -webkit-linear-gradient(top, #3498db, #1162A4);
        background-image: -moz-linear-gradient(top, #3498db, #1162A4);
        background-image: -ms-linear-gradient(top, #3498db, #1162A4);
        background-image: -o-linear-gradient(top, #3498db, #1162A4);
        background-image: linear-gradient(to bottom, #3498db, #1162A4);
        -webkit-border-radius: 28;
        -moz-border-radius: 28;
        border-radius: 28px;
        font-family: Arial;
        color: white;
        font-size: 20px;
        padding: 10px 20px 10px 20px;
        text-decoration: none;
        cursor: pointer;
    }
    #btn:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }
}

@media screen and (min-width: 750px) {
    .menu {display: block;}
}
@media screen and (max-width: 380px) {
    .all {background: url('/w/mobilnidum/files/header-background-3.jpg') no-repeat;}
    .in {display: none;}
    .header {height: 140px;}
}