@media screen and (max-width:1850px) {
    .actual_card{
        width: 32%;
    }

    .actual_card .card_for_img{
        width: 100%;
    }

    .actual_card .card_for_img img{
        width: 100%;
    }
    .card_buttons button{
        padding: 15px 35px;
    }

    .card_buttons button:last-child{
        padding: 15px 25px;
    }
}

@media screen and (max-width:1700px) {
        .info .cont{
            width: 80%;
        }

        header .cont{
            width: 80%;
        }

        nav ul{
            width: 80%;
        }

        .slideshow-container{
            width: 80%;
        }

        .cont_pet{
            padding: 0% 10% 150px 10%;
        }

        .pet_all_in_info{
            width: 62%;
        }

        .pet_all_in>img {
            width: 45%;
        }

        .actual_card{
            width: 30%;
        }

        .actual_card .card_for_img{
            width: 100%;
        }

        .actual_card .card_for_img img{
            width: 100%;
        }

        .card_buttons button{
            padding: 10px 25px;
        }

        .card_buttons button:last-child{
            padding: 10px 15px;
        }

        .cont_types{
            padding: 60px 10% 100px 10%;;
        }

        .type{
            width: 30%;
        }

        .news_cont{
            padding: 40px 10%;
        }

        .about_company_cont{
            padding: 40px 10%;
        }

        .events_cont{
            padding: 40px 10%;
        }

        .sign_up_cont{
            padding: 40px 10%;
        }

        footer{
            padding: 40px 10%;
        }
}

@media screen and (max-width:1520px) {
    .type{
        padding: 42px 20px;
    }

    .pet_btns button{
        font-size: 18px;
        padding: 15px 28px;
    }
}

@media screen and (max-width:1430px) {
    .news > img{
        width: 40%;
    }

    .news>div>h3{
        font-size: 25px;
    }

    .news>div>p{
        font-size: 16px;
    }

    .news>div>span{
        font-size: 11px;
    }

    .news>div>button{
        padding: 20px 25px;
        font-size: 19px;
    }
    .actual_projects p{
        font-size: 12px;
    }
}

@media screen and (max-width:1300px) {
    .pet_all_in_info{
        width: 60%;
    }

    .pet_all_in>img {
        width: 48%;
    }

    .card_buttons button{
        padding: 8px 20px;
    }

    .card_buttons button:last-child{
        padding: 8px 10px;
    }

    .pet_btns button{
        font-size: 16px;
        padding: 15px 15px;
    }
}