body{
    margin:0px;
	padding:0px;
	font-family: verdana;
}
h1,h2,h3,h4,h5,h6{
     font-family:Verdana, Arial, Helvetica, sans-serif !important;
}
a{
     text-decoration:none !important;
}
.header{
     background:#5d0569;
}
.banner{
    margin-top:10.7em;
}
.banner .banner-pragh {
    margin-top: -13em;
    font-size: 24px;
    width: 750px;
    background-color: #ffffffad;
    position: absolute;
    padding: 10px;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 15px;
}
.banner-pragh p{
    color: #53065e;
    letter-spacing: 1px;
}
.banner .banner-info{
     width: 580px;
     position: absolute;
     margin-top: -3.5em;
	 margin-left: 28%;
	 z-index: 0;
	 }
.banner .banner-date{
	width:250px;
	float:left;
	background: #eee9e9;
	transform: skewX(-33deg);
	webkit-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.38);
    -moz-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.38);
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.38);
}
.banner-date h2{
    background: #eee9e9;
    text-align: center;
    padding: 8px 0px;
    transform: skewX(32deg);
    margin-left: -26px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 259px;
	color:#5d0569;
	font-family: verdana;
	font-size: 23px;
    letter-spacing: 2px;
}
.banner .banner-place{
	width: 320px;
    float: right;
    background: #8c0e9ebf;
    transform: skewX(-33deg);
    margin-top: -6px;
    border-top: 5px solid #9f1fb0;
	
}
.banner-place h1{
    background: #8c0e9e99;
    color: #fff;
    text-align: center;
    padding: 7px 0px;
    transform: skewX(32deg);
    margin-left: -26px;
    margin-top: -5px;
    margin-bottom: 0px;
    width: 320px;
    border-top: 5px solid #9f1fb0;
    border-bottom: 5px solid #9f1fb0;
    font-family: verdana;
    font-size: 26px;
    letter-spacing: 2px;
}

/*-- wrapper part start here---*/

.side-bar{
    background: #e8e7e7;
	margin-top: 25px;
	padding-left:0px !important;
	padding-right:0px !important;
	padding-bottom:15px;
	border-bottom: 23px solid #cdc1b2;
	border-radius: 5px;
	box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);
}
.side-bar h2{
    background: #5d0569;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 20px 0px 40px 0px;
    text-align: center;
    font-size: 22px;
    letter-spacing: 2px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
.side-bar ul{
    background:#fff;
	width:250px;
	margin:auto;
	padding: 15px;
	margin-top:-2em;
}
.side-bar ul li{
	display: block;
    padding: 11px 0px;
}
.side-bar ul li a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #222222;
	cursor:pointer;
	text-decoration:none;
}

.side-bar ul li a:hover{
color:#5d0569;
font-size:13px;
font-weight:600;
}


.side-bar ul li img{
     padding-right:5px;
}
.about{
    padding-left: 15px !important;
}
.conf-pragh h2{
    color: #5d0569;
    text-align: center;
    font-size: 27px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 14px;
}	
.conf-pragh p {
    line-height:32px;
    /*text-align: justify;*/
    color: #000;
}
.event{
   padding-left:4px !important;
   padding-right:4px !important;
   }
.event-pic{
    background: #cdc1b2;
	padding:10px;
	position:relative;
	}  
.event-pic img{
    height:175px;
	width: 257px;
	}
.event-pic p{
  position: absolute;
    bottom: 0px;
    background: #5d0569c7;
    color: #fff !important;
    margin-right: 10px;
    padding: 5px;
    word-break: break-all;
    letter-spacing: 1px;
    line-height: 20px;
    width: -webkit-fill-available;
}

.submission-paper{
       background:#e2dcdc;
	   width:257px;
	    height: 92px;
	   float:left;
	   margin: 10px 20px 10px 0px;
	   padding:5px 5px;
	   border-bottom: 4px solid #5d0569;
	   box-shadow: 2px 2px 7px 3px #aab9c3;
}
.submission-paper img{
    float: left;
    width: 40px;
    margin-right: 10px;
    margin-top: 4px;
}

.download-paper{
       background:#e2dcdc;
	   width:257px;
	   height:auto;
	   float:left;
	   margin: 10px 20px 10px 0px;
	   padding:5px 5px;
	   border-bottom: 4px solid #5d0569;
	   box-shadow: 2px 2px 7px 3px #aab9c3;
}
.download-paper img{
    float: left;
    width: 40px;
    margin-right: 10px;
    margin-top: 4px;
}
.download-samplepaper{
       background:#e2dcdc;
	   width:258px;
	   height:auto;
	   float:left;
	   margin: 10px 0px;
	   padding:5px 5px;
	   border-bottom: 4px solid #5d0569;
	   box-shadow: 2px 2px 7px 3px #aab9c3;
}
.download-samplepaper img{
    float: left;
    width: 43px;
    margin-right: 10px;
    margin-top: 4px;
}
.content-bttn{
     padding-left:0px !important;
	 padding-right:0px !important;
}
.content-bttn h2{
    color: #000;
    font-size: 17px;
    text-transform: capitalize;
    letter-spacing: 2px;
	margin-top: 10px;
	 }
