.mobileMenu {
	display:none;
}
.mobileMenu a i, .mobileMenu a .miniCartCount {
	display:flex;
	margin-right:5px;
}
.mobileMenu a .miniCartCount {
	margin-left:5px;
}
.mobileButton {
	display:none;
	text-align:center;
	color:#000;
	background-color:#f0f0f0;
	transition:all 300ms ease-in-out;
	margin-left:10px;
	padding:5px 15px;
	font-size:22px;
}
.mobileButton:before{
	font-family: "flaticon_mycollection";
    content: "\f123";
}
.mobileActive {
	background-color:#3E4D42;
	color:#FFF;
	z-index:10000;
	transition:all 300ms ease-in-out;

}
.mobileActive:before {
	content: "\f106";
}
@media only screen and (max-width : 1024px) { 
.mobileMenu {
	display:flex;
	align-items:center;
}
.mobileButton {
	display:flex;
	align-items:center;
}
.pageNavFixed {
	top:55px;
}
#home.header .row {
	padding:10px;
}
.fix {
	height:85px;
}
.section{
	width:100%;
	overflow-x: hidden;
}
.row {
	width:auto;
	max-width:100vw;
	padding:15px 0px;
	overflow-x: hidden;
}
#home.header {
	position:fixed;
	top:0;
	z-index:10;
}
.header .location {
	width:100%;
}
.header .row, .footer .row {
	justify-content:space-between;
}
.footer .row {
	padding:15px;
}

.sidebar {
	width:auto;
	margin:0;
	margin-bottom:20px;
	padding:10px;
}
.pageIn {
	padding:20px;
	margin:0;
}

.shopList, .pageHeader, .pageNav, .detailBody {
	padding:10px;
	width:auto;
}
.index {
	flex-direction:column;
}
.filters {
	height:0px;
	transition:all 300ms ease-out;
	display:none;
}
.filterOn{
	height:auto;
	display:block;
}
.collapse:hover {
	background-color:#F15B2A;
	color:#fff;
}
.activeFilter {
	border:1px solid #0C3;
	color:#0C3;
}
.navigation {
	opacity:0;
	visibility:hidden;
	position:fixed;
	width:100%;
	height:100%;
	right:-500px;
	bottom:0;
	display:flex;
	flex-direction:column;
	justify-content:start;
	align-items:end;
	z-index:10;
	transition:all 300ms ease-in;
}
.navItemList {
	padding:15px;
	background-color:#1e3e62;
	width:240px;
	position:absolute;
	bottom:0px;
	top:88px;
	display:flex;
	align-items:start;
}
.navigation .nav {
	width:220px;
}
.navActive {
	visibility:visible;
	right:0px;
	opacity:1;
}
.navigation .menu {
	margin-top:20px;
	flex-direction:column;
	width:100%;
	height:auto;
	align-items:start;
}
.navigation a {
	padding:15px 15px;
	margin:0px;
	font-size:15px;
	display:flex;
	align-self:stretch;
	margin-bottom:15px;
	background-color:#1a3757;
	border-radius:7px;
	align-items:center;
	justify-content:start;
}
.navigation a.btnOrange {
	background-color:#F15B2A;
}
.navigation .iClass i {
	width:20px;
}
.navigation .menu .userMenu {
	position:relative;
	top:0;
	width:205px;
	border-radius:0;
	border:none;
	display:flex;
	flex-direction:column;
	align-items:start;
}
.navigation .menu .userMenu a {
	padding:8px 15px;
}
.navigation .menu > ul {
	flex-direction:column;
	height:auto;
	padding:0;
	align-items:start;
}

.descBox {
	padding: 0px 10px;
}
.page .userMenu {
	display:none;
}
.page .formPage {
	width:auto;
}
.pageIn .formPage {
	background-color:#ffffff;
	padding:30px;
	border-radius:8px;
	box-shadow:0px 2px 8px rgba(0,0,0,0.1);
}
.postDetail {
	padding:15px;
}
.jobSearchContainer {
	width:auto;
}
.jobList .card {
	display:flex;
	background-color:#ffffff;
	padding:30px;
	border-radius:8px;
	border:1px solid #e0e0e0;
}
.jobList h2 {
	width:100%;
}

