/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    /* Меню */
    .menu {
        width: 768px;
    }
    .menu li {
        padding: 0 5px;
    }
    .menu li a {
        font: normal 15px "Proxima Nova Rg", sans-serif;
    }
    /* Шапка */
    .header {
        max-width: 740px;
    }
    .header li.hc {
        display: none;
    }
    .header li.hoc {
        display: block;
    }
    /* Первый экран */
    #carusel {width: 94%;}
    #carusel li {
        width: 100%;
        height: 410px;
    }
    #carusel li img {
        width: 100%;
        height: 410px;
    }
    /* Каталог */
    #catbg {
        min-height: 100px;
    }
    .cat {max-width: 720px;}
    #catbg p.zag {margin: 15px auto 0;}
    /* Наши клиенты и партнеры */
    .part {max-width: 480px;}
}

@media only screen and (max-width : 960px) {
    /* Последние события */
    #psbg {
        min-height: 100px;
        background-size: cover;
    }
    .ps {
        max-width: 768px;
    }
    .ps li {
        width: 172px;
        padding: 0 10px;
        margin: 0 0 20px 0;
    }
    .ps a, .ps a img {
        width: 162px;
        height: auto;
    }
    /* Подвал */
    #mapbg {
        padding: 50px 0;
    }
    .footer {
        max-width: 480px;
    }
    .footer li {
        width: 470px !important;
        margin: 0 0 15px 0;
        padding: 0 !important;
    }
    .flogo {
        margin: 0 auto;
    }
    .dlogo {
        margin: 0 auto 5px;
        float: none;
    }
    .footr p {
        text-align: center;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    /* Меню */
    #menubg {
        display: none;
    }
    /* Шапка */
    #headerbg {margin: 0 auto;}
    .header {
        max-width: 660px;
    }
    .header li.hl, .header li.hr {
        width: 310px;
        height: 140px;
        padding: 50px 5px 0 5px;
        background-size: contain;
    }
    .header li.hl {margin-right: 20px;}
    /* Первый экран */
    #carusel li, #carusel li img {height: 320px;}
    /* Оформление мероприятий */
    .meropr {max-width: 640px;}
    /* Последние события */
    .ps {
        max-width: 660px;
    }
    .ps li {
        width: 200px;
        padding: 0 10px;
        margin: 0 0 20px 0;
    }
    .ps a, .ps a img {
        width: 190px;
        height: auto;
    }
}

/* Small Devices, Tablets 2 */
@media only screen and (max-width : 660px) {    
    /* Модальные окна */
    .modal > div.nc {
        margin: 5% auto 0;
        padding: 20px 10px;
    }
    .modal > div.nc.bigform {
        width: 280px;
    }
    .modimg {display: none;}
    .modal .close {
    	right: -10px;
    	top: -15px;
    }
    /* Шапка */
    .header {max-width: 320px;}
    .header li.hl {margin-right: 0px;}
    /* Первый экран */
    #one {
        min-height: 100px;
        padding: 0 0 40px;
    }
    #one h1 {
        font-size: 28px;
        line-height: 140%;
    }
    #carusel li, #carusel li img {height: 275px;}
    /* Оформление мероприятий */
    #meropr {padding: 5px 0 0px 0;}
    .meropr {max-width: 320px;}
    /* Каталог */
    .cat {max-width: 480px;}
    /* Последние события */
    .ps {
        max-width: 480px;
    }
    .ps li {
        width: 150px;
        padding: 0 5px;
        margin: 0 0 10px 0;
    }
    .ps a, .ps a img {
        width: 140px;
        height: auto;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    /* Первый экран */
    #one h1 {
        font-size: 24px;
    }
    .specz {
        width: 300px;
        height: 30px;
        padding: 10px 0px;
        margin: 0 0 0 -150px;
        top: -27px;
    }
    .specz p {
        font-size: 24px;
    }
    #carusel li, #carusel li img {height: 200px;}
    #photomain .previous, #photomain .next {display: none;}
    .but1 {
        width: 200px;
        height: 47px;
        margin: -19px 0 0 -100px;
        background-image: url(../images/but12.png);
    }
    .but1:hover {
        background-position: center -49px;
    }
    /* Каталог */
    .catz {width: 250px;}
    .cat {max-width: 240px; min-width: 240px;}
    /* Дополнительные услуги */
    #carusel2 {
        width: 320px;
    }
    /* Наши клиенты и партнеры */
    #part {
        padding: 0;
    }
    .part {max-width: 320px;}
    /* Последние события */
    .ps {
        max-width: 320px;
    }
    .ps li {
        width: 150px;
        padding: 0 5px;
        margin: 0 0 10px 0;
    }
    .ps a, .ps a img {
        width: 140px;
        height: auto;
    }
    /* Карта */
    .mapz {
        width: 240px;
        height: 30px;
        padding: 10px 0px;
        margin: 0 0 0 -122px;
        top: -33px;
        left: 50%;
    }
    .mapz p {
        font-size: 25px;
    }
    /* Подвал */
    .footer {
        max-width: 320px;
    }
    .footer li {
        width: 310px !important;
        margin: 0 0 15px 0;
        padding: 0 !important;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    /* Первый экран */
    #carusel li, #carusel li img {height: 150px;}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 321px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 481px) {
    
}

/* Small Devices, Tablets */
@media only screen and (min-width : 769px) {
    
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 993px) {
    
}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1201px) {
    
}