@media screen and (max-width: 1650px) {
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_item,
.portfolio-showcase .portfolio_item,
.portfolio-archive .portfolio_item {
width: 33.33333%;
}
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_with_space .portfolio_item,
.portfolio-showcase .portfolio_with_space .portfolio_item,
.portfolio-archive .portfolio_with_space .portfolio_item {
width: 32.33333%;
}
.portfolio-showcase .col_no_1 .portfolio_item,
.portfolio-archive .col_no_1 .portfolio_item {
width: 100%;
}
}
@media screen and (min-width: 1100px) {
.portfolio-showcase .col_no_1 .portfolio_item,
.portfolio-archive .col_no_1 .portfolio_item {
width: 100%;
}
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .col_no_2 .portfolio_item,
.portfolio-showcase .col_no_2 .portfolio_item,
.portfolio-archive .col_no_2 .portfolio_item {
width: 50%;
}
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_with_space.col_no_2 .portfolio_item,
.portfolio-showcase .portfolio_with_space.col_no_2 .portfolio_item,
.portfolio-archive .portfolio_with_space.col_no_2 .portfolio_item {
width: 49%;
}
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .col_no_3 .portfolio_item,
.portfolio-showcase .col_no_3 .portfolio_item,
.portfolio-archive .col_no_3 .portfolio_item {
width: 33.333%;
}
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_with_space.col_no_3 .portfolio_item,
.portfolio-showcase .portfolio_with_space.col_no_3 .portfolio_item,
.portfolio-archive .portfolio_with_space.col_no_3 .portfolio_item {
width: 32.333%;
}
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .col_no_4 .portfolio_item,
.portfolio-showcase .col_no_4 .portfolio_item,
.portfolio-archive .col_no_4 .portfolio_item {
width: 25%;
}
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_with_space.col_no_4 .portfolio_item,
.portfolio-showcase .portfolio_with_space.col_no_4 .portfolio_item,
.portfolio-archive .portfolio_with_space.col_no_4 .portfolio_item {
width: 24%;
}
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .col_no_5 .portfolio_item,
.portfolio-showcase .col_no_5 .portfolio_item,
.portfolio-archive .col_no_5 .portfolio_item {
width: 20%;
}
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_with_space.col_no_5 .portfolio_item,
.portfolio-showcase .portfolio_with_space.col_no_5 .portfolio_item,
.portfolio-archive .portfolio_with_space.col_no_5 .portfolio_item {
width: 19%;
}
}
@media screen and (min-width: 769px) {
.portfolio-showcase .portfolio_template_clean .col_no_1 .portfolio_item,
.portfolio-archive .portfolio_template_clean .col_no_1 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_1 .portfolio_item,
.portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_1 .portfolio_item {
margin-bottom: 30px;
}
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .col_no_2 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .col_no_2 .portfolio_item,
.portfolio-archive .portfolio_template_clean .col_no_2 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item,
.portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item {
width: 47%;
margin-right: 1.5%;
margin-left: 1.5%;
margin-bottom: 30px;
}
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .col_no_3 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .col_no_3 .portfolio_item,
.portfolio-archive .portfolio_template_clean .col_no_3 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item,
.portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item {
width: 30%;
margin-right: 1.5%;
margin-left: 1.5%;
margin-bottom: 30px;
}
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .col_no_4 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .col_no_4 .portfolio_item,
.portfolio-archive .portfolio_template_clean .col_no_4 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item,
.portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item {
width: 22%;
margin-right: 1.5%;
margin-left: 1.5%;
margin-bottom: 30px;
}
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .col_no_5 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .col_no_5 .portfolio_item,
.portfolio-archive .portfolio_template_clean .col_no_5 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item,
.portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item {
width: 17%;
margin-right: 1.5%;
margin-left: 1.5%;
margin-bottom: 30px;
}
}
@media screen and (max-width: 1024px) {
.single-portfolio_item .has-post-cover .entry-header {
max-width: 80%;
}
.single.single-portfolio_item .entry-info {
padding-left: 0;
padding-right: 0;
}
.portfolio_item:hover .entry-thumbnail-popover { background: none; }
.portfolio-popup-video { opacity: 1; }
.portfolio-view_all-link .entry-thumbnail-popover-content .btn { display: inline-block; float: right; }
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_item:hover img,
.portfolio-showcase .portfolio_item:hover img,
.portfolio-archive .portfolio_item:hover img,
.portfolio-scroller .portfolio_item:hover img { transform: none }
.portfolio-fresh .portfolio_item:hover img {
transform: translate(-50%, -50%);
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item .item-content .main-area {
display: block;
padding: 30px 30px 30px 0;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item .item-content .main-area .portfolio_item-title {
width: 94%;
font-size: 36px;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item .item-content .main-area .portfolio_item-year,
.portfolio-archive-fresh .portfolio-fresh .portfolio_item .item-content .main-area .cat-and-excerpt-wrapper .portfolio_item-category {
font-size: 16px;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item .item-content .main-area .expand-btn {
position: absolute;
top: 40px;
right: 15px;
height: 40px;
min-height: 40px;
max-height: 40px;
width: 40px;
min-width: 40px;
max-width: 40px;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item.open .item-content .main-area .expand-btn {
margin-top: 0;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item .item-content .main-area .expand-btn::before {
height: 20px;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item .item-content .main-area .expand-btn::after {
width: 20px;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item:hover .portfolio_item-title,
.portfolio-archive-fresh .portfolio-fresh .portfolio_item.open .item-content .main-area .portfolio_item-title {
padding-left: 0;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item.open .main-area,
.portfolio-archive-fresh .portfolio-fresh .portfolio_item:hover .main-area {
padding-left: 30px;
}
}
@media screen and (max-width: 768px) {
.single-portfolio_item .slides > li .li-wrap { display: none; }
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_item,
.portfolio-showcase .portfolio_item,
.portfolio-archive .portfolio_item { width: 50% }
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_with_space .portfolio_item,
.portfolio-showcase .portfolio_with_space .portfolio_item,
.portfolio-archive .portfolio_with_space .portfolio_item { width: 49% }
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .col_no_5 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .col_no_5 .portfolio_item,
.portfolio-archive .portfolio_template_clean .col_no_5 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item,
.portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .col_no_4 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .col_no_4 .portfolio_item,
.portfolio-archive .portfolio_template_clean .col_no_4 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item,
.portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .col_no_3 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .col_no_3 .portfolio_item,
.portfolio-archive .portfolio_template_clean .col_no_3 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item,
.portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .col_no_2 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .col_no_2 .portfolio_item,
.portfolio-archive .portfolio_template_clean .col_no_2 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item,
.portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item {
width: 47%;
margin-right: 1.5%;
margin-left: 1.5%;
margin-bottom: 35px;
}
.portfolio-archive-taxonomies a { padding: 0; border: none; margin-right: 15px; font-size: 14px !important; }
.portfolio-archive-taxonomies { padding: 20px 0; }
.portfolio-archive-taxonomies li {
margin-bottom: 0;
}
.portfolio-view_all-link .btn {
margin: 25px 0;
}
.carousel_widget_wrapper .portfolio_item {
height: 300px;
max-width: 100%;
}
.carousel_widget_wrapper .portfolio_item img {
height: 300px !important;
width: auto;
}
.portfolio-grid .portfolio_item:hover .entry-thumbnail-popover {
background: none;
}
}
@media screen and (max-width: 640px) {
.portfolio-archive-taxonomies a { font-size: 12px !important; }
.portfolio-archive-taxonomies li + li { margin-left: 0; }
.portfolio-archive-fresh .portfolio-fresh .portfolio_item .item-content .main-area .portfolio_item-title {
font-size: 28px;
width: 90%;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item .item-content .main-area .cat-and-excerpt-wrapper .portfolio_item-excerpt {
display: none;
font-size: 14px;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item,
.portfolio-archive-fresh .portfolio-fresh .portfolio_item .item-content .item-background {
min-height: 200px;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item.open .item-content .main-area {
position: relative;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item.open .item-content .main-area .portfolio_item-year, .portfolio-archive-fresh .portfolio-fresh .portfolio_item.open .item-content .main-area .cat-and-excerpt-wrapper {
opacity: 1;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item.open .item-content .main-area .cat-and-excerpt-wrapper .portfolio_item-excerpt {
display: block;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item.open .main-area, .portfolio-archive-fresh .portfolio-fresh .portfolio_item:hover .main-area {
padding-left: 0;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item .item-content .main-area .cat-and-excerpt-wrapper .portfolio_item-category {
margin-bottom: 10px;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item.open .item-content .item-background {
opacity: 1;
min-height: 0;
opacity: 1;
position: relative;
display: flex;
flex-direction: column;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item.open .item-content .item-background .portfolio_item-btn {
display: flex;
position: relative;
left: auto;
transform: none;
margin: 30px auto;
order: 2;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item.open .item-content img,
.portfolio-archive-fresh .portfolio-fresh .portfolio_item.open .item-content video {
order: 1;
}
.portfolio-archive-fresh .portfolio-fresh .portfolio_item .item-content .item-background::after {
display: none;
}
}
@media screen and (max-width: 460px) {
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_item,
.portfolio-showcase .portfolio_item,
.portfolio-archive .portfolio_item { width: 100%; }
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_with_space .portfolio_item,
.portfolio-showcase .portfolio_with_space .portfolio_item,
.portfolio-archive .portfolio_with_space .portfolio_item { width: 100%; }
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .col_no_5 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .col_no_5 .portfolio_item,
.portfolio-archive .portfolio_template_clean .col_no_5 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item,
.portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_5 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .col_no_4 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .col_no_4 .portfolio_item,
.portfolio-archive .portfolio_template_clean .col_no_4 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item,
.portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_4 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .col_no_3 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .col_no_3 .portfolio_item,
.portfolio-archive .portfolio_template_clean .col_no_3 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item,
.portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_3 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .col_no_2 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .col_no_2 .portfolio_item,
.portfolio-archive .portfolio_template_clean .col_no_2 .portfolio_item,
.elementor-widget-wp-widget-wpzoom-portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item,
.portfolio-showcase .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item,
.portfolio-archive .portfolio_template_clean .portfolio_with_space.col_no_2 .portfolio_item {
width: 100%;
margin-right: 0;
margin-left: 0;
}
}