@media (max-width:1279px) {@media (max-width: 1279px) { .sc_portfolio_preview_show .post_readmore { margin-top: 2em; } } @media (max-width: 1023px) { .sc_portfolio_masonry_wrap .sc_portfolio_masonry_item { padding: 0 30px 30px 0; } [class*="portfolio_page_gallery_type_masonry_"] { margin-right: -30px; } [class*="portfolio_page_gallery_type_masonry_"] .portfolio_page_gallery_item { padding: 0 30px 30px 0; } .portfolio_page_gallery_type_masonry_3 .portfolio_page_gallery_item, .portfolio_page_gallery_type_masonry_4 .portfolio_page_gallery_item { width: 50%; } .portfolio_page_gallery_type_stream .portfolio_page_gallery_item + .portfolio_page_gallery_item { margin-top: 30px; } .sc_portfolio_preview .post_description_content { display: none !important; } .sc_portfolio_preview .sc_portfolio_preview_description { padding: 0 2em; } .sc_portfolio_preview .sc_portfolio_preview_description .portfolio_page_details_item_title { width: 38%; } .sc_portfolio_preview .sc_portfolio_preview_description .portfolio_page_details_item_value { width: 62%; } .sc_portfolio_preview_show .post_readmore { margin-top: 0; } } @media (max-width: 767px) { .sc_portfolio_masonry_wrap { margin-right: 0; } .sc_portfolio_masonry_wrap .sc_portfolio_masonry_item { width: 100%; padding: 0 0 20px 0; } .portfolio_page.portfolio_page_details_left, .portfolio_page.portfolio_page_details_right { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .portfolio_page_details_right .portfolio_page_content_wrap, .portfolio_page_details_bottom .portfolio_page_content_wrap { order: 2; } .portfolio_page_details_right .portfolio_page_details_wrap, .portfolio_page_details_bottom .portfolio_page_details_wrap { order: 1; } .portfolio_page .portfolio_page_details_wrap { padding: 0 0 2em; } .portfolio_page_details_left .portfolio_page_details_wrap, .portfolio_page_details_left .portfolio_page_content_wrap, .portfolio_page_details_right .portfolio_page_details_wrap, .portfolio_page_details_right .portfolio_page_content_wrap { display: block; width: 100%; } .portfolio_page_details_top .portfolio_page_description, .portfolio_page_details_top .portfolio_page_details, .portfolio_page_details_bottom .portfolio_page_description, .portfolio_page_details_bottom .portfolio_page_details { width: 100%; padding: 0; } .portfolio_page_details_top .portfolio_page_details_item_title, .portfolio_page_details_bottom .portfolio_page_details_item_title { width: 20%; } .portfolio_page_details_top .portfolio_page_details_item_value, .portfolio_page_details_bottom .portfolio_page_details_item_value { width: 80%; } .portfolio_page_gallery_type_stream .portfolio_page_gallery_item + .portfolio_page_gallery_item { margin-top: 20px; } [class*="portfolio_page_gallery_type_masonry_"] { margin-right: 0; } [class*="portfolio_page_gallery_type_masonry_"] .portfolio_page_gallery_item { padding: 0 0 20px 0; } .portfolio_page_gallery_type_masonry_2 .portfolio_page_gallery_item, .portfolio_page_gallery_type_masonry_3 .portfolio_page_gallery_item, .portfolio_page_gallery_type_masonry_4 .portfolio_page_gallery_item { width: 100%; } .portfolio_page_gallery_type_stream .portfolio_page_gallery_item + .portfolio_page_gallery_item { margin-top: 20px; } .sc_portfolio_preview { width: 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .sc_portfolio_preview .sc_portfolio_preview_media_container { max-width: 100vw !important; order: 1; } .sc_portfolio_preview .sc_portfolio_preview_description { order: 2; display: block; position: relative; width: 100%; height: auto; left: auto; top: auto; padding: 2em; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } } @media (max-width: 479px) { .sc_portfolio_masonry_wrap .sc_portfolio_masonry_item { padding: 0 0 20px 0; } [class*="portfolio_page_gallery_type_masonry_"] .portfolio_page_gallery_item { padding: 0 0 20px 0; } .portfolio_page_gallery_type_stream .portfolio_page_gallery_item + .portfolio_page_gallery_item { margin-top: 20px; } .sc_portfolio_preview .sc_portfolio_preview_description { padding: 1.4em; } .sc_portfolio_preview_show .post_title { font-size: 16px; line-height: 20px; } .sc_portfolio_preview_show .post_meta .post_meta_item { display: block; } .sc_portfolio_preview_show .post_meta .post_meta_item:before { display: none; } } }