.container{
    width: 90% !important;
    /* height: 0 !important; */
}
.introWrapper .container:after {
    top: 0;
}

.CISICPDLogo{
    margin-bottom: 10px;
    position: absolute;
    top: 80px;
    width: 60%!important;
    left: 15px;
}
/* featured event in slider */
div.featured {
    float:right;
}
    div.featured img {
        margin: 130px auto;
        max-width: 85%;
        box-shadow: 10px 10px 20px rgba(0,0,0,0.3);
    }
@media(max-width: 991px) {
    div.featured img {
        margin: 30px auto;
        max-width: 80%;
    }
}
.col-md-5 .introTextfb {
	width: 90%;
	background: white;
	padding: 40px;
	position: relative;
	margin: 50px auto;
}
/* featured event in slider ends here */
.logosIntro {
	margin-bottom:0px !important;	
}
.introWrapper {
	background-image:url('/cisiweb2/image/aboutus/afpf.jpg');
	background-position:left 20%;
}
.steps .glyphicon {
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: 30px;
    top: 20px;
}
.steps .sfContentBlock > div {
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px;
    padding: 20px 45px;
    text-align: center;
}
.steps3 .sfContentBlock > div {background:#999999 !important;}	
.steps > div:first-child .sfContentBlock div {
	background: #5eb6b6;
}
.steps > div:nth-child(2) .sfContentBlock div {
	background: #4ca5a5;
}
.steps > div:nth-child(3) .sfContentBlock div {
	background: #3d9595;
}
.steps2 > div:first-child .sfContentBlock div {
	background: #126d6d;
}
.steps2 > div:nth-child(2) .sfContentBlock div {
	background: #228080;
}
.steps2 > div:nth-child(3) .sfContentBlock div {
	background: #328b8b;
}
.logos {	
	text-align:center;
}

.logos img {
	margin:15px;
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	transform: scale(0.8);
	max-width:130px;
	max-height:80px;
}
.logos .large {
	max-width:250px;
	width:250px;	
}
.sfContentBlock .modal-body img {
    float: right;
    margin-left: 30px;
}
.conferencedetails {
	background:#389797;
	padding:20px;
	color:#ffffff;	
}
.benefitsBlock h3,
.benefitsBlock h4 {
	margin-top:0px;
}
div.sfContentBlock:nth-child(6) > img:nth-child(32) {
    max-width: 150px;
    max-height: 100px;
  }
@media (max-width : 1500px) {
.introText > img {
    width: 70%;
}
}


@media (max-width : 991px) {
	.logos img {
		margin:2% 5%;
		width:40%;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

@media (max-width: 767px) {

}