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

/* Large Devices, Wide Screens */
@media all and (max-width : 1200px) {
    section.main_page section.content .main-blocks .col-md-4 .block {
        width: 100%;
    }
}

/* Medium Devices, Desktops */
@media all and (max-width : 991px) {
    section.main_page header .menu nav {
        left: 0;
    }
    section.info .img {
        padding-left: 0;
        padding-right: 0;
    }
    section.main_page header .info .mail p {
        font-size: 15px;
    }
}

/* Small Devices, Tablets */
@media all and (max-width : 768px) {
    section.main_page header .info .phone {
        float: right;
    }
    section.main_page section.two_menu nav ul {
        display: block;
        height: auto;
    }
    section.main_page section.two_menu nav ul li {
        display: block;
        margin: 10px 0;
    }
    section.info .img img {
        width: auto;
        display: table;
        margin: 0 auto;
    }
    section.main_page section.content .main-blocks .col-md-4 .block {
        width: 70%;
    }
    section.main_page header .menu nav {
        top: 3px;
    }
    section.main_page header .logo, section.main_page header .info {
        height: auto;
    }
    section.main_page header .info .menu{
        height: 15px;
    }
    .service_blocks {
        padding-left: 15px;
        padding-right: 15px;
    }
    section.main_page.service_single .content .service_menu nav {
        display: table;
        margin: 15px auto 0;
    }
    section.main_page.single_page section.content .list_ad .block p.date {
        position: relative;
        right: 0;
        top: 0;
    }
}

/* Extra Small Devices, Phones */
@media all and (max-width : 520px) {
    section.main_page.service_single .content .service_menu nav ul li {
        padding-left: 45px;
    }
    section.main_page.service_single .content .service_menu nav ul li a {
        font-size: 13px;
    }
    section.main_page header .info .mail,
    section.main_page header .info .phone {
        width: 100%;
    }
    section.main_page header .info .phone {
        background: url(../images/telefon.png) no-repeat 15px 7px;
        padding-left: 30px;
    }
    section.main_page header .info .menu {
        height: 20px;
    }
    section.main_page header .menu nav {
        top: 8px;
    }
    section.main_page section.content .main-blocks .col-md-4 .block {
        width: 100%;
    }
    section.main_page header .logo img {
        display: table;
        margin: 0 auto;
    }
    section.main_page header .logo p {
        width: 100%;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}


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

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

}

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

}

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

}

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

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

}