@media screen and (max-width:1400px){
    .info-catalog-here .item.item-right{
        margin-right: -40px;
    }
    .info-catalog-here .item.item-left{
        margin-left: -40px;
    }
}
@media screen and (max-width:1420px){
    .info-catalog-here{
        padding-top: 130px;
    }
    .info-catalog-here .item.item-center{
        margin-top: 80px;
    }
}
@media screen and (max-width:1250px){
    .name-box-timing .btn-top{
        margin: 0;
        margin-right: 120px;
    }
    .info-catalog-here .item.item-right,
    .info-catalog-here .item.item-left,
    .info-catalog-here.meet-about-box .item+.item{
        margin: 0 auto;
    }
    .info-catalog-here .item.item-center{
        margin-top: 70px;
    }
    .content.page-here{
        overflow-x:hidden;
    }
    .info-catalog-here .item h1{
        font-size: 59px;
    }
}
@media screen and (max-width:790px){
    .content{
        padding: 0 40px;
    }
    .box-dop-nav a{
        margin: 0 10px;
    }
    .meet-time-box{
        margin-top: 200px;
        text-align: center;
    }
    .meet-time-box .place-box{
        width: auto;
        text-align: center;
        margin-top: 25px;
    }
    .meet-about-box{
        width: 300px;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    .info-catalog-here{
        width: 100%;
    }
    .meet-about-box .item+.item{
        margin: 0;
    }
    .meet-about-box .item{
        width: 100%;

        padding-bottom: 20px;
    }
    .box-timing-list{
        width: 100%;
    }
    .box-timing-list .item+.item{
        margin: 0;
    }
    .box-timing-list .item{
        width: 50%;
        padding-right: 40px;
    }
    .name-box-timing .btn-top{
        margin: 0;
        margin-right: 80px;
    }
    .box-timing-list .box-map{
        position: relative;
        width: 50%;
        top: 0;
        left: 0;
        padding-top: 57px;
    }
    .box-timing-list .box-map .btn-look-map{
        display: none;
    }
    .box-timing-list .box-map #map-yandex{
        width: 100%;
        height: 180px;
        margin: 0;
    }
    .box-timing-list .box-map .title-map{
        display: block;
    }
    .box-btn-go{
        position: absolute;
        bottom: 80px;
        right: 40px;
        z-index: 10;
        width: 44%;
    }
    .box-btn-go .btn{
        max-width: 100%;
    }
    .status-will-go{
        left: 0;
        top: 50px;
        width: 100%;
        line-height: 50px;
        margin-left: 0px;
    }

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

    .header .box-dop-nav a{
        margin:0;
        line-height: 40px;
    }

    .header{
        padding:10px 30px ;
        height: 160px;
    }
    .meet-time-box .time-box {
        width: auto;
    }
    .name-box-timing .box-right{
        width: 100%;
        float: none;
        text-align: left;
    }
    .text-rule{
        width: 100%;
    }
}
@media screen and (max-width:700px){
    .info-catalog-here .item.item-right,
    .info-catalog-here .item.item-left{
        float: none;
        margin-bottom: 40px;
    }

}
@media screen and (max-width:650px){
    .footer .box-left, .footer .box-right {
    width: 100%;
    float: none;
    text-align: left;
    }
    .footer{
    height: 60px;
    }
    .footer .box-audio-nav{
    float: right;
    }
    .info-catalog-here{
        padding-top: 250px;
    }
}
@media screen and (max-width:500px){
    h1,.h1{
        font-size: 42px;
    }
    h2,.h2{
        font-size:40px;
    }
    .content{
        padding: 0 30px;
    }
    .header .box-dop-nav a{
        font-size: 15px;
    }
    .box-number .val, .box-number .colon {
        font-size: 82px;
        line-height: 82px;
    }
    .box-number .days{
        margin-right: 15px;
    }
    .box-number .seconds .val {
        font-size: 53px;
        line-height: 60px;
    }
    .box-number .seconds {
        margin-left: 10px;
    }
    #time-start{
        margin-left: -20px;
        margin-right: -20px;
    }

    .footer .content{
        padding: 0;
    }
    .footer .box-left, .footer .box-right{
        padding: 0 15px;
    }
    .footer .box-audio-nav{
        margin-right: 15px;
    }
    .footer .copy{
        border-top: 1px solid #d3d3d3;
    }
    .box-timing-list .item,.box-timing-list .box-map {
        width: 300px;
        max-width: 100%;
        padding-right: 0px;
        display: block;
        margin: 0 auto;
        float: none;
    }
    .box-timing-list .item+.item{
        margin: 0 auto;
    }
    .box-btn-go {
        width: 100%;
        padding-left:30px;
        padding-right:30px;
        right: 0;
    }
    .meet-time-box{
        margin-top: 150px;
    }
    .box-number{
        text-align: center;
    }
    .name-box-timing .btn{
        margin-left: 5px;
    }
    .name-box-timing{
        margin-bottom: 20px;
    }
    .info-catalog-here{
        padding-top: 200px;
    }
    /*.header .box-dop-nav a{*/
        /*width: 100%;*/
        /*text-align: center;*/
        /*display: block;*/
        /*line-height: 38px;*/
    /*}*/
}
@media screen and (max-width:460px){
    .header {
        padding: 5px 15px;
    }
    /*.header .box-dop-nav a{*/
        /*width: 100%;*/
        /*text-align: center;*/
        /*display: block;*/
        /*line-height: 38px;*/
    /*}*/
}
@media screen and (max-width:360px){
    h1,.h1{
        font-size: 31px;
    }

    .content{
        padding: 0 15px;
    }

    .box-number .val, .box-number .colon {
        font-size: 56px;
        line-height: 62px;
    }
    .box-number .days{
        margin-right: 10px;
    }
    .box-number .seconds .val {
        font-size: 30px;
        line-height: 45px;
    }
    .box-number .seconds {
        margin-left: 5px;
    }
    #time-start{
        margin-left: -10px;
        margin-right: -10px;
        font-size: 9px;
    }
}