@charset "utf-8";
/* CSS Document */

@media (min-width: 1200px) {
.row01 .card-img-top {height: 50vh;}
.row02 .card-img-top {height: 44vh;}
		.cc-logo{max-width:138px ;max-height:90px;}
}

@media (min-width: 979px) {
	
	#logo [class^='col-']:nth-child(1){text-align: left}
	#logo .d-table {float: right}	
	
	.searchby [class^='col-'] strong{font-size:22px;  display:block}
	.exhi-date{font-size: 1.5em;}
	
	.all-products .row {margin-bottom:80px}
}



@media (max-width: 1199px) {
		.cc-logo{ max-width:96px ;max-height:64px;}
}

@media (max-width: 978px) {
	
	.top-logo {margin-bottom:10px}

		
.searchby [class^='col-']:nth-child(2) {border-right:none;border-bottom:20px solid #FFF; }
	.searchby [class^='col-']:nth-child(1) {border-bottom:20px solid #FFF;}
	
	#logo  [class^='col-']{text-align: center}
	#logo .d-table {float: none; margin:auto}
	
	
	.exhi-date{font-size: 1em;}
	
	.all-products  [class^='col-']{display:block; width:100%;margin-bottom:40px}
	
	.cc-logo{max-width:138px ;max-height:90px;}
	
}

@media (max-width: 767px) {
	.searchby [class^='col-']:nth-child(1) {border-right:none;}

}	

@media screen and (min-width: 200px)  and (max-width: 480px) {
	
	#logo .d-table .d-col {display:block}
	.head-reg-btn {font-size:12px}
	.btn-login {width:100%; margin-top:5px; padding:5px}
	
			.cc-logo{ max-width:96px ;max-height:64px;}
	.bkmark {font-size:16px;}
}

@media (max-width: 1199px) {
		.cc-logo{ max-width:96px ;max-height:64px;}
}

@media (max-width: 480px) {
	.sp-hidden{
		display:none;
	}
}