/* this our CSS without thumbnail based theme  */
  /* PC mode CSS */
		.head-data{
			position:relative;
			width: 97vw;
			margin: 1.2rem 0.7rem;
			background-color: white;
			padding: 0.4rem 1rem;
			border-radius: 1rem;
		}
		.share-buttons {
			float: left;
			position: sticky;
			top: 5rem;
			background-color: white;
			height: 4rem;
			width: 15rem;
			margin-right: 1rem;
			border-radius: 1rem;
			font-size: 1.6rem;
			z-index: 2;
		}
		.shbt{
			    display: flex;
				align-items: baseline;
				width: 14rem;
				justify-content: space-between;
				padding: 0.5rem 1.1999999999999993rem;
		}
		.shbt strong{
			font-weight: 900;
			font-size: 1.3rem;
			margin-right: -1rem;
			display: none;
		}
		.sideb{
			position: absolute;
			top: 31.7rem;
			right: 1rem;
		}
		.nottod{
			display:none;
		}
		.blog-container{
			padding: 0rem 1rem;
		}
		.comment{
			margin: auto;
			position: relative;
			width: 49rem;
			left: -3.5rem;
			background-color:white;
		}
		/* mobile css */
	@media screen and (max-width: 769px) {
		.head-data{
		position:relative;
		width: 97vw;
		margin: 1.2rem 0.7rem;
		background-color: white;
		padding: 0.4rem 1rem;
		border-radius: 1rem;
	}
		.head-data h1 {
			font-size:2rem;
		}
	.share-buttons {
		position: sticky;
		top:5rem;
		left:-.7rem;
		z-index:2;
		background-color: white;
		height: fit-content;
		width: 3rem;
		margin-right: 1rem;
		border-radius: 0 1rem 1rem 0;
		box-sizing: border-box;
	}
	.shbt{
			display: flex;
			flex-direction:column;
			align-items: baseline;
			width: 14rem;
			justify-content: space-between;
			padding: 0rem 0.8rem;
	}
    .shbt a i {
        font-size: 1.5rem;
        color:black;
    }
    /* particular share buttons CSS */
    .bi-linkedin{
    
    }
    .bi-whatsapp {
        
    }
    .bi-twitter {
    
    }
    .bi-facebook {
    
    }
	.shbt strong{
		font-weight: 900;
		font-size: 1.3rem;
		margin-right: -1rem;
		display: none;
	}
	.sideb{
		margin: auto;
		position: static;
		width: 100%;
		padding: 2rem auto;
		margin-top:2rem;
		background-color:white;
	}
	.nottod{
		display:none;
	}
	.blog-container{
		padding: 0rem 1rem;
	}
	.blog-container *{
		width:16rem !important;
		box-sizing: border-box !important;
		overflow-wrap: anywhere !important;
	}
	.comment{
		margin: auto;
		position: relative;
		width: 100%;
		left: -0.5rem;
		background-color:white;
	}
}