@media screen and (max-width: 1366px){
    .menu_item {
        font-size: 16px;
    }

    .hero_content{
        width: 570px;
    }

    .hc_title > h2, .inner_page_title > h1{
        font-size: 40px;
    }

    .ha_title > h2{
        font-size: 28px;
    }

    .ha_info *, .footer_logo p, .footer_menu a, .footer_copyrights p, .catalog_item_desc > p{
        font-size: 16px;
    }
}




@media screen and (max-width: 1024px){
    header{
        padding: 16px 30px;
    }

    .hero_content{
        margin-left: 30px;
    }

    .home_about{
        background-size: unset;
        background-position: unset;
    }

    .ac_title > a{
        font-size: 14px;
    }

    .catalog_title > h3{
        font-size: 32px;
    }

    .catalog_title > p{
        font-size: 18px;
    }

    .catalog_item{
        grid-template-columns: 1fr;
    }

    .catalog_wrapper{
        padding: 60px 30px;
    }

    .ha_wrapper{
        padding-left: 30px;
    }

}




@media screen and (max-width: 992px){


    .menu{
        gap: 20px;
    }

    .menu_item{
        font-size: 14px;
    }

    .footer_wrapper{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    footer{
        padding: 24px;
    }

    .footer_logo{
        text-align: center;
    }

    .footer_menu{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 40px 0;
        text-align: center;
    }

    
    .footer_menu a:first-child {
        font-size: 16px;
        color: rgba(255,255,255, .6);
        margin-bottom: 0px;
    }

    .f_social_list a:first-child {
        display: none;
    }

    .footer_copyrights{
        margin-top: 20px;
    }

    .footer_logo img{
        height: 40px;
    }

    .footer_logo p{
        margin: 8px;
    }
}


@media screen and (max-width: 768px){
    .menu, .social{
        display: none;
    }

    .sm_menu{
        display: block;
    }

    #hero{
        height: 538px;
    }

    header{
        transform: unset;
    }

    .hero_content > img{
        max-height: 60px;
    }

    .hc_wrapper{
        display: flex;
        flex-direction: column;
    }

    .ha_title{
        text-align: center;
    }

    .ha_wrapper{
        width: calc(100% - 60px);
        max-width: unset;
    }

    .hcl_info > p{
        font-size: 16px;
    }

    .hcl_info > a{
        font-size: 12px;
        padding: 6px 24px;
    }

    .ha_title{
        padding: 30px 0 0;
    }

    .home_catalog{
        padding: 60px 30px;
    }

    .hc_title > h2{
        font-size: 24px;
        text-align: center;
        margin-bottom: 30px;
    }
}



@media screen and (max-width: 767px){


    #hero{
        height: 338px;
    }

    .hero_content{
        max-width: calc(100% - 60px);
    }

    .hero_content > img{
        max-height: 40px;
    }

    .hero_content > img:last-child{
        height: 24px;
    }

    .catalog_item, .cid_blocks{
        display: flex;
        flex-direction: column;
    }

    .catalog_desc{
        padding: 10px 0;
        margin: 10px 0;
    }

    .catalog_item, .cid_blocks{
        gap: 30px;
    }

    .ha_info *, .footer_logo p, .footer_menu a, .footer_copyrights p, .catalog_item_desc > p{
        font-size: 14px;
    }

    .catalog_title > p {
        font-size: 16px;
    }

    .catalog_title > h3 {
        font-size: 28px;
    }

    .about_social, .ac_links{
        gap: 16px;
    }

    .ha_cers > img{
        max-width: 100%;
    }

    .inner_about > .ha_title > h2{
        font-size: 32px;
        margin-bottom: 20px;
    }

    .inner_about{
        padding: 0;
    }

    .inner_page_title{
        height: 90px;
    }

    .inner_page_title > h1{
        font-size: 32px;
    }

    .ac_title > p{
        font-size: 16px;
    }

    .footer_menu > div{
        gap: 16px;
    }

    #hero.inner_page{
        height: 170px;
        background-size: 100% 100%;
    }
}