/*@media (max-width: 1024px) and (min-width: 0){
    .slick-slide img{
        max-width: 100%;
    }
    header .flex{
        display: none;
    }
    .service .flex{
        flex-direction: column;
    }
    .service .btn{
        margin:25px auto 0;
    }
    .service .caption{
        width: 100%;
        padding: 0;
        background: url(../images/venzel.png) no-repeat right 20px;
        background-size: 160px;
    }
    .carousel-service {
        padding: 39px 20px 0 20px;
    }
    .carousel-service .slick-arrow{
        margin-top: 0;
        top:0;
    }
    .carousel-practic .slick-dots{
        display: none!important;
    }
    .item__info{
        margin:10px 0 0 0;
        padding: 5px 5px 10px 5px;
    }
    .practic__slider{
        height: auto;
        padding: 0 0 10px 0;
    }
    .item__info p {
        max-height: 440px;
        overflow: hidden;
    }
    .carousel-practic .slick-arrow {
        top:-40px;
        right:0;
    }
    .carousel-practic .slick-prev{
        left:0;
        transform: rotate(-180deg);
    }
    .item__info h2{
        font-size: 24px;
    }
    .slide__text{
        padding: 0;
    }
    .slide__text p{
        font-size:36px;
    }
    .slider .slick-prev{
        transform: rotate(-180deg);
        left: 10px;
    }
    .articles__item{
        margin:25px auto 0;
    }
    .articles .caption {
        padding: 0 262px 0 0;
    }
    .articles__item p.name{
        font-size: 24px;
    }
    footer .soc a:last-child{
        margin: 0;
    }
    footer p{
        text-align: center;
        margin:40px 0 0 0;
    }
}

@media (max-width: 768px) and (min-width: 0){
    .hidden__mobile {
        display: none;
    }
    .overlay{
        padding:0 5px;
    }
    .logo{
        display: flex;
        align-items: center;
    }
    header .flex{
        float:none;
        width: 100%;
        flex-wrap: wrap;
        padding: 0;
        margin:0;
    }
    header .flex a{
        display: inline-block;
    }
    .header__order,
    .header__call,
    .header__phone,
    .header__adres{
        margin:20px 0 0 0;
        width: 50%;
    }
    .breadcrumbs {
        padding: 0;
    }
    .breadcrumbs li a{
        font-size: 14px;
    }
    .content img{
        margin:20px auto!important;
        display: block!important;
        float:none!important;
        max-width: 100%!important;
    }

}



@media (max-width: 680px) and (min-width: 0){
    header .flex{
        padding: 0 10px;
    }
    .btn{
        font-size: 15px;
    }
    .header__phone, .header__adres{
        width: auto;
    }
    footer .flex{
        flex-direction: column;
        align-items: center;
    }
    .service h1.caption{
        background: none;
        padding-right: 0;
        font-size: 30px;
    }
}*/

@media (max-width: 1024px) and (min-width: 0){
    .slider{display:none;}
    .footer, .page-main, header, main, body, .service, footer  {
        min-width: 0;
    }
    .container {
        width: 100%;
    }
    .service {
        max-width: 100%;
    }
}

