@media screen and (max-width: 1280px) {
    .bg {
        background-color: linear-gradient(90deg, rgba(13, 9, 21, 0.81) 100%, transparent 0);
        padding-bottom: 0px;
    }
    #page-home-wrapper .bg {
      background-color: #0e0a15;
    }
}

@media screen and (max-width: 1279px) {
    .wrapper {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    
    footer {
        width: 100%;
        /*margin: -70px auto 0;*/
    }
}
@media screen and (max-width: 1150px) {
    .login-btn-group a {
        padding: 0;
        border: 0;
    }
    .main-menu {
        padding-left: 50px;
    }
    .footer-social{
        float:right;
        padding: 5px;
    }
    footer .right-block{
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 1020px) {
    .toggle-menu-btn {
        display: block;
        float: left;
        margin-top: 5px;
    }
    .login-btn-group {
        position: absolute;
        right: 60px;
        top: 75px;
    }
    .main-menu {
        padding: 0;
    }
    .main-menu li {
        display: block;
        padding: 10px 0;
    }
    .main-menu {
        display: none;
        position: absolute;
        top: 115px;
        left: 45px;
        width: 200px;
        background: #0f1021;
        border: 1px solid #221b22;
        padding: 10px 20px;
        z-index: 1;
    }
    .main-menu li a {
        font-size: 15px;
        position:relative;
    }
    .logo {
        width: 135px;
        display: block;
        margin: 0 auto;
    }
    .close-main-menu {
        width: 30px;
        height: 30px;
        display: block;
        background-image: url('../img/close-menu-btn-min.png');
        float: left;
    }
}

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

    .wrapper {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
}
@media screen and (max-width: 900px){
    .wrapper {
        width: 100%;
    }
}

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

    .drop-location {
        width: 100%;
        padding-right: 20px;
    }
    
    .input-block.large input {
        width: 100%;
    }
    

    .search-form input[type=button] {
        margin-top: 40px;
        padding: 20px 0;
        width: 240px;
    }
    
    .search-form {
        width: 100%;
    }
    .search-form .input-block.inline {
        width: 48%;
    }
    .search-form .input-block.inline input {
        width: 60%;
    }

    .actual-time-picker{
        width:60%;
    }
    .diva-timer-shown .diva-timer{
        padding:25px 40px;
    }
    .diva-timer-arrow {
        top:26px;
    }
    .search-form .input-block.inline {
        float: right;
    }
    .search-form .input-block.inline.offset {
        /*float: none;*/
    }

    .login-btn-group {
        display: none;
    }

    .offset {
        margin-right:0;
    }
    .icon-border{
        padding: 35px 20px;
        width: 72px;
    }
    header {
        padding: 0 2.5rem;
    }
    .main-menu {
        left: 24px;
    }

    .main-menu {
        width: auto;
        top:0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 54px 46px 0;
    }
    .main-menu li a {
        font-size: 36px;
    }
    .main-menu-logo {
        width: 135px;
        display: block;
        margin: 0 auto;
    }

    .main-menu ul {
        margin-top: 100px;
    }
    .main-menu ul li {
        padding: 23px 0;
    }
    .hint, hr {
        display: none;
    }
    
   
    .bg {
        padding-bottom: 0;
    }
    footer {
        width: 100%;
    }
    footer .left-block {
        padding: 20px 0 20px 25px;
    }
    footer .right-block {
        padding: 20px 25px 20px 0;
    }

    footer {
        position: relative;
    }
    footer .left-block {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        padding: 0 25px;
    }
    footer .right-block {
        position: absolute;
        bottom: 40px;
        right: 50%;
        margin-right: -97px;
        padding: 0;
        width: 194px;
    }
    .footer-menu li, .footer-menu li a {
        font-size: 14px;
    }
    /*footer .copyright {
        font-size: 18px;
    }*/
    .landing-page {
        padding-bottom: 100px;
    }
    .footer-social,.footer-menu {
        float: none;
        vertical-align: top;
        padding: 5px;
    }
    .footer-social{
        text-align: center;
    }
    .active-pick  span{
        font-size:15px;
    }
}

@media screen and (max-width: 574px){
    .search-form .input-block.inline{
        /*width:100%;*/
        float:left;
    }

    .search-form .input-block.offset{
        margin-right: 3%;
    }
    .search-form .input-block.inline input{
        width:86%;
    }
    .active-pick {
        width:137%;
    }
    #right-arrow {
        right: 33%;
    }
    .diva-timer .default-pick span {
        width:86%;
    }
}

@media screen and (max-width: 557px){
    .search-form .input-block.inline input{
        width:85%;
    }
    .diva-timer .default-pick span {
        width:85%;
    }
    .active-pick {
        width:136%;
    }
}
@media screen and (max-width: 524px){
    .search-form .input-block.inline input{
        width:84%;
    }
    .diva-timer .default-pick span {
        width:84%;
    }
    .active-pick {
        width:135%;
    }
}

@media screen and (max-width: 494px){
    .search-form .input-block.inline input{
        width:83%;
    }
    .diva-timer .default-pick span {
        width:83%;
    }
    .active-pick {
        width:134%;
    }
}
@media screen and (max-width: 468px){
    .search-form .input-block.inline input{
        width:82%;
    }
    .diva-timer .default-pick span {
        width:82%;
    }
    .active-pick {
        width:133%;
    }
}
@media screen and (max-width: 444px){
    .search-form .input-block.inline input{
        width:81%;
    }
    .diva-timer .default-pick span {
        width:81%;
    }
    .active-pick {
        width:132%;
    }
}
@media screen and (max-width: 424px){
    .search-form .input-block.inline input{
        width:80%;
    }
    .diva-timer .default-pick span {
        width:80%;
    }
    .active-pick {
        width:127%;
    }
}
@media screen and (max-width: 404px){
    .search-form .input-block.inline input{
        width:79%;
    }
    .diva-timer .default-pick span {
        width:79%;
    }
    .active-pick {
        width:126%;
    }
}
@media screen and (max-width: 389px){
    .search-form .input-block.inline input{
        width:78%;
    }
    .diva-timer .default-pick span {
        width:78%;
    }
    .active-pick {
        width:125%;
    }
}
@media screen and (max-width: 373px){
    .search-form .input-block.inline input{
        width:77%;
    }
    .diva-timer .default-pick span {
        width:77%;
    }
    .active-pick {
        width:124%;
    }
}
@media screen and (max-width: 359px){
    .search-form .input-block.inline input{
        width:76%;
    }
    .diva-timer .default-pick span {
        width:76%;
    }
    .active-pick {
        width:123%;
    }
}
@media screen and (max-width: 345px){
    .search-form .input-block.inline input{
        width:75%;
    }
    .diva-timer .default-pick span {
        width:75%;
    }
    .active-pick {
        width:120%;
    }
}
@media screen and (max-width: 334px){
    .search-form .input-block.inline input{
        width:74%;
    }
    .diva-timer .default-pick span {
        width:74%;
    }
    .active-pick {
        width:120%;
    }
}
@media screen and (max-width: 324px){
    .search-form .input-block.inline input{
        width:73%;
    }
    .diva-timer .default-pick span {
        width:73%;
    }
    .active-pick {
        width:117%;
    }
}
@media screen and (max-width: 313px){
    .search-form .input-block.inline input{
        width:72%;
    }
    .diva-timer .default-pick span {
        width:72%;
    }
    .active-pick {
        width:116%;
    }
}
@media screen and (max-width: 560px){

    footer .right-block {
        bottom: 60px;
    }
}