@media screen and (max-width:768px) {
	/*---- Blog --------------------------------*/

    .headergradient {
		background: none !important;
	}


	.Blog-wrapper {
		padding: 220px 0 80px 0;
        position: relative;
        margin-top: -210px;
	}

	.Blog-wrapper .Page-Container {
		padding: 0 16px;
	}

	.Page-Title h1,
	.Page-Title .Page-Breadcrumbs {
		padding: 0 8px 0 8px;
		margin: 4px 0 14px 0 !important;
	}

	.Search-tile,
	.Post-tile,
	.Post-wrapper {
		padding: 0;
		border-radius: 4px;
		background: var(--color1) !important;
	}



	/*---- image --------------------------------*/
	.MainImgMobile {
		margin-bottom: 40px;
	}

    .plyr--video {
        overflow: hidden;
        border-radius: 4px 4px 0 0;
    }


	/*--------- Post ----------------------------*/
	.Posts-wrapper {
		padding: 0 0 40px 0;
	}

	.Post-text-wrapper {
		padding: 4px 18px 18px 18px;
	}
	.Post-tile {}

	

	.Post-text {
		padding: 0 18px 32px 18px;
	}

	.post .text {
		overflow: hidden;
		margin: 0px;
        padding: 0 0 24px 0;
		
	}

    .SearchPost-text-wrapper {
        padding: 18px 18px 14px 18px;
    }

    .SearchPost-text-wrapper h2{
        margin-top: 0 !important;
    }

    .post.search-match {
        margin-top: 0px !important;
        margin-bottom: 24px !important;
    }
	

	/*--------- Bottom Posts --------------------*/
	.Post-text-bottom-wrapper {
		padding-top: 18px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: 18px;
		clear: both;
	}

	.post .credentials {
		margin: 0;
	}

    .Post-text-bottom-wrapper .text {
        margin: 0 !important;
    }



	/*--------- Menu ----------------------------*/
	.Posts-menu-wrapper {
		padding: 18px 24px 0 24px;
		box-sizing: border-box;
	}

	.blogMenu-button {
        background-color: var(--color0);
        backdrop-filter: blur(4px);
        position: fixed;
        right: 15px;
        display: flex;
        top: 70px;
        width: 52px;
        height: 42px;
        z-index: 700;
        border-radius: 2px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
	}

	.blogMenu-button .icons {
		width: 32px;
		height: 32px;
	}




}