.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;
    }