.inside-blog{
    padding-top: 50px;
    padding-bottom: 20px;
	background:#fff;
    padding-left: 5%;
    padding-right: 5%;
}
.inside-blog .title {
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 40px 0;
    font-weight: 500;
    text-align: center;
}

.container2 {
	position: relative;
	width: 100%;
	margin-bottom:10px;
}
.container3 {
	width: 70%;
	margin:auto;
	height:auto;
}
.image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
 transition: .5s ease;
	backface-visibility: hidden;
}
.middle {
 transition: .5s ease;
	opacity: 0;
	position: absolute;
	bottom: -27px;
	left:50%;
	width:100%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}
.container2:hover .image {
	opacity: 0.5;
}
.container2:hover .middle {
	opacity: 1;
}
.text {
	background-color:rgb(0, 0, 0, 0.5);
	color: white;
	font-size: 16px;
	padding: 16px 32px;
	border: 1px solid #d4d1d1 !important;
	border-radius: 2px;
	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.3);
}
.divone {
	overflow: hidden!important;
	text-overflow: ellipsis!important;
	display: -webkit-box!important;
	-webkit-line-clamp: 3!important;
	-webkit-box-orient: vertical;
	padding: 15px 0px 10px 0px;
}
.one-h2 {
	font-weight: 600!important;
 --x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.42px!important;
	font-style: normal!important;
	font-size: 20px!important;
	line-height: 24px!important;
	-webkit-transform: translateY(-.72px);
	transform: translateY(-.72px);
	color: rgba(41, 41, 41, 1)!important;
	fill: rgba(0, 0, 0, .84)!important;
}
.one-h2-de {
	font-weight: 600!important;
 --x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.42px!important;
	font-style: normal!important;
	font-size: 20px!important;
	line-height: 24px!important;
	-webkit-transform: translateY(-.72px);
	transform: translateY(-.72px);
	color: rgba(41, 41, 41, 1)!important;
	fill: rgba(0, 0, 0, .84)!important;
	padding-top:20px;
}
.summary {
	overflow: hidden!important;
	text-overflow: ellipsis!important;
	display: -webkit-box!important;
	-webkit-box-orient: vertical;
	-x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.02em!important;
	font-weight: 500!important;
	font-style: normal!important;
	letter-spacing: 0!important;
	font-size: 14px!important;
	line-height: 20px!important;
	-webkit-transform: translateY(1.52px);
	color: rgba(117, 117, 117, 1)!important;
	fill: rgba(0, 0, 0, .54)!important;
	transform: translateY(1.52px);
	padding-bottom: 10px;
}
.datetime {
	line-height: 1.4!important;
	font-weight: 400!important;
 --x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.02em!important;
	font-weight: 500!important;
	font-style: normal!important;
	font-size: 12px!important;
	line-height: 15px!important;
	-webkit-transform: translateY(1.8px);
	transform: translateY(1.8px);
	color: rgba(117, 117, 117, 1)!important;
	fill: rgba(0, 0, 0, .54)!important;
	padding-bottom: 10px;
}
.summary-top {
	overflow: hidden!important;
	text-overflow: ellipsis!important;
	display: -webkit-box!important;
	-webkit-box-orient: vertical;
	-x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -0.003em!important;
	font-weight: 400!important;
	font-style: normal!important;
	letter-spacing: 0!important;
	font-size: 22px!important;
	line-height: 28px!important;
	-webkit-transform: translateY(1.52px);
	color: rgba(117, 117, 117, 1)!important;
	fill: rgba(0, 0, 0, .54)!important;
	transform: translateY(1.52px);
	padding-bottom: 10px;
	width:80%;
}
.closingline {
	margin-top: 1.2em;
	margin-bottom: 1.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: ridge;
	border-width: 1px;
	clear:both;
}
.img-line {
	border: 1px solid #d4d1d1 !important;
	border-radius: 2px;
	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.3);
	background-position: 50% 50% !important;
	flex: 0 1 auto;
	width: 100%;
	margin-bottom: 16px;
	position: relative;
}









