@media (min-width: 768px) {
	.see-more-mobile {
		display: none;
	}
	.cv-candidature {
		margin-top: 30% !important;
	}
	.btn-inc-dec-container {
		width: 50% !important;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.btn-inc-dec-container {
		width: 40% !important;
	}
}
@media (max-width: 375px) {
	/* .text-kilometre {
        margin-left: 62px !important;
    } */

	.candidat-border {
		padding: 5px !important;
	}
	.card-product-market-btn,
	.product-btn-shop-command {
		padding: 0.7rem 1rem !important;
	}
}
@media (max-width: 300px) {
	.container-candidat-candidat {
		padding: 0% !important;
	}
	/* .text-kilometre {
        margin-left: 10px !important;
    } */
}
@media (max-width: 425px) and (min-width: 400px) {
	.text-kilometre {
		margin-left: 110px !important;
	}
}
@media (max-width: 375px) and (min-width: 330px) {
	.text-kilometre {
		margin-left: 60px !important;
	}
}

@media (max-width: 767px) {
	.btn-theme-outline {
		padding: 0.5rem !important;
		width: 100%;
		font-size: 10px !important;
	}

	.btn-theme-white {
		padding: 0.5rem !important;
		width: 100%;
		font-size: 10px !important;
	}

	.w-50-mobile {
		width: 50%;
	}
	.menu-link.active:after {
		bottom: 5px !important;
		left: -77% !important;
	}
	.img-banniere-principal {
		width: 100%;
	}
	.w-50 {
		width: 100% !important;
	}
	.titre-banniere {
		font-size: 34px !important;
		line-height: 45px !important;
	}
	.container-maajjal-footer {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.increment-btn-container {
		width: 100% !important;
	}
	.no-view-md {
		display: none !important;
	}
    .header-app-identify-container {
        width: 100%;
        display: flex;
    }
    .app-logo-and-version-container {
        width: 20%;
    }
    .navbar-light .navbar-toggler {
        margin-left: auto;
    }
    .menu-item {
        padding: 10px 21px !important;
    }
    .entete-produit-item {
        display: block !important;
    }
}

@media (min-width: 768px) {
	.see-more-mobile {
		display: none;
	}
	.tableau-de-bord-side-bar {
		height: 900px;
		margin-bottom: 5rem;
		display: flex;
		justify-content: center;
	}
	.tableau-de-bord-side-bar ul {
		display: block !important;
		overflow-x: hidden !important;
		overflow-y: hidden;
		gap: 0 !important;
	}
	.tableau-de-bord-side-bar ul::before {
		content: "";
		width: 1px;
		height: 330px;
		position: absolute;
		background: #c4c4c4;
		left: 20.2%;
	}

	.tableau-de-bord-side-bar li.active-item::before {
		content: "";
		width: 2px;
		height: 40px;
		position: absolute;
		background: #0fbf56;
		left: 20%;
	}
}

@media (max-width: 992px) {
	.no-view-mobile {
		display: none;
	}

	.headering {
		padding: 20px !important;
	}

	.row-mobile {
		flex-direction: column !important;
	}
	.img-banniere-principal {
		width: 100%;
	}
	.w-50 {
		width: 100% !important;
	}
	.titre-banniere {
		font-size: 36px !important;
	}
	.bloc-img-dots {
		top: 4px !important;
	}
	.bloc-btn-banniere {
		margin-top: 2rem !important;
	}
	.about-maajjal-component {
		width: 100% !important;
	}
	.chiffre-position-item-about {
		font-size: 146.263px !important;
	}
	.titre-about-maajjal-position-item {
		font-size: 13.8246px !important;
		line-height: 27px !important;
	}
	.container-maajjal {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
	.titre-section-why-maajjal {
		font-size: 29px !important;
	}
	.flex-center-mobile {
		justify-content: center !important;
		padding-top: 40px;
		padding-bottom: 10px;
	}
}

@media (min-width: 991px) {
	.no-view-desktop {
		display: none;
	}
	.custom-container {
		padding-left: 4rem !important;
		padding-right: 4rem !important;
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	.menu-link.active:after {
		right: inherit !important;
		left: 3% !important;
		bottom: -6px !important;
	}
	.bloc-btn-header-mobile {
		justify-content: center !important;
	}
	.card-product-market-btn,
	.product-btn-shop-command {
		padding: 0.7rem 1rem !important;
	}
	.increment-btn-container {
		width: 50% !important;
	}
	.sidebar-admin {
		width: 200px !important;
	}
	.admin-page-container {
		margin-top: 0 !important;
		margin-right: 10px !important;
		width: calc(100% - 220px) !important;
	}
}
@media (max-width: 1200px) and (min-width: 992px) {
	.headering {
		padding: 20px 50px !important;
	}
	.bloc-icon-menu {
		width: 0 !important;
	}
	.btn-theme-outline {
		padding: 0.5rem !important;
	}

	.no-pt-3-tablet {
		padding-top: inherit !important;
	}
	.btn-theme-blue {
		padding: 0.5rem !important;
	}
	.btn-thme-green {
		padding: 0.5rem !important;
	}
	.btn-thme-blue-outline {
		padding: 0.5rem !important;
	}
	.img-banniere-principal {
		width: 100%;
	}
	#navbarSupportedContent {
		flex-direction: column;
	}
	.bloc-btn-header-mobile {
		padding: 10px 0;
	}
	.banniere-container {
		padding-top: 10% !important;
	}
	.w-70 {
		width: 70% !important;
	}
	.about-maajjal-component {
		width: 100% !important;
	}
	.chiffre-position-item-about {
		font-size: 158.263px !important;
	}
	.increment-btn-container {
		width: 30% !important;
	}
}

@media (max-width: 1370px) and (min-width: 1201px) {
	.w-50 {
		width: 70% !important;
	}
	.btn-theme-blue {
		padding: 0.8rem !important;
	}
	.btn-thme-green {
		padding: 0.8rem !important;
	}
	.btn-thme-blue-outline {
		padding: 0.8rem !important;
	}
	.img-banniere-principal {
		width: 100%;
	}
	.about-maajjal-component {
		width: 95% !important;
	}
}
@media (max-width: 1500px) and (min-width: 1201px) {
	.headering {
		padding: 20px 50px !important;
	}
	.bloc-icon-menu {
		width: inherit !important;
	}
}
@media (max-width: 300px) {
}
@media (max-width: 375px) and (min-width: 330px) {
}
@media (max-width: 375px) {
}
@media (max-width: 425px) and (min-width: 400px) {
}
@media (max-width: 767px) {
	.auth-panel {
		height: 100px !important;
	}
	.no-view-mobile {
		display: none;
	}
	.bloc-btn-banniere {
		margin-top: 2rem !important;
	}
	.titre-banniere {
		margin-top: 11%;
	}
	.container-maajjal {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.about-maajjal-component {
		box-shadow: 0px 10.511px 120px rgb(2 24 73 / 5%);
	}
	.texte-display-space-between {
		justify-content: inherit !important;
		flex-direction: column;
		align-items: inherit !important;
	}
	.titre-section-why-maajjal {
		font-size: 20px !important;
		line-height: 28px !important;
	}
	.bloc-btn-header-mobile {
		justify-content: center !important;
		padding-top: 3%;
		padding-bottom: 3%;
	}
	#navbarSupportedContent {
		padding-top: 7%;
	}
	.market-title {
		margin-top: 5.5rem;
		font-size: 15px !important;
		line-height: 24px;
	}
	.admin-page-container {
		padding: 0 0.5rem !important;
	}
}
@media (min-width: 768px) {
	.auth-majjal-container {
		padding-left: 4rem !important;
		padding-right: 4rem !important;
		max-width: 1500px;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}
	.auth-majjal-panel-right {
		padding-left: 4rem !important;
		padding-right: 4rem !important;
	}
	.custom-container {
		max-width: 1500px;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
	}
	.margin-container {
		margin-top: 8rem !important;
	}
	.m-tableau-bord {
		margin-top: 4rem !important;
	}
}
@media (max-width: 992px) {
	.w-custom {
		width: 100% !important;
	}
	.form-row {
		display: flex;
		flex-direction: column;
		gap: 1rem !important;
	}
	.mon-compte-container {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
}
@media (min-width: 992px) {
	.auth-social-icon-maajjal-cardd {
		padding: 10px 35px !important;
	}
	.sidebar-admin {
		width: 280px !important;
	}
	.admin-page-container {
		margin-top: 0 !important;
		margin-right: 10px !important;
		width: calc(100% - 300px) !important;
	}
}
@media (max-width: 1200px) and (min-width: 992px) {
	.mon-compte-container {
		padding-left: 5rem !important;
		padding-right: 5rem !important;
	}
}
@media (max-width: 1370px) and (min-width: 1201px) {
	.auth-majjal-panel-right {
		padding-left: 6rem !important;
		padding-right: 6rem !important;
	}
}

@media (min-width: 1370px) {
	.auth-other-line::after,
	.auth-other-line::before {
		width: 47% !important;
	}
	.auth-majjal-panel-right {
		padding-left: 8rem !important;
		padding-right: 8rem !important;
	}
}

@media (min-width: 576px) {
	.w-sm-70 {
		width: 70% !important;
	}
}

@media (max-width: 576px) {
	.message-item {
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 0rem !important;
	}
	.faq-card-item {
		display: flex;
		flex-direction: column;
	}
	.faq-info-action-container {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between !important;
		margin-top: 1rem;
	}
}