@media only screen and (min-width: 1921px) {
    .container {width: 1500px;}
    .home {
        padding-top: 280px;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-color: #EDEEF2;
    }
}
@media only screen and (max-width: 1920px) {
    .home {
        padding-top: 250px;
    }
}
@media only screen and (max-width: 1600px) {
    .home {padding-top: 200px;background-size: cover;}
}
@media only screen and (max-width: 1400px) {
    .registration {
        background-color: rgb(255 255 255 / 90%);
        padding: 30px;box-shadow: 0 0 5px #e6e6e6;color: #6a7279;
    }
    .registration .nav-pills > li a {
        color: #6a7279;
    }
}
@media only screen and (max-width: 991px) {
    .home {padding-top: 150px;}
    .nav > li > a {padding: 10px 11px;}
}
@media only screen and (max-width: 767px) {
    .front-header .navbar {
        float: none;
    }
    .mainmenu .navbar-nav {margin: 0 -15px;}
    .mainmenu .navbar-collapse {
        background-color: #2a3042;
        margin: 5px -15px;padding: 0 30px;
    }
    .mainmenu .nav > li {
        margin-bottom: 0;
        margin: 0 -15px;
        padding: 0 25px;
        background-position: 10px 50%;
    }
    .mainmenu .nav > li:hover,
    .mainmenu .nav > li.active {background-color: #363F5A;color: #FFF;}
    .mainmenu .navbar-toggle {
        display: block;
        margin-top: 0;
    }
    .nav > li > a {
        padding: 10px 18px;
    }
    .mainmenu .navbar-toggle .icon-bar {background-color: #000;}
    .mainmenu .collapse.in {
        display: block;
    }
    #registration .form-control {margin-bottom: 10px;}
}