/* Job Details Responsive - 1024px and below */
.jobDetailsContainer {
	padding:30px 15px;
	overflow-x: hidden;
	max-width:100vw;
}

.jobNotifications {
	padding:12px 15px;
	margin:10px 0px;
}

.jobDetailTopHeader {
	flex-direction:column;
	gap:20px;
	margin-bottom:35px;
	padding-bottom:25px;
}

.jobDetailTopLeft {
	width:100%;
}

.jobDetailTopLeft h1 {
	font-size:26px;
	margin-bottom:12px;
}

.jobDetailTopMeta {
	gap:8px;
	margin-bottom:12px;
}

.jobDetailTopMeta .badge {
	padding:4px 12px;
}

.jobDetailTopDates {
	gap:15px;
	flex-wrap:wrap;
}

.jobDetailTopRight {
	width:100%;
	justify-content:flex-start;
}

.btnApplyMain {
	width:100%;
	padding:12px;
}

.jobDetailContent {
	grid-template-columns:1fr;
	gap:20px;
	overflow-x: hidden;
}

.jobDetailMain {
	width:100%;
}

.jobDetailSidebar {
	width:100%;
}

.jobDetailDescription {
	padding:20px;
	border-radius:6px;
}

.jobDetailDescription h3 {
	font-size:18px;
	margin-bottom:15px;
}

.description-content {
	line-height:1.6;
}

.sidebarCard {
	padding:20px;
	border-radius:6px;
	margin-bottom:15px;
}

.sidebarCardButton {
	padding:15px 20px;
}

.btnApplySidebar {
	width:100%;
	padding:12px;
}

.sidebarShare {
	padding:20px;
	border-radius:6px;
	background-color:#ffffff;
	box-shadow:0px 2px 8px rgba(0,0,0,0.1);
}

.shareTitle {
	font-size:15px;
	margin-bottom:12px;
}

.shareButtons {
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}

.shareBtn {
	padding:8px 12px;
}

.sidebarLabel {
	font-weight:bold;
	color:#036;
}

.sidebarValue {
	margin-top:5px;
	display:block;
	word-break:break-word;
}

.sidebarSection {
	margin-bottom:15px;
	padding-bottom:15px;
}

.sidebarSection:last-child {
	margin-bottom:0;
	padding-bottom:0;
}
}

@media only screen and (max-width : 768px) 
{ 
.productBox {
	width:350px;	
}
.tableCover .order {
	flex-direction:column;
	align-items:start;
}
.tableCover .order .company {
	padding:10px 0px;
}
.order .status {
	width:100%;
	padding:10px 0px;
}
.listItems {
	display:flex;
	flex-direction:column;
}
.listItems .text, .listItems .actions {
	width:100%;
	display:flex;
	justify-content:start;
	padding:15px 0px;
}
.listItems .actions .btn{
	margin-right:20px;
}

/* Job Details - 768px */
.jobDetailsContainer {
	padding:25px 12px;
}

.jobDetailTopHeader {
	gap:18px;
	margin-bottom:30px;
	padding-bottom:20px;
}

.jobDetailTopLeft h1 {
	font-size:24px;
}

.jobDetailTopMeta {
	gap:7px;
}

.jobDetailTopDates {
	gap:12px;
}

.jobDetailDescription {
	padding:18px;
}

.sidebarCard {
	padding:18px;
	margin-bottom:12px;
}
}

