.XTendersContentInfo {
	font-size: 16px;
	color: #000 ;
}


.form-group {
    margin-bottom: 11px;
}

.XTendersClearBoth {
    clear: both;
}

p {
    line-height: 24px;
    text-align: justify;
}

h4 {
    font-weight: 600;
}

h1 {
    padding-bottom: 20px;
}

.MainContent li {
    padding-bottom: 5px;
}

.MainContent ol ul {
    padding-top: 10px;
    list-style-type: disc;
}

.XTendersContentInfo {
	padding: 20px 50px;
}

.XTendersLineSided {
	position: relative ;
	font-size: 20px;
	font-weight: 600 ;
	padding: 20px 0 ;
}

.XTendersLineSided:before {
	background: #096;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
}

.XTendersLineSided span {
	background: #fff;
    padding: 10px 15px;
    position: relative;
    z-index: 1;
	
	
}

.XTendersClarification {
	position: relative;
    display: block;
}

    
.XTendersClarification .subject {
    width: 28%;
    position: relative;
    float: left;
    top: 25px;
    font-size: 24px;
    border: none;
    padding: 10px;
    font-weight: 900;
}


.XTendersClarification .description {
    margin-top: 5px;
    display: inline-block;
    width: 60%;
    border: 2px #DDD solid;
    border-bottom: 3px #096 solid;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 20px;
    position: relative;
    background-color: rgba(250, 250, 250, 1);
}



.XTendersClarification .description:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: auto;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #ddd;
    /* border-left: 15px solid #368FA7; */
    position: absolute;
    top: 30px;
    margin-top: -20px;
    left: -20px;
}


@media(max-width :480px)
{
	.XTendersContentInfo{
		padding: 10px;
	}
	
	.MainContent > .container {
		 padding-left: 5px;
   		 padding-right: 5px;
	}
	
}