/*** import all variables @import 'variables/mixins.css'; ***/

/* import font-awesome cdns, google fonts */
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css);
@import url(https://fonts.googleapis.com/css?family=Ubuntu|Noto+Sans+TC|Lato|Roboto&display=swap);
@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css);

/*** import all devices ***/
@import url("devices/workstations/workstations.css") only screen and (min-width: 2440px);
@import url("devices/lg-desktop/lg-desktop.css") only screen and (min-width: 1440px) and (max-width: 2439px);
@import url("devices/sm-desktop/sm-desktop.css") only screen and (min-width: 1280px) and (max-width: 1439px);
@import url("devices/mobile/mobile.css") only screen and (min-width: 320px) and (max-width: 767px);
@import url("devices/tablets/tablets.css") only screen and (min-width: 768px) and (max-width: 1279px);

html {
	scroll-behavior: smooth;
	/* transform: scale(0.9); */
}

body {
	/* width: 100%; */
	font-family: "Ubuntu", sans-serif;
	margin: 0px;
	margin-right: 0px;
	/* background-color: red;
    border: 3px solid green; */
	position: relative;
}
.row {
	margin: 0px;
}
.index-body-container {
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	/* border: 3px solid green; */
}
.nav-container-flex {
	flex-direction: column;
}
.mkob_redirect_container {
	position: relative;
}
.mkob_redirect_container.not-active {
	display: none;
}
.mkob_redirect_container .close_banner_btn {
	position: absolute;
	top: 0;
	right: 1.5rem;
	font-size: 2rem;
	font-weight: 900;
	cursor: pointer;
	z-index: 10;
}
.mkob_redirect_container img {
	width: 100%;
	height: 100%;
}