@media (max-width: 768px) and (min-width: 0){
    .btn {
        width: auto;
    }
    .articles .btn, .practic .btn, .service .btn {
        padding: 15px 20px;
        margin: 0;
        order: 2;
        flex: 0 0 auto;
    }
    .articles .flex, .practic .flex, .practic .flex, .service .flex {
        align-items: center;
        flex-wrap: wrap;
    }
    
    .practic__slider {
        margin: 55px 0 0 0;
        background: 0;
    }
    .articles .caption, .practic .caption, .service .caption, .reviews .caption{
        padding: 0 0 0 0;
        background: 0;
        font-size: 32px;
        font-family: 'Helvetica Neue", Helvetica, Arial, sans-serif';
        order: 1;
    }

    .articles__item {
        margin: 25px auto 0;
        max-width: 100%;
        padding: 0 0 15px 0;
        min-height: 0;
    }
    
    .item__info h2 {
        font-family: 'Helvetica Neue", Helvetica, Arial, sans-serif';
        font-size: 22px;
        font-family: 'Helvetica Neue", Helvetica, Arial, sans-serif';
        line-height: 1.0;
    }
    
    .item__info p {
        font-size: 16px;
        line-height: 120%;
    }
    
    .service__about {
        font-size: 16px;
        max-width: 100%;
        text-align: left;
        order: 3;
        margin-top: 30px;
    }
    
    .articles__item figure img {
        width: 100%;
        object-fit: cover;
    }
    
    .services .item {
        width: auto;
    }
    .services .item a img {
        margin: 0 auto;
        max-width: 100%;
    }
    .services .item a.detail::before {
        width: 60px;
        height: 4px;
        left: 0;
        top: 0;
        right: 0;
        margin: auto;;
    }
    .services .item a.detail {
        padding: 20px 0 0;
        text-align: center;
    }
    
    .articles__item p.name {
        height: auto;
        margin-top: 18px;
    }
    
    .services {
        padding-top: 25px;
    }
    
    .practic__slider {
        margin-top: 30px;
    }
    
    .carousel-practic .slick-arrow {
        left: 150px;
      
    }
    
    .practic__slider .slick-prev {
        left: 0;
        right: auto;
        transform: rotate(180deg);
        display: none !important;
    }
    
    .carousel-practic .slick-dots {
        display: none ;
    }
    
    .item__info {
        margin-top: 0;
    }
    
    .logo {
        /* margin: 0 auto; */
        display: block;
    }
    
    footer {
        margin-top: 40px;
    }
    
    footer .flex {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    footer .contacts {
        width: 100%;
        margin-top: 35px;
        text-align: center;
    }
    
    footer .contacts a {
        display: block;
        text-align: center;
    }
    
    footer .header__adres {
        padding: 0 0 0 0;
        background: 0;
    }
    
    footer .header__email {
        padding: 0 0 1px 0;
        background: 0;
    }
    
    footer .header__phone {
        padding: 1px 0 5px 0;
        background: 0;
    }
    
    footer .links {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    footer .soc {
        margin-top: 20px;
        text-align: center;
    }
    footer .soc a {
        margin: 0 6px;
    }
    footer p {
        margin: 20px 0 0 0;
        text-align: center;
    }
    .logo {
        width: 120px;
        height: 120px;
        padding: 15px 0 0 120px;
        background: url(../images/logo.png) no-repeat;
        background-size: 130px auto;
        background-size: cover;
        text-align: center;
        margin: 0 auto;
    }
    .fl{
        width: auto;
        text-align: center;
    }
    
    header .row > div:nth-child(2) {
        display: none;
    }
    
    header {
        padding: 10px 0 20px 0;
    }
    
    .service {
        padding-top: 0;
    }
    
    .navbar-header {
        text-align: center;
    }
    
    .service h1.caption {
        font-size: 26px;
        padding-right: 0;
        margin: 20px 0 0 0;
        line-height: 130%;
        background: 0;
        padding-left: 16px;
    }
    
    .breadcrumbs {
        padding: 0;
    }
    
    .service__list {
        margin: 0;
    }
    
    .service__list .item {
        width: 100%;
    }
    
    .service__list .item img {
        width: 100%;
        height: auto;
    }
    
    .service__list .item a.detail::before {
        width: 60px;
        height: 4px;
        left: 0;
        top: 0;
        right: 0;
        margin: auto;;
    }
    
    .service__list .item a.detail {
        padding: 16px 0 0px 15px;
    }
    
    .btn.back {
        margin: 20px auto;
        display: block;
        max-width: 160px;
    }
    
    .page-404 .code {
        font-size: 160px;
    }
    
    .page-404 .caption {
        padding-left: 20px;
        font-size: 28px;
        margin-top: 10px;
    }
    
    .page-404 .service__list .item {
        width: 100%;
        margin: 25px 0 0 0;
    }
    
    .content img {
        max-width: 100%;
        height: auto;
    }
    
    .content > p > img, .content > h2 > img {
        margin: 0 auto !important;
        display: block;
        float: none !important;
        
    }
    
    .navbar-toggle .icon-bar {
        width: 35px;
    }
    .practic {
        margin-top: 30px;
    }
    .reviews .list {
        margin-top: 20px;
    }
    .reviews {
        padding-top: 20px;
    }
    .reviews .item {
        display: block;
    }
    .reviews .item .photo {
        display: block;
        margin: 0 auto 20px;
        width: 80px;
        height: 80px;
    }
    .counter, .advantages {
        display: none;
    }
    .service .examples .item {
        width: 100%;
        margin-top: 30px;
    }
    .schedule .val {
        font-size: 15px;
    }
    .schedule .caption {
        font-size: 20px;
        font-style: normal;
    }
}

@media (max-width:479px){
        .logo {

        margin: 0 0 auto 0;
        padding: 0;
    }
}

@media (max-width: 390px) and (min-width: 0){
    
    
}