/* Yellow Navbar */
@media screen and (max-width: 1900px) {
    .yellow_nav__log {
        width: 45%;
    }
}

@media screen and (max-width: 1700px) {
    .yellow_logo{
        width: 13vh;
        height: 13vh;
        font-size: 10px;
        padding: 5px;
    }

    .yellow_logo > p{
        font-size: 35px;
        line-height: 35px;

    }

    .yellow_nav__log {
        width: 50%;
    }
    .yellow_nav{
        padding: 10px 12%;
    }
    .yellow_nav__menu{
        width: 70%;
    }
    .yellow_nav__info{
        width: 23%;
        padding: 4px 0;
    }
}


@media screen and (max-width: 1500px) {
    .yellow_nav__menu{
        font-size: 13px;
    }
    .yellow_nav{
        height: 22%;
    }
}

@media screen and (max-width: 1300px) {
    .yellow_nav__log {
        width: 55%;
    }
    
}

@media  screen and (max-width:480px) {
    .yellow_nav__menu{
        display: none;
    }
    .yellow_nav__info > div{
        display: none;
    }
    .yellow_nav{
        padding: 5px 10px;
        justify-content: space-between;
    }
    .yellow_nav__log{
        width: fit-content;
    }
    .yellow_nav__mob_menu{
        display: flex;
    }
    .yellow_nav__info{
        width: fit-content;
    }
    .yellow_nav__bottom{
        display: block;
    }
}


/* home */


@media screen and (max-width: 1700px) {
    .logo{
        width: 13vh;
        height: 13vh;
        font-size: 10px;
        padding: 5px;
    }

    .logo > p{
        font-size: 35px;
        line-height: 35px;

    }

    .home_nav__info hr:last-child{
        width: 13%;
    }

    .home_nav__log {
        width: 40%;
        left: 12%;
    }
    .home_main__search-bar>div{
        font-size: 12px;
    }

    /* .home_nav__menu{
        width: 70%;
    } */
    /* .home_nav__info{
        width: 23%;
    } */
    .for_sizing{
        margin-right: 12%;
    }

    .home_deLuxe{
        padding: 30px 12%;
    }

    /* main */
    .forCenter{
        padding: 0 12%;
    }
    .home_sec-obj{
        padding: 80px 12%;
    }
    .home_sec-count{
        padding: 40px 12%;
    }

    .footer__top > div {
        width: 45%;
    }
    .footer__bottom{
        padding: 40px 12%;
    }
}


@media screen and (max-width: 1500px) {
    .home_nav__menu{
        font-size: 13px;
        height: 13vh;
    }
    .home_nav{
        height: 13vh;
    }
    .home_sec-count h3 {
        font-size: 70px;
    }
    .home_sec-count > div > div {
        gap: 30px;
    }
}

@media screen and (max-width: 1300px) {
    .home_nav__log {
        width: 50%;
    }
    
}

