/* Added for comment consistency */

.footnote {
    font-size: 85%;
    color: #666666;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 20px;
    font-style: italic;
}

li {
  margin-top: 2px;
  font-weight: 600;
}

.number-dot {
  background: #FF5A00;  /* FF5A00 676dfc */
  border-radius: 50%;
  color: #ffffff;
  font-size: .6rem;
  line-height: 15px;
  display: block;
  text-align: center;
  width: 14px;
  height: 14px;
  float:left;
  margin: 4px 6px 0px -24px;
  align-content: center;
}

.number-dot-inline {
  background: #FF5A00;  /* FF5A00 676dfc */
  border-radius: 50%;
  color: #ffffff;
  font-size: .6rem;
  line-height: 15px;
  display: block;
  text-align: center;
  width: 18px;
  height: 18px;
  float:left;
  margin: 2px 6px 0px 0px;
  align-content: center;
}

.step-text {
  margin: 30px 0px 0px 0px;
}

hr {
  border-top: 1px solid #d5d5d5;
  margin: 40px 0 40px 0;
}

#separator {
  width: 100%;
  height: 10px;
  background: #999999;
  margin: 40px 0 40px 0;
}

/* Added for the red box around version text */
.redbox {
color: #ffffff;
background-color: #ff0000;
padding: 2px 6px 2px 6px; border-radius: 4px;
}

.quotebox {
background-color: #f2f2f2;
padding: 30px 30px 30px 30px;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-radius: 23px 23px 23px 23px;
}

.quotebox-text {
font-size: 150%;
font-style: italic;
font-weight: 400;
line-height: 170%;
margin-top: 20px;
}

.quotebox-quote {
font-size: 200%;
vertical-align: middle;
margin: 0px 4px 0px -4px;
}

/* OTHER RANGES */
section.other-range-wrapper {
  padding-top: 120px;
  background-image: url(https://static.roland.com/promos/srt/images/srt_img_01.jpg);
  background-size: cover;
  box-shadow: inset 0px 13px 13px -6px #093a8aa1, inset 0px -11px 12px -8px #093a8a9c;
}
 .other-range-intro {
     padding: 0 10% 60px;
     max-width: 870px;
     margin: 0 auto;
 }
 .other-range-intro .c-headline02,
 .other-range-intro .c-text {
     text-align: center !important;
     color: #fff !important;
 }
 .other-range-intro .c-headline02 {
   text-transform: uppercase;
   letter-spacing: 5px;
 }
 .other-range-col .c-headline03 {
    font-size: 1.2rem !important;
    margin-bottom: 10px !important;
    letter-spacing: 5px;
    color: #fff !important;
}
 .other-range-col {
    display: grid;
    grid: auto / 1fr 1fr 1fr 1fr;
    gap: 20px;
    padding: 0 0% 0px;
    width: 100%;
    box-sizing: border-box;
 }
 .other-range-col-2 {
    display: grid;
    grid: auto / 1fr 1fr;
    gap: 20px;
    padding: 0 0% 0px;
    width: 100%;
    box-sizing: border-box;
 }
/* .other-range-col {
    display: grid;
    grid: auto / 1fr 1fr 1fr 1fr;
    gap: 50px;
    padding: 0 7% 120px;
    width: 100%;
    box-sizing: border-box;
 }*/
 .other-range-lineup-item {
     display: flex;
     flex-direction: column;
     align-items: start;
     justify-content: start;
 }
 .other-range-lineup-item {

 }
 .other-range-lineup-img {
    width: 100%;
/*    padding: 0 0 40px;*/
    margin: 0 auto;
    display: block;
    box-sizing: border-box;
}
.other-range-lineup-item .btn-news-link {
  padding: 0;
  background-color: #0000;
}
.other-range-lineup-item .btn-news-link:before {
  content: '\e603';
  font-family: 'glyphicon';
  margin-right: 7px;
  position: relative;
  top: 2px;
  background: #fff;
  color: #0064ff;
}
.other-range-lineup-item .btn-news-link:hover {
  background-color: #0000;
}
 @media only screen and (max-width:1299px) {
   .other-range-col {
     grid: auto / 1fr 1fr;
     gap: 0px 60px;
   }
   .other-range-col-2 {
     grid: auto / 1fr 1fr;
     gap: 0px 60px;
   }
   section.other-range-wrapper {
     padding-top: 120px;
     background-image: url(https://static.roland.com/promos/srt/images/srt_img_01.jpg);
     background-size: 70%;
   }
 }
 @media only screen and (max-width:767px) {
   .other-range-col {
     grid: auto / 1fr;
     gap: 20px;
/*     padding: 0 10% 120px;*/
   }
   .other-range-col-2 {
     grid: auto / 1fr;
     gap: 20px;
/*     padding: 0 10% 30px;*/
   }
   section.other-range-wrapper {
     padding-top: 120px;
     background-size: contain;
   }
 }

/* srt table */
.checkmark {
  background: #eb6100;
  border-radius: 50%;
  color: #ffffff;
  font-size: 9.2px;
  font-size: .5rem;
  line-height: 15px;
  display: block;
  text-align: center;
  width: 15px;
}
.product {
	background: #6d6e71;
    vertical-align: bottom;
    text-align: left;
}
.heading-1 {
	background: #dcddde;    /* 30% black bcbec0 */
    text-align: left;
    border: 1px solid #cbc8c7;
}
.heading-2  {
	background: #dcddde;    /* 30% black bcbec0 */
    text-align: left;
    border: 1px solid #cbc8c7;
}
td.rg-table {
    width: 10%;
    vertical-align: text-top;
    align: left;
    border: 1px solid #ddd;
}
.t-border {
    border: 1px solid #cbc8c7;
}

table.rg-table {
  width: 100%;
  margin-bottom: 0.5em;
  font-size: 1em;
  border-collapse: collapse;
  border-spacing: 0;
}
table.rg-table tr {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-align: left;
  color: #333;
}
table.rg-table thead {
  border-bottom: 3px solid #ddd;
}
table.rg-table tr {
  border-bottom: 1px solid #ddd;
  color: #222;
}
table.rg-table tr.highlight {
  background-color: #dcf1f0 !important;
}
table.rg-table.zebra tr:nth-child(even) {
  background-color: #f6f6f6;
}
table.rg-table th {
  font-weight: bold;
  padding: 0.35em;
  font-size: 0.9em;
}
table.rg-table td {
  padding: 0.35em;
  font-size: 0.9em;
}
table.rg-table .highlight td {
  font-weight: bold;
}
table.rg-table th.number,
td.number {
  text-align: right;
}
/* srt table end */