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


}


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


}


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


}


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

	.top-elements {}

	h3.titre-aide {
		font-size: 18px;
		line-height: 1.5;
	}

	.element-top-price {}

	.bloc-aside.autheur-bloc {
		padding: 40px 25px 30px;
	}

	.content-element2.right-side {
		margin: 0;
	}

	.autheur-content {
		padding: 0 0 25px;
	    margin: 0 0 20px;
	}

	.autheur-nom {
		font-size: 20px;
	}

	.autheur-fonction {
		font-size: 13px;
	}

	.content-element2.right-side {
		font-size: 14px;
		display: flex;
		align-items: center;
	}

	.bloc-aside.form-aide {
		padding: 40px 25px 35px;
	}

	.elements-top-right.textleft {
		width: 100%;
	}

	.main-content:last-child {
		margin-bottom: 30px;
	}

}


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

	.top-elements {
		padding: 0;
		flex-wrap: wrap;
	}

	.content-element1 {
		width: 100%;
	}

	h3.titre-aide {
		margin-bottom: 4px;
	}

	.elements-top-right {
		width: 100%;
		margin-bottom: 25px;
	}

	.content-categories {
		margin-bottom: 0;
	}

	.container__main {
		width: 100%;
	}

	.main-content {
		padding: 0;
	width: 100%;}

	.elements-top-right.first-block.textleft {
		margin-bottom: 2px;
	}

	.content-description p {
		font-size: 15px;
		line-height: 1.8;
	}

	h1.infog {
		font-size: 27px;
	}

	.items-details .key-bold {
		font-size: 14px;
	}

	.content-description {
		margin-bottom: 20px;
	}

	.items-details span {
		font-size: 15px;
	}

	.content-photo-video {
		padding: 25px 25px 10px;
	}

	.tablink h4 {
		font-size: 13px;
	}

	.element-top-price {
		font-size: 31px;
	}

	.bloc_telechargement_logo {
		font-size: 25px;
		padding: 10px 13px;
		left: -24px;
		top: -22px;
	}

	.bloc_categorie_doc {
		font-size: 11px;
	}

	.bloc_telechargement_texte {
		font-size: 14px;
	}

	.bloc_telechargement_footer {
		/* padding-top: 0; */
		width: 100%;
	}

	.date_publication span {
		font-size: 11px;
	}

	.content_description {
		width: 100%;
	}

	p.description_comment {
		font-size: 12px;
	}

	h2.name_user_comment {
		font-size: 14px;
	}

	.right-page {
		width: 100%;
		padding: 0;
	}

	textarea.textarea-input {
		height: 150px;
	}

	.btn-profile.btn-send-aide {
		width: 35%;
		font-size: 16px;
		height: 55px;
	}

}


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


}


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

	h3.titre-aide {
		font-size: 13px;
	}

	.content-categories div {
		font-size: 10px;
	}

	.content-categories {
		flex-wrap: wrap;
	}

	.elements-top-right {
		align-items: flex-start;
		/* justify-content: space-between; */
		/* flex-direction: row; */
		/* flex-wrap: wrap; */
		margin-top: 10px;
	}

	.element-top-finance {
		margin-bottom: 3px;
	}

	.element-top-price {
		font-size: 25px;
		margin-top: 5px;
	}

	.element-top-finance a, 
	.element-top-finance .contenu {
		font-size: 14px;
	}

	.elements-top-right.first-block.textleft {
		margin-top: 0;
	}

	.content-description p {
		font-size: 14px;
		line-height: 1.5;
	}

	h1.infog {
		font-size: 21px;
	}

	.ct-tabs-content {
		padding-top: 0;
	}

	.items-details .key-bold {
		font-size: 12px;
	}

	.items-details span {
		font-size: 13px;
	}

	.tablink h4 {
		font-size: 10px;
		line-height: 1;
	}

	.tablink {
		padding: 7px 10px 4px;
		margin-right: 5px;
	}

	.tabs-links {
		left: 0;
		margin-top: -67px;
		margin-left: -12px;
		width: 108%;
	}

	.content-photo-video {
		padding: 25px 20px 10px;
	}

	a.bloc_telechargement {
		width: 100%;
	}

	.list-attachments {
		flex-wrap: wrap;
		padding-left: 24px;
	}

	h2.ttcomment {
		font-size: 19px;
	}

	h2.ttcomment {}

	.content_btn_active_form button {
		font-size: 12px;
		padding: 7px 11px;
	}

	.content_img_profil {
		width: 40px;
		height: 40px;
		margin-right: 15px;
	}

	.card_comment .content_description {
		width: calc(100% - 55px);
		padding-left: 0;
	}

	p.description_comment {
		font-size: 11px;
		line-height: 1.5;
	}

	h2.name_user_comment {
		font-size: 13px;
	}

	.autheur-nom {
		font-size: 13px;}

	.autheur-fonction {
		font-size: 12px;
	}

	.bloc-aside.autheur-bloc {
		padding: 40px 20px 30px;
	}

	.photo-auteur {
		margin-right: 12px;
	}

	span.item-placeholder {
		font-size: 20px;
	}

	a.whatsapp-bloc {
		font-size: 17px;
	}

	.phone-bloc, .whatsapp-bloc {
		padding: 20px 15px;
	}

	.bloc-aside {
		margin-bottom: 20px;
	}

	.titre-aside {
		font-size: 19px;
	}

	form.formulaire-aide {
		margin-top: 20px;
	}

	textarea.textarea-input {
		height: 200px;
		padding: 17px 25px 15px 25px;
	}

	button.btn-profile.btn-send-aide {
		width: 100%;
		font-size: 14px;
		height: 50px;
	}

}


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

   

}


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


}