/*tablet*/ @media all and (min-width: 1280px) { .table { width: 100% !important; min-width: auto; } } @media all and (max-width: 1400px) { .navbar-expand-lg { 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) { .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; } .lg_hide_inline { display: none !important; } .md_hide { display: none !important; } .w-col-4 { width: 100%; } .employersMenu { margin-right: 0rem; } .headAlertTag { top: 15px; right: 16px; } .profileWrapDetail { position: initial; } .desktopCat .lang { display: none !important; } .border-right { border-right: 0px !important; } .m_fullWidth { width: 100%; } .calendarNext { top: auto; bottom: 45px; right: -15px; } .calendarPrve { top: auto; bottom: 45px; left: -15px; } .wrapperRange:nth-child(2) { width: 100%; padding-top: 55px; } .calenderWrap { position: relative; width: 96%; margin-left: 2%; margin-right: 2%; } .wrapperRange:nth-child(1) { left: 0px; width: 100%; } .jobCardLink { 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: 0 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 0; } .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, .mobileCat { padding-right: 0px; position: relative; } .mobileCat .nav-item .dropdown-menu.show { position: relative; width: 100%; } .mobileCat .dropdown-menu.show { position: relative; width: 100%; } .mobileCat { display: block !important; } .mobileCloseBtn { padding: 10px 10px; text-align: right; display: block; font-size: 1.5rem; margin-right: -10px; } .middleWrap { width: 100%; } .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 { position: relative; 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) { .md_hide { display: none !important; } .sm_show { display: block !important; } .previewRowDetailItemDetail { padding-right: 0; } .stepImg { width: 100%; } .form-steps__item { width: 17%; } .form-steps__item-icon { left: 5%; } .profileWrapItemHeard { padding-right: 40px; } .editWrap { top: 0; right: 0; position: absolute; } .editSearchActive { display: block; } .fixedSearchWrap { width: 100%; position: fixed !important; top: 0; max-height: 400px; overflow-x: hidden; z-index: 100; overflow-y: scroll; } .jobSearchDesktop { display: none; } .jobSearchMEdit { display: block; } .droupDetialWrap { width: 100%; } .dropdownSearch .dropdown-menu { transform: translate3d(0px, 40px, 0px) !important; } .d-center { text-align: left; } .mobileTop { margin-top: 20px; } .stepDetailBar { width: 100%; } .mr-m-4 { margin-right: 0rem !important; } .mobileEmtyLabel { display: none; } .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: 0px; } .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; } }