:root{--screen-xs:470px;--screen-sm:768px;--screen-md:992px;--screen-lg:1021px;--screen-xl:1140px;--screen-xxl:1880px;--screen-maxw:1440px}.photosBlogcomponent{font-family:Kanit;display:flex;gap:16px}.photosBlogcomponent .first_col{width:60%;display:inline-flex;gap:24px}.photosBlogcomponent .first_col>div{position:relative}.photosBlogcomponent .first_col>div a{height:100%;display:block}.photosBlogcomponent .first_col .first_photo,.photosBlogcomponent .first_col .second_photo{height:100%;width:100%;border-radius:4px;background-size:cover;background-repeat:no-repeat}@media (max-width:768px){.photosBlogcomponent .first_col{width:100%}}.photosBlogcomponent .second_col{width:40%;display:flex;gap:24px;flex-direction:column}.photosBlogcomponent .second_col>div{position:relative}.photosBlogcomponent .second_col>div a{height:100%;display:block}.photosBlogcomponent .second_col .third_photo{height:100%;width:100%;border-radius:4px;background-repeat:no-repeat;background-size:cover}@media (max-width:648px){.photosBlogcomponent .second_col .third_photo{min-height:150px}}.photosBlogcomponent .second_col .fourth_photo{height:100%;width:100%;border-radius:4px;background-repeat:no-repeat;background-size:cover}@media (max-width:648px){.photosBlogcomponent .second_col{flex-direction:row;width:100%;overflow-x:auto!important}}@media only screen and (min-width:0px) and (max-width:960px){.photosBlogcomponent .second_col{overflow:hidden}}.photosBlogcomponent .photosBlogcomponent_icons{display:inline-flex;justify-content:center;flex-wrap:wrap;gap:12px;width:40px;position:absolute;top:32px;right:32px;z-index:10}@media only screen and (min-width:0px) and (max-width:960px){.photosBlogcomponent .photosBlogcomponent_icons{width:auto;flex-wrap:nowrap}}.photosBlogcomponent .photosBlogcomponent_icons .favorite,.photosBlogcomponent .photosBlogcomponent_icons .share{display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.6);border-radius:40px;width:32px;height:32px;cursor:pointer}.photosBlogcomponent .photosBlogcomponent_info{width:100%}.photosBlogcomponent .photosBlogcomponent_info .category{background:#ed3a3a;border-radius:4px;padding:2px 12px;width:-moz-fit-content;width:fit-content;color:#fff}@media only screen and (min-width:0px) and (max-width:960px){.photosBlogcomponent .photosBlogcomponent_info .category{font-size:12px;line-height:18px}}.photosBlogcomponent .photosBlogcomponent_info .title{font-style:normal;font-weight:600;font-size:24px;line-height:36px;color:#fff;text-shadow:0 2px 10px #000}@media (max-width:1021px){.photosBlogcomponent .photosBlogcomponent_info .title{font-size:18px;line-height:normal}}@media only screen and (min-width:0px) and (max-width:960px){.photosBlogcomponent .photosBlogcomponent_info .title{font-size:14px;line-height:21px}}.photosBlogcomponent .photosBlogcomponent_info .date{font-style:normal;font-weight:400;font-size:12px;line-height:18px;color:#f5f5f5;text-transform:uppercase}@media only screen and (min-width:0px) and (max-width:960px){.photosBlogcomponent .photosBlogcomponent_div_container_big{width:100%}}.photosBlogcomponent .photosBlogcomponent_div_container_big .second_div{position:absolute;height:100%;width:100%;display:flex;flex-wrap:wrap;align-content:space-between;justify-content:flex-end;padding:32px;top:0;background-color:rgba(0,0,0,.32)}@media only screen and (min-width:0px) and (max-width:960px){.photosBlogcomponent .photosBlogcomponent_div_container_big .second_div{padding:8px 8px 8px 12px;bottom:0;top:inherit}.photosBlogcomponent .photosBlogcomponent_div_container_sm{width:100%}}.photosBlogcomponent .photosBlogcomponent_div_container_sm .second_div{position:absolute;height:100%;width:100%;display:flex;flex-wrap:wrap;align-content:space-between;justify-content:flex-end;padding:32px;top:0;background-color:rgba(0,0,0,.32)}@media only screen and (min-width:0px) and (max-width:960px){.photosBlogcomponent .photosBlogcomponent_div_container_sm .second_div{padding:8px 8px 8px 12px;top:auto;bottom:0}.photosBlogcomponent .photosBlogcomponent_no_mobile{display:none}.photosBlogcomponent .photosBlogcomponent_div_container_secondary{min-width:180px}.photosBlogcomponent .second_row_div{margin-top:-148px!important}}@media (max-width:648px){.photosBlogcomponent{flex-direction:column}}