.wrap {
      overflow: hidden;
      margin: 10px;
    }
    .gallery-box {
      float: left;
      position: relative;
      width: 20%;
      padding-bottom: 20%;
border-radius: 3px;
background: #FFF none repeat scroll 0% 0%;
border-top: 3px solid #D2D6DE;
margin-bottom: 20px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
padding-right:2px;
padding-left:2px;
    }
    .boxInner {
      position: absolute;
      left: 10px;
      right: 10px;
      top: 10px;
      bottom: 10px;
      overflow: hidden;
    }
    .boxInner img {
      width: 100%;
    }
    .boxInner .titleBox {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin-bottom: -50px;
      background: #000;
      background: rgba(0, 0, 0, 0.5);
      color: #FFF;
      padding: 10px;
      text-align: center;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    div.no-touch .boxInner:hover .titleBox, div.touch .boxInner.touchFocus .titleBox {
      margin-bottom: 0;
    }
    @media only screen and (max-width : 480px) {
      /* Smartphone view: 1 tile */
      .gallery-box {
        width: 100%;
        padding-bottom: 100%;
      }
    }
    @media only screen and (max-width : 650px) and (min-width : 481px) {
      /* Tablet view: 2 tiles */
      .gallery-box {
        width: 50%;
        padding-bottom: 50%;
      }
    }
    @media only screen and (max-width : 1050px) and (min-width : 651px) {
      /* Small desktop / ipad view: 3 tiles */
      .gallery-box {
        width: 33.3%;
        padding-bottom: 33.3%;
      }
    }
    @media only screen and (max-width : 1290px) and (min-width : 1051px) {
      /* Medium desktop: 4 tiles */
      .gallery-box {
        width: 25%;
        padding-bottom: 25%;
      }
    }


    .website-text{
        color:#808080; padding:2px 3px 14px 3px;text-align:center;font-weight:bold;
    }


    /*=========== OWL Slider CSS ============*/

    #owl-demo .item{
      background: #3fbf79;
      padding: 4px 0px;
      margin: 10px;
      color: #FFF;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
      height:116px;
    }

    #owl-demo img{
height:85px;
padding:10px;
    }


    .customNavigation{
      text-align: center;
    }
    .customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }


    #owl-single .item img{
        display: block;
        width: 100%;
        height: 300px;
    }


    .border-radius-5{
        border-radius:5px!important;
    }


    .error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }


    .alert{
position: fixed;
top: 50px;
left: 25%;
width: 50%;
z-index: 999999;
    }