@media (max-width: 575.98px) {
   #viewbox{
      display: none !important;
   }
   .whatapp-button{
      display: block;
   }
   
   header.extended{
      display: block;
      height: 250px;
   }
   header.extended address{
      display: none;
      /*
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
      margin-top: 10px;
      margin-bottom: 20px;
      */
   }
   header.extended figure{
      text-align: center;
      margin-top: 30px;
      margin-bottom: 30px;
   }
   header.extended figure a{
      display: inline-block;
   }
   header.extended .flex-r{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      align-content: center;
   }
   header.extended .flex-mobile{
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: row;
   }
   header.extended .phone{
      display: block;
   }
   header.extended .phone::before{
      display: none;
   }
   header.extended button.mobile-menu{
      display: block;
      position: relative;
      width: 50px;
      height: 30px;
      background-color: inherit;
      border: 0;
      outline: none;
   }
   header.extended button.mobile-menu::after{
      content: 'Меню';
      font-size: 14px;
      font-weight: 500;
      font-family: 'Ruberoid';
      text-transform: uppercase;
      color: #fff;
      position: absolute;
      top: 9px;
      left: 49px;
   }
   header.extended button.mobile-menu span.icon-navapp-mobile{
      display: block;
      position: absolute;
      left: 0;
      height: 2px;
      width: 36px;
      background-color: #fff;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
   }
   header.extended button.mobile-menu span.buttom-active{
      opacity: 0.3;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
   }
   header.extended button.mobile-menu span.icon-navapp-mobile::after{
      position: absolute;
      bottom: 9px;
      content: '';
      display: block;
      height: 2px;
      width: 36px;
      background-color: #fff;
   }
   header.extended button.mobile-menu span.icon-navapp-mobile::before{
      position: absolute;
      top: 9px;
      content: '';
      display: block;
      height: 2px;
      width: 36px;
      background-color: #fff;
   }
   header.extended .active-block{
      display: block !important;
      position: relative;
      z-index: 1000;
      background: rgb(0,0,0);
      background: linear-gradient(300deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7539390756302521) 100%);
      border-radius: 3px;
      box-shadow: 0 1px 2px #04061c1a;
   }
   header.extended nav{
      width: 100%;
   }
   header.extended nav ul{
      display: block;
      text-align: center;
   }
   header.extended nav ul li{
      padding: 0;
      display: inline-flex;
      line-height: 50px;
   }
   header.extended nav ul li a{
      color: #fff;
      font-size: 13px;
   }
   header.extended nav ul li:nth-child(1)::after,
   header.extended nav ul li:nth-child(2)::after{
      margin-left: 20px;
      margin-right: 20px;
   }
   section.component-intro h1{
      text-align: center;
      font-size: 36px;
      line-height: 52px;
      margin-top: 40px;
      margin-bottom: 50px;
   }
   section.component-intro h1.align-center {
      font-size: 28px;
      line-height: 42px;
   }
   section.component-intro h1 span{
      font-size: 32px;
      line-height: 40px;
   }
   section.component-intro h2{
      margin-top: 0;
      margin-bottom: 70px;
      font-size: 22px;
      text-align: center;
      text-transform: none;
   }
   section.component-intro .container > button{
      display: block;
      width: 290px;
      height: 50px;
      margin: 0 auto;
      line-height: 48px;
      font-size: 14px;
   }
   section.component-intro .container > button::before{
      display: none;
   }
   section.component-service{
      margin-top: 90px;
      padding-top: 50px;
   }
   section.component-service .prew-service{
      margin-bottom: 20px;
   }
   section.component-service h2{
      font-size: 24px;
      margin-bottom: 40px;
   }
   section.component-service .service-box{
      padding-bottom: 0;
   }
   section.component-service figure figcaption{
      font-size: 13px;
   }
   section.component-mission{
      padding-top: 50px;
   }
   .section.component-mission figure.figure-b::before{
      z-index: 0;
   }
   section.component-mission h2{
      margin-top: 40px;
   }
   section.component-service h4,
   section.component-callback form.callback > h6{
      text-align: center;
   }
   section.component-callback form.callback{
      padding-top: 70px;
      padding-right: 0;
   }
   section.component-callback form.callback > p{
      font-size: 12px;
   }
   section.component-callback form.callback > button{
      width: 100%;
   }
   footer.component-footer{
      margin-top: 120px;
   }
   section.component-company .layout{
      margin-bottom: 90px;
   }
   section.component-company .responsive, section.component-company .whatsapp-box{
      margin-top: 0;
      margin-bottom: 15px;
   }
   section.component-callback{
      margin-top: 0;
      background: none;
   }
   section.component-service .service-box .box-flex{
      padding: 0 30px 0 15px;
   }
   section.component-service .service-box h5{
      font-size: 16px;
   }
   section.component-mission h2, section.component-mission p,
   section.component-mission .container .row .second-mission h2, section.component-mission .container .row .second-mission p{
      padding: 0;
   }
   section.component-mission .section-padding{
      height: 80px;
   }
   section.component-company{
      margin-top: 205px;
   }
   section.component-company .layout{
      margin: 0;
      margin-bottom: 15px;
   }
   section.component-company .company-description{
      margin: 0;
      margin-bottom: 15px;
   }
   section.component-company .company-description h3{
      text-align: center;
   }
   section.component-great-doctor{
      margin-top: 80px;
      padding-bottom: 40px;
   }
   section.component-great-doctor p{
      padding-right: 0;
      text-align: left;
      line-height: 27px;
   }
   section.component-consultation{
      padding-top: 80px;
   }
   section.component-consultation ul{
      margin-top: 20px;
      margin-bottom: 50px;
   }
   section.component-consultation #app-consultation button.submit{
      width: 100%;
   }
   section.component-reviews .reviews-container{
      margin-bottom: 15px;
   }
   footer.component-footer{
      padding-bottom: 150px;
   }
   footer.component-footer p.copyright-paragraf{
      padding-right: 0;
   }
   footer.component-footer ul li span.phone, footer.component-footer ul li span.market{
      margin-top: 40px;
   }
   section.component-copyright p{
      padding-top: 10px;
      padding-bottom: 10px;
      line-height: 22px;
   }
   section.component-service-page{
      margin-top: 50px;
      padding-top: 10px;
   }
   section.component-service-page a.button-service figure figcaption{
      height: 54px;
      line-height: 54px;
      max-width: 90%;
      font-size: 15px;
      margin-top: -40px;
   }
   section.component-service-page a.button-service{
      width: 100%;
      margin-bottom: 15px;
   }
   section.component-service-page p,
   section.component-service-page p.serivice-content,
   section.component-service-page p.serivice-patient{
      text-align: left;
      padding-bottom: 10px;
      padding-right: 10px;
   }
   section.component-service-page h4.header-keys{
      font-size: 18px;
   }
   section.component-service-page .marginBottom{
      margin-bottom: 20px;
   }
   section.component-service-page h2{
      font-size: 28px;
      margin-bottom: 10px;
   }
   section.component-service-page .table-price{
      padding-top: 10px;
      padding-bottom: 20px;
   }
   section.component-service-page .table-price span, section.component-service-page .table-title span{
      padding-top: 10px;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;
      font-size: 15px;
      line-height: 26px;
   }
   section.component-service-page .table-price{
      margin-bottom: 0;
      background-color: initial;
   }
   .service-solid{
      border-bottom: 1px solid #ededed;
   }
   span.mobile-price{
      display: inline-block;
      width: 135px;
      height: 38px;
      line-height: 38px !important;
      border-radius: 19px;
      font-size: 16px !important;
      background-color: #f5f5f5;
      padding: 0 !important;
      text-align: center;
   }
   section.component-content{
      margin-top: 20px;
      padding-top: 30px;
   }
   section.component-service-page h2.group-name{
      font-size: 22px;
      font-weight: 500;
      font-family: 'Ruberoid';
      margin-bottom: 40px;
      text-align: center;
  }
   section.component-content.contact{
      font-size: 14px;
   }
   section.component-content span.exception-right{
      line-height: 34px !important;
   }
   .mobile-display-none,
   section.component-service-page .margin-service{
      display: none;
   }
   section.component-service-page .table-price a::before{
      display: none;
   }
   section.component-service-page .table-price a{
      border-bottom: 3px solid var(--brand-color);
   }
   section.component-service .service-all button{
      line-height: 48px;
   }
   section.component-consultation #app-consultation .flex-box,
   section.component-consultation #app-consultation input{
      display: block;
      width: 100%;
   }
   section.component-consultation #app-consultation .flex-box div{
      width: 100%;
   }
   section.component-commandos p.doctor-name,
   section.component-commandos p.doctor-status{
      padding-left: 0;
   }
   section.component-commandos button.learning{
      margin-left: 0;
      width: 100%;
   }
   input[type="date"],
   input[type="time"]{
      -webkit-appearance: none;
      -moz-appearance: none;
      line-height: 54px;
   }
   #hello button.submit{
      width: 100%;
   }
   .fancybox-content{
      padding: 34px !important;
   }
   div.scrollup{
      bottom: 90px;
      border: 1px solid #fff;
   }
   /* promo */
   .sale-box{
      padding: 30px;
      margin: 15px 0 15px 0;
   }
   .sale-box span:nth-child(1){
      margin-bottom: 30px;
   }
   .sale-box span:nth-child(2){
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 30px;
   }
   .sale-box span:nth-child(3){
      margin-bottom: 30px;      
   }
   .sale-title{
      margin-top: 65px !important;
      margin-bottom: 50px !important;
   }
   section.component-service-page p.text-center{
      margin-bottom: 20px;      
   }
   section.component-service-page .post-feedback{
      padding: 0 20px 0 20px;
   }
   section.component-service-page p.text-center img.defect-width{
      width: 70%;
   }
   section.component-service-page .implants-manufacturers{
      margin-bottom: 20px;
      padding: 25px;
   }
   section.component-service-page .implants-manufacturers img{
      width: 90%;
   }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
}

@media (min-width: 1140px) and (max-width: 1365px) {
   header.extended{
      height: 200px;
  }
  section.component-company{
      margin-top: 160px;
  }
}

@media (min-width: 1366px) and (max-width: 1440px) {
   section.component-service{
      margin-top: 70px;
   }
}