@media all and (min-width: 640px) {
.gbt_portfolio_block_wrapper.alignfull {
padding: 0 25px; } }
.gbt_portfolio_wrapper .portfolio_categories {
margin: 0;
padding: 0 25px;
list-style: none;
text-align: center; }
.gbt_portfolio_wrapper .portfolio_categories li {
display: inline-block;
margin: 0 4px 10px 4px;
padding: 5px 10px;
border: 1px solid;
text-transform: uppercase;
font-weight: 900;
font-size: 12px;
cursor: pointer;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.gbt_portfolio_wrapper .portfolio_categories li:hover {
color: #fff; }
.gbt_portfolio_wrapper .portfolio_container {
display: -ms-grid;
display: grid;
grid-gap: 2.5rem 25px; }
.gbt_portfolio_wrapper .portfolio_container.portfolio_columns_2 {
-ms-grid-columns: calc( 50% - 12.5px) calc( 50% - 12.5px);
grid-template-columns: calc( 50% - 12.5px) calc( 50% - 12.5px); }
@media all and (max-width: 639px) {
.gbt_portfolio_wrapper .portfolio_container.portfolio_columns_2 {
-ms-grid-columns: 100%;
grid-template-columns: 100%; } }
.gbt_portfolio_wrapper .portfolio_container.portfolio_columns_3 {
-ms-grid-columns: calc( 33.3333% - 16.6666px) calc( 33.3333% - 16.6666px) calc( 33.3333% - 16.6666px);
grid-template-columns: calc( 33.3333% - 16.6666px) calc( 33.3333% - 16.6666px) calc( 33.3333% - 16.6666px); }
@media all and (max-width: 639px) {
.gbt_portfolio_wrapper .portfolio_container.portfolio_columns_3 {
-ms-grid-columns: 100%;
grid-template-columns: 100%; } }
.gbt_portfolio_wrapper .portfolio_container.portfolio_columns_4 {
-ms-grid-columns: calc( 25% - 18.75px) calc( 25% - 18.75px) calc( 25% - 18.75px) calc( 25% - 18.75px);
grid-template-columns: calc( 25% - 18.75px) calc( 25% - 18.75px) calc( 25% - 18.75px) calc( 25% - 18.75px); }
@media all and (min-width: 640px) and (max-width: 1023px) {
.gbt_portfolio_wrapper .portfolio_container.portfolio_columns_4 {
-ms-grid-columns: calc( 33.3333% - 16.6666px) calc( 33.3333% - 16.6666px) calc( 33.3333% - 16.6666px);
grid-template-columns: calc( 33.3333% - 16.6666px) calc( 33.3333% - 16.6666px) calc( 33.3333% - 16.6666px); } }
@media all and (max-width: 639px) {
.gbt_portfolio_wrapper .portfolio_container.portfolio_columns_4 {
-ms-grid-columns: 100%;
grid-template-columns: 100%; } }
.gbt_portfolio_wrapper .portfolio_item {
text-align: center; }
.gbt_portfolio_wrapper .portfolio_item .portfolio_item_img_container {
background-size: cover;
background-position: center;
padding-bottom: 75%;
margin-bottom: 15px; }
.gbt_portfolio_wrapper .portfolio_item .portfolio_title {
margin-bottom: 15px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.gbt_portfolio_wrapper .portfolio_item .portfolio_sep {
width: 25%;
height: 2px;
margin: 0 auto 15px; }
.gbt_portfolio_wrapper .portfolio_item .portfolio_item_cat {
text-transform: capitalize; }
.portfolio_details_item_cat {
font-size: 12px;
font-weight: 700;
margin-bottom: 25px;
text-transform: uppercase; }
.portfolio_details_item_cat a {
padding: 0 10px;
display: inline-block; }
.portfolio_details_item_cat a:first-child {
padding-left: 0; }
.portfolio_details_item_cat a:last-child {
padding-right: 0; }