@media screen and (max-width:1210px) {
    
nav a, div.nav a {
    margin: 0 10px 5px;
}

.princip .flex-block {
    padding: 0 15px;
}
    
}

@media screen and (max-width:1200px) {
    
.seo-text div.center-block{
    padding: 0 30px;
}

.cart .img-block {
    height: auto;
    padding: 20px 20px 10px;
}
    
p.before-h {
    padding-top: 58px;
}

.img_first-screen {
    max-width: 883px;
}

nav{
    display:none;
}

.plus-block .plus-one:before {
    content: '';
    border-top: 1px solid #DDDDDD;
    border-right: 0;
    position: absolute;
    width: 100% !important;
    border-left: 0 !important;
    right: 0 !important;
    left: 0 !important;
    transform: none !important;
}

.tubs,
.tabs-form{
    margin:0 10px;
}

.cart {
    max-width: 48%;
    width: 100%;
}

.princip .flex-block {
    justify-content: space-around;
}


    
}

@media screen and (max-width:1100px) {
    
.img_first-screen {
    max-width: 790px;
}

.tezis_numbers-about-us p:first-child ~ p br{
    display:none;
}

.circle-canvas svg {
    z-index: 0;
    opacity: 0.1;
}

.plus-block:nth-child(2) .plus-one {
    left: 20%!important;
    width: 75%!important;
    text-align: center;
}

.plus-block:nth-child(3) .plus-one{
    right: 20%!important;
    width: 75%!important;
    text-align: center;
}

.circle-canvas:before{
    content: '';
    top: 0;
    bottom: 100px;
    position: absolute;
    width: 1px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.1;
    background: #DDDDDD;
}

footer div.nav{
    display: none;
}
    
}

@media screen and (max-width:1000px) {
    
.img_first-screen img{
    max-width:750px;
} 

.img_first-screen {
    max-width: 683px;
}

.red-title ~ .flex-block {
    justify-content:center;
    flex-wrap: wrap;
}

.type {
    text-align: center;
    width: 33%;
}

.circle-shadow {
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
}

.tezis_numbers-about-us {
    text-align: center;
    width: 45%;
}

.numbers-about-us div.flex-block {
    flex-wrap: wrap;
    justify-content: space-around;
}


.tezis_numbers-about-us p:first-child ~ p {
    margin-bottom: 30px;
}

.but-tubs p {
    text-align: center;
}

.contacts .form-q-block {
    background: #fff;
    max-width: 450px;
}


.contacts .con-con-block {
    margin-left: 50px;
}

.contacts .flex-block {
    justify-content: center;
}

.steps .but-block + p.after-but-block {
    font-size: 14px;
}

    
}

@media screen and (max-width:900px) {
    
.img_first-screen {
    max-width: 581px;
}

.steps div.flex-block {
    max-width: 1170px;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0 auto;
    align-items: flex-start;
}

.step-block {
    position: relative;
    width: 45%;
    margin-bottom: 30px;
}

.steps .but-block {
    margin-top: 5px;
    position: relative;
}

.steps .but-block:before{
    display:none;
}

.step-block:before{
    right:-40px;
}

.step-block:nth-child(2):before {
    transform: rotate(0deg);
    top: 140%;
    left: 0;
    right: 0;
    margin: auto;
}

.step-block:nth-child(3):before {
    right: auto;
    left: -40px;
    top: 20px;
    transform: rotate(90deg);
}



.step-block{
    order:1;
    
}

.step-block:nth-child(3){
    order:2;
}

footer .text-about-us {
    max-width: 300px;
}

    
}

