.img_con
{
    padding: 5px !important;
}

.image {
  display: block;
  width: 100%;
  height: auto;
/*  padding: 5px;*/
/*    border-radius: 10px !important;*/
}
.tut_cont
{
    padding-top: 0px;
}   
.overlay {
 position: absolute;
    bottom: 0px;
/*    right: 5px;*/
    overflow: hidden;
    width: 100%;
    height: 17.5%;
    transition: .4s ease;
    background: rgba(54, 25, 25, .5);
    /* border-radius: 7px !important; */
}
/*
.inner_overlay
{
  background: rgba(54, 25, 25, .5);
}
*/


.img_con:hover .overlay
{
    height: 100%;
}
.text
{
    text-align: center;
}
.featured_heading
{
    text-align: left;
    padding-left: 8px;
    padding-right: 8px;
}
.featured_heading h3
{
    color: #484848;
 
}
.library_list
{
    border: 3px solid #ffa500;
/*    border-radius: 5px;*/
    background-color: #ffa500;
    
}
.media_body
{
    vertical-align: middle !important;
}
.library_list_icons
{
    font-size: 20px;
}
/*
.articles_list li:hover
{
    opacity: 0.5;
}
*/
.technology_list
{
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.library_list h3
{
     color: white;
    margin-top: 10px;
}
.list_style_new
{
    border: 1px solid #E8E8E8;
   
}


/* list hover */

.container2 {
  position: relative;
  width: 100%;
}

.image2 {
  display: block;
  width: 100%;
  height: auto;
}

.overlay2 {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: rgba(54, 25, 25, .5);;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.container2:hover .overlay2 {
  width: 100%;
  left: 0;
}

.text2 {
  color: white;
  font-size: 20px;
/*  position: absolute;*/
/*
  top: 50%;
  left: 50%;
*/
/*
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
*/
  white-space: nowrap;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
}
.list_style_new a
{
    text-decoration: none !important;
}
/* end of list hover */

/*.search_bar
{
   
    margin-bottom: -8px;
    margin-top: 10px;

}*/
.featured_heading h3
{
   margin-top: 5px;
    margin-bottom: 5px;
    color: black;
}
.heading_con
{
/*    background-color: #F7F7F7  ;*/
    border-radius: 5px;
}

/* tutorials library */

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

.col-lg-4, col-md-4, col-sm-4, col-xs-4{
    float:left;
}

.post{
    display:block;
    border:1px solid #ffffff;
    border-radius:3px;
/*    margin-bottom:20px;*/
    background-color:#dadfe3;
}

/*end of tutorials library*/


/* mobile view css */
@media only screen and (max-width: 500px) {
  
       .overlay {
    position: absolute;
/*    bottom: 6px;*/
/*    right:5px;*/
    overflow: hidden;
    width: 100%;
    height:  100%;
    transition: .4s ease;
    background: rgba(54, 25, 25, .5);
   
}
    .img_con:hover .overlay
{
    height:100%;
}

}

/* end of mobile view css*/

.custom-full-width
{
    width: 100%;
}
.custom-tutlib-heading
{
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px; 
}
.custom-tut-lib-block
{
    padding-left: 0px;
    padding-right: 0px;
}
.custom-panel-default
{
    border-color:transparent;
    box-shadow:none;
}
.custom-text-tut
{
    background-color: #0808087d;
    color: white;
    font-size: 16px;
}
#custom-subchd
{
    display: inline-block !important;
}
.nav-side-menu ul .sub-menu li:before, .nav-side-menu li .sub-menu li:before
{
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    float: left !important;
    vertical-align: middle;
}
.custom-thum-icon
{
    width: auto;
}
.custom-tum-icon-txt
{
    width: 83.2%;
    vertical-align: middle;
}
.custom-library-list
{
    text-align: center;
    color: #fff;
        font-size: 20px;
}
.custom-search-box
{
display: inline-block;
    width: 250px;
    float: right;
}
@media(max-width:400px)
{
    .custom-tum-icon-txt
    {
            width: 80.7% !important;
    }
}
@media(max-width:1024px)
{
    .overlay
    {
        height: 100% !important;
    }
}
@media(max-width:995px)
{
    .custom-tum-icon-txt
    {
        width: 82.6%;
    }
}
@media(max-width:525px)
{
      .custom-search-box
{
    display: inline-block;
    width: 100% !important;
    float: right;
}  
}
.inner-slider-ft-div
{
    position: relative;
}