body{
	width: 100% !important;
}
header{
	background: url(../images/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;
	}
	.backhome{
		width: 122px;
		padding:0 20px !important;
	}
	.topcon{
		padding: 10px !important;
		margin-top: 15px !important;
	}
	.toptxt{
		padding:15px !important;
	}
	header{
		background-size: cover;
		min-height: auto;
	}
	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; */
	}
	.dolist{padding-left:0;}
	.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;
	} 

}
@media screen and (max-width: 480px) {
	.row-cols-3 > *{width:100%;}
}
@media (max-width:450px){
    .dolist{margin-bottom: 25px;}
    .clear ul {padding-left: 0px;}
}