


  .element {
        position: relative;
        width:93%; 
        margin:5px 0px 5px 0px;
        padding:2%;
        clear:both;
        overflow: hidden;
        border:1px solid #dedede;
        background:#f9f9f9;
  }

  .element > div {
        display:table-cell;
  }

  .element div.left-block {
        padding-right:10px;
  }

  .element div.left-block .main-image-block {
        clear:both;
        width:240px; 
  }

  .element div.left-block .main-image-block img {
        width:240px !important; 
        height:auto;
  }

  .element div.left-block .thumbs-block {
        position:relative;
        margin-top:10px;
  }

  .element div.left-block .thumbs-block ul {
        width:240px; 
        height:auto;
        display:table;
        margin:0px;
        padding:0px;
        list-style:none;
  }

  .element div.left-block .thumbs-block ul li {
        margin:0px 3px 0px 2px;
        padding:0px;
        width:75px; 
        height:75px; 
        float:left;
  }

  .element div.left-block .thumbs-block ul li a {
        display:block;
        width:75px; 
        height:75px; 
  }

  .element div.left-block .thumbs-block ul li a img {
        width:75px; 
        height:75px; 
  }

  .element div.right-block {
        vertical-align:top;
  }

  .element div.right-block > div {
        width:100%;
        padding-bottom:10px;
        margin-top:10px;
                        background:url('/wp-content/plugins/portfolio-gallery/Front_end/../images/divider.line.png') center bottom repeat-x;
                
  }

  .element div.right-block > div:last-child {
        background:none;
  }

  .element div.right-block .title-block  {
        margin-top:3px;
  }

  .element div.right-block .title-block h3 {
        margin:0px;
        padding:0px;
        font-weight:normal;
        font-size:18px !important;
        line-height:18px !important;
        color:#0074a2;
  }

  .element div.right-block .description-block p,.element div.right-block .description-block * {
        margin:0px;
        padding:0px;
        font-weight:normal;
        font-size:14px;
        color:#555555;
  }


  .element div.right-block .description-block h1,
  .element div.right-block .description-block h2,
  .element div.right-block .description-block h3,
  .element div.right-block .description-block h4,
  .element div.right-block .description-block h5,
  .element div.right-block .description-block h6,
  .element div.right-block .description-block p, 
  .element div.right-block .description-block strong,
  .element div.right-block .description-block span {
        padding:2px !important;
        margin:0px !important;
  }

  .element div.right-block .description-block ul,
  .element div.right-block .description-block li {
        padding:2px 0px 2px 5px;
        margin:0px 0px 0px 8px;
  }

  .element .button-block {
        position:relative;
  }

  .element div.right-block .button-block a,.element div.right-block .button-block a:link,.element div.right-block .button-block a:visited {
        position:relative;
        display:inline-block;
        padding:6px 12px;
        background:#2ea2cd;
        color:#ffffff;
        font-size:14;
        text-decoration:none;
  }

  .element div.right-block .button-block a:hover,.pupup-elemen.element div.right-block .button-block a:focus,.element div.right-block .button-block a:active {
        background:#0074a2;
        color:#ffffff;
  }



  @media only screen and (max-width: 767px) {
        
        .element > div {
                display:block;
                width:100%;
                clear:both;
        }

        .element div.left-block {
                padding-right:0px;
        }

        .element div.left-block .main-image-block {
                clear:both;
                width:100%; 
        }

        .element div.left-block .main-image-block img {
                width:100% !important;  
                height:auto;
        }

        .element div.left-block .thumbs-block ul {
                width:100%; 
        }
  }

  