@media only screen and (max-width : 450px) 
{ 
.mobilePassive {
	display:none;
}
.modalBox {
	width:385px;
}
.page .row {
	padding:0;
}
.userPage .formPage {
	width:340px;
}
.page .formPage {
	padding:10px;
}

.footer .row {
	flex-direction:column;
}

/* Job Details - 450px */
.jobDetailsContainer {
	padding:20px 10px;
}

.jobDetailTopLeft h1 {
	font-size:22px;
	margin-bottom:10px;
}

.jobDetailTopMeta .badge {
	padding:3px 10px;
}

.jobDetailTopDates {
	gap:10px;
	flex-direction:column;
}

.jobDetailDescription {
	padding:15px;
	margin-bottom:15px;
}

.jobDetailDescription h3 {
	font-size:18px;
	margin-bottom:12px;
}

.description-content {
	line-height:1.5;
}

.sidebarCard {
	padding:15px;
	margin-bottom:12px;
}

.shareBtn {
	padding:6px 10px;
}

.btnApplyMain, .btnApplySidebar {
	padding:10px;
}
}
@media only screen and (max-width : 375px) 
{
/* Job Details - 375px */
.jobDetailsContainer {
	padding:18px 8px;
}

.jobDetailTopLeft h1 {
	font-size:20px;
	margin-bottom:8px;
}

.jobDetailTopMeta {
	gap:6px;
	margin-bottom:10px;
}

.jobDetailTopMeta .badge {
	padding:3px 8px;
}

.jobDetailTopDates {
	gap:8px;
}

.jobDetailTopDates span {
	gap:3px;
}

.jobDetailDescription {
	padding:16px;
}

.jobDetailDescription h3 {
	font-size:17px;
	margin-bottom:10px;
}

.sidebarCard {
	padding:12px;
	margin-bottom:10px;
}

.sidebarCardButton {
	padding:12px;
}

.btnApplyMain, .btnApplySidebar {
	padding:9px;
}

.shareTitle {
	margin-bottom:10px;
}

.shareButtons {
	gap:8px;
}
}

@media only screen and (max-width : 320px) 
{
.mobilePassive {
	display:none;
}
.modalBox {
	width:285px;
}
.userPage .formPage {
	width:280px;
}
.page .formPage {
	padding:10px;
}

/* Job Listing Pages Mobile */
.jobListingGrid {
	grid-template-columns:1fr;
}

.jobSearchHeader h2 {
	font-size:24px;
}

.jobSearchGrid {
	grid-template-columns:1fr;
}

.jobSearchField.jobSearchButton .btn {
	width:100%;
}

/* Job Details - 320px (Extra Small) */
.jobDetailsContainer {
	padding:15px 6px;
	overflow-x: hidden;
	max-width:100vw;
}

.jobNotifications {
	padding:10px 12px;
	margin:8px 0;
}

.jobDetailTopHeader {
	gap:15px;
	margin-bottom:25px;
	padding-bottom:15px;
	border-bottom:1px solid #f0f0f0;
}

.jobDetailTopLeft h1 {
	font-size:19px;
	margin-bottom:8px;
	line-height:1.3;
}

.jobDetailTopMeta {
	gap:5px;
	margin-bottom:8px;
}

.jobDetailTopMeta .badge {
	padding:2px 6px;
	border-radius:3px;
}

.jobDetailTopDates {
	gap:6px;
	flex-direction:column;
}

.jobDetailTopDates span {
	gap:3px;
}

.jobDetailContent {
	grid-template-columns:1fr;
	gap:15px;
}

.jobDetailMain {
	width:100%;
}

.jobDetailSidebar {
	width:100%;
}

.jobDetailDescription {
	padding:10px;
	border-radius:4px;
	margin-bottom:12px;
}

.jobDetailDescription h3 {
	margin-bottom:8px;
	font-weight:bold;
}

.description-content {
	line-height:1.4;
	color:#555;
}

.sidebarCard {
	padding:10px;
	margin-bottom:10px;
	border-radius:4px;
}

.sidebarCardButton {
	padding:10px;
	justify-content:center;
}

.btnApplyMain, .btnApplySidebar {
	width:100%;
	padding:8px;
	border-radius:4px;
}

.sidebarLabel {
	font-weight:bold;
	display:block;
	margin-bottom:4px;
}

.sidebarValue {
	margin-top:3px;
	display:block;
	word-break:break-word;
}

.sidebarSection {
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px solid #f0f0f0;
}

.sidebarSection:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

.sidebarShare {
	padding:10px;
	border-radius:4px;
}

.shareTitle {
	margin-bottom:8px;
	font-weight:bold;
}

.shareButtons {
	display:flex;
	gap:6px;
	flex-wrap:wrap;
	justify-content:flex-start;
}

.shareBtn {
	padding:5px 8px;
	border-radius:3px;
	flex:0 0 auto;
}

/* Pagination Mobile */
.jobPaginationSection {
	gap:4px;
	padding:20px 10px;
}

.page-item {
	min-width:32px;
	height:32px;
	padding:0 5px;
}
}
@media(max-width:768px) {
	.jobSearchGrid {
		grid-template-columns:1fr;
	}
	
	.jobSearchField.jobSearchButton .btn {
		width:100%;
	}
}