/*Mac & Desc*/
@media (min-width: 1367px) and (max-width: 1680px) {

}
@media (min-width: 1200px) and (max-width: 1366px) {

}
@media (min-width: 1024px) and (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 1023px) {

}
/*mibile*/
@media (min-width: 300px) and (max-width: 767px) {
    #about img {
        margin-top: 15px;
        width: 100%;
    }
    header {
        text-align: center;
    }
    header nav {
        text-align: center;
    }
    header nav a {
        font-size: 14px;
        margin-right: 15px;
    }
    #banner, #about, #what, #uslug, #work, #clients, #review {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    h1 {
        font-size: 30px;
        line-height: 34px;
        text-align: center;
    }
    #banner {
        text-align: center;
    }
    hr {
        margin-bottom: 30px;
    }
    .block-what img {
        margin-top: 30px;
    }
    #uslug a.btn{
        margin-bottom: 30px;
    }
    #review a{
        margin-bottom: 30px;
    }
    footer h3{
        margin-top: 30px;
    }
    .popup-modal-style {
        padding: 60px 30px;
        width: 100%;
    }
    .block-logo{
        margin-bottom: 30px;
    }
}
