/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@media (max-width: 1440px){
    .home-slider__right{
        height: 500px;
    }
    .home-slider__right img{
        -o-object-fit: fill;
        object-fit: fill;
    }
}
@media (max-width: 1280px){
    .home-slider__left h1{
        font-size: 30px;
        line-height: 40px;
    }
    .home-slider__left p{
        font-size: 16px;
        line-height: 25px;
    }
    .news-card{
        margin-bottom: 30px;
    }
    .home-news .row .col-xl-3:last-child .news-card{
        margin-bottom: 0;
    }
}
@media (max-width: 1200px){
    .home-contacts__card{
        margin-top: 0;
        margin-bottom: 30px;
    }
    .contact-tab{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .qustion-left h1{
        font-size: 30px;
    }
    .qustion-left a{
        font-size: 30px;
    }
}
@media (max-width: 991px){
    .header__menu ul li {
        padding: 0 20px;
    }
    .staristi-card h2{
        font-size: 20px;
        padding: 15px 0;
    }
    .qustion-left h1 {
        font-size: 25px;
    }
    .qustion-left a{
        font-size: 25px;
    }
    .footer-logo{
        text-align: center;
    }
    .footer-card{
        text-align: center;
    }
    .footer-socials{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer-socials a:nth-child(3){
        margin-right: 0;
    }
    .footer-company{
        float: unset;
        display: block;
        text-align: center;
    }
    .footer-copy{
        text-align: center;
        padding: 0;
    }
    footer .row .col-lg-3 .footer-card{
        display: none;
    }
    .footer-card h2{
        padding: 15px 0 0 0;
    }
    .footer-card ul li{
        padding: 15px 0 0 0;
    }
    .footer-card ul{
        margin: 0;
    }
    .footer-socials{
        padding: 15px 0;
    }
    .footer-company{
        padding-top: 15px;
    }
    .catalog-view__middle{
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .mobile-menu {
        display: block;
    }

    .header__menu {
        display: none;
    }

    .home-slider__right {
        display: none;
    }

    .home-slider {
        padding: 30px 0;
    }

    .home-slider__left p {
        padding: 20px 0;
    }

    .staristi-card {
        margin-bottom: 90px;
    }

    .home-statistic .row .col-md-4:nth-child(3) .staristi-card {
        margin-bottom: 0;
    }

    .home-about__img {
        display: none;
    }

    .home-about__content h2 {
        font-size: 22px;
    }

    .home-about__content p {
        font-size: 15px;
        line-height: 25px;
        padding: 20px 0;
    }

    .home-about__content a {
        font-size: 15px;
    }

    .title {
        font-size: 22px;
    }

    .home-contacts__map {
        height: 450px;
    }

    .home-contacts__card ul li a {
        font-size: 18px;
    }

    .home-contacts__card ul li a.active {
        font-size: 18px;
    }

    .home-contacts__card-content h2 {
        font-size: 16px;
        line-height: 25px;
    }

    .home-contacts__card-content span {
        font-size: 15px;
    }

    .home-contacts__card-content p {
        font-size: 15px;
        line-height: 25px;
    }

    .home-contacts__card-content p a {
        font-size: 15px;
        line-height: 25px;
    }

    .home-contacts__card-content {
        padding-top: 15px;
    }

    .home-contacts__card {
        padding: 25px;
    }

    .qustion-right {
        margin-top: 30px;
    }

    .qustion-left h1 {
        font-size: 22px;
    }

    .qustion-left p {
        font-size: 15px;
        line-height: 25px;
        padding: 10px 0;
    }

    .question-input {
        font-size: 15px;
    }

    .question-btn {
        font-size: 15px;
    }

    .home-statistic {
        padding: 30px 0;
    }

    .home-about {
        padding: 30px 0;
    }

    .home-catalog {
        padding: 30px 0;
    }

    .home-news {
        padding: 30px 0;
    }

    .home-partners {
        padding: 30px 0;
    }

    .home-contacts {
        padding: 30px 0;
    }

    .home-qustion {
        padding: 30px 0;
    }

    footer {
        margin-top: 30px;
        padding: 30px 0;
    }

    .about-first__img {
        display: none;
    }

    .about-view-title {
        font-size: 22px;
    }

    .home-about__content {
        /*margin-top: 30px;*/
    }

    .home-about__content {
        padding: 30px 10px
    }

    .breadcrumb__links li a {
        font-size: 15px;
    }

    .page-breadcrumb {
        padding-top: 30px;
    }

    .about-first {
        padding: 30px 0;
    }

    .about-second {
        margin: 30px 0;
        padding: 30px 0;
    }

    .about-second__content p {
        font-size: 18px;
        line-height: 25px;
        padding: 15px 0;
    }

    .about-second__content h3 {
        font-size: 18px;
        line-height: 25px;
    }

    .about-second__content ul li {
        font-size: 18px;
    }

    .about-third {
        padding: 30px 0;
    }

    .about-third__img {
        display: none;
    }

    .catalog {
        padding: 30px 0;
    }

    .catalog-view__middle h1 {
        font-size: 22px;
        line-height: 25px;
    }

    .catalog-view__middle p {
        font-size: 18px;
    }

    .catalog-view__middle ul li {
        font-size: 15px;
    }

    .catalog-view__right-item h2 {
        font-size: 18px;
        padding-bottom: 15px;
    }

    .catalog-view__right-item p {
        font-size: 15px;
    }

    .catalog-view__right-item p span {
        font-size: 15px;
    }

    .catalog-view-btn {
        font-size: 15px;
    }

    .catalog-view {
        padding: 30px 0;
    }

    .catalog-view__right-item {
        padding-bottom: 15px;
    }

    .catalog-similar {
        padding: 30px 0;
    }

    .popup h1 {
        font-size: 18px;
    }

    .popup-btn {
        padding: 10px 35px;
        font-size: 15px;
    }

    .news-slider__img {
        height: 470px;
    }

    .news_view-content h1 {
        font-size: 18px;
        line-height: 25px;
    }

    .news_view-content-text {
        font-size: 15px;
        line-height: 25px;
    }
    .news_view{
        padding: 30px 0;
    }
}
@media (max-width: 576px){
    .home-slider__left h1{
        font-size: 22px;
        line-height: 30px;
    }
    .home-slider__left p {
        padding: 5px 0;
        font-size: 15px;
    }
    .home-slider__left a{
        max-width: 150px;
        font-size: 15px;
    }
    header {
        padding: 20px 0;
    }
    .staristi-card p{
        font-size: 15px;
    }
    .staristi-card {
        padding-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .catalog-card__img{
        height: auto;
        margin: 0 auto;
        margin-top: -90px;
    }
    .catalog-card p{
        font-size: 15px;
    }
    .news-card > p {
        font-size: 15px;
    }
    .footer-copy br{
        display: block;
    }
    .about-second__content ul li {
        font-size: 15px;
    }
    .catalog-view__img{
        height: 300px;
    }
    .catalog-view__navitems ul li a{
        height: 80px;
    }
    .catalog-captcha{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .captcha-main{
        margin-top: 20px;
    }
    .news-slider__img {
        height: 260px;
    }
}