@media (max-width: 1500px) {
    .logo {
        width: 252px;
        height: 80px;
        font-size: 35px;
        padding: 14px;
    }
    .menu ul li {
        font-size: 17px;
        padding-left: 50px;
    }
    .title-main {
        font-size: 50px;
        text-align: left;
    }
    .zag-main {
        font-size: 19px;
        color: rgb(255, 255, 255);
        line-height: 1.2;
        text-align: left;
        padding-top: 45px;
    }
    .p1 {
        background: #3a3a3a;
        height: 739px;
    }
    .p1b {
        background-position-x: -230px;
        height: 739px;
    }
    .phone-main {
        width: 90%;
        margin-top: -32px;
    }
    .ph-gif {
        width: 221px;
        margin-left: 62px;
        height: 456px;
        margin-top: -540px;
        border-radius: 10px;
    }
    .title {
        font-size: 40px;
    }
    .ic-title {
        font-size: 30px;
        line-height: 1.2;
    }
    .ic-zag {
        font-size: 17px;
        padding-top: 22px;
    }
    .title-sl {
        font-size: 28px;
    }
    .zag-sl {
        font-size: 17px;
        padding-top: 15px;
    }
    .href-sl {
        font-size: 17px;
        padding-top: 15px;
    }
    .title-c {
        font-size: 40px;
    }
}
@media (max-width: 1199px) {
    .logo {
        width: 212px;
        height: 70px;
        font-size: 30px;
        padding: 14px;
    }
    .menu ul li {
        font-size: 16px;
        padding-left: 30px;
    }
    .btn-header {
        width: 155px;
        height: 36px;
        font-size: 17px;
        margin-top: 22px;
    }
    .title-main {
        font-size: 42px;
        text-align: left;
    }
    .zag-main {
        font-size: 17px;
        padding-top: 40px;
    }
    #mybtn .btn-all {
        width: 200px;
        height: 55px;
        border-radius: 40px;
        font-size: 19px;
    }
    .btn-1 {
        padding-top: 70px;
    }
    .p1 {
        height: 639px;
    }
    .p1b {
        background-position-x: -190px;
        height: 639px;
    }
    .phone-main {
        width: 90%;
        margin-top: -29px;
    }
    .ph-gif {
        width: 185px;
        margin-left: 54px;
        height: 376px;
        margin-top: -450px;
    }
    .title {
        font-size: 35px;
    }
    .pers-img {
        width: 95%;
        margin: 0 auto;
        display: block;
        margin-top: -50px;
    }
    .box-p {
         width: 100%;
         height: 332px;
    }
    .name-pers {
        font-size: 22px;
        padding-top: 10px;
    }
    .san-pers {
        font-size: 16px;
        padding-top: 10px;
    }
    .desc-pers {
        font-size: 16px;
        padding-top: 10px;
    }
    .p2 {
        padding: 60px 0;
    }
    .p3 {
        padding: 60px 0;
    }
    .ic-img {
        display: block;
        width: 55px;
    }
    .ic-title {
        font-size: 28px;
        line-height: 1.2;
    }
    .ic-zag {
        font-size: 16px;
        padding-top: 20px;
    }
    .title-sl {
        font-size: 25px;
    }
    .zag-sl {
        font-size: 15px;
        padding-top: 15px;
    }
    .href-sl {
        font-size: 15px;
        padding-top: 15px;
    }
    .btn-sl {
        width: 145px;
        height: 35px;
        font-size: 13px;
        margin-top: 32px;
    }
    .title-c {
        font-size: 35px;
    }
    .p4 {
        padding: 60px 0;
    }
    .p5 {
        padding: 70px 0;
    }
    .zag-c {
        font-size: 17px;
        padding-top: 15px;
    }
    .adres {
        font-size: 16px;
        padding-bottom: 15px;
    }
    .rr25 {
        margin-right: 41px;
    }
    .inp {
        width: 45%;
        height: 45px;
        padding-left: 15px;
        font-size: 16px;
    }
    .txtarea {
        margin-top: 30px;
        width: 100%;
        padding-top: 7px;
    }
    .forma {
        padding-top: 90px;
    }
    .cc {
        font-size: 16px;
    }
    .footer {
        padding: 25px 0;
    }
}

