.project-mob{
    display:none;
}
.inner-page-content {
    padding: 0px 15px;
}
hr.top-hr{
    margin-bottom:0px !important;
}
/*.project-page-content {
    height: 600px;
    margin: 0 auto;
}*/
.image-Slider{
    height : 100%;
}
.proj-projectContainer {
/*    padding-top: 5px;
    padding-bottom: 5px;*/
    display: flex;
}
.project-images-container {
/*    width: 100%;
    height: 100%;*/

}
.project-image-container {
    width: 100%;
    height: 100%;
 filter:grayscale();
 
    box-sizing:border-box; 
}
.project-desc-container {
    /* padding-left: 40px; */
}
.project-container{
  padding-top: 15px;
  padding-bottom: 15px;
}
.project-images-container{
  padding: 0px;
}

.projec-image-img{
     filter: grayscale(100%);
     width: 100%;
}
.left-right-scroll{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  width: 100%;
}
.left-right-scroll span{
  cursor: pointer;
  color:#000;

}
.left-right-scroll span {
  font-size: 20px;
}

.left-right-scroll .slider-prev-item{

  position: absolute;
  left:10px;
}
.left-right-scroll .slider-next-item{
position: absolute;
  right:10px;
}
.proj-image-1 {
    width: 100%;
    height: 100%;
 
    display: flex;
    align-items: center;
}
.project-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    object-fit: cover;
}


/** Project Container **/
#ContentPlaceHolder1_lnkbtn_prev {
    position: absolute;
    top: 50%;
    left: 0px;
}
#ContentPlaceHolder1_lnkbtn_next {
    position: absolute;
    top: 50%;
    right: 0px;
}
.proj-info {
    padding: 0px;
    position: relative;
}
  
.proj-info-inner {
  /*  padding: 30px;*/
    width:100%;
/*    overflow:hidden;*/

 
}
.projec-desc-cont{
    height:180px;
    overflow-y:scroll;
}

    .projec-desc-cont::-webkit-scrollbar {
        width: 2px;
        background-color: #fff;
        border-color: #000;
        border: 1px;
        height: 30px;
    }

    .projec-desc-cont::-webkit-scrollbar-thumb {
        background: #888;
    }

        .projec-desc-cont::-webkit-scrollbar-thumb:hover {
            background: #000;
        }

.project-description {
    /*    width:250px;*/
    text-align: justify;
    line-height: 18px;
    /*    text-wrap:*/
    /*position:absolute;*/
    /*bottom:30px;*/
    /*height:25%;*/
    overflow: hidden;
   /* margin-top: 70px;*/
}
.project-info-text {
/*    font-weight: bold;*/
    width: 60%;
}
.project-desc-text {
    height: 70%;
    overflow: hidden;
    position: relative;
}
    .project-desc-text-2{
        position : relative;
    }
.pds-up, .pds-down{
    z-index:10000;
    cursor:pointer;
}
.project-desc-scroll.pds-up {
    position: absolute;
    right: 0px;
}
.project-desc-scroll.pds-down {
    position: absolute;
    right: 0px;
    bottom: -5px;
}
@media only screen and (max-width: 535px) {
  /*  .inner-page-content {
        display: none;
    }
    .project-mob{
        display:block;
    }*/
    #content-list{
        height:auto;
    }
    .proj-projectContainer{
        display:block;
    }
    .project-image-container {
        
        width: 100%;
        padding-top: 100%; /* 1:1 Aspect Ratio */
        position: relative; /* If you want text inside of it */
    }
    .proj-image-1 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    .project-description{
        height:auto;
        position:relative;
        bottom:auto;
    }
    .pds-down, .pds-up{
        display:none;
       
    }
 
}