.story{
	padding:50px 0px;
	background:white;
}
.story .story-content{}
.story .single-story {
	position:relative;
	margin-top:55px;
	
}
.story .single-story .inner-content{
	margin-left:125px;
	position:relative;
}
.story .story-content{
	position:relative;
}
.story .story-content::before {
	position: absolute;
	content: "";
	left: 90px;
	top: 0;
	height: 100%;
	width: 1px;
	background: #42bc7f;
}
.story .single-story span {
	display: block;
	font-size: 20px;
	font-weight: 600;
	position: absolute;
	left: 0;
	top: 0;
	background: #333;
	color: #fff;
	border-radius: 3px;
	height: 35px;
	width: 60px;
	text-align: center;
	line-height: 35px;
}
.story .single-story span::before {
	position: absolute;
	content: "";
	left: 81px;
	top: 9px;
	height: 18px;
	width: 18px;
	background: #42bc7f;
	border-radius: 100%;
}
.story .single-story span::after {
	position: absolute;
	content: "";
	border: 10px solid #333;
	left: 58px;
	top: 7px;
	border-right: 10px solid transparent;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	
}
.story .single-story h3 {
	font-size: 24px;
	font-weight: 600;
	color: #425e9b;
	padding-bottom: 3px;
}
.story .single-story p{
	color:#0a0505;
	font-size:15px;
font-weight:500;}




.story .single-story p:before {
	position: absolute;
    content: "";
    left: -40px;
    top: 13px;
    height: 10px;
    width: 10px;
    background: #fff;
    border-radius: 100%;
}
.story .single-story .p2 {
	margin-top: 15px;
	color: gray;
	font-size: 18px;
	 font-family: "Karla", Arial, sans-serif;
}

@media (max-width: 576px) {
  
  .story{

	   margin-left: -5px;
	     width: calc((100% - 50px) / 1);
	    
  }

  .story .single-story h3 {
	font-size: 18px;
	font-weight: 600;
	color:#425e9b;
	padding-bottom: 3px;
}

}


.publication-flex {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  z-index: 0; }
  .publication-flex .col-half {
    width: 50%;
    display: block;
    overflow: auto; }
  .publication-flex .publication-img {
    z-index: -1; }
  .publication-flex .display-t {
    display: table; }
    .publication-flex .display-t .display-tc {
      display: table-cell;
      vertical-align: middle; }
  .publication-flex .publication-desc {
    padding: 7em;
    z-index: 1; }
    @media screen and (max-width: 768px) {
      .publication-flex .publication-desc {
        padding: 1em; } }
    .publication-flex .publication-desc .title {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 7px;
      display: block;
      margin-bottom: 20px; }
    .publication-flex .publication-desc .publication-head  {
      font-weight: 700;
      font-size: 26px; }
    .publication-flex .publication-desc p a {
      color: #000; }
      .publication-flex .publication-desc p a i {
        color: #000; }
    .publication-flex .publication-desc strong {
      color: #000; }
    .publication-flex .publication-desc ul {
      margin: 0;
      padding: 0; }
      .publication-flex .publication-desc ul li {
        list-style: none;
        position: relative;
        padding-left: 30px;
        color:gray;
        margin-bottom: 10px; }
        .publication-flex .publication-desc ul li i {
          position: absolute;
          top: 5px;
          left: 0; }
  .publication-flex .owl-theme .owl-controls {
    position: absolute;
    bottom: 10px;
    left: 20px; }
    @media screen and (max-width: 768px) {
      .publication-flex .owl-theme .owl-controls {
        right: 0; } }
  .publication-flex .owl-theme .owl-dots .owl-dot {
    display: block; }
  .publication-flex .owl-theme .owl-dots .owl-dot span {
    background: #e6e6e6; }
  .publication-flex .owl-theme .owl-dots .owl-dot.active span {
    background: #000; }

     @media  (max-width: 576px) {
      .publication-flex .publication-desc {
        padding: 1em; 
		margin-top: 40px;
	
  } } 
 @media (min-width: 992px){
.publication-flex .publication-desc .publication-head  {
      font-weight: 700;
      font-size: 38px; }
}

  @media screen and (max-width: 1200px){
	   .publication-flex .col-half {
   margin-top: 40px; }
}

.abt{
	 margin-top: -20px;
 }

  @media (min-width: 990px){
  
  #santhosh-about{
    margin-bottom: 70px;
  }