@media only screen and (min-width: 768px) { 
    form.search .mobile-trigger { display:none; } 
    .option-holder { min-width:calc(100% / 2 - 10px)}
}

@media only screen and (min-width: 1024px) { 
    .page, .page__head, .page__foot { width: 1016px; }
    .option-holder { min-width:calc(100% / 3 - 10px)}
}

@media only screen and (max-width: 1023px) { 
    .page, .page__head, .page__foot { width: 768px; }
    html { background: #000; height: 100%; }
}

@media only screen and (max-width: 767px) { 
    .page, .page__head, .page__foot { width: 366px; max-width: 100%; background: black; }
    .page__head-right.expanded { background: black; width: 100%; position: absolute; top: 0; left: 0; padding-right:10px; }
    .page__head-right.expanded form.search { width:calc(100% - 35px); border:1px solid #FFFFFF44; }
    .page__head-right.expanded .form-reset.inactive { opacity:0.3 }
    .page__content { zleft:0; }
    form.search { width:40px; border:1px solid #000;  -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;  }
    .form-reset.inactive { opacity:0 }
    .menu-links { margin: 0 5px 0 10px; }
    .menu-links a { width:calc(100% - 4px); height:auto; line-height:36px; display:block; padding: 5px;}
    .menu-links a span { display:block; font-size: 70%; line-height:normal; }
}

@media only screen and (max-width: 320px) { 
    #loader { width:160px !important; height:160px !important; } 
    .page__head { font-size: 80% !important; }
    .page__menu .time.time-1 { margin-left: 88px !important; }
    .page__menu .time.time-0 { margin-right: 88px !important; }
}