@charset "utf-8";
/* header media queries */
@media screen and (max-width: 1600px) {
	
}

@media screen and (max-width: 1280px) {
	.framecont { width: 84% }
	#prodcont { width: 84%;	}
	#cont-bar {	width: 84%; margin: 0 8% 0 8%; }
	.vid-frame { width: 80% }
	.ksmtxt { width: 100% }	
}

@media screen and (max-width: 1200px) {	
	.ksmtxt { width: 100% }
	#ksm-logo { width: 40%;	}
}

@media screen and (max-width: 1100px) {
	.budimo { font-size: 2.4vw; }	
}

@media screen and (max-width: 1024px) {	
	.frame { width: 90%; }
	.framecont { width: 96%; }
	.vid-frame { width: 91%; }
	#prodcont { width: 96%;	}
	#cont-bar {	width: 94%; margin: 0 3% 0 3%; }
	.cont-box-left { width: 100%; text-align: center; padding: 0 0 1vh 0; }
	.cont-box-right { width: 100%; text-align: center; }
	.budimo { font-size: 2.8vw; }
	#headtext { font-size: 1.1rem; }
	.groupbox { font-size: 1.05rem; }
}

@media screen and (max-width: 900px) {
	.soc-bar-left {	float: none; width: 100%; text-align: center; }
	.soc-bar-right { float: none; width: 100%; text-align: center; }		
}

@media screen and (max-width: 768px) {
	#headbanner { padding-bottom: 35%; }
	.groupbox { width: 44%; float: none; vertical-align: text-top; }
	.cont-box-left { display: none; }
	.vid-frame { text-align: center; }	
	.vid-desc-title { font-size: 3.5vh; }
	.vid-link {	float: none; width: 68%; }
	.vid-link-2 {	float: none; width: 98%; margin-bottom: 2rem; }
	.vid-descript {	float: none; width: 88%; text-align: center; }
	#vid-desc-title { float: none; text-align: center; }
	.vid-thumb-title { text-align: center; font-size: 1rem; padding: 2% 2% 4% 4%; }
}

@media screen and (max-width: 700px) {	
	.vid-frame { text-align: center; }		
	.vid-title { text-align: center; }
	.vid-desc-title { text-align: center; }
	.vid-descript { text-align: center; }
	.ksm { line-height: 1.3; }
	.symbol { display: none; }
	#ksm-logo { display: none; }
}

@media screen and (max-width: 600px) {
	#headlogo { height: 7vh; }
	.footlogo {	height: 7vh; }
	#headbanner { padding-bottom: 40%; }
	.vid-link {	width: 98%; }
	.vid-descript {	width: 98%; }
	.cont-box { font-size: 2.5vh; }	
}

@media screen and (max-width: 500px) {	
	.cont-box { width: 44%; font-size: 2.5vh; margin: 0.25rem; }	
}

@media screen and (max-width: 480px) {
	#headtext { width: 100%; padding: 0; }
	#fam { width: 98%; }
	.groupbox { width: 98%; }
	.vid-descript { font-size: 1.8vh; padding: 4% 2% 4% 2%; }
}

@media screen and (max-width: 360px) {	
}