@media screen and (max-width:800px) {
    
header .but-block{
    display:none;
}

.i-now .center-block {
    margin-top: 0;
}

body * {
    font-size: 16px;
}


.img_first-screen {
    max-width: 100%;
    top: 410px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.img_first-screen img {
    max-width: 580px;
}

.first-screen ul {
    margin-top: 65px;
    margin-left: 30px;
}

.plus-one .plus,
.but-tubs p {
    font-size: 18px;
}

.form-block form > input, .form-block form > select, .form-block form > textarea {
    max-width: 45%;
    width: 100%;
}

.form-block form > input[type='submit'] {
    margin-top: 0;
}


footer .headcolumnlogo{
    display:none;
}

footer .center-block {
    justify-content: space-around;
}

.contacts .con-con-block {
    margin-left: 25px;
}


    
}
@media screen and (max-width:700px) {
    
.first-screen h1,
h1 strong {
    font-size: 50px;
}

h1 strong br{
    display:none;
}

.i-now .center-block {
    margin-top: 0;
    flex-direction: column;
}

.red-title {
    min-height: 200px;
}

.red-title .but-block a {
    margin-top: 10px;
}

.i-now .center-block {
    height: auto;
}

.i-now .center-block {
    height: auto;
}

.prichep {
    width: 100%;
    overflow: hidden;
}

.tab-in-content > div.active {
    display: flex!important;
    flex-wrap: wrap;
}

.cart {
    max-width: 90%;
    width: 100%;
}

.steps {
    background: url(/assets/img/bg-steps.jpg) repeat-y center top;
}

.contacts .flex-block {
    justify-content: center;
    flex-direction: column-reverse;
}

.contacts .flex-block {
    padding-top: 30px;
}

.contacts .con-con-block {
    margin-left: 25px;
    margin-right: 25px;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 60px;
}

.contacts .form-q-block {
    background: #fff;
    max-width: 100%;
}

.footer-contacts{
    display:none;
}

footer .text-about-us {
    max-width: 80%;
    margin-right: 0;
}

footer {
    padding-top: 50px;
}


.protect {
    text-align: center;
    margin-top: 60px;
}

.red-title ~ .flex-block {
    justify-content: center;
    flex-wrap: wrap;
    min-height: 250px;
}

.first-screen ul {
    margin-top: 37px;
}

.mfp-container {
    padding-left: 0;
    padding-right: 0;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
    max-width: 100%;
    background: #fff;
    padding: 30px 15px 30px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
    
}

@media screen and (max-width:600px) {
    
p.descriptor{
    display:none;
}

.first-screen h1, h1 strong {
    font-size: 43px;
}

.img_first-screen img {
    max-width: 95%;
}

header .center-block {
    height: 70px;
}

body{
    padding-top:70px;
}

.but-tubs {
    max-width: 1032px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 120px;
    margin-top: 40px;
}

.but-tubs p {
    text-align: center;
    width: 48%;
    border: 1px solid #2a2a2a;
    margin:1px;
}

.tab-in {
    margin: 40px auto 0;
}

.form-block p.after-h{
    padding:0 20px;
}

.form-block p.after-h br{
    display:none;
}

.form-block form > input, .form-block form > select, .form-block form > textarea {
    max-width: 80%;
    width: 100%;
    margin-bottom: 15px;
}

.step-block {
    order: 1!important;
}

.step-block {
    width: 95%;
    margin-bottom: 65px;
}

.step-block:before {
    transform: rotate(0deg)!important;
    top: auto!important;
    bottom:-55px;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
}

.p-zagl {
    padding: 30px 0 30px;
}

.contacts .flex-block {
    padding-top: 0;
}


    
}

@media screen and (max-width:500px) {
h1 strong:last-child{
    display:inline;
}
.first-screen ul {
    margin-top: 20px;
}
p.before-h {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 22px;
    padding-top: 38px;
}

.first-screen h1, h1 strong {
    font-size: 40px;
}

p.flex-line span {
    font-size: 16px;
    width: 100%;
    text-align: left !important;
}

.first-screen h1{
    padding-left: 15px;
    padding-right: 15px;
}

h1 strong{
    display:block;
}

.first-screen {
    min-height: 660px;
}

.center-block > h3, 
.center-block > h2,
.center-block > h3 strong, 
.center-block > h2 strong{
    font-size: 40px;
}

.tezis_numbers-about-us {
    text-align: center;
    width: 80%;
}

.tezis_numbers-about-us p:first-child {
    color: #272b34;
    font-family: roboto-medium, calibri, arial;
    font-size: 20px;
    min-height: auto;
    padding-bottom: 14px;
}

.tezis_numbers-about-us p:first-child ~ p {
    margin-bottom: 50px;
}

.circle-canvas {
    position: relative;
    height: auto;
    min-height: 855px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding-bottom:50px;
}

.plus-block {
    position: relative;
    width: 100%;
}

.circle-canvas .plus-block .plus-one {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    top: auto!important;
    bottom: auto!important;
    width: 80% !important;
    margin-bottom: 63px;
    margin: 0 auto 65px;
    padding-left: 20px;
}

.plus-block:nth-child(3) .plus-one .punkt {
    left: auto;
    right: auto;
    left: 0;
}

.but-tubs p{
    white-space: pre-line;
}


.form-block form > input, .form-block form > select, .form-block form > textarea {
    max-width: 90%;
}

.princip .p-block {
    max-width: 320px;
}

input[type='text'], input[type='file'], input[type='tel'], select, textarea
{
    max-width:90%;
}

.title-item {
    font-size: 15px;
}
    
}
@media screen and (max-width:400px) {
    
.center-block > h3, .center-block > h2, .center-block > h3 strong, .center-block > h2 strong {
    font-size: 38px;
}

.tab-in p {
    padding: 0 10px;
}

p.flex-line {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    
}

p.flex-line span:nth-child(2){
    padding-left:10px;
}

.form-block form > input, .form-block form > select, .form-block form > textarea {
    max-width: 95%;
}

.seo-text div.center-block {
    padding: 0 15px;
}

.center-block > h3, .center-block > h2, .center-block > h3 strong, .center-block > h2 strong {
    font-size: 32px;
}

.seo-text .center-block > h3 {
    font-size: 28px;
}

.seo-text .center-block > h4 {
    font-size: 27px;
}

 
}

@media screen and (max-width:370px) {


body * {
 
    font-size: 14px;
}


.headcolumnlogo img {
    max-width: 120px;
}

 .first-screen ul li {
    font-size: 18px;
}

.form-block form > input, .form-block form > select, .form-block form > textarea {
    max-width: 100%;
}

.center-block > h3, .center-block > h2, .center-block > h3 strong, .center-block > h2 strong {
    font-size: 36px;
}

.p-block *{
    font-size:16px;
}

p.flex-line span:first-child {
    margin-bottom: 10px;
}
    
}

@media screen and (max-width:350px) {

.phones a {
    font-size: 13px;
}

.headcolumnlogo {
    margin-left: 15px;
}

.phones {
    margin: 0 15px 0 0;
}

p.before-h {
    font-size: 19px;
}

.first-screen h1, h1 strong {
    font-size: 38px;
}

.first-screen ul {
    margin-left: 15px;
}

.plus-one .plus, .but-tubs p {
    font-size: 16px;
}

.tezis-text br{
    display:none;
}


}