/* Regular Styling */

.field-name-field-tags {
    display: none;
}

.infosvc-fullwidth {
  clear: both;
  width: 100%;
}
.infosvc-twocolspan {
    width: 75%;
    float: left;
    padding: 0px 10px;
}
.infosvc-twocol-left {
  clear:none;
  float:left;
  width:48%; 
  padding: 5px;  
}
.infosvc-twocol-right {
  clear:none;
  float:left;
  width:48%; 
  padding: 5px;
  margin-left:auto;
  margin-right:auto;
 }
.infosvc-sidebox {
  clear:none;
  float:left;
  width:20%;
  padding: 10px;
  border:1px solid #008888;
  border-radius: 7px;
  margin-top:20px;
}

/* Responsive Styling */

/* smartphone_landscape one_col_vert */
@media only screen and (max-width:480px) {
 .infosvc-twocolspan, .infosvc-twocol-left, .infosvc-twocol-right  {
    clear: both;
    float: left;
    width: 95%;
 }
 .infosvc-sidebox {
   clear:both;
   float:left;
   width:95%;
   padding: 10px;
   border: none;
 }
}

/* tablet_portrait one_col_vert */
@media only screen and (min-width:481px) and (max-width:768px) {
 .infosvc-twocolspan, .infosvc-twocol-left, .infosvc-twocol-right  {
    clear: both;
    float: left;
    width: 95%;
  }
  
 .infosvc-sidebox {
   clear:both;
   float:left;
   width:95%;
   padding: 10px;
   border: none;
  }
}
/* tablet_landscape three_col_grail */
@media only screen and (min-width:769px) and (max-width:1163px) {
 .infosvc-twocolspan {
    width: 70%;
    float: left;
    padding: 0px 10px;
 }
 .infosvc-twocol-left {
   clear:none;
   float:left;
   width:45%; 
   padding: 5px;  
 }
 .infosvc-twocol-right {
   clear:none;
   float:left;
   width:45%; 
   padding: 5px;
   margin-left:auto;
   margin-right:auto;
 }
 .infosvc-sidebox {
   clear:none;
   float:left;
   width:20%;
   padding: 10px;
   border:1px solid #008888;
   border-radius: 7px;
 }
}