/* Mobile and tablet */
@media (max-width: 1024px) {
  * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
  }
  .datapage-form table {
        width: 100% !important;
        margin: 0px !important;
  }
  .datapage-form td {
        display: block;
  }
  .datapage-form input, .datapage-form select, .datapage-form textarea {
        width: 100% !important;
  }
  .datapage-form input[type=radio], .datapage-form input[type=checkbox] {
        width: auto !important;
  }
  .datapage-form img[alt~="Calendar"] {
        position: relative;
        left: -19px;
        top: 4px;
  }
  .datapage-form img[alt~="Audio"] {
        position: relative;
        left: -19px;
        top: 4px;
  }
  .datapage-form img[alt~="Download"] {
        position: relative;
        left: -46px;
        top: 4px;
  }
  .datapage-form input + span > a {
        display: inline-block;
        width: 1px;
        overflow: visible;
        position: relative;
        left: -8px;
  }
  .datapage-form input + a[href="#"], .datapage-form input + a[href="#"] + a {
        display: inline-block;
        width: 1px;
        overflow: visible;
        position: relative;
        left: -8px;
  }
  .cbFormSelect {
    min-width: 0 !important;
  } 
  #gallery-single h4 {
    margin-top: 20px;
  }
}

/* Mobile */
@media (max-width: 767px) { 
  #gallery-single * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  #gallery-single table[id^="PageActionsCtnr"] {
    border-spacing: 0px !important;
    border-collapse: separate !important; 
  }
  #gallery-single table[id^="PageActionsCtnr"] td {
    display: block;
    width: auto!important;
    float: left;
    text-align: left;
    padding: 1px !important;
  }
  #gallery-single table[id^="PageActionsCtnr"] td div {
    text-align: left !important;
  }
  #gallery-single table[data-cb-name^="cbTable"] {
    border-spacing: 0px !important;
    border-collapse: collapse !important; 
    margin-bottom: 7px;       
  }
  #gallery-single table[data-cb-name^="cbTable"] td {
    display: block;
    width: 100% !important;
    float: left;
    text-align: left;
    margin-top: 10px;   
  }
  #gallery-single table[data-cb-name^="cbTable"] td div {
    text-align: left !important;    
  }
  #gallery-single table[data-cb-name^="cbTable"] td > div > div[name^="RACtnr"], 
  #gallery-single table[data-cb-name^="cbTable"] td > div > div[name^="RACtnr"]:hover { 
    vertical-align: middle !important;
    white-space: normal !important;
    background: transparent !important;
    overflow: hidden !important;
    display: inline-block !important;
    padding: 0px !important;      
    margin: -6px 12px 8px 12px !important; 
    line-height: 0px;
    position: static !important;
    width: auto !important;
    opacity: 1.0 !important;
  } 
  /* Find a Class */
  .result-image-container {
    padding: 0 !important;    
  }
  .result-image-container img {
    width: 100% !important;
  }
  .result-text-container {
    width: 100% !important;
  } 
  .register-div {
    margin: 10px 0 5px 0 !important;
  }
  .register-btn-container {
    justify-content: right !important;
    align-items: right !important;
    float: right !important;
  }
  .result-header {
    margin-top: 10px !important;
  }
  .chart-mobile {
    margin-top: 0px !important;
  }
}

/* Find a Class */
.result-image-container {
  float: left; 
  display: block; 
  padding: 0px 20px 0px 0px;    
}
.result-image-container img {
  width: 200px;
}
.result-text-container {
  display: block; 
  width: 50%; 
  float: left;
  padding: 0;
} 
.result-header {
  margin: 0px 0px 5px 0px;
  font-size: 20px !important;
  font-weight: 700 !important;
}
.result-header a {
  color: #0090B4 !important;
}
.result-details {
  display: block; 
  padding: 8px 0px 0px 0px;
}
.register-btn {
  color: #fff !important;
  display: block; 
  text-align: center; 
  background-color: #FF772A; 
  color: #fff; 
  border-radius: 2px;
  font-size: 16px; 
  font-weight: 400;
  padding: 10px 30px;
  max-width: 150px;  
}
a.register-btn:hover {
  text-decoration: none !important;
}
.register-btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.register-div {
  align-self: center;
  margin-top: 45px;
}
.result-header > a {
  text-decoration: none !important;
}

/* General UI */
.cbFormSelect {
  min-width: 250px;
}
.float-left {
  float: left;
}

/* Tablet view */
@media (min-width: 768px) and (max-width: 1024px) {  
  /* Dashboard Charts */
  .chart-tablet {
    padding-bottom: 0 !important;
  }
} 

/* Small tablet view */
@media (min-width: 768px) and (max-width: 991px) {  
  /* Customers - Home */
  .class-tablet-width {
    width: 85%;
  }
}