.owl-item {
			width: 281.5px;
		}
		/* .topbar { 
			background: #302c71;
			display: block;
			height: 60px;
			padding: 0 48px;
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
			z-index: 99;
			position: relative;
		} */

		#read_more_less {
			color: #007bff;
		}
		.boosted {
			background-color: gray; 
			color: white; 
			padding: 5px;
			font-size: 12px;
		}
		.booster {
			background-color: #fed700; 
			color: #000; 
			padding: 5px;
			font-size: 12px;
			transition: .3s;
		}
		.boostedd {
			background-color: gray; 
			color: white; 
			padding: 5px;
		}
		.booster {
			background-color: #fed700; 
			color: #000; 
			padding: 5px;
			transition: .3s;

		}
		.booster:hover {
			background-color: #fff;
			color: #000;
			border: 1px solid #000;
		}
		.gridAttachments .text {
			/* border:1px solid #fff; */
			border-radius: 50%;
			width: 200px;
		}
		@media only screen and (max-width: 600px) {
			.mh-head.first {
				padding-top: 10px;
				/* ------------------ */
				/* position: fixed;
				width: 100%;
				z-index: 99999999; */
				/* ------------------ */
			}
			.topbar .ti-menu.main-menu {
				display: none;
			}
		}

		#main-menu-mobile li {
			list-style: none;
			margin-bottom: 10px;
		}
		#main-menu-mobile li a {
			display: block;
		}
		#main-menu-mobile li .fa {
			float: right;
		}
		#main-menu li .fa {
			display: none;
		}

		.gridAttachments {
			/* width: 200px; */
			width: 395px;
			float: right;
			position: relative;
		}
		.gridAttachments img {
			/* width: 100%; */
			width: 361px;
			height: 283px;
			object-fit: cover;
		}
		.gridAttachments .overlayAttachment {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			height: 100%;
			width: 100%;
			opacity: 1;
			transition: .5s ease;
		}
		.gridAttachments .text {
			font-size: 40px;
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			text-align: center;
		}

		.gridAttachments {
			/* width: 200px; */
			width: 730px;
			float: right;
			position: relative;
		}
		.post-video{
			width: 730px;
		}

		#new-feed-postbox {
			display: inline-block;
			margin-bottom: 0;
			vertical-align: top;
			width: 8%;
		}
		.new-feed-image {
			width: 75px;
			height: 75px;
			object-fit: cover;
			border-radius: 50%;
		}

		/* User image section debut */
		#user_img_section {
			display: inline-block;
			margin-bottom: 0;
			vertical-align: middle;
			width: 4%;
		}
		.user_img {
			width: 55px; 
			height: 55px; 
			border-radius: 50%;
			object-fit: cover;
		}
		/* User image section fin */

		/* Produit de reference implementer debut */
		.RefProduct {
			/* background-color: #eaeaea; */   
			/* background-color:  #fed700; */
			background-color: #000;
			padding:5px;
			padding-bottom: 12px;
			display: flex;
			justify-content: space-between;
		}
		.RefProduct_link {
			color:#fff;
			font-size: 18px;
		}
		.RefProduct .text-right {
			color: #fbeeee;
		}
		.desc {
			color: orangered;
		}
		.RefProduct_URL {
			font-size: 18px;
			margin-right: 3px;
			/* position: relative; */
			top: 5px;
			color: #ffc700;
			text-decoration: underline;
		}
		.RefRrice_COLOR {
			background-color: orangered;
			padding: 7px;
			color: #fff;


		}
		.RefProduct_IMG {
			width: 50px;
			height: 50px;
			object-fit: cover;
			margin-left: 7px;
			border-radius: 50%;
		}

		/* Produit de reference implementer fin */

		@media screen and (max-width: 2560px) and (min-width: 2000px)  {
			.gridAttachments {
				/* padding-left: 125px; */
				/* width: 200px; */
				width: 725px; 
				float: right;
				position: relative;
			}
			.post-video{
				width: 721px;
			}
			.gridAttachments img {
				/* width: 100%; */
				width: 361px;
				/* height: 283px; */
				height: 414px;
				object-fit: cover;
			}
			.post-meta {
				float: left;
				margin-top: 15px;
				width: 958px;
				/* height: 465px; */
			}
		}

		@media screen and (max-width: 2000px) and (min-width: 1440px)  {
			.gridAttachments {
				/* padding-left: 125px; */
				/* width: 200px; */
				width: 725px; 
				float: right;
				position: relative;
			}
			.post-video{
				width: 721px;
			}
			.gridAttachments img {
				/* width: 100%; */
				width: 361px;
				/* height: 283px; */
				height: 430px;
				object-fit: cover;
			}
			.post-meta {
				float: left;
				margin-top: 15px;
				width: 806px;
				/* height: 465px; */
			}

			/* User image section debut */
			#user_img_section {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: middle;
				width: 5%;
			}
			.user_img {
				width: 55px; 
				height: 44px;
				border-radius: 50%;
				object-fit: cover;
			}
			/* User image section fin */
		}

		@media screen and (max-width: 1440px) and (min-width: 1280px)  {
			.gridAttachments {
				/* width: 200px; */
				width: 645px;
				float: right;
				position: relative;
			}
			.post-video{
				width: 639px;
			}
			.gridAttachments img {
				width: 315px;
				height: 283px;
				object-fit: cover;
			}
			.post-meta {
				float: left;
				margin-top: 15px;
				width: 648px;
				/* height: 465px; */
			}


			/* Post section debut  */
			#new-feed-postbox {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: top;
				width: 10%;
			}
			.new-feed-image {
				width: 57px;
				height: 59px;
				object-fit: cover;
				border-radius: 50%;
			}
			/* Post section fin  */

			/* User image section debut */

			#user_img_section {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: middle;
				width: 7%;
			}
			.user_img {
				width: 45px; 
				height: 45px; 
				object-fit: cover;
			}

			/* User image section fin */

		}
		

		@media screen and (max-width: 1280px) and (min-width: 1024px)  {
			.gridAttachments {
				/* width: 200px; */
				width: 580px;
				float: right;
				position: relative;
			}
			.post-video {
				width: 586px;
			}
			.gridAttachments img {
				width: 290px;
				height: 283px;
				object-fit: cover;
			}
			.boosted {
				background-color: gray; 
				color: white; 
				padding: 5px;
				font-size: 10px;
			}
			.booster {
				background-color: #090909; 
				color: white; 
				padding: 5px;
				font-size: 10px;
			}
			
		}

		@media screen and (max-width: 1280px) and (min-width: 1100px)  {
			.gridAttachments {
				/* width: 200px; */
				/* width: 580px; */
				width: 654px;
				float: right;
				position: relative;
			}
			.post-video {
				width: 586px;
			}
			.gridAttachments img {
				width: 290px;
				height: 283px;
				object-fit: cover;
			}
			.boosted {
				background-color: gray; 
				color: white; 
				padding: 5px;
				font-size: 10px;
			}
			.booster {
				background-color: #090909; 
				color: white; 
				padding: 5px;
				font-size: 10px;
			}

			.gridAttachments .overlayAttachment {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				height: 100%;
				width: 584px;
				opacity: 1;
				transition: .5s ease;
			}

				/* Produit de reference implementer debut */
				.RefProduct {
					padding:5px;
					font-size: 16px;
					width: 90%;
				}
				/* .RefProduct_link {
				}
				.RefProduct_URL {
					margin-right: 3px;
					position: relative;
					top: 5px;
					color: red;
					text-decoration: underline;
				} */
				/* Produit de reference implementer fin */
			
		}

		@media screen and (max-width: 1270px) and (min-width: 1024px) {
			.gridAttachments {
				width: 488px;
				float: right;
				position: relative;
			}
			.gridAttachments img {
				width: 244px;
				height: 283px;
				object-fit: cover;
			}
			.gridAttachments .overlayAttachment {
				width: 490px;
			}
			/* Produit de reference implementer debut */
			.RefProduct {
					width: 100%;
				}
				/* .RefProduct_link {
				}
				.RefProduct_URL {
					margin-right: 3px;
					position: relative;
					top: 5px;
					color: red;
					text-decoration: underline;
				} */
				/* Produit de reference implementer fin */
		}

		@media screen and (max-width: 1024px) and (min-width: 768px)  {
			.gridAttachments {
				width: 438px;
				float: right;
				position: relative;
			}
			.post-video{
				width: 465px;
			}
			.gridAttachments img {
				width: 219px;
				height: 283px;
				object-fit: cover;
			}
			.gridAttachments .overlayAttachment {
				width: 460px
			}
			.boosted {
				background-color: gray; 
				color: white; 
				padding: 5px;
				font-size: 8px;
			}
			.booster {
				background-color: #090909; 
				color: white; 
				padding: 5px;
				font-size: 8px;
			}

			
			/* Post section debut  */
			#new-feed-postbox {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: top;
				width: 10%;
			}
			.new-feed-image {
				width: 39px;
				height: 38px;
				object-fit: cover;
				border-radius: 50%;
			}
			.write-something::placeholder{
			font-size: 14px;
			color: #000;
			}
			.write-something ::focus {
				color: #3498db;
			}
			.multi-img {
				font-size: 18px;
				cursor: pointer;
			}
			.youtube-icon {
				font-size: 22px;
				cursor: pointer;
			}
			.post {
				font-size: 10px;
				padding-right: 5px;
				padding-left: 5px;
				padding-top: 1px;
				padding-bottom: 1px;
				cursor: pointer;
			}
			.Refpost {
				font-size: 10px;
				padding-right: 5px;
				padding-left: 5px;
				padding-top: 1px;
				padding-bottom: 1px;
				cursor: pointer;
			}
			/* Post section fin  */

			/* User image section debut */
			#user_img_section {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: middle;
				width: 10%;
			}
			.user_img {
				width: 55px; 
				height: 44px;
				border-radius: 50%;
				object-fit: cover;
			}
			/* User image section fin */
		}

		@media screen and (max-width: 912px) and (min-width: 884px)  {
			.gridAttachments {
				width: 857px;
				float: right;
				position: relative;
			}
			.gridAttachments img {
				/* width: 100%; */
				width: 426px;
				height: 283px;
				object-fit: cover;
			}
			.post-video {
				width: 854px;
			}

			/* User image section debut */
			#user_img_section {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: middle;
				width: 7%;
			}
			.user_img {
				width: 55px; 
				height: 56px;
				border-radius: 50%;
				object-fit: cover;
			}
			/* User image section fin */
		}

		@media screen and (max-width: 884px) and (min-width: 820px) {
			.gridAttachments {
				width: 817px;
				float: right;
				position: relative;
			}
			.gridAttachments img {
				width: 409px;
				height: 283px;
				-o-object-fit: cover;
				object-fit: cover;
			}
		}

		@media screen and (max-width: 820px) and (min-width: 768px) {
			.gridAttachments {
				width: 743px;
				float: right;
				position: relative;
			}
			.gridAttachments img {
				width: 371px;
				height: 283px;
				object-fit: cover;
			}
			.post-video {
				width: 773px;
			}
			.boosted {
				background-color: gray; 
				color: white; 
				padding: 5px;
				font-size: 8px;
			}
			.booster {
				background-color: #090909; 
				color: white; 
				padding: 5px;
				font-size: 8px;
			}

			/* User image section debut */
			#user_img_section {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: middle;
				width: 7%;
			}
			.user_img {
				width: 55px; 
				height: 58px;
				border-radius: 50%;
				object-fit: cover;
			}
			/* User image section fin */
		}
		

		@media screen and (max-width: 768px) and (min-width: 500px)  {
			.gridAttachments {
				width: 692px;
				float: right;
				position: relative;
			}
			.gridAttachments img {
				width: 346px;
				height: 283px;
				object-fit: cover;
			}
			.post-video{
				width: 725px;	
			}
			.post-image{
				width: 725px;
			}
		}

		@media screen and (max-width: 540px) and (min-width: 300px) {
			#topcontrol {
				display: none;
			}
			.gridAttachments {
				width: 465px;
				float: right;
				position: relative;
			}
			.gridAttachments img {
				width: 231px;
				height: 283px;
				object-fit: cover;
			}
			.post-video {
				width: 530px;
			}
			.gridAttachments .overlayAttachment {
				width: 541px;
			}

			/* Post section debut  */

			#new-feed-postbox {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: top;
				width: 10%;
			}
			.new-feed-image {
				width: 39px;
				height: 47px;
				object-fit: cover;
				border-radius: 50%;
			}
			.write-something::placeholder{
			font-size: 14px;
			color: #000;
			}
			.write-something ::focus {
				color: #3498db;
			}
			.multi-img {
				font-size: 18px;
				cursor: pointer;
			}
			.youtube-icon {
				font-size: 22px;
				cursor: pointer;
			}
			.post {
				font-size: 10px;
				padding-right: 5px;
				padding-left: 5px;
				padding-top: 1px;
				padding-bottom: 1px;
				cursor: pointer;
			}
			.Refpost {
				font-size: 10px;
				padding-right: 5px;
				padding-left: 5px;
				padding-top: 1px;
				padding-bottom: 1px;
				cursor: pointer;
			}
			/* Post section fin  */

			/* User image section debut */
			#user_img_section {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: middle;
				width: 12%;
			}
			.user_img {
				width: 55px; 
				height: 56px;
				border-radius: 50%;
				object-fit: cover;
			}
			/* User image section fin */
		}

		@media screen and (max-width: 510px) and (min-width: 300px)  {
			.gridAttachments {
				width: 394px;
				float: right;
				position: relative;
			}
			
			.gridAttachments img {
				/* width: 404px; */
				/* width: 190px; */
				width: 168px;
				height: 283px;
				object-fit: cover;
			}
		}
		@media screen and (max-width: 414px) and (min-width: 410px)  {
			.post-video {
				height: 198px;
				/* width: 387px; */
				width: 337px;
			}
			.gridAttachments {
				padding-left: 152px;
				width: 489px;
				float: right;
				position: relative;
			}

			.gridAttachments .overlayAttachment {
				width: 540px;
			}

			/* Post section debut  */
			#new-feed-postbox {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: top;
				width: 10%;
			}
			.new-feed-image {
				width: 39px;
				height: 38px;
				object-fit: cover;
				border-radius: 50%;
			}
			.write-something::placeholder{
			font-size: 14px;
			color: #000;
			}
			.write-something ::focus {
				color: #3498db;
			}
			.multi-img {
				font-size: 18px;
				cursor: pointer;
			}
			.youtube-icon {
				font-size: 22px;
				cursor: pointer;
			}
			.post {
				font-size: 10px;
				padding-right: 5px;
				padding-left: 5px;
				padding-top: 1px;
				padding-bottom: 1px;
				cursor: pointer;
			}
			.Refpost {
				font-size: 10px;
				padding-right: 5px;
				padding-left: 5px;
				padding-top: 1px;
				padding-bottom: 1px;
				cursor: pointer;
			}
			/* Post section fin  */

			/* User image section debut */
			#user_img_section {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: middle;
				width: 12%;
			}
			.user_img {
				width: 55px; 
				height: 44px;
				border-radius: 50%;
				object-fit: cover;
			}
			/* User image section fin */

		}
		@media screen and (max-width: 410px) and (min-width: 100px) {
			.post-video {
				height: 198px;
				/* width: 354px; */
				width: 387px;
			}
			.gridAttachments {
				padding-left: 107px;
				/* width: 200px; */
				width: 456px;
				float: right;
				position: relative;
			}

			.gridAttachments img {
				/* margin-left: 35px;
				width: 276px; */
				margin-left: 4px;
				width: 169px;
				height: 248px;
				object-fit: cover;
			}

			.gridAttachments .overlayAttachment {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 40;
				right: 0;
				height: 100%;
				width: 100%;
				opacity: 1;
				transition: .5s ease;
				/* background-color: #fe9b2d75; */
			}
		}

		@media screen and (max-width: 393px) and (min-width: 360px) {
			.gridAttachments img {
				margin-left: -12px;
				/* width: 185px; */
				width: 163px;
				height: 248px;
				object-fit: cover;
			}
			.gridAttachments {
				padding-left: 151px;
				/* width: 200px; */
				width: 456px;
				float: right;
				position: relative;
			}
			.post-video {
				height: 198px;
				/* width: 354px; */
				width: 329px;
			}

			/* Post section debut  */

			#new-feed-postbox {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: top;
				width: 10%;
			}
			.new-feed-image {
				width: 39px;
				height: 36px;
				object-fit: cover;
				border-radius: 50%;
			}
			.write-something::placeholder{
			font-size: 14px;
			color: #000;
			}
			.write-something ::focus {
				color: #3498db;
			}
			.multi-img {
				font-size: 18px;
				cursor: pointer;
			}
			.youtube-icon {
				font-size: 22px;
				cursor: pointer;
			}
			.post {
				font-size: 10px;
				padding-right: 5px;
				padding-left: 5px;
				padding-top: 1px;
				padding-bottom: 1px;
				cursor: pointer;
			}
			.Refpost {
				font-size: 10px;
				padding-right: 5px;
				padding-left: 5px;
				padding-top: 1px;
				padding-bottom: 1px;
				cursor: pointer;
			}
			/* Post section fin  */

			/* User image section debut */
			#user_img_section {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: middle;
				width: 12%;
			}
			.user_img {
				width: 55px; 
				height: 44px;
				border-radius: 50%;
				object-fit: cover;
			}
			/* User image section fin */

			/* Produit de reference implementer debut */
			.RefProduct {
				padding:5px;
				font-size: 16px;
			}
			/* .RefProduct_link {
			} */
			.RefProduct_URL {
				margin-right: 3px;
				position: relative;
				top: 5px;
				text-decoration: underline;
			}

			.RefProduct .text-right {
				font-size: 12px;
			}
			.desc {
				font-size: 12px;
			}
			.RefProduct_link {
				font-size: 12px;
			}
			.RefProduct_URL {
				font-size: 12px;
			}
			/* Produit de reference implementer fin */
		}

		@media screen and (max-width: 390px) and (min-width: 360px) {
			.gridAttachments img {
				margin-left: -12px;
				/* width: 185px; */
				width: 163px;
				height: 248px;
				object-fit: cover;
			}
			.gridAttachments {
				padding-left: 154px;
				/* width: 200px; */
				width: 456px;
				float: right;
				position: relative;
			}
			.post-video {
				height: 198px;
				/* width: 354px; */
				width: 312px;
			}


			/* Post section debut  */
			#new-feed-postbox {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: top;
				width: 10%;
			}
			.new-feed-image {
				width: 39px;
				height: 36px;
				object-fit: cover;
				border-radius: 50%;
			}
			.write-something::placeholder{
			font-size: 14px;
			color: #000;
			}
			.write-something ::focus {
				color: #3498db;
			}
			.multi-img {
				font-size: 18px;
				cursor: pointer;
			}
			.youtube-icon {
				font-size: 22px;
				cursor: pointer;
			}
			.post {
				font-size: 10px;
				padding-right: 5px;
				padding-left: 5px;
				padding-top: 1px;
				padding-bottom: 1px;
				cursor: pointer;
			}
			.Refpost {
				font-size: 10px;
				padding-right: 5px;
				padding-left: 5px;
				padding-top: 1px;
				padding-bottom: 1px;
				cursor: pointer;
			}
			/* Post section fin  */

			/* User image section debut */
			#user_img_section {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: middle;
				width: 12%;
			}
			.user_img {
				width: 55px; 
				height: 44px;
				border-radius: 50%;
				object-fit: cover;
			}
			/* User image section fin */
		}

		@media screen and (max-width: 375px) and (min-width: 360px) {
			.gridAttachments img {
				margin-left: -12px;
				/* width: 185px; */
				width: 154px;
				height: 248px;
				object-fit: cover;
			}
			.gridAttachments {
				/* padding-left: 172px; */
				/* padding-left: 172px; */
				/* width: 200px; */
				/* width: 456px; */
				padding-left: 10px;
				width: 298px;
				float: right;
				position: relative;
			}
			.post-video {
				height: 163px;
				/* width: 354px; */
				width: 284px;
			}

			/* Post section debut  */
			#new-feed-postbox {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: top;
				width: 10%;
			}
			.new-feed-image {
				width: 39px;
				height: 38px;
				object-fit: cover;
				border-radius: 50%;
			}
			.write-something::placeholder{
			font-size: 14px;
			color: #000;
			}
			.write-something ::focus {
				color: #3498db;
			}
			.multi-img {
				font-size: 18px;
				cursor: pointer;
			}
			.youtube-icon {
				font-size: 22px;
				cursor: pointer;
			}
			.post {
				font-size: 10px;
				padding-right: 5px;
				padding-left: 5px;
				padding-top: 1px;
				padding-bottom: 1px;
				cursor: pointer;
			}
			.Refpost {
				font-size: 10px;
				padding-right: 5px;
				padding-left: 5px;
				padding-top: 1px;
				padding-bottom: 1px;
				cursor: pointer;
			}
			/* Post section fin  */

			/* User image section debut */
			#user_img_section {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: middle;
				width: 12%;
			}
			.user_img {
				width: 55px; 
				height: 44px;
				border-radius: 50%;
				object-fit: cover;
			}
			/* User image section fin */

			/* Produit de reference implementer debut */
			.RefProduct {
				padding:5px;
				font-size: 16px;
			}
			/* .RefProduct_link {
			} */
			.RefProduct_URL {
				margin-right: 3px;
				position: relative;
				top: 5px;
				text-decoration: underline;
			}

			.RefProduct_IMG {
				width: 40px;
				height: 40px;
				object-fit: cover;
				margin-left: 7px;
				border-radius: 50%;
			}

			.RefProduct .text-right {
				font-size: 12px;
			}
			.desc {
				font-size: 12px;
			}
			.RefProduct_link {
				font-size: 12px;
			}
			.RefProduct_URL {
				font-size: 12px;
			}
			/* Produit de reference implementer fin */
			}

		@media screen and (max-width: 360px) and (min-width: 200px) {

			.RefProduct .text-right {
				font-size: 12px;
			}
			.desc {
				font-size: 12px;
			}
			.RefProduct_link {
				font-size: 12px;
			}
			.RefProduct_URL {
				font-size: 12px;
			}

			.post-video {
				height: 170px;
				width: 301px;
			}
			.gridAttachments {
				padding-left: 124px;
				width: 369px;
				float: right;
				position: relative;
			}

			.gridAttachments img {
				/* margin-left: 35px;
				width: 230px; */
				margin-left: -32px;
				width: 154px;
				height: 188px;
				object-fit: cover;
			}
			.gridAttachments .overlayAttachment {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 40;
				right: 0;
				height: 100%;
				width: 100%;
				opacity: 1;
				transition: .5s ease;
			}

		}

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

			.RefProduct .text-right {
				font-size: 12px;
			}
			.desc {
				font-size: 12px;
			}
			.RefProduct_link {
				font-size: 12px;
			}
			.RefProduct_URL {
				font-size: 12px;
			}

			.post-video {
				height: 170px;
				width: 301px;
			}
			.gridAttachments {
				padding-left: 140px;
				width: 356px;
				float: right;
				position: relative;
			}

			.gridAttachments img {
				margin-left: -32px;
				width: 139px;
				height: 188px;
				object-fit: cover;
			}
			.gridAttachments .overlayAttachment {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 40;
				right: 0;
				height: 100%;
				width: 100%;
				opacity: 1;
				transition: .5s ease;
			}
			/* .we-video-info > ul li {
				margin-right: 38px;
			} */
			.we-video-info > ul {
				padding-left: -2px;
			}
			.new-feed-image {
				width: 75px;
				height: 28px;
			}
		}


		@media screen and (max-width: 280px) and (min-width: 100px) {
			.gridAttachments {
				padding-left: 136px;
				/* width: 200px; */
				/* width: 302px; */
				width: 289px;
				float: right;
				position: relative;
			}
			/* .gridAttachments_1 {
				padding-left: 74px;
				width: 302px;
				float: right;
				position: relative;
			} */
			.gridAttachments img {
				margin-left: -54px;
				width: 127px;
				height: 188px;
				object-fit: cover;
			}
			.post-video {
				height: 125px;
				width: 211px;
				/* avec ID debut  */
				/* height: 116px;
				width: 267px; */
				/* avec ID fin  */
			}



			/* Post section debut  */
			#new-feed-postbox {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: top;
				width: 10.3%;
			}
			.new-feed-image {
				width: 39px;
				height: 28px;
				object-fit: cover;
				border-radius: 50%;
			}
			.write-something::placeholder{
			font-size: 14px;
			color: #000;
			}
			.write-something ::focus {
				color: #3498db;
			}
			.multi-img {
				font-size: 16px;
				cursor: pointer;
			}
			.youtube-icon {
				font-size: 20px;
				cursor: pointer;
			}
			.post {
				font-size: 10px;
				padding-right: 5px;
				padding-left: 5px;
				padding-top: 1px;
				padding-bottom: 1px;
				cursor: pointer;
			}
			.Refpost {
				font-size: 10px;
				padding-right: 5px;
				padding-left: 5px;
				padding-top: 1px;
				padding-bottom: 1px;
				cursor: pointer;
			}
			/* Post section fin  */


			/* User image section debut */
			#user_img_section {
				display: inline-block;
				margin-bottom: 0;
				vertical-align: middle;
				width: 12%;
			}
			.user_img {
				width: 55px; 
				height: 31px;
				border-radius: 50%;
				object-fit: cover;
			}
			/* User image section fin */

			.we-video-info > ul li {
				display: inline-block;
				font-size: 13px;
				margin-right: 28px;
			}

			/* Produit de reference implementer debut */
			.RefProduct {
				padding:5px;
				font-size: 14px;
			}
			.RefProduct_link {
				font-size: 16px;
			}
			.RefProduct_URL {
				margin-right: 3px;
				position: relative;
				top: 5px;
				text-decoration: underline;
			}

			.RefProduct_IMG {
				width: 40px;
				height: 40px;
			}

			.RefProduct .text-right {
				font-size: 10px;
			}
			.desc {
				font-size: 10px;
			}
			.RefProduct_link {
				font-size: 10px;
			}
			.RefProduct_URL {
				font-size: 10px;
			}
			/* Produit de reference implementer fin */
			
		}