    @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic,700,700italic,900,900italic,300italic,300,200italic,200);
    h2,h3,h4{
    font-family: 'Source Sans Pro', sans-serif;
    }    
    .tlp-row [class^=tlp-col-] {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .tlp-row [class^=tlp-col-] .tlp-thumb{
      width:100%;
    }
    .tlp-row {
        display: inline-block;
        width: 100%;
    }
    .tlp-row:after{
      clear: both;
    }
    .tlp-col-1{
        width: 100%;
    }
    .tlp-col-2{
        width: 50%;
    }
    .tlp-col-3{
        width: 33.333333%;
    }
    .tlp-col-4{
        width: 25%;
    }
    .tlp-single-item{
      margin: 0 15px;
    }
    
    /**end Globlal**/
    /*layout 1 css */
    .tlp-item{
      overflow: hidden;
    
    }
    .tlp-layout-1 h3{
    margin:0;
    
    }
    .tlp_item_content_area p{
      font-size: 15px;
      
    }
        
    /*layout 2 css */
    .tlp-item{
    overflow: hidden;    
    }
    .tlp-layout-2 h3, .tlp-layout-3 h3{
    font-size: 16px;
    margin: 0;
    padding: 10px 0;
    }
    .tlp-layout-3 .tlp_item_content_area h3{
    text-align: center;
    }
    .tlp-layout-2 .tlp_item_content_area {
    padding: 0px 10px;
    }
    .tlp-layout-2 .tlp_item_content_area p{
    font-size: 14px;
    margin: 0;
    line-height: 20px;
    }
    .tlp-layout-2 .view_all {
    padding: 35% 0;
    }    
    .tlp_item_content_area{ 
    padding: 0 0 15px 0;
    }
    .portfolio_content {
    padding: 12px 15px;
    }
    .portfolio_content h3{
    margin: 0;
    font-size: 24px;
    }    
    .tlp_item_img{
      position:relative;
      overflow:hidden;
    }
    .overlay2{
      width:100%;
      height:100%;
      position:absolute;
      background: rgba(38, 38, 38, 0.8);
      color: rgba(22, 168, 235, 0.6);
      top:100%;
      transition:All .5s linear;
    
    }
    .tlp_item_img:hover .overlay2{top:0}
    
    .tlp-layout-1 .view_all{
       padding: 35% 0;
    }
    
    .tlp-layout-3 h3{
      font-size: 20px;
    }
    
    .tlp-widget-holder .view_all .sdetails h3 {
        font-size: 20px;
    }
    .tlp-widget-holder .tlp-item{
       text-align: center;
    }
    .tlp-widget-holder .view_all ul {
        position: absolute;
        margin: 0 auto;
        bottom: 20px;
        left: 27%;
    }
    .tlp-widget-holder .view_all {
      color: #fff;
    }
    
    .tlp-widget-holder .overlay2 .sdetails {
        padding: 10px 15px;
    }    
     .tlp-container[class^=tlp-layout-] .view_all {
        overflow: hidden;
        color: #fff;
        padding: 35% 0;
    }
    .view_all ul{
      margin: 0;
      padding: 0;
      list-style:none;
      text-align:center;
    }
    .view_all ul li{
      display: inline-block;
      margin-right: 10px;
    }
    .view_all ul li a{
        border: 1px solid #858483;
        font-size: 18px;
        padding: 5px 9px;
        text-align: center;
        vertical-align: middle;
        color: #fff;
    }
    .view_all ul li a:hover{
        background: #fff;
        color: #000;
    } 
    .tlp-layout-3 .view_all,.widget-box .view_all {
      text-align: center;
    }    
    .tlp-layout-3 .view_all {
        overflow: hidden;
        color: #fff;
        padding: 35% 0;
    }    
    .tlp-widget-holder .owl-pagination {
        display: inline-block;
        width: 100%;
        text-align: center;
    }    
    .tlp-widget-holder .owl-page {
        width: 10px;
        height: 10px;
        background: rgba(38, 38, 38, 0.5);
        margin-right: 5px;
        border-radius: 50%;
        display: inline-block;
    }
    .tlp-widget-holder .owl-page.active{
      background: #000;
    }    
     .tlp-col-2,.tlp-col-3,.tlp-col-4{
            float: left;
        }    
    .tlp_item_content_area h3{
        padding: 15px 0;
        
    }    
    .tlp_item_content_area h3 a{
        text-decoration: none;
        
    }
    .tlp_item_content_area h3 {
        padding: 15px 0 8px;
    }
    .tlp50left{
        float: left;
        width: 50%;
    }
    .tlp-layout-2 h3{
      margin-top: 0;  
      padding-top: 0;
      font-size: 22px;
      font-weight: 600;
    }
    .tlp-layout-1 h3,.tlp-layout-3 h3{     
      font-size: 22px;
      font-weight: 600;
    }
    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        
        .tlp-layout-2  .tlp-col-4{
            width: 50%;
        }        
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
       .tlp-layout-1 .tlp-col-4{
            width: 50%;
        }  
        .tlp-layout-3 .tlp-col-4{
            width: 50%;
        }    
    }    
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
   
        .tlp-layout-1 .tlp-col-4{
            width:100%;
        }
        .tlp-layout-2  .tlp-col-2,.tlp-layout-2  .tlp-col-4{
            width: 100%;       
        }        
        .tlp-layout-3 .tlp-col-4{
            width: 100%;
        }    
        
       
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }
