@media (max-width:1800px){
    body, button, select, input {
        font-size: 17px!important;
    }
}
@media (max-width:1700px){
    body, button, select, input {
        font-size: 16px!important;
    }
}
@media (max-width:1600px){
    body, button, select, input {
        font-size: 15px!important;
    }
    .container, .container-lines-inner {
        width:78%;
    }
}
@media (max-width:1500px){
    body, button, select, input{
        font-size: 14px!important;
    }
    .video-one {
        margin-top: -400px;
    }
}
@media (max-width:1450px){
    body, button, select, input{
        font-size: 13.5px!important;
    }
    .mobile {
        width:434px;
        margin-left:-217px;
        margin-top:-170px;
    }
    .container, .container-lines-inner {
        width:80%;
    }
}
@media (max-width:1400px){
    body, button, select, input{
        font-size: 13px!important;
    }
    .video-one {
        margin-top: -300px;
    }
    #circle .round-circles {
        height:600px;
        width:600px;
        margin-left: -300px;
        margin-top: -300px;
    }
}
@media (max-width:1350px){
    body, button, select, input{
        font-size: 12.5px!important;
    }
}
@media (max-width:1300px){
    body, button, select, input{
        font-size: 12px!important;
    }
}
@media (max-width:1200px){
    body, button, select, input{
        font-size: 11px!important;
    }
    .new-item img {
        height:150px;
    }
    .mobile {
        width:360px;
        margin-left:-180px;
        margin-top:-141px;
    }
    .container, .container-lines-inner {
        width:90%;
    }
    .video-one {
        margin-top: -235px;
    }
}
@media (max-width:1100px){
    body, button, select, input{
        font-size: 11px!important;
    }
    #our_advantages_strategy .container {
        width: 700px;
    }
    .new-item img {
        height:140px;
    }

}
@media (max-width:768px){
    body, button, select {
        font-size: 3vw!important;
    }
    input[type*=tel],
    input[type*=text],
    input[type*=email] {
        font-size: 16px!important;
    }
    .pc {
        display: none!important;
    }
    .mob {
        display: block!important;
    }
    .price {
        flex-direction: column;
    }
    .price .pB {
        width:100%;
    }
    .pB-center {
        margin:0;
    }
    .pB-inner {
        height:auto!important;
    }
    .team-text {
        margin:0;
    }
    .seo-bg {
        background: #020635;
    }
    .contentBody {
        width: 93% !important;
    }
    .team-zag .flex_start, .team-zag .flex_center2 {
        flex-direction: column;
    }
    .team-zag h3 {
        text-align:center;
        padding-bottom:1em;
    }
    .team-zag .team-title {
        border-right:0;
    }
    /* preloader */
    #preloader .round-circles {
        width: 300px;
        height: 300px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-top: -150px;
        margin-left: -150px;
    }
    #preloader .preload-logo {
        width:120px;
        height:42px;
        margin-left: -60px;
        margin-top: -21px;
    }
    /*----------------------*/
    .container-lines-inner {
        width:100%;
    }
    .services_item {
        background: transparent!important;
    }
    .container {
        width: 93%;
    }
    a.scroll {
        z-index: 100;
    }
    .mob_adv {
        position: relative;
        padding-bottom: 0.1em;
        margin-bottom: 4em;
    }
    .mob_adv:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: -7em;
        right: -7em;
        border: 1px solid #1f2f4c;
    }
    /*============ header*/
    header {
        padding: 1px;
        display: flex;
    }

    .hmiddle {
        padding-top:8em;
    }
    .t-left .hmiddle {
        padding-top:2em;
    }
    main {
        background: url(/img/mob-bg-new.jpg);
        background-size: 100%;
    }

    .htop i {
        font-size: 2em;
        margin: 0;
        transition: 0.6s;
        color: #FFFFFF;
    }
    .logo {
        width: 14.5em;
        position: relative;
        left: 0;
    }
    .menu:before,  .menu:after{
        display: none;
    }
    .menu {
        display: none;
        background: #fff;
        width: 100%;
    }
    .menu>a, .mob_social>div{
        margin: 0;
        padding: 0.5em 0 ;
        border-bottom: 1px solid #444476;
        letter-spacing: 0.1em;
    }
    .menu>a:first-child {
        margin-left:0;
    }
    .menu>a:last-child {
        margin-right:0;
    }
    .mob_social {
        justify-content: center;
    }
    .mob_social>div {
        border-bottom: 0;
    }
    .mob_social i {
        font-size: 1.3em;
    }
    .menu>a:hover {
        border-bottom: 1px solid #133270;
    }

    /* =========================== Наши услуги */
    .list_services {
        width: 90%;
        margin: 0 auto;
    }
    .services_item {
        width: 50%;
        margin-bottom: -0.5em;
    }
    .top {
        top: 0;
    }
    .services_icon_bg {
        padding: 1em ;
    }
    .services_text {
        top: -1em;
    }
    .shadow {
        top: -4%;
        left: -20%;
        width: 140%;
        height: 102%;
    }

    /* =========================== Наши работы */
    .mob_flex_wrap {
        flex-wrap: wrap;
    }
    #our_work h2 {
        text-align: center;
    }
    #our_work h2 br {
        display: none;
    }
    .padding_right {
        padding-right: 0;
    }
    .our_work_item {
        width: 100%;
    }
    .our_work_text {
        margin-bottom: 0;
    }
    .work2_img {
		width:100%!important;
    }
    .portfolio {
        width: 80%;
        margin: 0 auto;
    }
	.portfolio_image1 {
		width: 100%!important;
	}
    .width_port3 {
        width: 100%;
    }
    .work_qoute {
        font-size: 1.2em!important;
    }

    /* =========================== Наши преимущества Наша стратегия */
    #our_advantages_strategy .container {
        width: 90%;
    }
    .our_adv_str_item, .adv_item {
        width: 100%;
        margin-bottom: 4em;
    }
    .mob_strategy .adv_item:last-child {
        margin-bottom:0;
    }
    .adv_text p br {
        display: none;
    }
    .adv_item.flex {
        justify-content: flex-start;
    }
    .adv_number, .adv_icon {
        width: 15%;
    }
    .adv_icon> img {
        width: 4.5em;
        margin-left: -10%;
    }
    .mob_strategy {
        margin-bottom:2em;
    }
    /* ===========================
    footer */
    footer {
        padding: 2em 0 3em;
    }
    .mob_flex_footer {
        display: block;
        text-align: center;
    }
    .equal_width {
        width: 100%;
    }
    .footer_contacts .flex_start {
        justify-content: center;
    }
    .share {
        margin: 0.7em 0 1.5em;
    }
    .phone_number {
        margin-top: 1.5em;
    }
    .when {
        margin-bottom: 1.5em;
    }
    .footer_info br {
        display: none;
        display: none;
    }
    .feedback {
        width: 30em;
        margin: 0 auto 7em;
    }

    .f-header {
        display:none;
    }
    .f-mob-header {
        display:flex;
    }
    .mphone, .mtime {
        display:none;
    }
	
	.right {
		left:0;
		transform: translate(-54%, -50%) rotate(-90deg);
	}
	.htop {
	    margin: 1.6em 0 8em;
	}
    /* НОВОСТИ И НАШ БЛОГ */
    .news {
        display: block;
    }
    .news .adv_item .mob_column {
        flex-direction: column;
    }
    .new-item:first-child {
        margin-right:0;
    }
    .new-item {
        width:96%;
        margin-bottom:15px;
    }
    .news .adv_item {
        margin-bottom:0;
    }

    /* АКЦИИ */
    .stock_block {
        display:block;
    }
    .gift_var {
        padding:0!important;
    }

    /* TOP LP */
    .lp_top {
        display:block;
        width: 100%;
    }
    .lp_right {
        margin:2em auto 0;
        width:70%;
    }
    .energy_quote {
        margin-left:0;
        text-align:center;
    }

    .hmiddle .change_sub_title>div {
        margin-bottom:1em;
    }

    /* Преимущества продукта */
    .pr_advs {
        display:block;
    }
    .pr_adv {
        width:100%;
        margin-bottom:1em;
    }
    .pr_adv:last-child {
        margin-bottom:0;
    }
    /* TIMELINE */
    .timeline-quote {
        margin-left:0;
        text-align:center;
    }
    #timeline .adv_item {
        margin-bottom:1em;
        margin-left:2em;
    }
    #timeline .adv_item:first-child {
        margin-top:1em;
    }
    /* Mobile APPS */
    #mobile {
        height:auto;
    }
    .cicl-el {
        margin-top:4em;
        height: auto;
    }
    /* ОФФЕР */
    #offer .lp_right {
        width:100%;
    }
    #offer .lp-request {
        width:100%;
    }
    .cases {
        flex-direction: column;
    }
    .cases-item {
        width:100%;
        margin-bottom:2em
    }
    .cases-item:last-child {
        margin-bottom:0;
    }
    .hbtm {
        display:none;
    }
    .bus {
        flex-wrap: wrap;
    }
    .bus-item {
        width:50%;
        margin-bottom:2em;
    }
    button {
        padding: 1em 1.5em!important;
    }
    footer .w33 {
        width:100%;
    }
    .footer_contacts {
        align-items: center;
        margin-top:2em;
    }
    .footer_contacts .h-cont, .footer_contacts h2 {
        display:none;
    }
    .footer_logo img {
        margin: 0 0em 1em 0;
    }
    .f-mob-header-reverse {
        flex-direction: row-reverse;
    }
    .mob_social .h-cont-i {
        width:2.3em;
        height:2.3em;
    }
    .mc, .prod-site {
  position: relative!important;
  height:auto!important;
  margin-top: 0 !important; /* было 5.5em */
}
    .mc-image {
        position: relative;
        width: 100%;
    }
    .dog-form {
        width: 100%;
    }
    .team-title {
        padding-right:0;
    }
    .dog-form {
        min-width:unset;
    }
    header .flex_col2 {
        height:unset;
    }

    .h-cont .h-cont-i {
        background: #d1bea1;
    }
    .h-cont i {
        color:#fff;
    }

    .mobAbout {
        flex-direction: column;
    }
    .ab-info {
        width:100%;
    }
    .ab-photo {
        width:100%;
        margin-bottom:2em;
    }
    .rAva {
        right:unset;
    }
    .mouse {
        left:50%;
        transform: translateX(-50%);
        bottom: 3%;
        width: 4.5%;
    }
    .gr-title {
        font-size:2em;
    }
    .f-mob-logo {
        width:180px;
    }
    .rAva-a {
        right: 10%;
    }
    .label-son {
        left:3%;
    }
    .label-son div {
        font-size:150%;
    }
    .tvideo-item {
        width:49%;
        margin-left:0;
        margin-right:0;
        margin-bottom:2%;
        margin-top:0;
    }
    .tvideo-item:nth-child(odd) {
        margin-right:1%;
    }
    .tvideo-item:nth-child(even) {
        margin-left:1%;
    }
    .thanks-item {
        margin:0;
        width:49%;
    }
    .thanks-item:first-child {
        margin-right:2%;
    }
    .rAva-bg {
        opacity: 0.5;
    }
    .bus:last-child {
        margin-bottom:0;
    }
    .bus:first-child {
        margin-bottom:0;
    }
    .bitems {
        flex-wrap: wrap;
    }
    .b-item {
        width:100%;
        margin-bottom:2em;
    }
    #whatsapp-circle {
        display: inline!important;
        right: 0;
        bottom: 2.5em;
        position: fixed;
        display: none;
        z-index: 103;
        box-shadow:none;
        opacity: 0.8;
    }
    .iti-mobile .iti--container {
        left: 0;
        right: 0;
    }
    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 16px;
    }
    .iti__flag.iti__nc {
        height: 16px;
    }
    .mouse {
        display: none;
    }
}
@media (max-width:580px){

    .tvideo-item {
        width:100%;
        margin-bottom:1em;
        margin-left:0!important;
        margin-right:0!important;
        margin-top:0!important;
    }
    .thanks {
        flex-wrap: wrap;
    }
    .thanks-item {
        width:100%;
        margin-bottom:1em;
        margin-right:0!important;
    }
    .gr-title {
        font-size:1.8em;
    }
    .modal_content {
        width:97%;
    }
   .hmiddle {
     padding-top:8em; 
    }

    }
    .rAva-a {
        right: 28%;
        width:42%;
    }
    .pr-1, .pr-4 {
        height:3px;
    }
    .label-son {
        bottom: 5.8%;
        left: 5%;
    }
    .label-son div {
        letter-spacing: 0.6rem;
    }
    .prAva-bg {
        margin-top: 11%;
    }
    .f-mob-logo {
        width:120px;
    }
