body{
	width: 100% !important;
}
header{
	background: url(body-bg.jpg) no-repeat center top;
	min-height: 550px;
}
.tab-active-hoverbg .tab-content .tab-pane .row {
	
	
}
.tab-active-hoverbg .tab-content .tab-pane .row .col-6{
	
}
.tab-active-hoverbg .tab-content .tab-pane .row .col-6 div{
	
}
.tab-active-hoverbg .tab-content .tab-pane .row .col-6 div canvas{
	
}
@media screen and (max-width: 1300px) {
	.vstack {
	    display: grid;
	}
	.hstack img{
		width: 250px;
	}
	.hstack{
		justify-content: flex-start !important;
	}
	header{    
		background-size: cover;
		min-height: 800px;
	}
	header .px-5 img{
		width: 100%;
	}
	main{
		width: 100%;
		/* display: table-caption; */
	}
	.row-cols-3 > * {
	    flex: 0 0 auto;
	    width: 48%;
	}
	.title1 {
		margin-left: 20px;
	}
	.row-cols-2 > * {
		width: 100%;
	}
	.tab-active-hoverbg{
		margin-left: 20px;
	}
	.tab-active-hoverbg .tab-content{
		height: auto !important;
	}
	.tab-active-hoverbg .tab-content .tab-pane .row {
		
		
	}
	.tab-active-hoverbg .tab-content .tab-pane .row .col-6{
		
	}
	.tab-active-hoverbg .tab-content .tab-pane .row .col-6 div{
	    width: 100% !important;
		height: 100% !important;
	}
	.tab-active-hoverbg .tab-content .tab-pane .row .col-6 div canvas{
	    width: 100% !important;	
		height: 75% !important;
	}
	.container .dolist .col a{
		min-height: 283px;
	} 

}