.contact-form #jform_contact_message {
    height: 100px !important;
}

.checkbox{padding-left: 20px !important; }

.view-contactgrids .checkbox label, .view-contact2grids .checkbox label{
  padding-left: 0 !important;
}
.span12{width: 100%; margin: 0 !important; }
.span4{ width: 33%;  margin: 0 !important; float: left;}

.w3-hide{display: none;}
.w3-show{display: block;}
.contact_grid_desktop .name{
font-family: Lato,arial,helvetica,sans-serif;
font-size: 16px;
line-height: 30px;
font-weight: 500;
color: #007ac3;
}

.contact_grid_desktop img{
width: auto;
height: 230px;
}
#contact_grid_mobile img{
width: 78%;
height: auto !important;
}
.contact_grid_desktop .innerbox{
padding: 20px;
margin: 10px;
border: 1px solid #efefef;
text-align: center;
cursor: pointer;
}
#contact_grid_mobile .innerbox{
padding: 18px;
margin: 1%;
border: 1px solid #efefef;
text-align: center;
cursor: pointer;
float: left;
width: 89%;
}

.innerbox:hover{
background-color: #007ac3;
}

.span12 {
    overflow: hidden;
}

.contact_grid_desktop .art_image {
    width: auto;
    background-color: #FFF;
}
.contact_grid_desktop .user_info{
    background-color: #FFF !important;
  padding: 18px 10px 7px 10px;
  height: 90px;
}

#contact_grid_mobile .art_image {
    height: 180px;
    width: 50%;
    float: left;
    background-color: #FFF;
    padding-top: 6px;
}
#contact_grid_mobile .user_info{
background-color: #FFF !important;
padding: 20px 8px;
width: 46%;
height: 180px;
float: left;
}



.art_name{
    font-family: Lato,arial,helvetica,sans-serif;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #007ac3;
}

.art_position{
font-family: Lato,arial,helvetica,sans-serif;
font-size: 11px;
line-height: normal;
font-weight: 600;
color: #070505;
text-transform: uppercase;
white-space: pre-line;
}
.detail{ 
    float: left; 
    border-top: 3px solid #EFEFEF;  
    padding: 20px;
    width: 97%;
   -webkit-box-shadow: inset 0 10px 10px -10px rgba(35,35,35,.21),inset 0 -10px 10px -10px rgba(35,35,35,.21);
   box-shadow: inset 0 10px 10px -10px rgba(35,35,35,.21),inset 0 -10px 10px -10px rgba(35,35,35,.21);

}

.span6 {

    width: 50%;
    float: left;

}

.detail h3{
    color: #007ac3;
    font-size: 18px;
    line-height: normal;
}
#loader{
  width: 100%;
  position: fixed;
  text-align: center;
}
#close_button {
      font-size: 18px;
    font-weight: bold;
      color: gray;
    cursor: pointer;
  }
#close_button_box{
      text-align: right;
line-height: 10px;
}  

@media only screen and (max-width: 600px) {
  #contact_grid_desktop .span4 {
    width: 100%;
}
  body #contact_grid_mobile{ display: block;}
}

@media only screen and (min-width: 601px) {
  body .contact_grid_desktop{ display: block;}
}
@media (min-width: 601px) and (max-width: 991px) {
  #contact_grid_desktop .span4 {
    width: 50%;
}
}