/*tablet*/
@media (min-width: 1400px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1320px;
}
}
@media all and (max-width: 1400px) {
.navbar-expand-lg {
width: 100%;
}
} /*
@media all and (max-width: 1280px) {
.middleWrap{
width: 100%;
}
}*/
@media all and (max-width: 1199px) {
.mainLmgDetail {
padding: 20px;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media (min-width: 992px) {
.table {
width: 100% !important;
min-width: auto;
}
.navbar-expand-lg .navbar-nav {
align-items: center;
justify-content: center;
}
.navbar-expand-lg {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media all and (max-width: 991px) {
.stayupWrap {
width: 90%;
margin: 20px auto;
}
.desktopItem {
display: none;
}
.employersMenu {
margin-right: 0rem;
}
.desktopCat .lang {
display: none !important;
}
.middleWrap {
max-width: 720px;
width: 100%;
}
table .th-lg {
min-width: 15rem;
width: auto;
}
.mobile_mr-4 {
margin-right: 1.5rem;
}
.mobileFlex {
width: 100% !important;
display: flex !important;
}
/*
.table {
width: 100%!important;
min-width: auto;
}
.table .tableBigCol{
width: 70%;
}*/
/* Force table to not be like tables anymore
.table,
.table thead,
.table tbody,
.table th,
.table td,
.table tr {
display: block;
}*/
/* Hide table headers (but not display: none;, for accessibility)
.table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.table tr { border: 1px solid #ccc; }
.table td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
white-space: normal;
text-align:left;
}
*/
/*
.table td:before {
position: relative;
width: 30%;
padding-right: 10px;
text-align:left;
font-weight: bold;
}
.table td.tableBtnArea:before {
display: none;
}
.table td.tableBtnArea {
-ms-flex-pack: center!important;
justify-content: center!important;
}
*/
/*
Label the data
*/
.table td:before {
content: attr(data-title);
}
.candidatesCardLink {
display: block;
}
.fixedMobileNav {
position: fixed;
z-index: 999;
background: #000;
}
h1,
.h1 {
font-size: 27px;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-bottom: 10px;
}
.sticklySildeBar {
padding-right: 15px;
}
.jobAdListItemDes {
padding: 10px 0px;
}
.border-left {
border-left: 0px solid #dee2e6 !important;
}
.jobAdListItem {
padding: 10px 4px;
}
.singleSelectGroup.blueWord {
width: auto !important;
}
.mobileNoMR {
margin-right: 0px !important;
}
.multiselectGroupIcon,
.singleSelectGroup {
width: 100%;
}
.col-3-Item {
width: 47%;
}
.expenContainer {
margin: 0 1rem;
padding: 0 0px;
}
.mobileItem {
padding: 11px 0px !important;
}
.navbar-custom {
padding: 0px 15px !important;
}
.navbar-expand-lg {
padding: 0rem;
}
.dropdownSub {
padding: 0px 5px;
top: 49px;
border-bottom: 15px solid;
display: none;
}
.mobileBlock {
display: block !important;
}
.fixedSubMenu {
padding: 0px;
}
.subMenuWrap {
padding: 10px 15px;
}
.nav-item {
padding: 0px 0px;
}
.navbar-brand {
margin: 0px 1rem;
}
.subBanner {
display: none;
}
.fixedSubMenu .subMenuWrap {
padding: 10px 15px;
position: absolute;
display: -ms-flexbox !important;
display: flex !important;
border-bottom: 1px solid #ececec;
width: 100%;
/* margin-top: 62px;*/
background-color: #fff;
left: 0px;
}
.mobileRegister {
display: flex;
}
/* .hearder {
padding-bottom: 62px;
}
.nav {
position: fixed;
height: 62px;
z-index: 1000;
}*/
.shoppingBag {
margin: 14px 14px;
}
.loginBtn {
padding: 14px 4px !important;
}
.rightMenu {
z-index: 2;
}
.nav .dropdown-menu.show {
padding: 15px 0px;
border-bottom: 15px solid;
}
.nav .dropdown-menu.show a {
padding: 10px 15px;
}
.dropdown-item {
color: #0066cc;
padding: 0.5rem 0px;
}
.dropup,
.dropright,
.dropdown,
.dropleft {
position: inherit;
}
.nav .dropdown-menu {
width: 100%;
}
.navbar-brand {
width: 122px;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
z-index: 1;
text-align: center;
}
.boxDetail {
display: none;
}
.mobileBottom-4 {
margin-bottom: 1.5rem !important;
}
.buyWrap .card {
width: 32.6%;
}
.subMenuDrop .dropdown-menu.show {
width: 100%;
border-radius: 0px;
border: 0px;
}
.mobileShow {
display: block;
}
.subMenuDrop .dropdown-menu a {
display: block;
font-size: 0.8rem;
padding: 10px 14px;
}
.deskTopShow {
display: none !important;
}
.desktopCat .nav-item.dropdown {
padding-right: 0px;
position: relative;
}
.desktopCat .nav-item .dropdown-menu.show {
position: relative;
width: 100%;
}
.mobileCat {
display: block !important;
}
.mobileCat .dropdown-menu.show {
position: relative;
width: 100%;
}
.mobileCloseBtn {
padding: 10px 10px;
text-align: right;
display: block;
font-size: 1.5rem;
}
.desktopCat .nav-item.dropdown,
.mobileCat {
padding-right: 0px;
position: relative;
}
.mainLmgDetail {
position: relative;
width: 100%;
padding: 10px 9px;
left: 0;
text-align: center;
right: 0;
border: 0;
top: 0;
}
.mainImg {
margin: 40px 20px;
}
.verticalCenter {
display: block;
}
.employersMenu {
margin-top: 20px;
}
.employersMenuBtn {
width: 100%;
}
.mobileMenu {
height: 62px;
display: flex;
width: 100%;
}
.loginMenu {
display: none;
}
.registerMenu {
display: none;
}
.navbar-collapse {
left: 0px;
z-index: 200;
width: 100%;
border-top: 4px solid #fff;
overflow-y: auto;
height: 100%;
margin-top: 62px;
top: 0px;
padding: 10px 20px;
position: fixed;
background-color: #1d1d1f;
}
}
@media all and (max-width: 767px) {
.subBannerText .h1{
font-size: 1.4rem;
}
.subBannerText .h3{
font-size: 1rem;
}
.subWrap {
padding-bottom: 35%;
}
.mobile-100{
width: 100%!important;
}
.salaryGroup{
flex-direction: column;
}
.btnWrap button {
width: 100%;
}
.flex1 > .flex-item {
width: 100%;
}
.mainSetionWrap {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.mainBannerText h1 {
font-size: 5vw;
}
.mainBannerText p {
font-size: 5vw;
}
.tw-auto {
width: auto !important;
}
.candidatesNameLabel {
position: relative;
z-index: 11;
}
.mr-m-2 {
margin-right: 0rem;
}
.mr-m-4 {
margin-right: 0rem !important;
}
.ml-m-4 {
margin-left: 0rem !important;
}
.mobileFullWidth {
width: 100%;
}
.recruitmentList li {
width: 100%;
}
.pip {
padding-right: 0px !important;
}
.pip .imageThumb {
margin: 0px !important;
}
.deskTopHideBtn {
display: inline-block;
}
.recuitDetail li {
width: 100%;
}
.statusGroup .multiselect-native-select {
width: 100%;
}
.mobileBlock {
display: block;
}
.mobile-md-block {
display: block;
}
.editButton {
display: inline-block;
margin-bottom: 10px;
}
.col-md-half {
width: 100%;
margin-bottom: 10px;
}
.btn-group {
width: 100% !important;
}
.form-check {
margin-bottom: 0rem;
}
.editProfileBtn {
position: absolute;
right: 15px;
top: -30px;
}
.invoicePrintBtn {
position: absolute;
right: 0;
}
.creditWrap {
padding: 0px 0%;
}
.col-3-Item {
width: 44%;
}
.mobileLeft {
margin-left: 0px !important;
}
.col-4-Item {
width: 30%;
}
.creditItem {
padding: 10px 4%;
border-left: 0px solid #ececec;
}
.planBtn {
display: block;
margin: 0;
margin-bottom: 20px;
padding: 0;
width: 100%;
}
.planDes {
padding: 0px;
width: 100%;
}
.buyWrap .card {
width: 48.6%;
}
.mobileHide {
display: none;
}
}
@media all and (min-width: 580px) {
}
@media all and (max-width: 650px) {
}
/*mobile*/
@media all and (max-width: 420px) {
}
@media all and (max-width: 320px) {
.shoppingBag {
margin: 14px 6px;
}
.minWidth {
width: 148px;
}
.nav-item.dropdown {
padding-right: 0px;
}
.navbar-brand {
padding: 20px 0px;
width: 130px;
}
.navbar-toggler {
height: 25px;
padding: 0px;
margin: 10px 0px;
width: 36px;
border: 0px solid transparent;
}
}