@media only screen and (max-width: 1200px) {
    .second .btn,
    .map .btn {
        width: 40%
    }
    header {
        -webkit-background-size: cover;
        background-size: cover
    }
    header .logo p {
        margin-left: 45px
    }
    .first {
        height: 100vh
    }
    .first .table {
        width: 85%
    }
    .third {
        padding: 0
    }
    .third .line-content {
        padding: 30px 0;
        width: 100%
    }
    .photo-3 {
        -webkit-background-size: cover !important;
        background-size: cover !important;
        padding: 0 !important
    }
    .third .line-content .btn {
        width: 60%
    }
    .animationOpen {
        width: 40% !important
    }
}

@media only screen and (max-width: 768px) {
    .animationOpen {
        width: 60% !important
    }
    header {
        padding: 10px 0 30px 0;
        -webkit-background-size: cover;
        background-size: cover
    }
    header .logo img {
        width: 32%;
        position: relative
    }
    header .logo p {
        font-size: .6rem;
        margin-left: 5px
    }
    header .phone a {
        font-size: 1rem
    }
    header .phone span {
        font-size: .6rem
    }
    header .btn {
        padding: 10px;
        display: block
    }
    .first {
        height: 100vh;
        margin-top: 56px
    }
    .first .table {
        width: 90%;
        margin-top: 30px;
        top: 0;
        padding: 15px
    }
    .first .table p {
        margin: 12px 0;
        font-size: .84rem
    }
    .tehnika h3 {
        width: 100%;
        font-size: 1.6rem
    }
    .tehnika hr {
        width: 40%
    }
    .second h3 {
        width: 100%;
        font-size: 1.6rem
    }
    .second hr {
        width: 40%
    }
    .third {
        background-image: none !important
    }
    .third .mob-img {
        display: block
    }
    .third .line-content,
    .third .right-line {
        width: 100%;
        margin: 20px 0;
        padding: 0 !important;
        text-align: center !important
    }
    .third .line-content hr {
        margin: auto;
        left: 0 !important
    }
    .help img {
        width: 100%
    }
    .help h4 {
        margin-top: 20px
    }
    .help ul li {
        font-size: 1rem
    }
    .help .btn {
        width: 50%
    }
    .map p,
    .pop-serv p,
    .tehnika p {
        width: 100%
    }
    .pop-serv .box {
        padding: 1%
    }
    .pop-serv .box img {
        width: 80%
    }
    .third .line-content .btn {
        float: none;
        width: 100%
    }
    .fourth .evacuator {
        margin-bottom: 20px
    }
    .fourth .txt p {
        font-size: .8rem
    }
    .fourth .btn {
        margin: 20px 0 0 0
    }
    footer .content {
        width: 100%
    }
    footer .content h3 {
        font-size: 1.3rem
    }
    footer .content .pretitle {
        width: 100%;
        padding: 10px;
        margin: 0
    }
    footer .content p {
        margin: 10px 0
    }
    footer .phone {
        text-align: center;
        margin-bottom: 14px
    }
    footer .btn {
        width: 100%;
        padding: 10px;
        margin: auto;
        text-align: center;
        display: block
    }
    .obscure input,
    .obscure button {
        width: 90%
    }
    .second .btn,
    .map .btn {
        width: 60%
    }
}

@media only screen and (max-width: 480px) {
    .mob-block {
        display: block
    }
    .no-mobile {
        display: none
    }
    .mobile {
        display: block !important
    }
    header .phone a {
        font-size: 1.7rem
    }
    .second .btn,
    .map .btn {
        width: 100%
    }
    .animationOpen {
        width: 90% !important
    }
    header {
        background-image: none;
        background-color: #464646;
        padding: 10px 0
    }
    header .logo {
        display: none
    }
    header .phone {
        text-align: center;
        margin-bottom: 10px
    }
    .first {
        height: 100vh;
        margin-top: 120px
    }
    .first .table {
        width: 87%;
        margin-top: 30px;
        top: 0;
        padding: 15px
    }
    .first .table p {
        margin: 12px 0;
        font-size: .9rem
    }
    .tehnika h3 {
        width: 100%;
        font-size: 1.6rem
    }
    .tehnika hr {
        width: 40%
    }
    .second,
    .pop-serv {
        display: none
    }
    .second h3 {
        width: 100%;
        font-size: 1.6rem
    }
    .second hr {
        width: 40%
    }
    .third {
        background-image: none !important
    }
    .third .mob-img {
        display: block
    }
    .third .line-content,
    .third .right-line {
        width: 100%;
        margin: 20px 0;
        padding: 0 !important;
        text-align: center !important
    }
    .third .line-content hr {
        margin: auto;
        left: 0 !important
    }
    .help img {
        width: 100%
    }
    .help h4 {
        margin-top: 20px
    }
    .help ul li {
        font-size: 1rem
    }
    .help .btn {
        width: 100%;
        margin: 30px 0
    }
    .map p,
    .pop-serv p,
    .tehnika p {
        width: 100%
    }
    .pop-serv .box {
        padding: 1%
    }
    .pop-serv .box img {
        width: 80%
    }
    .third .line-content .btn {
        float: none;
        width: 100%
    }
    .fourth .evacuator {
        margin-bottom: 20px
    }
    .fourth .txt p {
        font-size: .8rem
    }
    .fourth .btn {
        margin: 20px 0 0 0
    }
    footer .content {
        width: 100%
    }
    footer .content h3 {
        font-size: 1.3rem
    }
    footer .content .pretitle {
        width: 100%;
        padding: 10px;
        margin: 0
    }
    footer .content p {
        margin: 10px 0
    }
    footer .phone {
        text-align: center;
        margin-bottom: 14px
    }
    footer .btn {
        width: 80%;
        margin: auto;
        text-align: center;
        display: block
    }
    .obscure input,
    .obscure button {
        width: 90%
    }
}

