@media only screen and (max-width: 1299px) {
	.list-elements {
		justify-content: center;
	}

	.one-element {
		margin: 0 10px 10px;
		min-width: 280px;
	}

}

@media only screen and (max-width: 1199px) {

	.header-screen .l-logo-expert,
	.header-screen,
	.header-screen .l-log {
		width: auto;
	}

	.apercu_compte {
		max-width: 100%;
	}

	.apercu_compte>img {
		border-radius: 14px;
	}

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

	.cancellation {
		right: 2%;
	}

	.infos-cruise {
		padding-left: 0;
		flex: inherit;
		display: flex;
		flex-flow: wrap;
		align-items: center;
		width: 100%;
	}

	.wrapper-infos-cruise {
		flex: inherit;
		width: 100%;
		max-width: 380px;
		margin: 0 auto;
		padding: 8px 0;
	}

	.m-important-doc {
		width: 100%;
		max-width: 380px;
		margin: 0 auto;
		padding: 8px 10px 8px 15px;
		font-size: 1.5rem;
		border-radius: 14px;
		justify-content: center;
		flex-direction: inherit;
	}

	.m-important-doc p {
		flex: 1;
		margin-bottom: 0;
	}

	.btn-download {
		width: 40px;
		height: 40px;
		font-size: 2rem;
	}

	.m-important-doc .desk {
		display: none;
	}

	.btn-download span.icon-downloadalt {
		font-size: 2rem;
	}

}


@media only screen and (max-width: 1024px) {
	.tablette {
		display: block;
	}

	.wrapper-account.max_width {
		padding-left: 15px;
		padding-right: 15px;
	}

	.sidebar_compte {
		width: 230px;
		display: none;
	}

	.menu_compte li a {
		padding: 7px 12px;
		min-height: 40px;
		font-size: 1.4rem;
	}

	.compte_user {
		padding: 0;
	}

	.rang_menu_mob2 {
		min-height: 65px;
		width: 100%;
		position: relative;
		padding-left: 15px;
		border-top: 1px solid rgba(0, 0, 0, .12);
		display: flex;
		align-items: center;
	}

	.name_menu_mob2 {
		color: #2C3E50;
		font-weight: 500;
	}

	.header-screen .l-logo-expert {
		flex: 1;
	}

	.header-screen .l-log {
		width: auto;
	}

	.menu_burger {
		font-size: 2rem;
		padding: 5px 10px;
		margin-right: 40px;
	}

	.one-info {
		font-size: 1.4rem;
	}

	.infos-cruise .title_info {
		min-width: 80px;
	}

	.login-right {
		display: none;
	}

	.login-left {
		width: 100%;
	}

	.wrapper-body-login {
		padding-top: 20px;
	}

	.file-preview {
		width: 100%;
	}

	.logo-account,
	.flag_fr,
	.my-account .desk {
		display: none;
	}

	.my-account span:first-child {
		margin-right: 0;
	}

	.cancellation {
		right: 2%;
	}

	.my-account .style-tablette {
		display: flex;
		justify-content: center;
	}

	.my-account__name {
		display: flex;
		flex-direction: column;
		line-height: 1em;
	}

	.my-account__name span:last-child {
		font-size: 1rem;
	}

	.style-tablette img {
		width: 34px;
	}

	.header-account .max_width {
		padding: 6px 20px;
	}
}

@media only screen and (max-width: 929px) {
	.alert-wrapper {
		display: flex;
		align-items: center;
		background: #FFF5E7 0% 0% no-repeat padding-box;
		border-radius: 10px;
		opacity: 1;
		flex-basis: 100%;
		height: 100px;
		margin-bottom: 20px;
		padding: 0 10px;
	}
}


