/* CSS Document */

.new_portfolio .home-sec-hero img.hero-bg{width:100%; height:100vh; object-fit: cover;}

.new_portfolio .home-sec-01 .container-fluid{padding-block:0px;}
.new_portfolio ul{padding-left:0px; list-style: none;}
.new_portfolio .home-sec-01 .main-row{ padding-inline: 3rem;}
.new_portfolio .home-sec-01 .main-row .columns{/*border:1px solid black;*/height:100vh;padding-inline:0px;padding-block: 3rem;}
.new_portfolio .home-sec-01 .main-row .columns .video-container{height:100%; display: flex; /*border:1px solid black;*/}
.new_portfolio .home-sec-01 .main-row .columns .video-container video{width:100%;height:100%;object-fit: fill;}
/*.new_portfolio .home-sec-01 .main-row .columns .img-container{height:100vh;}*/
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(3){width:100%; height:100vh;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(3)  img{width:100%; height:100%; object-fit: cover;}

.new_portfolio .home-sec-01 .main-row .columns ul{width:100%;height:100%;display: flex;gap: 3rem;}
.new_portfolio .home-sec-01 .main-row .columns ul li{/*border:1px solid black;*/ width:50%; height:100%;}
.new_portfolio .home-sec-01 .main-row .columns ul li img{ width: 100%; height: 100%; object-fit: cover;}

.new_portfolio .home-sec-02 .video-container{ height:100vh; /*border:1px solid black;*/}
.new_portfolio .home-sec-02 .video-container video{}
.new_portfolio .home-sec-02 .box-container{width:100%;height: 60vh;padding: 3rem;}
.new_portfolio .home-sec-02 .box-container ul{width:100%;height:100%;display: flex;gap: 3rem;}
.new_portfolio .home-sec-02 .box-container ul li{/*border:1px solid black;*/height:100%;overflow: hidden;}
.new_portfolio .home-sec-02 .box-container ul li img{object-fit: cover; width:100%; height:100%;}
.new_portfolio .home-sec-02 .box-container ul li:nth-of-type(1){ width:30%; }
.new_portfolio .home-sec-02 .box-container ul li:nth-of-type(2){ width:40%; }
.new_portfolio .home-sec-02 .box-container ul li:nth-of-type(3){ width:30%; }
	
.new_portfolio .home-sec-02 .img-container{width:100%; height:200vh;}
.new_portfolio .home-sec-02 .img-container img{width:100%; height:100%; object-fit: cover;}
.new_portfolio .home-sec-02 .video-container video { width: 100%; height: 100%; object-fit: fill; }

.new_portfolio .home-sec-03 .container-fluid{padding:0px;}
.new_portfolio .home-sec-03 .main-row{}
.new_portfolio .home-sec-03 .main-row .columns{/*border:1px solid black;*/height:100vh;padding: 3rem;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3),
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4){/*border:1px solid black;*/padding: 3rem; position: relative;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3) img,
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) img{width:100%; height:100%; object-fit: cover;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) .vbox{position: absolute; inset:0;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) .vbox .vscreen{position: absolute;/*border:1px solid red;*/top: 17.4%;left: 24.2%;width: 51.3%;height: 55%; overflow: hidden;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) .vbox .vscreen video{width:100%; height:100%; object-fit: cover;}

.new_portfolio .home-sec-03 .main-row .columns ul{/*border:1px solid black;*/height:100%;display: flex;gap: 3rem;}
.new_portfolio .home-sec-03 .main-row .columns ul li{/*border:1px solid black;*/ height:100%;  width:50%; }
.new_portfolio .home-sec-03 .main-row .columns ul li img{width:100%; height:100%; object-fit:cover; }

@media(max-width:1366px){
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) .vbox .vscreen { position: absolute; top: 23%; left: 24.2%; width: 51.3%; height: 45.4%; overflow: hidden; }
}
@media(max-width:1280px){
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2),
	.new_portfolio .home-sec-02 .img-container{height:auto;}
	
}
@media(max-width:992px){}
@media(max-width:768px){
	
	.new_portfolio .home-sec-hero img.hero-bg,
	.new_portfolio .home-sec-01 .main-row .columns,
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(3),
    .new_portfolio .home-sec-02 .video-container ,.new_portfolio .home-sec-02 .box-container{height:auto;}
	.new_portfolio .home-sec-01 .main-row .columns{padding-bottom:0px;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(3){margin-bottom:3rem;}
	
	.new_portfolio .home-sec-02 .box-container ul {flex-wrap: wrap;}
	.new_portfolio .home-sec-02 .box-container ul li:nth-of-type(1){width:46.3%; order:1}
	.new_portfolio .home-sec-02 .box-container ul li:nth-of-type(3){width:46.3%; order:2;}
	.new_portfolio .home-sec-02 .box-container ul li:nth-of-type(2){width:100%; order:3;}
	
	.new_portfolio .home-sec-03 .main-row .columns ul {margin-bottom:0px;}
	.new_portfolio .home-sec-03 .main-row .columns ul li{ width: 50%;}
	
	.new_portfolio .home-sec-03 .main-row .columns {padding-bottom:0px; height:50vh;}
	
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3){padding-bottom:0px;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) .vbox .vscreen {top: 22%; left: 26%; width: 47.7%; height: 47.4%;}

}
@media(max-width:576px){
	.container-fluid{padding:0px;}
	.new_portfolio .home-sec-01 .main-row .columns ul li,
	.new_portfolio .home-sec-02 .box-container ul li:nth-of-type(1),
	.new_portfolio .home-sec-03 .main-row .columns ul li {width:100%;}
	.new_portfolio .home-sec-01 .main-row .columns ul,
	.new_portfolio .home-sec-03 .main-row .columns ul {flex-direction: column;}
	.new_portfolio .home-sec-02 .box-container ul li:nth-of-type(2){order:2; width:100%;}
	.new_portfolio .home-sec-02 .box-container ul li:nth-of-type(3){order:3; width:100%;}
	.new_portfolio .home-sec-03 .main-row .columns{height:auto;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) .vbox .vscreen { top: 28.3%; left: 27.6%; width: 44.8%; height: 36.7%;}
	
}
@media(max-width:480px){
	.new_portfolio .home-sec-01 .main-row { padding-inline: 2rem;}
	.new_portfolio .home-sec-01 .main-row .columns{padding-top: 2rem;}
	.new_portfolio .home-sec-01 .main-row .columns ul,
	.new_portfolio .home-sec-02 .box-container ul,
	.new_portfolio .home-sec-03 .main-row .columns ul{gap:1.7rem;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(3) {margin-bottom:1.7rem;}
	.new_portfolio .home-sec-02 .video-container{display: flex;}
	.new_portfolio .home-sec-02 .box-container {padding:1.25rem;padding-block: 2rem;}
	.new_portfolio .home-sec-03 .main-row .columns,
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3),
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4){padding-inline:2rem;padding-block: 2rem;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2){ padding-top: 1.7rem;}
	.new_portfolio .home-sec-02 .box-container ul{margin-bottom:0px;}
}