@media only screen and (max-width: 375px) {
    .mob-block {
        display: block
    }
    .no-mobile {
        display: none
    }
    .mobile {
        display: block !important
    }
    header .phone a {
        font-size: 1.7rem
    }
    .second .btn,
    .map .btn {
        width: 100%
    }
    .animationOpen {
        width: 90% !important
    }
    header {
        background-image: none;
        background-color: #464646;
        padding: 10px 0
    }
    header .logo {
        display: none
    }
    header .phone {
        text-align: center;
        margin-bottom: 10px
    }
    .first {
        height: 100vh;
        margin-top: 120px
    }
    .first .table {
        width: 100%;
        margin-top: 30px;
        top: 0;
        padding: 15px
    }
    .first .table p {
        margin: 12px 0;
        font-size: .9rem
    }
    .tehnika h3 {
        width: 100%;
        font-size: 1.6rem
    }
    .tehnika hr {
        width: 40%
    }
    .second,
    .pop-serv {
        display: none
    }
    .second h3 {
        width: 100%;
        font-size: 1.6rem
    }
    .second hr {
        width: 40%
    }
    .third {
        background-image: none !important
    }
    .third .mob-img {
        display: block
    }
    .third .line-content,
    .third .right-line {
        width: 100%;
        margin: 20px 0;
        padding: 0 !important;
        text-align: center !important
    }
    .third .line-content hr {
        margin: auto;
        left: 0 !important
    }
    .map p,
    .pop-serv p,
    .tehnika p {
        width: 100%
    }
    .pop-serv .box {
        padding: 1%
    }
    .pop-serv .box img {
        width: 80%
    }
    .third .line-content .btn {
        float: none;
        width: 100%
    }
    .fourth .evacuator {
        margin-bottom: 20px
    }
    .fourth .txt p {
        font-size: .8rem
    }
    .fourth .btn {
        margin: 20px 0 0 0
    }
    footer .content {
        width: 100%
    }
    footer .content h3 {
        font-size: 1.3rem
    }
    footer .content .pretitle {
        width: 100%;
        padding: 10px;
        margin: 0
    }
    footer .content p {
        margin: 10px 0
    }
    footer .phone {
        text-align: center;
        margin-bottom: 14px
    }
    footer .btn {
        width: 80%;
        margin: auto;
        text-align: center;
        display: block
    }
    .obscure input,
    .obscure button {
        width: 90%
    }
}

@media only screen and (max-width: 320px) {
    .mob-block {
        display: block
    }
    .no-mobile {
        display: none
    }
    .mobile {
        display: block !important
    }
    header .phone a {
        font-size: 1.7rem
    }
    .second .btn,
    .map .btn {
        width: 100%
    }
    .animationOpen {
        width: 90% !important
    }
    header {
        background-image: none;
        background-color: #464646;
        padding: 10px 0
    }
    header .logo {
        display: none
    }
    header .phone {
        text-align: center;
        margin-bottom: 10px
    }
    .first {
        height: 100vh;
        margin-top: 120px
    }
    .first .table {
        width: 100%;
        margin-top: 30px;
        top: 0;
        padding: 15px
    }
    .first .table p {
        margin: 12px 0;
        font-size: .8rem
    }
    .tehnika h3 {
        width: 100%;
        font-size: 1.6rem
    }
    .tehnika hr {
        width: 40%
    }
    .second,
    .pop-serv {
        display: none
    }
    .second h3 {
        width: 100%;
        font-size: 1.6rem
    }
    .second hr {
        width: 40%
    }
    .third {
        background-image: none !important
    }
    .third .mob-img {
        display: block
    }
    .third .line-content,
    .third .right-line {
        width: 100%;
        margin: 20px 0;
        padding: 0 !important;
        text-align: center !important
    }
    .third .line-content hr {
        margin: auto;
        left: 0 !important
    }
    .map p,
    .pop-serv p,
    .tehnika p {
        width: 100%
    }
    .pop-serv .box {
        padding: 1%
    }
    .pop-serv .box img {
        width: 80%
    }
    .third .line-content .btn {
        float: none;
        width: 100%
    }
    .fourth .evacuator {
        margin-bottom: 20px
    }
    .fourth .txt p {
        font-size: .8rem
    }
    .fourth .btn {
        margin: 20px 0 0 0
    }
    footer .content {
        width: 100%
    }
    footer .content h3 {
        font-size: 1.3rem
    }
    footer .content .pretitle {
        width: 100%;
        padding: 10px;
        margin: 0
    }
    footer .content p {
        margin: 10px 0
    }
    footer .phone {
        text-align: center;
        margin-bottom: 14px
    }
    footer .btn {
        width: 80%;
        margin: auto;
        text-align: center;
        display: block
    }
    .obscure input,
    .obscure button {
        width: 90%
    }
}