.flexPanel { display:flex; flex-wrap: wrap; gap:40px; width:100%;}
.flexPanel .cell_4 { width:calc(33.333% - 20px);}
.flexPanel .cell_6 { width:calc(50% - 20px);}
.flexPanel .cell_8 { width:calc(66.667% - 20px);}
.flexPanel .cell_12 { width:calc(100%);}
@media (max-width:991px){
	.flexPanel .cell_4 { width:calc(50% - 20px);}
	.flexPanel .cell_6,
	.flexPanel .cell_8,
	.flexPanel .cell_12 { width:calc(100%);}
}
.portfolio-template-default .twenty21 .flexPanel h6 {
	letter-spacing: 1px;
	text-transform: none;
}


.portfolio-divided .portfolio-item { height:100%;width: 100%;}
.portfolio-divided .portfolio-item a { display:block; position: relative; height: 100%; width:100%;}
.portfolio-divided .portfolio-item a img { object-fit: cover; height: 100%; width: 100%; position: relative; top:0; left:0;}

.portfolio-divided .portfolio-2 { display:flex; gap:40px;}


.portfolio-divided .portfolio-3 .design-notes { padding:39px 10% 39px;}
.portfolio-divided .portfolio-3 h3 { margin-top:0px; border-bottom:1px solid #979797; width:auto; display:inline-block; padding-bottom:10px}

.design-notes table, 
.design-notes table p {text-align:left; margin:10px 0 0; 
	font-size: 22px;
	line-height: 1.5em; max-width:100%; display:block;
}
.design-notes table td {
	vertical-align: top; padding:0 10px 10px 0;
}

.portfolio-divided .portfolio-3, 
.portfolio-divided .portfolio-4 { display:flex; gap:40px; flex-wrap:wrap; align-content:flex-start}


.portfolio-divided .portfolio-3 .portfolio-item, 
.portfolio-divided .portfolio-4 .portfolio-item { width:calc(50% - 20px); height:250px;}

.portfolio-divided .portfolio-3 .portfolio-item:nth-child(5n-4){width:100%; height:500px;}
.portfolio-divided .portfolio-4 .portfolio-item:nth-child(5n-5) {width:100%; height:500px;}

.portfolio-divided .portfolio-3 .portfolio-item:first-child { height:auto !important;}

@media (max-width:767px){
	.portfolio-divided { display:flex !important; flex-wrap:wrap; gap:20px;}
	.portfolio-divided .portfolio-3 h3  {
	margin-bottom: 20px !important;
}
	
	.portfolio-divided { grid-column-gap: 20px !important;
  grid-row-gap: 20px !important;
}
.portfolio-divided .portfolio-1, 
.portfolio-divided .portfolio-2,
.portfolio-divided .portfolio-3, 
	.portfolio-divided .portfolio-4 { gap:20px !important;} 
	
	
	.portfolio-divided .portfolio-3 .portfolio-item, 
.portfolio-divided .portfolio-4 .portfolio-item { width:calc(50% - 10px); height:150px;}

.portfolio-divided .portfolio-3 .portfolio-item:nth-child(5n-4){width:100%; height:300px;}
.portfolio-divided .portfolio-4 .portfolio-item:nth-child(5n-5) {width:100%; height:300px;}
	
	
}


@media (max-width:480px){
	.design-notes table td { display:block; font-size:19px; line-height:1.4em}
	.design-notes table td:first-child { padding-bottom:0; font-style:italic;}
	
	.design-notes table td:first-child p { padding-bottom:0; font-style:normal;font-size:19px; line-height:1.4em}
}

.portfolio-template-default h1 {
	width: 100%;
}



.masthead, .masthead .pageinner-fluid, .masthead .slick-slider, .masthead .slick-slide {
	width: auto;
}

.slick-slider {
  overflow: hidden;
}