@media  screen and (max-width:480px) {
    .logo{
        height: 11vh;
        width: 11vh;
    }
    .home_header{
        background-position: 50% 30%;
        background-size: cover;
    }
    .home_nav__menu{
        display: none;
    }

    .home_nav__info > div span{
        display: none;
    }
    .home_nav__info > div img{
        visibility: hidden;
    }
    .home_nav{
        /* align-items: center; */
        padding: 0 10px;
        justify-content: space-between;
    }
    .home_nav__log{
        width: fit-content;
        left: 42%;
        top: 3.5vh;
    }
    .home_nav__mob_menu{
        display: flex;
        position: absolute;
    }
    .home_nav__info hr{
        width: 100%;
    }
    .home_nav__info hr:last-child{
        display: none;
    }
    .home_nav__info .headMob{
        visibility: visible;
    }

    .home_nav__info a{
        visibility: hidden;
    }

    .home_nav__bottom{
        display: block;
    }
    /* .home_nav__info{
        width: fit-content;
    } */
    .home_deLuxe{
        padding: 50px 10px;
    }
    .home_deLuxe > p{
        padding: 10px 5%;
        color: #FFF;
        font-family: Montserrat;
        font-size: 10px;
        line-height: 14px;
        font-weight: 400;
        text-transform: uppercase;
    }
    .headMob{
        display: block;
    }

    /* main */
    .home_header{
        height: 65vh;
    }
    .home_main__cont{
        flex-direction: column;
    }
    .home_main__left {
        width: 100%;
    }
    .home_main__left_card{
        width: 100%;
    }
    .home_main__left_card_img > img{
        width: 100%;
        height: 30vh;
        object-fit: cover;

    }
    .home_main__left_item > div{
        flex-direction: column;
        gap: 30px;
    }
    .home_main__search-bar{
        flex-direction: column;
    }
    .home_main__search-bar > div{
        width: 100%;
        padding: 10px 30px 10px 35px;
        justify-content: space-between;
        background: var(--Dark, #3E3E3E);
    }
    .home_main__search_circle{
        width: 35px;
        height: 35px;
        border: 1px solid #8c8c8c;
        border-radius: 50%;
    }

    .home_main__search-bar > .home_main__search{
        width: 100%;
        padding: 18px 30px;
        justify-content: flex-start;
        order: 4;
        background: #fff;
    }
    .forCenter{
        padding: 0 10px;
    }
    .home_main__right{
        width: 100%;
    }
    .home_main__right_item{
        padding: 35px;
    }

    /* obj */
    .home_sec-obj__cont {
        flex-wrap: wrap;
        align-content: space-between;
        justify-content: space-between;
        gap: 30px;
    }
    .home_sec-obj{
        padding: 40px 10px;
    }
    .home_sec-obj > div{
        align-items: center;
    }
    .home_sec-obj__cont > div{
        width: 40%;
        font-size: 14px;
        font-family: Phenomena;
        text-align: center;
        flex-direction: column;
        justify-content: space-between;
        
    }
    .home_sec-obj h2{
        font-size: 16px;
    }
    /* count */
    .home_sec-count{
        padding: 30px 10px;
    }
    .home_sec-count p{
        width: 60%;
    }
    .home_sec-count > div{
        flex-direction: column;
    }
    .home_sec-count > div > div{
        border-bottom: 1px solid #C9C9C9;
        padding: 20px 0;
        justify-content: space-between;
    }
    .home_sec-count > div > div:last-child{
    border-bottom: none;
    }
    .home_sec-count h3{
        font-size: 30px;
    }
    .home_sec-count h3 > span{
        font-size: 24px;
    }
    /* footer */
    .footer__top{
        display: none;
    }
    .footer__bottom{
        padding: 20px 10px;
    }
    .footer_mob{
        display: none;
    }
    .footer__bottom_menu{
        gap: 30px;
        flex-direction: column;
    }
    .footer__bottom_menu > div{
        gap: 30%;
    }
    .footer__bottom_info h4{
        width: 40%;
    }
}


@media  screen and (max-width: 380px) {
    .home_sec-count h3{
        font-size: 22px;
    }
    .home_sec-count h3 > span{
        font-size: 18px;
    }

}

/* ---------- CardPage ----------*/
@media screen and (max-width: 1700px) {
    .cardPage{
        width: 65%;
    }    
}

@media screen and (max-width: 1600px) {
    .cardPage{
        width: 70%;
    }    
}

@media screen and (max-width: 1400px) {
    .cardPage{
        width: 76%;
    }    
}

@media screen and (max-width: 1300px) {
    .cardPage{
        width: 82%;
    }    
}

@media screen and (max-width: 480px) {
    .yellow_none{
        display: flex;
    }
    .footer_none{
        display: flex;
    }
    
    .back_block{
        background: #EBEBEB;
        flex-direction: column;
    }
    .cardPage{
        width: 100%;
        flex-direction: column;
        padding: 20px 10px;
    }
    .cardPage_controller{
        display: none;
    }
    .cardPage_left{
        width: 100%;
    }
    .cardPage_left__img_block > div{
        display: none;
    }
    .cardPage_left__cont{
        padding: 40px 0;
    }
    .cardPage_left__cont_info{
        flex-direction: column;
        gap: 20px;
    }
    .cardPage_left__cont_info > div{
        max-width: fit-content;
    }
    .cardPage_left__cont table{
        font-size: 10px;
    }
    .cardPage_left__cont_add{
        display: none;
    }
    .cardPage_left__cont_sub{
        display: none;
    }
    .cardPage_map{
        display: none;
    }
    .cardPage_left__cont_mob_black{
        display: flex;
    }
    .cardPage_left > .back_button{
        display: flex;
    }
    .cardPage_right{
        width: 100%;
        background-color: transparent;
    }
    
}




/*--------------- requestPage ------------------ */

@media screen and (max-width:1700px) {
    .requestPage_cont_card > img {
        width: 50%;
    }
    
}

@media screen and (max-width: 1600px) {
    .requestPage{
        width: 40%;
    }
}

@media screen and (max-width: 480px) {
    .requestPage{
        width: 100%;
    }
    .requestPage_controller{
        right: 0;
    }
    .requestPage_cont{
        padding: 20px;
        align-items: flex-start;

    }
    .requestPage_cont_card{
        padding-top: 40px;
    }
}

@media screen and (max-width: 380px) {
    .requesPage_cont_card_info > p{
        font-size: 13px;
    }
    .requestPage_cont_card{
        gap: 15px;
    }

}


/* -------------------------------- Gab ------------------------------- */
@media screen and (max-width:1700px) {
    .gabPage_cont__center{
        padding: 0 12%;
    }
    
}

@media screen and (max-width:480px) {
    .gabPage_images{
        padding: 10px 0;
        height: 30vh;
        position: relative;
        overflow: hidden;
    }
    .gabPage_images > img{
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .mob_arrows{
        display: flex;
    }
    .gabPage_cont__center{
        width: 100%;
        flex-direction: column;
        padding: 10px;
    }
    .gabPage_cont__center > .cardPage_left__cont{
        width: 100%;
    }
    
    
}

/* ProductH */
@media screen and (max-width:1700px) {
    .productH{
        padding: 0 12%;
    
    }
    .productH_cart_info_box{
        padding: 26px 25px;
        gap: 20px;
        justify-content: flex-start;
    }
    .productH_cart_info{
        min-width: fit-content;
    }
}

@media screen and (max-width: 480px) {
    .productH{
        padding: 0 10px;
        align-items: flex-start;
        gap: 20px;
    }
    .productH > .home_main__search-bar{
        display: none;
    }
    .productH > .back_button{
        display: flex;
    }
    .productH_cont_info > .back_button{
        display: none;
    }
    .productH_cont_carts_box{
        flex-direction: column;
        align-items: flex-start;
    }
    .productH_bar{
        width: 90%;
    }
    .productH_cont_carts{
        width: 100%;
    }
    .productH_burger, .productH_cube{
        display: none;
    }
    .product_cart_contact{
        flex-direction: column;
        padding: 30px 20px;
        align-items: flex-start;
        gap: 30px;
    }
    .product_cart_contact_form{
        width: 70%;
    }

    .Hbox  .home_main__left_card{
        display: flex;
    }
    .productH_cart{
        display: none;
    }
    .productH_cont_carts_box{
        gap: 20px;
    }
    .productH_cart_black{
        gap: 20px;
    }
    .productH_cart_black_cont> img {
        width: 25%;
    }
    .productH_cart_black > h2{
        padding: 0 10px;
    }
    .productH_cart_black_cont .product_cart_contact_form{
        display: none;
    }
    .product_cart_contact_checkbox{
        display: none;
    }
    .productH_cart_black_cont{
        justify-content: flex-start;
        padding-left: 5%;
        gap: 5%;
    }
}

@media screen and (max-width: 380px) {
    .productH_bar{
        width: 100%;
    }
    
}


/* ------- Company --------------------------------------- */
@media screen and (max-width: 1700px){
    .company_banner{
        padding: 10% 12%;
    }
    .company_main{
        padding: 5% 12% 15%;
    }
    .company_info{
        padding: 10vh 12%;
    }
}
@media screen and (max-width: 480px) {
    .company_main{
        padding: 30px 20px;
        gap: 0;
    }
    .company_main .company_main__info{
        height: 80%;
        flex-direction: column;
        justify-content: space-evenly;
    }
    .company_main h1{
        font-size: 28px;
    }
    .company_main>div>div{
        width: fit-content;
        overflow: hidden;
    }
    .company_main>div>div div{
        padding: 20px 30px;
    }
    .company_banner{
        padding: 30px 20px;
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 40vh;
    }
    .company_banner > img{
        width: 40%;
    }
    .company_banner > div{
        right: 37%;
    }
    .company_info{
        padding: 30px 20px;
        gap: 10vh;
    }
    .company_info>div h2{
        font-size: 28px;
    }
    .company_info>div{
        width: 100%;
        gap: 15%;
    }
}


/* ---------------- News ----------------- */
@media screen and (max-width: 1700px){
    .news_header__cont{
        padding: 30px 12%;
    }
    
    .news_main{
        padding: 0 12%;
    }
    .news_header__cont > h1{
        width: 70%;
    }
}


@media screen and (max-width:480px) {
    .news_header{
        height: 80vh;
    }
    .news_header__cont > h1{
        font-size: 28px;
        padding-bottom: 10vh;
    }
    .news_header__cont>h2{
        font-size: 16px;
    }
    .news_main__item{
        flex-direction: column;
    }

    .news_header__cont{
        padding: 30px 10px;
    }
    .news_main{
        padding: 0 10px;
    }
    .news_main__item{
        align-items: stretch;
        gap: 20px;
    }
    .news_main__item > div{
        gap: 30px;
    }
    .news_main__item > p {
        width: 90%;
    }
}


/* ------------------------ Vacancie --------------------------------------*/

@media screen and (max-width:1700px) {
    .vacancie{
        padding: 60px 12%;
    }
}

@media screen and (max-width:480px) {
    .vacancie{
        padding: 60px 10px;
        gap: 45px;
    }
    .vacancie p {
        line-height: 20px;
    }
}


/*----------------------------- Mission ---------------------------*/

@media screen and (max-width:1700px) {
    .mission{
        padding: 60px 12%;
    }
}

@media screen and (max-width:480px) {
    .mission{
        padding: 30px 10px;
    }

}



/*--------------------------------- Privacy -----------------------------*/

@media screen and (max-width:1700px) {
    .privacy{
        padding: 60px 12%;
    }
}

@media screen and (max-width:480px) {
    .privacy{
        padding: 30px 10px;
    }

}

/*--------------------------------- Navigate -----------------------------*/

@media screen and (max-width:1700px) {
    .navigate{
        padding: 60px 12%;
    }
}

@media screen and (max-width:480px) {
    .navigate{
        padding: 30px 10px;
    }
    .navigate > div{
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }

}


/* ---------------------------------- Registr ---------------------------- */
@media screen and (max-width: 1700px) {
    .registr{
        width: 60%;
    }
}

@media screen and (max-width: 1500px) {
    .registr{
        width: 70%;
    }
}

@media screen and (max-width: 480px) {
    .registr{
        width: 100%;
        flex-direction: column-reverse;
    }
    .registr > .cardPage_controller{
        display: block;
        right: 0;
    }

    .registr_advantages{
        width: 100%;
        padding: 50px 55px;
    }
    .registr_cont{
        width: 100%;
        padding: 85px 10px;
    }
    
}

/* ---------------------------------- Log IN ---------------------------- */
@media screen and (max-width: 1700px) {
    .logIn{
        width: 30%;
    }
}

@media screen and (max-width: 1500px) {
    .logIn{
        width: 40%;
    }
}

@media screen and (max-width: 480px) {
    .logIn{
        width: 100%;
        flex-direction: column;
    }
}


/* ----------------------------- Feedback ----------------------------  */
/* ---------------------------------- Log IN ---------------------------- */
@media screen and (max-width: 1700px) {
    .feedback{
        width: 30%;
    }
}

@media screen and (max-width: 1500px) {
    .feedback{
        width: 40%;
    }
}

@media screen and (max-width: 480px) {
    .feedback{
        width: 100%;
        flex-direction: column;
    }
}


/* ----------------------------- newsDetail --------------------------------- */
@media screen and (max-width: 1700px) {
    .newsDetail{
        width: 65%;
    }
}

@media screen and (max-width: 1500px) {
    .newsDetail{
        width: 70%;
    }
}

@media screen and (max-width: 480px) {
    .newsDetail{
        width: 100%;
    }
    .newsDetail > .innerNews_header{
        display: block;
    }
    .newsDetail_img{
        display: none;
    }
    .newsDetail_cont{
        padding: 40px 10px;
    }
    .newsDetail_cont > .cardPage_down{
        display: none;
    }
    .newsDetail > .footer{
        display: flex;
    }
}




/* ---------------------------- Inner News ------------------------------------ */
@media screen and (max-width: 1700px) {
    .innerNews_cont{
        padding: 50px 12%;
    }   
}

@media screen and (max-width:480px){
    .innerNews_header{
        height: 90vh;
        background-position: 70% 50%;
    }
    .newsDetail_img_subtext{
        padding-bottom: 30px;
        flex-direction: column;
        gap: 10%;
    }
    .newsDetail_img_subtext h2{
        width: 80%;
    }
    .innerNews_cont{
        padding: 40px 10px;
    }
}


/* --------------------------- Contact ----------------------  */
@media screen and (max-width:480px){
    .contact_header{
        height: 90vh;
        background-position: 70% 50%;
    }
    .contact_head_subtext > h1{
        font-size: 48px;
    }
    .contact_head_subtext{
        padding-bottom: 20vh;
    }
    .contact_header__yellow{
        right: 5%;
    }
}

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

    .contact_head_subtext > h1{
        font-size: 38px;
    }

}



/* --------------------------- favorites -----------------------------------------  */
@media screen and (max-width: 480px) {
    .favorites{
        flex-direction: column;
        gap: 20px;
    }    
    .favorites>.home_main__left_card {
        width: 100%;
        flex-direction: row;
    }
    .favorites>.home_main__left_card .card_star-active{
        left: -15px;
        top: -10px;
        
    }
    .favorites .home_main__left_card_img > img{
        height: 100%;
    }
    .favorites_yellow{
        width: 100%;
    }
}


/* --------------------------------------- favoritePage -----------------------------------------  */
@media screen and (max-width: 1700px) {
    .favoritePage_main{
        padding: 50px 12%;
    } 
    
}


@media screen and (max-width: 480px) {
    .favoritePage_header{
        height: 90vh;
        background-position: 70% 50%;
    }
    .favoritePage_header_cont_ok{
        flex-direction: column;
        gap: 30px;
    }
    .favoritePage_header_cont{
        padding-bottom: 5vh;
    }
    .favoritePage_header_cont h1{
        font-size: 24px;
    }
    .favoritePage_main{
        padding: 50px 10px;
    } 
    .favoritePage_main_cont{
        flex-direction: column;
        gap: 20px;
    }
}


/* ---------------------------- Rent -----------------------  */
@media screen and (max-width:480px) {
    .for_rent{
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .rent__cont{
        width: 100%;
    }
}