@media (max-width: 991px) {
    .logo {
        width: 100%;
        height: 60px;
        font-size: 23px;
        padding: 14px;
    }
    .menu ul li {
        font-size: 15px;
        padding-left: 15px;
    }
    .menu {
        padding-top: 25px;
        padding-left: 0;
    }
    .btn-header {
        width: 100%;
        height: 35px;
        font-size: 13px;
        margin-top: 22px;
    }
    .title-main {
        font-size: 31px;
        text-align: left;
    }
    .block1 {
        padding-top: 90px;
        width: 100%;
    }
    .ph-gif {
        width: 135px;
        margin-left: 44px;
        height: 273px;
        border-radius: 5px;
        margin-top: -328px;
    }
    .zag-main {
        font-size: 15px;
        padding-top: 35px;
    }
    #mybtn .btn-all {
        width: 180px;
        height: 50px;
        border-radius: 40px;
        font-size: 18px;
    }
    .btn-1 {
        padding-top: 50px;
    }
    .topmd {
        margin-top: 42px;
    }
    .p1 {
        height: 499px;
    }
    .p1b {
        background-position-x: -110px;
        height: 499px;
    }
    .title {
        font-size: 30px;
    }
    .name-pers {
        font-size: 20px;
        padding-top: 10px;
    }
    .san-pers {
        font-size: 14px;
        padding-top: 10px;
    }
    .desc-pers {
        font-size: 13px;
        padding-top: 10px;
    }
    .box-p {
        width: 100%;
        height: 252px;
    }
    .ic-img {
        display: block;
        width: 40px;
    }
    .ic-title {
        font-size: 24px;
        line-height: 1.2;
    }
    .top60m {
        margin-top: -100px;
    }
    .ic-zag {
        font-size: 12px;
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    .logo {
        width: 220px;
        height: 60px;
        font-size: 23px;
        padding: 14px;
        margin: 0 auto;
    }
    .p1 {
        height: 100%;
        padding-bottom: 70px;
    }
    .p1b {
        background-position-x: -1280px;
        height: auto;
    }
    .title-main {
        font-size: 31px;
        text-align: center;
    }
    .zag-main {
        font-size: 22px;
        padding-top: 35px;
        text-align: center;
    }
    .title-main {
        font-size: 35px;
        text-align: center;
    }
    .topmd {
        margin-top: -30px;
    }
    .phone-main {
        width: 80%;
        margin-top: 0;
        margin: 0 auto;
        display: block;
        margin-right: 20px;
    }
    .p1b {
        background-position-x: -1370px;
        height: auto;
    }
    .ph-gif {
        width: 249px;
        margin-left: 150px;
        height: 499px;
        border-radius: 10px;
        margin-top: -608px;
    }
    .btn-1 {
        padding-top: 0;
        margin-top: -30px;
    }
    #mybtn .btn-all {
        width: 100%;
        height: 60px;
        border-radius: 40px;
        font-size: 18px;
    }
    .box-p {
        width: 80%;
        height: auto;
        margin: 0 auto;
        margin-bottom: 90px;
    }
    .name-pers {
        font-size: 25px;
        padding-top: 10px;
    }
    .san-pers {
        font-size: 18px;
        padding-top: 10px;
    }
    .desc-pers {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .p2 {
        padding: 60px 0 20px 0;
    }
    .p3 {
        padding: 0 0 60px 0;
    }
    .title {
        font-size: 35px;
    }
    .top60m {
        margin-top: 0;
    }
    .ic-title {
        font-size: 26px;
        line-height: 1.2;
    }
    .ic-zag {
        font-size: 18px;
        padding-top: 20px;
    }
    .ic-img {
        display: block;
        width: 50px;
    }
    .adres {
        font-size: 19px;
        padding-bottom: 15px;
    }
    .adres a {
        font-size: 19px;
        text-align: left;
    }
}