.content-bttn p{
     color: #000;
    font-size: 15px;
    text-align: left;
    padding: 10px 5px;
    letter-spacing: 1px;
}
	 
.imp-date{
     padding-left:0px !important;
	 margin-top:30px;
}
.subm-date{
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.6), 0 0 5px 1px rgba(255, 255, 255, 0.5);
	height: 271px;
}
.imp-date h2{
    color: #ffffff;
    text-align: center;
    font-size: 23px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 5px 0px;
    background: #5d0569;
}
.subm-date tr td{
    padding: 20px 0px !important;
    font-size: 16px;
    font-family:Verdana, Arial, Helvetica, sans-serif !important;
    letter-spacing: 1px;
	text-align:center;
}

.associate{
	 padding-right:0px !important;
	 margin-top:30px;
}
.associate-client{
     box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.6), 0 0 5px 1px rgba(255, 255, 255, 0.5);
}
.associate h2{
    color: #5d0569;
    text-align: center;
    font-size: 23px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 5px 0px;
    background: #e6e6e6;
}
.associate ul{
    text-decoration:none;
}
.associate ul li{
    display: inline-block;
    width: 167px;
    margin: 5px 8px 5px 7px;
}
.support{
      padding-left:0px !important;
}
.support-pragh{
      background:#f5f5f5;
	  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.6), 0 0 5px 1px rgba(255, 255, 255, 0.5);
	  margin-top: 20px;
	  height:476px;
}
.support-pragh h2{
    color: #5d0569;
    text-align: center;
    font-size: 23px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 5px 0px;
    background: #e6e6e6;
}
.support-pragh ul li{
     display: inline-block !important;
    padding: 5px 7px;
    width: 155px;
	
}
.support-pragh ul {
    padding: 25px;
}

.conf-gallery{
     padding-left:0px !important;
	 padding-right:0px !important;
}
.facebook{
    margin-top: 20px;
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.facebook-link{
     box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.6), 0 0 5px 1px rgba(255, 255, 255, 0.5);
	 background: #F5F5F5;
	 height:395px;
}
.facebook h2{
    color: #ffffff;
    text-align: center;
    font-size: 23px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 5px 0px;
    background: #5d0569;
}
.twitter{
     margin-top:20px;
	 padding-right:0px !important;
}
.twitter-link{
     box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.6), 0 0 5px 1px rgba(255, 255, 255, 0.5);
	 background: #F5F5F5;
	 height:395px;
}
.twitter h2{
    color: #5d0569;
    text-align: center;
    font-size: 23px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 5px 0px;
    background: #e6e6e6;
}
.scrollbar
{
	float: left;
	height:436px;
	width: 100%;
	background: #F5F5F5;
	overflow-y: scroll;
	overflow-x:hidden;
	margin-bottom: 25px;
	padding:15px;
	
}
.scrollbar p{
    padding:20px 15px;
}
.scrollbar ul li{
	display:block;
	}
.force-overflow
{
	/* min-height: 390px; */
}

 *  STYLE 2
 */

#style-2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
	background-color: #bfbaba;	
	background-image: -webkit-linear-gradient(45deg,
	                  rgba(255, 255, 255, .2) 25%,
					  transparent 25%,
					  transparent 50%,
					  rgba(255, 255, 255, .2) 50%,
					  rgba(255, 255, 255, .2) 75%,
					  transparent 75%,
					  transparent)
}


.footer{
  background: #222;
    padding-top: 30px;
    padding-bottom: 30px;
}
.copyright p{
    text-align:center;
	color:#fff;
	letter-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	}	 
	


#social-part{
padding:0px;
}	
.top-right ul li {
   display: inline-block;
   margin-left: 10px;
}
.top-right ul li a .fa {
	font-size: 22px;
	color: #fff;
	margin-top: 4px;
}
.conf-assct{
	width:100%;
	float:left;
}
.top-right ul li a .fa-brands {
    font-size: 22px;
    color: #fff;
    margin-top: 4px;
}
.assoimg{
    width: 250px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .banner {
        margin-top: 7.5em;
    }
    .banner .banner-place {
        width: 265px;
    }   
    .side-bar ul {
        width: 90%;
    }
    .assoimg{
        width: 100%;
    } 
    .subm-date {
        width: 100% !important;
    }
    .support{
      padding-left:15px !important;
    }
    .twitter {
        padding-right: 15px !important;
    }
    .submission-paper img {
        width: 34px;
        margin-top: 12px;
    }
    .event-pic img {
        height: auto;
        width: 100%;
    }
    .event-pic p {
        word-break: break-word;
        min-height: auto;
        width: -webkit-fill-available;
    }
    .support-pragh ul li {
        width: 160px;
    }
    .facebook-link {
        height: auto;
    }
    .scrollbar {
        float: none;
        height: auto;
    }
    .twitter-link {
        height: 100%;
    }
    .banner-place h1 {
        margin-left: -46px;
        width: 290px;
        font-size: 20px;
    }
    .banner-date h2 {
        font-size: 20px;
    }
    .subm-date tr td {
        padding: 16px 0px !important;
    }
    .support-pragh {
        height: auto;
    }
    .support-pragh ul {
        display: contents;
    }
}