/* CSS Document */

.new_portfolio ul{list-style-type: none; padding-left:0px; margin-bottom:0px;}
.new_portfolio .home-sec-hero{width:100%;height:100vh;/*border:1px solid black;*/position: relative;}
.new_portfolio .home-sec-hero img{width: 50%;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}

.new_portfolio .home-sec-01 .container-fluid{padding:0px;}
.new_portfolio .home-sec-01 .main-row{}
.new_portfolio .home-sec-01 .main-row .columns{height:100vh; padding-inline:0px;/*border:1px solid black;*/}
.new_portfolio .home-sec-01 .main-row .columns img{height:100%; width:100%; }
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2){}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) video{width:100%; height:100%; object-fit: cover;}

.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(4){}
.new_portfolio .home-sec-01 .main-row .columns ul{width:100%; height:100%; display: flex;}
.new_portfolio .home-sec-01 .main-row .columns ul li{width:50%; height:100%; /*border:1px solid black;*/}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(4) ul li:nth-of-type(1) {background-image: url("color-bg.webp");background-repeat: no-repeat;background-size: cover;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(4) ul li:nth-of-type(1) img{height: 80%;object-fit: cover;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(4) ul li:nth-of-type(2) img{ object-fit: cover;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(5){background-color: #e3d6c7;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(5) img{ filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.5)); object-fit: contain;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(6) ul li img{}

@media (max-width:1366px){
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(4) ul li:nth-of-type(1){background-size: 100% 100%;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(4) ul li:nth-of-type(1) img { height: 83%; }
}

@media (max-width:1280px){}
@media (max-width:992px){}

@media (max-width:768px){
	.new_portfolio .home-sec-hero {height:auto; aspect-ratio:16 / 9;}
	.new_portfolio .home-sec-01 .main-row .columns{height:auto;}
}
@media (max-width:576px){
	.new_portfolio .home-sec-01 .main-row .columns ul{ flex-direction: column; }
	.new_portfolio .home-sec-01 .main-row .columns ul li{ width:100%; }
}

@media (max-width:480px){}