/*div#d1 ul{
    width:100%;
    margin-bottom: 20px;
    overflow: hidden;
    border-top: 1px solid #ccc;
}
#double li{
    width: 50%;
    border-bottom: 1px solid #ccc;
    float:left;
    display:inline;}

#triple li{
    width:33.333%;
    border-bottom: 1px solid #ccc;
    float:left;
    display:inline;}
  /*li#d1{border-bottom: 1px solid #ccc;
    float:left;
    display:inline;}*/

/*@media screen and (max-device-width: 321px) and (max-device-width: 480px) and (device-aspect-ratio: 2/3) and (device-aspect-ratio: 40/71) and (device-aspect-ratio: 3/4) {
    #double li{
      width: 100% !important;
      float:none !important;
      display:inherit !important;}
    #triple li{
      width:100% !important;
      float:none !important;
      display:inherit !important;}
}*/
.vid_wrap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.vid_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;min-width: 100%; }

/* Hide table headers (but not display: none;, for accessibility) */
    table#d1{width: 100%;}
    thead#d1 tr#d1 { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    
    tr#d1 { border:none; }
    
    td#d1 { 
      /* Behave  like a "row" */
      border: none;
      border-bottom: none; 
      position: relative;
      padding: 1px 5px 1px 5px; 
    }
    
    td#d1:before { 
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      white-space: nowrap;
    }
@media  only screen and (max-width: 760px){
  
    /* Force table to not be like tables anymore */
    table#d1, thead#d1, tbody#d1, th#d1, td#d1, tr#d1 { 
      display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    thead#d1 tr#d1 { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    
    tr#d1 { border:none; }
    
    td#d1 { 
      /* Behave  like a "row" */
      border: none;
      border-bottom: none; 
      position: relative;
      padding: 0 14% 0 14%; 
    }
    
    td#d1:before { 
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      white-space: nowrap;
    }
    div.sets{max-width: 320px;
            font-size: 10px;}
    img.sponsors{max-width:80px !important;
      min-width:80px !important;
      vertical-align: none !important;}
      ul.sets{max-width:320px;}}

    

    table#d2 { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr#d2:nth-of-type(odd) { 
  background: #eee; 
}
th#d2 { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td#d2, th#d2 { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}
@media  only screen and (max-width: 760px){
  
    /* Force table to not be like tables anymore */
    table#d2, thead#d2, tbody#d2, th#d2, td#d2, tr#d2 { 
      display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    table#d2{width:100%;}
    thead#d2 tr#d2 { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    
    tr#d2 {border: 1px solid #ccc;}
    
    td#d2 { 
      /* Behave  like a "row" */
      border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
    }
    tr#d2:nth-of-type(odd) { 
  background: #eee; 
}
th#d2 { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td#d2, th#d2 {  
  border: 1px solid #ccc; 
  text-align: left; 
}
    td#d2:before { 
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      white-space: nowrap;
    }
  td#d2:nth-of-type(1):before { content: "Position"; }
  td#d2:nth-of-type(2):before { content: "Name"; }
  td#d2:nth-of-type(3):before { content: "Points"; }
  td#d2:nth-of-type(4):before { content: "Riding"; }
  td#d2:nth-of-type(5):before { content: "Payout"; }}
  .col-xs-13{float: left;
    width:100%;}
    
    img.vi{
  float: right !important;
  max-height: 100px !important;
  max-width: 45% !important;
  padding: 3% 3% 0% 3% !important;
  }
  a.lmg{color: #FFA529;}
  @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)  {
      img.sponsors{max-width:200px !important;
      min-width:200px !important;
      vertical-align: none !important;}
      ul.sets{max-width:320px;}
    img.vi {
    float: right !important;
    max-height: 100px !important;
    max-width: 20% !important;
    padding: 3% 3% 3% 3% !important;}
    
  }

@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
  article img, .article-intro img {max-width: 287px !important;}
}
.images-box {
  float: left;
  margin: 5px 20px 20px 0;
  padding: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .images-box {
    float: none;
    margin: 0 0 20px 0;
    width: auto;
  }
}
.images-box > img {
  margin: 0;
  width: 100%;
}
.images-box .positions {
  background: #d0d0d0;
  color: #333333;
  padding: 7px;
  text-align: center;
  overflow: hidden;
  border-top: 1px solid #f9f9f9;
}
.images-box .positions > p {
  font-size: 16px;
  margin-bottom: 5px;
}
.images-box .social_toolbox a {
  color: #ff0000;
  font-size: 18px;
  margin: 0 5px;
}
.events .col-lg-8.col-md-8.col-sm-12.col-xs-12 p{text-indent: 50px;}
#tickets .modal-content h4{font-size: 25px;text-align: center;}
#tickets .modal-content {text-align: center;}
#tickets .modal-content img{margin:auto;}