/*

body {
font-family: 'Source Sans Pro', sans-serif;
}
*/


.personalized_main {
	width: 100%;
	background: #0092C8;
	opacity: 1;
	display: block;
	padding: 20px 0 0 10px;
	float: left;
	margin-bottom: 10px;
}

.personalized_main .block-heading {
	position: relative;
	margin-bottom: 15px;
}

.personalized_main .block-heading h5 {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	position: relative;
	font-weight: bold;
	display: inline-block;
}


.personalized_main .block-item-cont {
	width: 48%;
	float: left;
	margin-right: 10px;
}
.block-item-cont:nth-child(3) {
    float: right;
}
.personalized_main .block-item {
	width: 100%;
	float: left;
	display: block;
	margin-right: 15px;

}


.personalized_main .block-item a {
	float: left;
	width: 100%;
	font-size: 17px;
	line-height: 26px;
	color: #fff;
	margin-bottom: 10px;

}

.personalized_main .block-item img {
	width: 80px;
    object-fit: cover;
	max-width: 80px;
	overflow: hidden;
	float: right;
    border-radius:10px;
	height: 62px;
}

.personalized_main .block-item a:hover {
	cursor: pointer;
}

.personalized_main .block-item a span {
	width: 75%;
	float: left;
	display: block;
	padding-right: 5%;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.personalized_main .block-item hr {
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	border: 0;
	border-top: 1px dashed #ffffff63;
	float: left;
	width: 100%;
}

.personalized_main a.view_all {
	float: right;
	padding-right: 10px;
	color: #fff;
	font-size: 17px;
	text-decoration: none;
	font-weight: 900;
	text-transform: uppercase;
}


.personalized_main .block-heading h5:after {
	background: #F7B825;
	position: absolute;
	width: 30px;
	height: 7px;
	content: "";
	left: 0px;
	top: -10px;
}

.block-Dsk-only {
	display: none;
}

.block-hdMbl {
	display: none;
}

.block-Dsk-only820 {
	display: none;
}


/*Media query css start here */

@media (max-width:1180px) {
	.personalized_main .block-item a span {
		width: 60%;
	}

	.personalized_main .block-item-cont{
		width: width: 47.5%;
	}
	.personalized_main .block-item {
		width: 100%;

	}
	.block-item-cont:nth-child(3) {
		float: left;
	}

}

@media (max-width:820px) {

	.block-Dsk-only820 {
		display: block;
	}

	.personalized_main .block-item a span {
		width: 71%;
	}


	.personalized_main .block-item-cont{
		width: 100%;
		margin-right: 0px;
	}
	.personalized_main .block-item {
		width: 100%;
	}

	.personalized_main .block-item img {
		margin-right: 15px;
	}
/*
	.personalized_main {
		display: flex;
		flex-direction: column;
	}
	.personalized_main .block-item:nth-child(3){
		order: 3;
	}
	.personalized_main .block-item:nth-child(5){
		order: 4;
	}*/
}


@media (max-width:767px) {

	.block-Dsk-only820 {
		display: none;
	}

	.block-hdDsk {
		display: none;
	}

	.block-hdMbl {
		display: block;
	}


	.personalized_main .block-item img {
		width: 100px !important;
		margin-right: -8px;
		float: right !important;
		max-width: 100px;
		border-radius: 22% !important;
		height: 68px !important;
		object-fit: cover;
	}

	.personalized_main a.view_all {
		padding-right: 0px;
		font-size: 14px;
		font-weight: 900;
		text-transform: uppercase;
	}

	.personalized_main .block-heading {
		margin-bottom: 5px;
	}
	
	.personalized_main .block-item a { 
		margin-bottom:5px;
	}

	.personalized_main .block-item a span {
		width: 67%;
		padding-right: 2%;
		line-height: normal;
		font-size: 16px;
	}
	
	
	.block-item-cont:nth-child(3) .block-item:nth-child(2){
		display: none;
	}

	.item-mbl-none {
		display: none !important;
	}


	.personalized_main .block-heading h5 {
		font-weight: 900;
		font-size: 15px;
	}

	.personalized_main {
		padding: 20px 10px 0 10px;
		display: flex;
		flex-direction: column;
	}


}