.blog-box2{ width:100%; display:flow-root; margin-bottom:20px}
.blog-box2-left{ width:25%; float:left}
.blog-box2-left img{border: 1px solid #d4d1d1 !important; border-radius: 2px; box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.3);}
.blog-box2-right{ width:71%; float:right}

.blog-box3{ width:100%; display:flow-root; margin-bottom:20px}
.blog-box3-left{ width:80%; float:left; padding-right:20px}
.blog-box3-left img{border: 1px solid #d4d1d1 !important; border-radius: 2px; box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.3);}
.blog-box3-right{ width:16%; float:left}

.second {
	overflow: hidden!important;
	text-overflow: ellipsis!important;
	
	-webkit-line-clamp: 3!important;
	-webkit-box-orient: vertical;
	padding: 0px 0px 10px 0px;
}
.second-h2 {
	font-weight: 600!important;
 --x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.42px!important;
	font-style: normal!important;
	font-size: 16px!important;
	line-height: 20px!important;
	-webkit-transform: translateY(-.72px);
	transform: translateY(-.72px);
	color: rgba(41, 41, 41, 1)!important;
	fill: rgba(0, 0, 0, .84)!important;
}
.second-summary {
	overflow: hidden!important;
	text-overflow: ellipsis!important;
	-webkit-line-clamp: 3!important;
	-webkit-box-orient: vertical;
	-x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.02em!important;
	font-weight: 500!important;
	font-style: normal!important;
	letter-spacing: 0!important;
	font-size: 14px!important;
	line-height: 20px!important;
	-webkit-transform: translateY(1.52px);
	color: rgba(117, 117, 117, 1)!important;
	fill: rgba(0, 0, 0, .54)!important;
	transform: translateY(1.52px);
	padding-bottom: 10px;
}
.second-datetime {
	line-height: 1.4!important;
	font-weight: 400!important;
 --x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.02em!important;
	font-weight: 500!important;
	font-style: normal!important;
	font-size: 12px!important;
	line-height: 15px!important;
	-webkit-transform: translateY(1.8px);
	transform: translateY(1.8px);
	color:rgba(117, 117, 117, 1)!important;
	fill: rgba(0, 0, 0, .54)!important;
	padding-bottom: 10px;
}
.second-img-line {
	border: 1px solid #d4d1d1 !important;
	border-radius: 2px;
	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.3);
	background-position: 50% 50% !important;
	flex: 0 1 auto;
	height: 100px;
	width: 100px;
	margin-bottom: 16px;
	position: relative;
}

.second-closingline {
	margin-top: 1.2em;
	margin-bottom: 1.5em;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
	clear:both;
}
.third-div {
	width:100%;
	margin:auto;
}

.right-div {
	padding:5px;
}
.codiv {
	margin-bottom:20px;
}
.number-value {
	font-size: 34px!important;
	color: rgba(117, 117, 117, 1)!important;
	fill: rgba(0, 0, 0, .15)!important;
	margin-top: 4px!important;
	line-height: 20px;
	width:40px;
	float:left;
	text-align:right
}
.number-text-div {
	padding-left:55px;
}

.blog-divider{margin-top:20px;margin-bottom:40px;border-style: ridge;border-width: 1px; width:100%; display:flex; clear:both}

.detail-h2 {
 --x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.42px!important;
	font-style: normal!important;
	font-size: 40px!important;
	line-height: 44px!important;
	-webkit-transform: translateY(-.72px);
	transform: translateY(-.72px);
	color: rgba(41, 41, 41, 1)!important;
	fill: rgba(0, 0, 0, .84)!important;
}
.pro-image-div {
	width:250px;
	height:100px;
	float:left;
	margin-top:10px;
}
.pro-image {
	width:50px;
	height:50px;
	float:left;
}
.pro-image-title {
	width:190px;
	height:100px;
	float:left;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	overflow: hidden;
	margin-left: 10px;
	margin-top: 3px;
	color: rgba(0, 0, 0, 0.84);
}
.pro-second-datetime {
	line-height: 1.4!important;
	font-weight: 400!important;
 --x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.02em!important;
	font-weight: 400!important;
	font-style: normal!important;
	font-size: 12px!important;
	line-height: 15px!important;
	-webkit-transform: translateY(1.8px);
	transform: translateY(1.8px);
	color: rgba(41, 41, 41, 1)!important;
	fill: rgba(0, 0, 0, .54)!important;
	padding-bottom: 10px;
}
.uiScale-ui--small .ui-h2 {
 --x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.02em!important;
	font-weight: 700!important;
	font-style: normal!important;
	letter-spacing: 0!important;
	font-size: 24px!important;
	line-height: 28px!important;
	-webkit-transform: translateY(-.72px);
	transform: translateY(-.72px);
	letter-spacing: -.42px!important;
}
.uiScale-ui--small .ui-summary {
	font-weight: 400!important;
}
.ui-h2 {
	color: #000!important;
	fill: rgba(0, 0, 0, .84)!important;
}
.uiScale-ui--small .ui-h4 {
 --x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.02em!important;
	font-weight: 700!important;
	font-style: normal!important;
	letter-spacing: 0!important;
	font-size: 18px!important;
	line-height: 20px!important;
	-webkit-transform: translateY(.96px);
	transform: translateY(.96px);
	letter-spacing: -.17px!important;
}
.ui-h4 {
	color: #000!important;
	fill: rgba(0, 0, 0, .84)!important;
}
.uiScale .ui-summary {
	color: #000!important;
	fill: rgba(0, 0, 0, .54)!important;
}
.uiScale-caption--small .ui-caption {
	font-weight: 400!important;
}
.uiScale-caption--small .ui-caption {
 --x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.02em!important;
	font-weight: 400!important;
	font-style: normal!important;
	letter-spacing: 0!important;
	font-size: 15px!important;
	line-height: 20px!important;
	-webkit-transform: translateY(1.8px);
	transform: translateY(1.8px);
}
.uiScale .ui-caption {
	color: #000!important;
	fill: rgba(0, 0, 0, .54)!important;
}
.uiScale-ui--small .ui-body, .uiScale-ui--small .ui-summary {
 --x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.02em!important;
	font-weight: 400!important;
	font-style: normal!important;
	letter-spacing: 0!important;
	font-size: 16px!important;
	line-height: 20px!important;
	-webkit-transform: translateY(1.52px);
	transform: translateY(1.52px);
}
.v-glyph--m2 .uiScale .ui-capsSubtle {
	font-weight: 400!important;
}
.uiScale .ui-capsSubtle {
 --x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.02em!important;
	font-weight: 400!important;
	font-style: normal!important;
	letter-spacing: 0!important;
	font-size: 15px!important;
	line-height: 20px!important;
	-webkit-transform: translateY(1.8px);
	transform: translateY(1.8px);
	letter-spacing: .03em!important;
	text-transform: uppercase;
	color: #000!important;
	fill: rgba(0, 0, 0, .54)!important;
}
.uiScale-ui--small .ui-h2.ui-clamp3 {
	overflow: hidden!important;
	max-height: 84px!important;
	text-overflow: ellipsis!important;
	display: -webkit-box!important;
	-webkit-line-clamp: 3!important;
	-webkit-box-orient: vertical;
}
.v-glyph--m2 .uiScale-ui--small .ui-h2 {
	font-weight: 600!important;
}
.uiScale-ui--small .ui-h2 {
 --x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.02em!important;
	font-weight: 700!important;
	font-style: normal!important;
	letter-spacing: 0!important;
	font-size: 24px!important;
	line-height: 28px!important;
	-webkit-transform: translateY(-.72px);
	transform: translateY(-.72px);
	letter-spacing: -.42px!important;
}
.uiScale .ui-h1, .uiScale .ui-h2, .uiScale .ui-h3, .uiScale .ui-h4 {
	color: #000!important;
	fill: rgba(0, 0, 0, .84)!important;
}
.uiScale-ui--small .ui-h4.ui-clamp3 {
	overflow: hidden!important;
	max-height: 60px!important;
	text-overflow: ellipsis!important;
	display: -webkit-box!important;
	-webkit-line-clamp: 3!important;
	-webkit-box-orient: vertical;
}
.v-glyph--m2 .uiScale-ui--small .ui-h4 {
	font-weight: 600!important;
}
.uiScale-ui--small .ui-h4 {
 --x-height-multiplier: 0.342!important;
 --baseline-multiplier: 0.22!important;
	letter-spacing: -.02em!important;
	font-weight: 700!important;
	font-style: normal!important;
	letter-spacing: 0!important;
	font-size: 18px!important;
	line-height: 20px!important;
	-webkit-transform: translateY(.96px);
	transform: translateY(.96px);
	letter-spacing: -.17px!important;
}
.uiScale .ui-h1, .uiScale .ui-h2, .uiScale .ui-h3, .uiScale .ui-h4 {
	color: rgba(0, 0, 0, .84)!important;
	fill: rgba(0, 0, 0, .84)!important;
}
.u-marginBottom4 {
	margin-bottom: 4px!important;
}
.u-borderBottomLighter {
	border-bottom: 1px solid rgba(0, 0, 0, .15)!important;
}
.u-paddingBottom16 {
	padding-bottom: 16px!important;
}

.title-blog-details
{
	font-size: 24px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin:40px 0 20px 0;
    font-weight: 500;
    text-align: left;
	padding:0px 0px;
}

.my-blog-css- h1
{
			color: rgba(41, 41, 41, 1);
			font-size: 48px;
			font-weight: normal;
			letter-spacing: -0.011em;
			line-height: 60px;
			margin-right: 20%;
			width: 80%;
}
.my-blog-css- h2
{
		font-size: 30px;
		color: rgba(41, 41, 41, 1);
		font-weight: 500;
		letter-spacing: -.02em;
		line-height: 1.4;
		margin: 10px 0;
		overflow: hidden;
		width: 100%;
}
.my-blog-css- h3
{
		font-size: 25px;
		color: rgba(41, 41, 41, 1);
		font-weight: 500;
		letter-spacing: -.02em;
		line-height: 1.4;
		margin: 10px 0;
		overflow: hidden;
		width: 100%;
}
.my-blog-css- h4
{
		font-size: 21px;
		color: rgba(41, 41, 41, 1);
		font-weight: 500;
		letter-spacing: -.02em;
		line-height: 1.4;
		margin: 10px 0;
		overflow: hidden;
		width: 100%;
}
.my-blog-css- h5
{
		font-size: 20px;
		color: rgba(41, 41, 41, 1);
		font-weight: 500;
		letter-spacing: -.02em;
		line-height: 1.4;
		margin: 10px 0;
		overflow: hidden;
		width: 100%;
}
.my-blog-css- h6
{
		font-size: 20px;
		color: rgba(41, 41, 41, 1);
		font-weight: 500;
		letter-spacing: -.02em;
		line-height: 1.4;
		margin: 10px 0;
		overflow: hidden;
		width: 100%;
}
.my-blog-css- p{
			color: rgba(41, 41, 41, 1);
			display: block;
			font-size: 16px;
			font-weight: 400;
			line-height: 32px;
			margin-bottom: 20px;

}
.my-blog-css- img
{
	padding: 20px 0px;
}
@media screen and (max-width:767px) {
	
.inside-blog {
    padding-top:20px;
    padding-left:0%;
    padding-right:0%;
}
.inside-blog .title {
    margin: 0 0 20px 0;
}
.inside-blog > .container-fluid{ padding:0px}

.divone {padding:0px 0px 5px 0px;}
.one-h2{ font-size:18px!important}
.summary{font-size: 14px!important;line-height: 18px!important;}
.datetime{ margin-bottom:15px}



.blog-box2-left{ width:25%; float:right}
.blog-box2-right{ width:73%; float:left}

.blog-box3-left{ width:73%; float:left; padding-right:20px}
.blog-box3-right{ width:25%; float:left}

.my-blog-css- h1
{
			font-size: 30px;
			width:100%;
}
.my-blog-css- h2
{
		font-size: 22px;
}
.my-blog-css- h3
{
		font-size: 20px;
}
.my-blog-css- h4
{
		font-size: 18px;
}
.my-blog-css- h5
{
		font-size: 18px;
}
.my-blog-css- h6
{
		font-size: 18px;
}
.summary-top{width:100%;}
}