@media (max-width:420px) and (max-height:830px) {
    .rAva-a {
        right:30%!important;
    }
}
@media (max-width:360px) and (max-height:630px) {
    .rAva-a {
        right:23%;
    }
}
@media (max-width:360px) and (max-height:582px) {
    .rAva-a {
        right:20%;
    }
}
@media (max-width:360px) and (max-height:550px) {
    .rAva-a {
        right:16%;
    }
}
@media (max-width:360px) and (max-height:525px) {
    .rAva-a {
        right:13%;
    }
}
@media (max-width:360px) and (max-height:480px) {
    .rAva-a {
        right:18%!important;
    }
}
@media (max-width:375px) and (min-height:480px) {
    .rAva-a {
        right:38%;
    }
}
@media (max-width:375px) and (max-height:680px) {
    .rAva-a {
        right:28%!important;
    }
}
@media (max-width:320px) and (max-height:480px) {
    .rAva-a {
        right:18%!important;
    }
}
@media (max-width:400px) and (min-height:800px) {
    .rAva-a {
        right:38%!important;
    }
    .hmiddle {
        padding-top: 17em;
    }
    .mouse {
        display:none;
    }
    .label-son {
        bottom: 6.2%;
        left: 6%;
    }
}

@media (max-width:480px) {
    body, button, select {
        font-size: 3.2vw !important;
    }
    input[type*=tel],
    input[type*=text],
    input[type*=email] {
        font-size: 16px!important;
    }
    .adv_text span {
        font-size: 1.2em;
    }
    .our_work_text>p, .adv_text p, .footer_info, .footer_contacts{
        font-size: 1em;
        letter-spacing: 0;
    }
    /* ==========  header*/
    .htop .flex {
        flex-wrap: wrap;
    }
    .contact_number {
        width: 100%;
        text-align: center;
        margin-bottom: 1em;
    }
    .htop .flex div:nth-child(1) { order: 1; }
    .htop .flex div:nth-child(2) { order: 3; }
    .htop .flex div:nth-child(3) { order: 2; }
    .htop .flex div:nth-child(4) {
        order: 4;
        font-size: 1.7em;
    }
    .change_language>a:last-child {
        margin-right: 0;
    }
    .logo {
        width: 17.5em;
        position: relative;
        left: 2em;
    }
    .title {
        font-size: 2.7em;
    }

    /*=================== Наши услуги*/
    .list_services {
        width: 80%;
    }
    .shadow {
        top: -9%;
        left: -35%;
        width: 170%;
        height: 115%;
    }
    .portfolio {
        width: 90%;
        margin: 0 auto;
    }
    .portfolio_image1, .portfolio_image2, .portfolio_image3 {
        width: 100%;
    }

    .services_item {
        width: 40%;
        margin-bottom: 0;
    }

    /* НАША КОМАНДА */
    .team-span {
        width:50px!important;
    }
    /*=================== Footer */
    .feedback {
        width: 100%;
        margin: 0 auto 7em;
    }
    .footer_logo img {
        width: 14em;
    }
    /* LP TOP */
    .lp_request {
        padding: 1em;
    }
    .lp_right {
        width: 100%;
    }

    .hmiddle  .change_sub_title>div::before {
        width:1.7em;
    }
    .ch_sb_ti_lp {
        margin: 2em 0 2em 0em!important;
    }
    .dog-tabs-item {
        padding: 1em 1em;
    }
    label {
        font-size: 1.1em;
        padding:0;
    }
    #form_dog {
        padding:2em 1em;

    }
    #form_dog .w50 {
        width: 48%;
    }
    .tvideo-item video {
        height:270px;
    }
}
@media (max-width:320px) {
    .tvideo-item video {
        height:250px;
    }
    .f-mob-logo {
        width: 100px;
    }
    .new-mob-menu {
        top: 51px;
    }
    .rAva-a {
        right:29%;
    }

    body, button, select, input {
        font-size: 3.3vw !important;
    }
    /*==========header*/
    .logo {
        width: 78%;
        left: 0;
        margin-right: 2%;
    }
    .htop .flex div:nth-child(1) { order: 1; }
    .htop .flex div:nth-child(2) { order: 4; }
    .htop .flex div:nth-child(3) {
        order: 2;
    }
    .htop .flex div:nth-child(4) {
        order: 3;
        font-size: 1.7em;
        width: auto;
    }
    .hmiddle .change_sub_title {
        margin: 3.2em 0 2em 0.65em;
    }
    .line {
        left: 0.99em;
    }
    .title {
        font-size: 2em;
    }
    .hmiddle .change_sub_title>div::before {
        width: 2em;
    }
    .shadow {
        top: -5%;
        left: -45%;
        width: 202%;
        height: 110%;
    }
    /* ===========================
     Наши преимущества Наша стратегия
     */
    .adv_text p {
        font-size: 1em;
        letter-spacing: 0;
        line-height: 1.4em;
    }
    .mob_adv .adv_item.flex {
        flex-wrap: wrap;
    }
    .mob_adv .adv_number, .mob_adv .adv_icon {
        text-align: center;
        width: 100%;
    }
    .mob_adv .adv_icon> img {
        width: 6em;
        margin: 0 0 0.5em;
    }
    .mob_adv .adv_text {
        width: 100%;
        text-align: center;
    }
    /*===== footer*/
    #form_feedback .flex {
        flex-wrap: wrap;
    }
    .w50 {
        width: 100%;
        margin: 1em 0;
    }
    footer {
        background-size: 100% 100%;
    }
    .footer_info {
        font-size: 1em;
    }
    input {
        padding: 1.15em 0.6em;
        margin-bottom: 1em;
    }
    footer h2 {
        margin-bottom: 0;
    }
    /* LP TOP */
    .lp_right {
        width:100%;
    }
    .mouse-click {
        display:none!important;
    }
    .modal_content {
        padding:2em 2em;
        width:100%;
        margin-top:3em;
    }
    .dog-tabs-item {
        padding: 1em 0.5em;
    }

}

@media (max-height:440px) {
    header {
        height:auto;
    }
}
@media (max-height: 700px) and (min-width:768px) {
    .htop {
        transition: 0.1s;
        margin: 1em 0 3em;
    }
}