.page_head.products { background-image: url('../../img/head/bg_head_products.jpg'); } 

#product_main_section_1 { padding: 50px 0; } 
#product_main_section_1 .section_title { font-family: Roboto; font-weight: 700; font-size: 52px; line-height: 63px; text-align: center; } 
#product_main_section_1 .portfolio_wrap { height: 700px; margin-bottom: 100px; margin-top: 50px; background: url('../../img/bg_circle_gray.svg') no-repeat top center; background-size: contain; } 
#product_main_section_1 .portfolio_wrap .item { position: absolute; left: 0; top: 0; display: inline-flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; transform: translate3d(-50%, -50%, 0); } 
#product_main_section_1 .portfolio_wrap .item .thumb { display: flex; justify-content: center; align-items: flex-end; width: 230px; height: 230px; background-size: contain; background-position: center center; box-sizing: border-box; } 
#product_main_section_1 .portfolio_wrap .item .thumb img { width: 100%; height: auto; } 
#product_main_section_1 .portfolio_wrap .item .title { font-family: Roboto, sans-serif; font-weight: 700; font-size: 28px; line-height: 34px; } 
#product_main_section_1 .portfolio_wrap .item .desc { margin-top: 5px; font-family: Roboto, sans-serif; font-size: 14px; line-height: 20px; } 

#product_main_section_1 .portfolio_wrap .item.active { left: 50%; top: 55%; } 
#product_main_section_1 .portfolio_wrap .item.order_1 { left: 25%; top: 40%; } 
#product_main_section_1 .portfolio_wrap .item.order_2 { left: 35%; top: 90%; } 
#product_main_section_1 .portfolio_wrap .item.order_3 { left: 65%; top: 90%; } 
#product_main_section_1 .portfolio_wrap .item.order_4 { left: 75%; top: 40%; } 

#product_main_section_1 .portfolio_wrap .item.active .thumb { width: 300px; height: 300px; } 
#product_main_section_1 .portfolio_wrap .item.active .title { font-size: 36px; line-height: 34px; } 
#product_main_section_1 .portfolio_wrap .item.active .desc { font-size: 18px; line-height: 20px; } 


#product_main_section_2 { padding: 50px 0 100px 0; } 

@media screen and (max-width: 1024px){
    #product_main_section_1 { padding: 35px 0; } 
    #product_main_section_1 .section_title { font-size: 36px; line-height: 44px; } 
    #product_main_section_1 .portfolio_wrap { height: 490px; margin-bottom: 70px; margin-top: 35px; } 
    #product_main_section_1 .portfolio_wrap .item .thumb { width: 161px; height: 161px; } 
    #product_main_section_1 .portfolio_wrap .item .title { font-size: 20px; line-height: 24px; } 
    #product_main_section_1 .portfolio_wrap .item .desc { margin-top: 4px; font-size: 10px; line-height: 14px; } 
    #product_main_section_1 .portfolio_wrap .item.active .thumb { width: 210px; height: 210px; } 
    #product_main_section_1 .portfolio_wrap .item.active .title { font-size: 25px; line-height: 24px; } 
    #product_main_section_1 .portfolio_wrap .item.active .desc { font-size: 13px; line-height: 14px; } 
    #product_main_section_2 { padding: 35px 0 70px 0; } 
}

@media screen and (max-width: 640px){
    #product_main_section_1 .portfolio_wrap { height: auto; margin-top: 0; margin-bottom: 0; background: none; }
    #product_main_section_1 .portfolio_wrap .item,
    #product_main_section_1 .portfolio_wrap .item.order_1,
    #product_main_section_1 .portfolio_wrap .item.order_2,
    #product_main_section_1 .portfolio_wrap .item.order_3,
    #product_main_section_1 .portfolio_wrap .item.order_4,
    #product_main_section_1 .portfolio_wrap .item.order_5,
    #product_main_section_1 .portfolio_wrap .item.active { position: relative; left: auto; top: auto; display: flex; margin: 0 auto; transform: none; }
}