@media only screen and (max-width: 767px) {
	.desk {
		display: none;
	}

	.mobile {
		display: block !important;
	}

	.mobile-inline {
		display: inline !important;
	}

	.max_width {
		padding-left: 15px;
		padding-right: 15px;
	}

	.wrapper-account {
		background-color: transparent;
		box-shadow: none;
		border-radius: 0;
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		margin: 0;
		min-height: auto;
	}

	.title_account h1 {
		font-size: 2rem;
		margin-top: 0;
	}

	.title_account h1 img {
		width: 20px;
	}

	.wrapper-infos-cruise {
		margin-top: 15px;
	}

	.infos-cruise {
		max-width: 100%;
		padding-left: 5px;
	}

	.header-screen {
		padding: 5px 10px;
		min-height: 48px;
	}

	.btn.btn-logout span,
	.btn.btn-login span {
		display: none;
	}

	.btn.btn-logout,
	.btn.btn-login {
		padding: 5px 4px 5px 4px;
	}

	.btn.btn-logout svg {
		height: 20px;
	}

	.header-screen .l-log {
		width: 83px;
	}

	.made_in_france .wrapper {
		font-size: 1.2rem;
	}

	.made_in_france {
		padding: 6px 15px;
	}

	.made_in_france .wrapper img {
		height: 15px;
	}

	.title_gray {
		margin-top: 20px;
	}

	.document_titre {
		font-size: 1.5rem;
	}

	.my_tooltip2.incomplet h4 {
		font-size: 1.6rem;
		line-height: 1.4em;
	}

	#id_passager .field.field-3 {
		width: 48.5%;
	}

	#id_passager .field.field-3.field-pays {
		width: 100%;
	}

	.fields-pssenger .field-6 .field-6 {
		width: 100%;
	}

	.compte_user #id_passager .field label {
		margin-bottom: 1px;
	}

	.one_message .question {
		flex-wrap: wrap;
	}

	.question .date {
		white-space: nowrap;
		width: 100%;
		order: -1;
		display: flex;
		justify-content: flex-end;
		font-size: 1.1rem;
	}

	#panneau #contenus li.content_onglet {
		padding: 15px 0;
	}

	.page_compte .page {
		background-color: #fff;
	}

	.one_message .answer .message {
		padding: 10px 15px;
		margin: 10px 0 10px 15px;
	}

	.contentQuestCh>.bcChoice {
		width: 100%;
	}

	.contentQuestCh .list-cat .bcChoice {
		width: 49%;
	}

	.txt_update {
		display: none;
	}

	.compte_user .field label {
		min-width: 125px;
	}

	.line_payment {
		position: relative;
		margin-bottom: 35px;
	}

	.row-doc.row-3 .title-tab {
		display: none;
	}

	.row-doc.row-3 .statut-paye {
		/*background-color: #B1D961;*/
		/*color: #fff;*/
		/*display: block;*/
		/*border-radius: 20px;*/
		/*padding: 3px 9px 3px 5px;*/
		/*font-weight: 500;*/
		/*width: 94%;*/
	}

	.row-doc.row-3 .wrapper-statut-paye {
		width: 100%;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.row-doc {
		width: 50%;
	}

	.row-doc.row-2 {
		border-right: none;
	}

	.row-doc.row-3 {
		padding: 0;
	}

	.row-doc.row-3.img_3ds {
		background-image: none;
	}

	.row-doc.row-3 {
		/*position: absolute;*/
		/*top: calc(100% - 15px);*/
		/*right: 0;*/
		/*left: 0;*/
		width: 100%;
	}

	.row-doc.row-3 .statut-en-cours {
		background-color: #FE5219;
		color: #fff;
		display: inline-block;
		border-radius: 20px;
		padding: 3px 10px 3px 7px;
		font-weight: 500;
	}

	.statut-paye,
	.statut-en-cours,
	.statut-refuse {
		font-size: 1.3rem;
	}

	.l-payment-dash .line_payment {
		border-radius: 10px;
		margin-bottom: 15px;
	}

	span.statut-refuse {
		display: none;
	}

	.compte_user .field.field-montant input {
		flex: auto;
		width: 100%;
	}

	.compte_user .field.field-montant {
		flex: auto;
		width: 100%;
		padding-right: 0;
		margin-bottom: 10px;
	}

	.compte_user .field.field-montant input {
		margin-top: 5px;
	}

	#new_reglement .l-btn {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	#new_reglement .btn.btn-compte {
		width: 100%;
	}

	.btn.btn-logout svg {
		margin-right: 0;
	}

	form#myform .l-btn {
		display: flex;
		justify-content: center;
	}

	.l-have_question {
		bottom: 25px;
		right: 10px;
	}

	.l-infos-2 {
		padding-left: 0;
		padding-right: 0;
	}

	.list-accordions.ui-accordion .ui-accordion-content {
		padding: 1em 1.2em;
	}

	.l-check_in .message {
		min-height: auto;
	}

	.message-payment-ok {
		margin-bottom: 10px;
	}

	.module_membres .header-account .l-log {
		display: none;
	}

	.module_membres .menu_burger {
		position: absolute;
		left: 10px;
	}

	.module_membres .header-screen {
		position: relative;
		justify-content: center;
	}

	.header-account .max_width {
		justify-content: center;
		padding: 0 20px;
	}

	.my-account {
		font-size: 2rem;
		font-weight: 300;
	}

	.name_user {
		padding-top: 7px;
		padding-bottom: 7px;
		text-align: center;
	}

	.page_compte .page,
	.page_check_in .page,
	.page_payments .page,
	.page_messaging .page,
	.page_faq .page,
	.page_cgv .page,
	.page_profile .page,
	.page_share_account .page,
	.page_documents .page {
		background-color: #fff;
	}

	.name_user .emoji {
		margin-left: 0;
	}

	.modal_new h2 {
		font-size: 2rem;
	}

	#modal_welcome label,
	#modal_change_psw label {
		min-width: 100%;
	}

	.modal-wrapper {
		padding: 0 15px 20px;
	}

	#panneau #contenus li.content_onglet {
		background: transparent;
		padding: 10px 0 10px;
	}

	.infos_message {
		line-height: 1.2em;
	}

	.cat_message_expert {
		flex: 1;
	}

	.pagination_msg .pagination {
		position: relative;
	}

	ul.pagination>li:nth-child(2) {
		order: 2;
		width: 100%;
	}

	.pagination_msg .pagination {
		flex-wrap: wrap;
	}

	.pagination_msg .pagination ul {
		margin-top: 20px;
		justify-content: center;
	}

	.pagination>li>a,
	.pagination>li>span {
		background-color: transparent;
	}

	.content_onglet #configurateur .bcChoice.small_cruise {
		width: 100%;
		max-width: 300px;
	}

	.title-certification {
		font-size: 2.2rem;
	}

	.contentQuestCh .list-cat .bcChoice {
		min-height: 50px;
	}

	.page_payments .line_payment {
		box-shadow: 0 0 15px #00000038;
		background-color: #fff;
	}

	.l-check_in h3 {
		font-size: 1.6rem;
	}

	.questionConfig {
		font-size: 1.4rem;
	}

	.faq-bot .faq-bot-wrapper {
		bottom: 95px;
		right: 10px;
	}

	.close-question {
		width: 45px;
		height: 45px;
	}

	.list_marques {
		justify-content: center;
	}

	.body-login .list_marques a {
		min-width: 110px;
		margin: 10px;
	}

	.page_messaging .page,
	.page_faq .page,
	.page_cgv .page,
	.page_profile .page {
		background-color: #fff;
	}

	.l-btn .past-resa {
		margin-bottom: 0;
	}

	.compte_user #form_add_guest .field {
		flex-direction: column;
		align-items: flex-start;
	}

	.compte_user #form_add_guest .field label {
		min-width: 100%;
		width: 100%;
		margin-bottom: 5px;
	}

	table.l-table {
		display: none;
	}

	.l-list-guests-mobile {
		display: block;
	}

	.one-guest {
		background-color: #fff;
	}

	.cancellation {
		right: 3%;
		padding: 4px 15px 4px 10px;
		font-size: 1.2rem;
	}

	.title_account_futur {
		margin-bottom: 25px;
	}

	h1 span.icon {
		font-size: 2.5rem;
	}

	h1 span.icon-calendar-check {
		font-size: 2.2rem;
	}

	h1 span.icon.icon-share2 {
		font-size: 2.4rem;
	}

	#onglets li .icon {
		font-size: 1.5rem;
		margin-right: 4px;
	}

	#onglets li .icon.icon-navire {
		font-size: 2.1rem;
	}

	#onglets li .icon.icon-boat1 {
		font-size: 2.1rem;
	}

	#onglets li .icon.icon-train {
		font-size: 2.3rem;
	}

	.l-itineraire .map .logo-company {
		display: none;
	}

	#modal_add_assurance span.icon-assurance {
		display: none;
	}

	#modal_add_assurance h2 {
		text-align: center;
	}

	#modal_add_assurance .btn {
		margin: 0 auto;
	}

	.btn.link_payments:first-child {
		margin-bottom: 10px;
	}

	#modal_add_assurance .modal-body {
		padding: 15px 5px 10px;
	}

	.m-bon {
		/*margin-top: 10px;
        margin-bottom: -10px;*/
	}

	.page_check_in .m-bon {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.message.message-travelogue {
		margin-top: -10px;
	}

	.remaining-time {
		display: none;
	}

	.section-primary,
	.l-check_in,
	.l-assurance-dash,
	.l-payment-dash,
	.l-documents,
	.l-custom-resa {
		width: 100%;
	}

	.l-custom-resa h5 {
		flex-flow: wrap;
	}

	.l-custom-resa h5 .regular {
		width: 100%;
		flex: auto !important;
		margin-top: 5px;
	}

	.one-custom .l-btn {
		margin-top: 5px;
	}

	.infos_col {
		padding: 0;
		display: flex;
		flex-flow: wrap;
	}

	.one-custom {
		position: relative;
		flex-direction: column;
		align-items: flex-start;
	}

	.one-custom .logo-company {
		position: absolute;
		right: 10px;
		top: 10px;
	}

	.one-booking_cancellation .message.message-travelogue {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.compte_user .past-resa {
		font-size: 1.5rem;
	}

	.page_documents .list-documents {
		margin-top: 30px;
	}

	.page-documents .line_document {
		width: 100%;
	}

	.title_cruise {
		font-size: 1.4rem;
		line-height: 1.2em;
		padding: 10px;
	}

	.message.message-travelogue {
		padding-right: 0;
	}

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

	.one-booking:last-child .wrapper-one-booking {
		margin-bottom: 20px;
	}

	.txt-remboursement {
		color: #FFF;
	}

	.txt-remboursement br {
		display: none;
	}

	.refund .row-doc.row-3 {
		top: calc(100% - 8px);
	}

	.line_payment.refund {
		margin-bottom: 42px;
	}

	.title_account h1 a {
		font-size: 2rem;
	}

	#modal_check_in.modal_new .modal-body {
		padding: 1px 20px 20px 20px;
	}

	.m-warning {
		margin-left: -35px;
		line-height: 1.2em;
	}

	#modal_check_in.modal_new h3 {
		font-size: 1.5rem;
	}

	#modal_check_in .l-btn>div:first-child {
		display: none;
	}

	#modal_check_in .l-btn .btn.btn-download2,
	#modal_check_in .l-btn .btn.btn-blue {
		margin-bottom: 10px;
	}

	.list-addons .addon {
		width: 100%;
		max-width: 420px;
	}

	.list-addons {
		justify-content: center;
	}

	#modal_upsell_group .icon-heart {
		display: none;
	}

	#modal_upsell_group.modal_new .logo {
		position: inherit;
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}

	#modal_upsell_group.modal_new .logo img {
		width: 60px;
	}

	#modal_upsell_group.modal_new h2 {
		margin-top: 15px;
	}

	#modal_upsell_group.modal_new h3 {
		font-size: 2rem;
	}

	#modal_upsell_group.modal_new h2 {
		font-size: 2.5rem;
	}

	.line_payment_recap .row-doc.row-3 .title-tab {
		display: block;
	}

	.form-row-profil {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.form-col-profil-50 {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.form-col-profil-33 {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.alert-title {
		font: normal normal bold 18px / 22px Poppins;
	}

	.alert-subtitle {
		font: normal normal normal 12px / 22px Poppins;
	}

	.alert-icon {
		height: 40px;
	}

	.alert-wrapper {
		display: flex;
		background: #FFF5E7 0% 0% no-repeat padding-box;
		border-radius: 10px;
		opacity: 1;
		flex-basis: 100%;
		margin-bottom: 20px;
		padding: 10px;
		height: auto;
		flex-direction: column;
		align-items: stretch;
	}

	.alert-link {
		margin: 0;
		width: 100%;
	}

	.alert-btn {
		width: 100%;
		height: 50px;
		background: #FF4000 0% 0% no-repeat padding-box;
		border-radius: 10px;
		opacity: 1;
		font-size: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #FFFFFF;
		text-decoration: none;
	}
}

@media only screen and (max-width: 650px) {
	.list_cruises .small_cruise {
		width: 100%;
	}
}

@media only screen and (max-width: 480px) {
	.line_reservation .list-btn a {
		width: 100%;
		margin-bottom: 10px;
	}

	.line_reservation .list-btn {
		padding: 0 5px;
	}

	.title_account h1 {
		font-size: 1.65rem;
	}

	#panneau #onglets li {
		padding: 7px 9px;
		font-size: 1.2rem;
	}

	.img_welcome img {
		height: 80px;
		width: 80px;
	}

	.infos_message {
		font-size: 1.3rem;
	}

	#panneau #onglets li svg {
		margin-right: 2px;
	}

	.title-tab {
		font-size: 1.27rem;
	}

	.faq-bot .contentQuestCh .list-cat .bcChoice {
		width: 100%;
		padding: 7px 15px;
		min-height: 35px;
	}

	.faq-bot .contentQuestCh .list-cat .bcChoice br {
		display: none;
	}

	.faq-bot .contentQuestCh .list-cat .bcChoice span {
		max-width: 100%;
	}

	.btn.btn_found_answer {
		display: none;
	}

	.logo-expert img {
		max-width: 130px;
	}

	.field.field-limite .l-btn {
		flex-wrap: wrap;
	}

	.limite {
		width: 100%;
		margin: 0;
	}

	.limite:first-child {
		margin-bottom: 10px;
	}

	#form_add_guest .btn.btn-orange {
		width: 100%;
	}

	.v-center {
		flex-wrap: wrap;
	}

	.btn.btn-tuto {
		margin: 10px 0 10px;
	}

	.one-element {
		min-width: 100%;
	}
}