@media (max-width: 575px) {
    .container{
        width: 480px;
    }
    .title-main {
        font-size: 26px;
        text-align: center;
    }
    .zag-main {
         font-size: 19px;
         padding-top: 30px;
         text-align: center;
    }
    .ph-gif {
        width: 221px;
        margin-left: 131px;
        height: 445px;
        border-radius: 10px;
        margin-top: -535px;
    }
    .social {
        padding-top: 20px;
    }
    .inp {
        width: 100%;
        height: 45px;
        padding-left: 15px;
        font-size: 16px;
        margin-bottom: 20px;
    }
    .txtarea {
        margin-top: 0px;
        width: 100%;
        padding-top: 7px;
    }
    .send-btn {
        border: 1px solid rgb(255, 51, 0);
        background-color: rgb(61, 61, 61);
        width: 100%;
        height: 45px;
        border-radius: 30px;
        margin-top: 10px;
        font-size: 14px;
        color: rgb(255, 51, 0);
    }
    .cc {
        font-size: 16px;
        text-align: center;
    }
    .forma {
        padding-top: 60px;
    }
    .title-c {
        font-size: 30px;
    }
    .p5 {
        padding: 60px 0;
    }
    .ic20 {
        width: 100%;
        float: left;
    }
    .ic80 {
        width: 100%;
        float: left;
        margin-top: 12px;
    }
    .box3 {
        padding-top: 40px;
        height: 100%;
        margin-bottom: 30px;
        float: left;
    }
    .ic-img {
        display: block;
        width: 55px;
    }
    .rr25 {
        margin-right: 0;
    }
}
@media (max-width: 480px) {
    .container{
        width: 420px;
    }
    .ph-gif {
        width: 191px;
        margin-left: 113px;
        height: 388px;
        border-radius: 10px;
        margin-top: -465px;
    }
    .p1b {
        background-position-x: -1109px;
        height: auto;
    }
    .title-main {
        font-size: 30px;
        text-align: center;
    }
    .block1 {
        padding-top: 80px;
        width: 100%;
    }
    .adres {
        font-size: 16px;
        padding-bottom: 15px;
    }
    .adres a {
        font-size: 16px;
    }
}

@media (max-width: 420px) {
    .container{
        width: 380px;
    }
    .title-main {
        font-size: 28px;
        text-align: center;
    }
    .ph-gif {
        width: 171px;
        margin-left: 101px;
        height: 344px;
        border-radius: 10px;
        margin-top: -415px;
    }
    .p1b {
        background-position-x: -1029px;
        height: auto;
    }
    .title {
        font-size: 28px;
    }
    .box-p {
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-bottom: 90px;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 5px!important;
        position: relative;
        z-index: 999999;
    }
    .btn-sl {
        width: 170px;
        height: 40px;
        font-size: 15px;
        margin-top: 25px;
    }
    .title-c {
        font-size: 28px;
    }
    .adres {
        font-size: 15px;
        padding-bottom: 15px;
    }
    .map-img {
        padding-right: 8px;
        vertical-align: middle;
    }
    .adres a {
        font-size: 15px;
    }
    .block3 {
        padding-top: 50px;
        width: 100%;
    }

}

@media (max-width: 380px) {
    .container{
        width: 360px;
    }
    .title-main {
        font-size: 26px;
        text-align: center;
    }
    .ph-gif {
        width: 162px;
        margin-left: 95px;
        height: 329px;
        border-radius: 10px;
        margin-top: -393px;
    }
    .p1b {
        background-position-x: -979px;
        height: auto;
    }
    .title {
        font-size: 27px;
    }
    .ic-title {
        font-size: 24px;
        line-height: 1.2;
    }
    .p4 {
        padding: 50px 0;
    }
    .p3 {
        padding: 0 0 20px 0;
    }
    .p2 {
        padding: 50px 0 20px 0;
    }
    .logo {
        width: 200px;
        height: 60px;
        font-size: 23px;
        padding: 14px;
        margin: 0 auto;
    }
    .zag-main {
        font-size: 18px;
        padding-top: 30px;
        text-align: center;
    }

}

@media (max-width: 359px) {
    .container{
        width: 320px;
    }
    .title-main {
        font-size: 23px;
        text-align: center;
    }
    .zag-main {
        font-size: 17px;
        padding-top: 25px;
        text-align: center;
    }
    .ph-gif {
        width: 142px;
        margin-left: 83px;
        height: 289px;
        border-radius: 10px;
        margin-top: -346px;
    }
    .adres {
        font-size: 14px;
        padding-bottom: 15px;
    }
}