@font-face {
  font-family: "pala";
  src: url("/Assets/Fonts/Times/times.ttf") format("truetype");
}

@font-face {
  font-family: "palab";
  src: url("/Assets/Fonts/Times/timesbd.ttf") format("truetype");
}

@font-face {
  font-family: "GIL";
  src: url("/Assets/Fonts/open sans/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "GILB";
  src: url("/Assets/Fonts/open sans/OpenSans-Bold.ttf") format("truetype");
}

body,
html {
  min-height: 100%;
  font-family: "GIL";
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  height: 100%;
}

header {
  background: #223d50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0;
  position: absolute;
  width: 100%;
  z-index: 9;
}

@media (max-width: 992px) {
  header {
    padding: 10px 0;
  }
}

header .headerContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 1024px) {
  header .headerContainer {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 992px) {
  header .headerContainer {
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
  }
}

@media (max-width: 576px) {
  header .headerContainer {
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 992px) {
  header .headerContainer .headerLogo {
    margin-right: 10px;
    z-index: 9;
  }
}

@media (max-width: 767px) {
  header .headerContainer .headerLogo {
    z-index: 0;
  }
}

@media (max-width: 576px) {
  header .headerContainer .headerLogo {
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 10px;
    z-index: 0;
  }
}

header .headerContainer .headerLogo img {
  max-height: 50px;
}

@media (max-width: 1400px) {
  header .headerContainer .headerLogo img {
    max-width: 250px;
  }
}

@media (max-width: 767px) {
  header .headerContainer .headerLogo img {
    max-width: 200px;
  }
}

header .headerContainer .headerLogo img.logo_mobile {
  display: none;
}

@media (max-width: 992px) {
  header .headerContainer nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 10px;
  }
}

@media (max-width: 1024px) {
  header .headerContainer nav {
    width: 100%;
  }
}

header .headerContainer nav .menu-icon {
  display: none;
  top: 17px;
  cursor: pointer;
  padding: 5px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media (max-width: 992px) {
  header .headerContainer nav .menu-icon {
    display: inline-block;
    position: absolute;
    top: 23px;
    right: 10px;
    z-index: 9;
  }
}

@media (max-width: 767px) {
  header .headerContainer nav .menu-icon {
    right: 0px;
  }
}

@media (max-width: 576px) {
  header .headerContainer nav .menu-icon {
    top: 10px;
    height: 20px;
  }
}

header .headerContainer nav .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 18px;
}

header .headerContainer nav .menu-icon .navicon:before, header .headerContainer nav .menu-icon .navicon:after {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 100%;
}

header .headerContainer nav .menu-icon .navicon:before {
  top: 5px;
}

header .headerContainer nav .menu-icon .navicon:after {
  top: -5px;
}

header .headerContainer nav .menu-btn {
  display: none;
}

header .headerContainer nav .menu-btn:checked ~ ul {
  max-height: 100%;
  height: 100%;
  z-index: 2;
}

header .headerContainer nav .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

header .headerContainer nav .menu-btn:checked ~ .menu-icon .navicon:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

header .headerContainer nav .menu-btn:checked ~ .menu-icon .navicon:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

header .headerContainer nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon {
  background: transparent;
}

header .headerContainer nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, header .headerContainer nav .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

header .headerContainer nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  clear: both;
}

@media (max-width: 1024px) {
  header .headerContainer nav ul {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 18px;
  }
}

@media (max-width: 992px) {
  header .headerContainer nav ul {
    margin-top: initial;
  }
}

header .headerContainer nav ul .myPlayListDesktop .fa {
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

header .headerContainer nav ul .myPlayListDesktop .fa.active {
  color: #6eb9f7;
  -webkit-transition: 0s;
  transition: 0s;
}

@media (max-width: 992px) {
  header .headerContainer nav ul {
    max-height: 0;
    height: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #223d50;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

header .headerContainer nav ul li {
  font-size: 15px;
}

header .headerContainer nav ul li:not(:last-of-type) {
  margin-right: 20px;
}

@media (max-width: 1200px) {
  header .headerContainer nav ul li:not(:last-of-type) {
    margin-right: 15px;
  }
}

@media (max-width: 992px) {
  header .headerContainer nav ul li:not(:last-of-type) {
    margin-right: 0;
    width: 100%;
  }
}

@media (max-width: 992px) {
  header .headerContainer nav ul li {
    padding: 10px 15px;
    font-size: 16px;
    width: initial !important;
  }
}

header .headerContainer nav ul li .menuLink {
  color: #fff;
  position: relative;
  text-decoration: none;
  padding-bottom: 8px;
  cursor: pointer;
}

header .headerContainer nav ul li .menuLink .fa {
  font-size: 90%;
}

header .headerContainer nav ul li .menuLink:before, header .headerContainer nav ul li .menuLink:after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #427dd8;
}

header .headerContainer nav ul li .menuLink:before {
  opacity: 0;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-transition: opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s;
  transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

header .headerContainer nav ul li .menuLink:after {
  opacity: 0;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

header .headerContainer nav ul li .menuLink:hover:before, header .headerContainer nav ul li .menuLink:hover:after, header .headerContainer nav ul li .menuLink:focus:before, header .headerContainer nav ul li .menuLink:focus:after {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

header .headerContainer nav ul li .menuLink:hover:before, header .headerContainer nav ul li .menuLink:focus:before {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

header .headerContainer nav ul li .menuLink:hover:after, header .headerContainer nav ul li .menuLink:focus:after {
  -webkit-transition: opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s;
  transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

header .headerContainer nav ul li .logoutLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: -12px;
}

header .headerContainer nav ul li .logoutLabel a {
  width: 100%;
  text-align: right;
  color: #fff;
}

header .headerContainer nav .myCartMobile,
header .headerContainer nav .myPlayListMobile {
  display: none;
  position: absolute;
  margin: 0;
  z-index: 10;
}

@media (max-width: 992px) {
  header .headerContainer nav .myCartMobile,
  header .headerContainer nav .myPlayListMobile {
    display: block;
    top: 18px;
    right: 45px;
  }
}

@media (max-width: 767px) {
  header .headerContainer nav .myCartMobile,
  header .headerContainer nav .myPlayListMobile {
    right: 35px;
    z-index: 0;
  }
}

@media (max-width: 576px) {
  header .headerContainer nav .myCartMobile,
  header .headerContainer nav .myPlayListMobile {
    top: 5px;
  }
}

header .headerContainer nav .myCartMobile #LCartCountMobile,
header .headerContainer nav .myPlayListMobile #LCartCountMobile {
  font-size: 10px;
  vertical-align: super;
}

@media (max-width: 992px) {
  header .headerContainer nav .advancedSearchDesktop {
    display: none;
  }
}

@media (max-width: 992px) {
  header .headerContainer nav .myCartMobile {
    right: 45px;
  }
}

@media (max-width: 767px) {
  header .headerContainer nav .myCartMobile {
    right: 35px;
  }
}

@media (max-width: 992px) {
  header .headerContainer nav .myPlayListMobile {
    right: 85px;
  }
}

@media (max-width: 767px) {
  header .headerContainer nav .myPlayListMobile {
    right: 75px;
  }
}

@media (max-width: 992px) {
  header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

header .advancedSearchMobile {
  display: none;
  width: 100%;
}

@media (max-width: 992px) {
  header .advancedSearchMobile {
    display: block;
    text-align: right;
  }
}

@media (max-width: 767px) {
  header .advancedSearchMobile {
    text-align: center;
  }
}

.siteWidth {
  width: calc(100% - 100px);
  margin: 0 auto;
}

@media (max-width: 1400px) {
  .siteWidth {
    width: calc(100% - 50px);
  }
}

@media (max-width: 1200px) {
  .siteWidth {
    width: calc(100% - 30px);
  }
}

@media (max-width: 992px) {
  .siteWidth {
    width: calc(100% - 15px);
  }
}

@media (max-width: 767px) {
  .siteWidth {
    width: calc(100% - 10px);
  }
}

.DDL {
  padding: 0px 35px 0px 5px;
  font-size: 16px;
  border: 1px solid #ccc;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("/Assets/images/downArrow.png") 96%/15% no-repeat;
  outline: none;
  border: none;
  background-size: 20px;
}

.DDL.subcategory {
  border: 1px solid #dbdbdb;
  color: #887070;
  font-size: 14px;
}

/* CAUTION: IE hackery ahead */
.DDL ::-ms-expand {
  display: none;
  /* remove default arrow on ie10 and ie11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width: 0\0) {
  .DDL {
    background: none\9;
    padding: 5px\9;
  }
}

.body {
  min-height: calc(100vh - (80px + 214px));
}

.body .topBanner {
  position: relative;
}

@media (max-width: 768px) {
  .body .topBanner {
    height: 340px;
    overflow: hidden;
  }
}

.body .topBanner .topBannerImg {
  width: 100%;
}

@media (max-width: 768px) {
  .body .topBanner .topBannerImg {
    width: initial;
    height: 340px;
  }
}

.body .topBanner img.Logo {
  max-height: 150px;
}

.body .topBanner .overlaySearch {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}

.body .topBanner .overlaySearch .heading {
  color: #fff;
  font-size: 40px;
  font-family: "palab";
}

@media (max-width: 1200px) {
  .body .topBanner .overlaySearch .heading {
    font-size: 32px;
  }
}

@media (max-width: 992px) {
  .body .topBanner .overlaySearch .heading {
    font-size: 22px;
  }
}

.body .topBanner .overlaySearch .paragraph {
  color: #fff;
  font-size: 22px;
  margin-top: 0px;
}

@media (max-width: 1200px) {
  .body .topBanner .overlaySearch .paragraph {
    font-size: 18px;
  }
}

@media (max-width: 992px) {
  .body .topBanner .overlaySearch .paragraph {
    font-size: 16px;
  }
}

.body .topBanner .overlaySearch .searchBarContainer,
.body .topBanner .overlaySearch .buttonContainer {
  margin-top: 15px;
}

@media (max-width: 1200px) {
  .body .topBanner .overlaySearch .searchBarContainer,
  .body .topBanner .overlaySearch .buttonContainer {
    margin-top: 10px;
  }
}

@media (max-width: 992px) {
  .body .topBanner .overlaySearch .searchBarContainer,
  .body .topBanner .overlaySearch .buttonContainer {
    margin-top: 10px;
  }
}

.body .topBanner .overlaySearch .searchBarContainer .searchBar .searchIcon,
.body .topBanner .overlaySearch .searchBarContainer .searchBar .searchTextBox,
.body .topBanner .overlaySearch .searchBarContainer .searchBar .searchDropDown,
.body .topBanner .overlaySearch .searchBarContainer .searchBar .searchButton {
  height: 36px !important;
}

@media (max-width: 1200px) {
  .body .topBanner .overlaySearch .searchBarContainer .searchBar .searchIcon,
  .body .topBanner .overlaySearch .searchBarContainer .searchBar .searchTextBox,
  .body .topBanner .overlaySearch .searchBarContainer .searchBar .searchDropDown,
  .body .topBanner .overlaySearch .searchBarContainer .searchBar .searchButton {
    height: 28px !important;
  }
}

.body .topBanner .overlaySearch .searchBarContainer .searchBar .searchIcon {
  padding: 0px 10px;
}

@media (max-width: 1200px) {
  .body .topBanner .overlaySearch .searchBarContainer .searchBar .searchIcon {
    padding: 0px 5px;
  }
}

.body .topBanner .overlaySearch .searchBarContainer .searchBar .searchTextBox {
  width: 350px;
}

@media (max-width: 1400px) {
  .body .topBanner .overlaySearch .searchBarContainer .searchBar .searchTextBox {
    width: 300px;
  }
}

@media (max-width: 1200px) {
  .body .topBanner .overlaySearch .searchBarContainer .searchBar .searchTextBox {
    width: 250px;
  }
}

@media (max-width: 576px) {
  .body .topBanner .overlaySearch .searchBarContainer .searchBar .searchTextBox {
    width: initial;
  }
}

.body .topBanner .overlaySearch .searchBarContainer .searchBar .searchTextBox .textField {
  border: none !important;
}

.body .topBanner .overlaySearch .searchBarContainer .searchBar .searchDropDown {
  padding-left: 5px;
  width: 220px;
}

@media (max-width: 1400px) {
  .body .topBanner .overlaySearch .searchBarContainer .searchBar .searchDropDown {
    width: 120px;
  }
}

@media (max-width: 576px) {
  .body .topBanner .overlaySearch .searchBarContainer .searchBar .searchDropDown {
    width: initial;
    max-width: 120px;
  }
}

.body .topBanner .overlaySearch .searchBarContainer .searchBar .searchButton {
  padding-left: 5px;
  width: 120px;
}

@media (max-width: 1400px) {
  .body .topBanner .overlaySearch .searchBarContainer .searchBar .searchButton {
    width: 120px;
  }
}

@media (max-width: 576px) {
  .body .topBanner .overlaySearch .searchBarContainer .searchBar .searchButton {
    width: initial;
    max-width: 120px;
  }
}

@media (max-width: 992px) {
  .searchBarContainer {
    margin-left: 10px;
  }
}

@media (max-width: 576px) {
  .searchBarContainer {
    margin-left: 0px;
  }
}

.searchBarContainer .searchBar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
}

.searchBarContainer .searchBar .searchIcon,
.searchBarContainer .searchBar .searchTextBox,
.searchBarContainer .searchBar .searchDropDown,
.searchBarContainer .searchBar .searchButton {
  height: 28px;
}

.searchBarContainer .searchBar .searchIcon {
  padding: 0px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.searchBarContainer .searchBar .searchIcon .fa {
  color: #989898;
}

.searchBarContainer .searchBar .searchTextBox {
  width: 250px;
}

@media (max-width: 1400px) {
  .searchBarContainer .searchBar .searchTextBox {
    width: 200px;
  }
}

@media (max-width: 1200px) {
  .searchBarContainer .searchBar .searchTextBox {
    width: 170px;
  }
}

@media (max-width: 576px) {
  .searchBarContainer .searchBar .searchTextBox {
    width: initial;
  }
}

.searchBarContainer .searchBar .searchTextBox .textField {
  height: 100%;
  width: 100%;
  border: none;
  border-right: 1px solid #989898;
  outline: none;
  padding: 5px;
  color: #000;
}

.searchBarContainer .searchBar .searchDropDown {
  padding-left: 5px;
  width: 220px;
}

@media (max-width: 1400px) {
  .searchBarContainer .searchBar .searchDropDown {
    width: 120px;
  }
}

@media (max-width: 576px) {
  .searchBarContainer .searchBar .searchDropDown {
    width: initial;
    max-width: 120px;
  }
}

.searchBarContainer .searchBar .searchDropDown .DDL {
  height: 100%;
  width: 100%;
  border: none;
  color: #989898;
}

.searchBarContainer .searchBar .searchButton {
  padding-left: 5px;
  width: 120px;
}

@media (max-width: 1400px) {
  .searchBarContainer .searchBar .searchButton {
    width: 120px;
  }
}

@media (max-width: 576px) {
  .searchBarContainer .searchBar .searchButton {
    width: initial;
    max-width: 120px;
  }
}

.searchBarContainer .searchBar .searchButton .btn {
  height: 100%;
  width: 100%;
  border: none;
  color: #989898;
  padding: 0;
}

.btn {
  border: 3px solid #fff;
  color: #fff;
  background: transparent;
  padding: 10px 15px;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-family: "GILB";
  font-size: 13px;
}

.btn:hover {
  color: #989898;
  background: #fff;
}

@media (max-width: 1200px) {
  .btn {
    padding: 5px 7px;
  }
}

@media (max-width: 576px) {
  .btn {
    font-family: "GIL";
  }
}

.btnColor {
  border: none;
  color: #fff !important;
  padding: 7px 20px;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-family: "GIL";
  font-size: 13px;
  border-radius: 25px;
  text-decoration: none !important;
  min-width: 125px;
  display: inline-block;
  cursor: pointer;
}

.btnColor span.blue {
  color: #4d77b8;
}

.btnColor.btnSmall {
  min-width: 50px;
}

.btnColor.green {
  background: #91c55e;
}

.btnColor.green:hover {
  background: #ccd2d7;
}

.btnColor.red {
  background: #cb7676;
}

.btnColor.red:hover {
  background: #ccd2d7;
}

.btnColor.blue {
  background: #4d77b8;
}

.btnColor.blue:hover {
  background: #ccd2d7;
}

.btnColor.pink {
  background: #ce60c3;
  color: #fff;
}

.btnColor.pink:hover {
  background: #ccd2d7;
}

.btnColor.orange {
  background: #cea33d;
}

.btnColor.orange:hover {
  background: #ccd2d7;
}

.btnColor.white {
  background: #fff;
  color: #919191 !important;
}

.btnColor.white:hover {
  background: #ccd2d7;
}

.btnColor.white img {
  margin-top: -5px;
}

.btnColor span.fa {
  margin-right: 5px;
}

.btnColor.aspNetDisabled {
  background: #ccd2d7;
  cursor: not-allowed;
}

.btnColor.active {
  font-family: "GIL";
  background: #595959;
  cursor: default;
}

.btnColor.active:hover {
  background: #595959;
}

.buttonContainer .btn {
  margin-right: 15px;
  width: 180px;
}

@media (max-width: 576px) {
  .buttonContainer .btn {
    width: 200px;
    margin-right: 0;
    margin-bottom: 5px;
  }
}

.buttonContainer .btn:not(:first-of-type) {
  margin-right: 0;
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart {
  background: #fff;
  padding: 10px 15px;
  position: absolute;
  right: 236px;
  z-index: 11;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart {
    width: calc(100% - 50px);
  }
}

@media (max-width: 1200px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart {
    right: 202px;
  }
}

@media (max-width: 992px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart {
    position: fixed;
    left: 50%;
    top: 50% !important;
    right: initial;
  }
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart .cartHeading {
  color: #223c50;
  text-align: center;
  font-size: 18px;
  font-family: "palab";
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable {
  color: #464646;
  width: 600px;
  margin-top: 15px;
  font-size: 14px;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable {
    width: 100%;
    font-size: 12px;
  }
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable thead {
  border-bottom: 1px solid #ccd2d7;
  font-size: 15px;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable thead {
    width: 100%;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable thead tr .cartTableCategory {
    display: none;
  }
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable thead tr .cartActions {
    display: none;
  }
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tbody {
  max-height: 400px;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tbody tr {
  padding-top: 5px;
  border-top: 1px solid rgba(204, 210, 215, 0.4);
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tbody tr:first-of-type {
  padding-top: 10px;
  border-top: none;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tbody tr {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
  }
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tbody tr .cartTableTotal {
    position: absolute;
    top: 10px;
    right: 0;
  }
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tr .cartTableCategory {
  width: 200px;
  padding-right: 15px;
  min-width: 200px;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tr .cartTableCategory {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: calc(100% - 65px);
    padding-right: 5px;
    min-width: initial;
    margin-top: 5px;
  }
  .headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tr .cartTableCategory:before {
    content: "(";
  }
  .headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tr .cartTableCategory:after {
    content: ")";
  }
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tr .cartTableName {
  width: 100%;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tr .cartTableName {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: calc(100% - 65px);
    padding-right: 5px;
  }
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tr .cartTableTotal {
  min-width: 100px;
  width: 100px;
  text-align: left;
  padding-right: 10px;
  word-break: break-all;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tr .cartTableTotal {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    min-width: 65px;
    width: 65px;
    padding-right: 5px;
  }
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tr .cartActions {
  min-width: 50px;
  width: 50px;
  text-align: right;
  padding-right: 0px;
  word-break: break-all;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tr .cartActions {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    min-width: 65px;
    width: 65px;
    margin-top: 5px;
  }
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart .cartButton {
  text-align: right;
  margin-top: 15px;
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart.hideCart {
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  -webkit-transform: translate(0%, -100%);
          transform: translate(0%, -100%);
  top: 0;
  opacity: 0;
}

@media (max-width: 992px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart.hideCart {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
}

.headerShoppingCartAndPlayListContainer .headerShoppingCart.showCart {
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  top: 80px;
  opacity: 1;
  z-index: 1000;
}

@media (max-width: 992px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart.showCart {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}

.headerShoppingCartAndPlayListContainer .headerPlayList {
  background: #fff;
  padding: 10px 15px;
  position: absolute;
  right: 145px;
  z-index: 11;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerPlayList {
    width: calc(100% - 50px);
  }
}

@media (max-width: 1200px) {
  .headerShoppingCartAndPlayListContainer .headerPlayList {
    right: 114px;
  }
}

@media (max-width: 992px) {
  .headerShoppingCartAndPlayListContainer .headerPlayList {
    position: fixed;
    left: 50%;
    top: 50% !important;
    right: initial;
  }
}

.headerShoppingCartAndPlayListContainer .headerPlayList .cartHeading {
  color: #223c50;
  text-align: center;
  font-size: 18px;
  font-family: "palab";
}

.headerShoppingCartAndPlayListContainer .headerPlayList .cartTable {
  color: #464646;
  width: 300px;
  margin-top: 15px;
  font-size: 14px;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerPlayList .cartTable {
    width: 100%;
    font-size: 12px;
  }
}

.headerShoppingCartAndPlayListContainer .headerPlayList .cartTable thead {
  border-bottom: 1px solid #ccd2d7;
  font-size: 15px;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerPlayList .cartTable thead {
    width: 100%;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerPlayList .cartTable thead tr .cartTableCategory {
    display: none;
  }
}

.headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tbody {
  max-height: 400px;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tbody tr {
  padding-top: 5px;
  border-top: 1px solid rgba(204, 210, 215, 0.4);
}

.headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tbody tr:first-of-type {
  padding-top: 10px;
  border-top: none;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tbody tr {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
  }
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tbody tr .cartTableTotal {
    position: absolute;
    top: 10px;
    right: 0;
  }
}

.headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tr .playListName {
  width: 100%;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tr .playListName {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: calc(100% - 110px);
  }
}

.headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tr .playListItems {
  min-width: 100px;
  width: 100px;
  text-align: right;
  padding-right: 10px;
  word-break: break-all;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tr .playListItems {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    min-width: 80px;
    width: 80px;
  }
}

.headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tr .playListBtn {
  min-width: 50px;
  width: 50px;
  text-align: right;
  word-break: break-all;
}

@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tr .playListBtn {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    min-width: 30px;
    width: 30px;
  }
}

.headerShoppingCartAndPlayListContainer .headerPlayList .cartButton {
  text-align: center;
  margin-top: 15px;
}

.selectPlayListModal .modal-header {
  color: #223c50;
  text-align: center;
  font-family: "palab";
  border-bottom: 0;
  padding-bottom: 0;
}

.selectPlayListModal .modal-header .cartHeading {
  display: block;
  width: 100%;
}

.selectPlayListModal .modal-header .cartHeading .modal-title {
  font-size: 18px;
}

.selectPlayListModal .modal-header .close {
  position: absolute;
  top: 0;
  right: 7px;
}

.selectPlayListModal .cartTable {
  color: #464646;
  width: 100%;
  font-size: 14px;
}

@media (max-width: 767px) {
  .selectPlayListModal .cartTable {
    width: 100%;
    font-size: 12px;
  }
}

.selectPlayListModal .cartTable thead {
  border-bottom: 1px solid #ccd2d7;
  font-size: 15px;
}

@media (max-width: 767px) {
  .selectPlayListModal .cartTable thead {
    width: 100%;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .selectPlayListModal .cartTable thead tr .cartTableCategory {
    display: none;
  }
}

.selectPlayListModal .cartTable tbody {
  max-height: 400px;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.selectPlayListModal .cartTable tbody tr {
  padding-top: 5px;
  border-top: 1px solid rgba(204, 210, 215, 0.4);
}

.selectPlayListModal .cartTable tbody tr:first-of-type {
  padding-top: 10px;
  border-top: none;
}

@media (max-width: 767px) {
  .selectPlayListModal .cartTable tbody tr {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
  }
}

@media (max-width: 767px) {
  .selectPlayListModal .cartTable tbody tr .cartTableTotal {
    position: absolute;
    top: 10px;
    right: 0;
  }
}

.selectPlayListModal .cartTable tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.selectPlayListModal .cartTable tr .playListName {
  width: 100%;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .selectPlayListModal .cartTable tr .playListName {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: calc(100% - 80px);
  }
}

.selectPlayListModal .cartTable tr .playListItems {
  min-width: 100px;
  width: 100px;
  text-align: right;
  padding-right: 10px;
  word-break: break-all;
}

@media (max-width: 767px) {
  .selectPlayListModal .cartTable tr .playListItems {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    min-width: 80px;
    width: 80px;
  }
}

.selectPlayListModal .cartTable tr .playListSelect {
  min-width: 70px;
  width: 70px;
  text-align: right;
  padding-right: 10px;
  word-break: break-all;
}

@media (max-width: 767px) {
  .selectPlayListModal .cartTable tr .playListSelect {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    min-width: 80px;
    width: 80px;
  }
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

::-webkit-scrollbar {
  width: 7px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  background-color: #417dd6;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent));
}

.shadow {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: none;
  background: rgba(0, 0, 0, 0.25);
}

@media (max-width: 992px) {
  .shadow {
    background: rgba(0, 0, 0, 0.25);
  }
}

.soundEffectCategories {
  padding: 15px 0;
  -webkit-transition: all linear;
  transition: all linear;
}

.soundEffectCategories ._heading {
  color: #757575;
  font-size: 24px;
  font-family: "palab";
  text-align: center;
}

@media (max-width: 1200px) {
  .soundEffectCategories ._heading {
    font-size: 22px;
  }
}

@media (max-width: 992px) {
  .soundEffectCategories ._heading {
    font-size: 20px;
  }
}

.soundEffectCategories ._Container ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 15px;
}

@media (max-width: 1024px) {
  .soundEffectCategories ._Container ul {
    max-height: 400px;
    overflow-x: auto;
  }
}

@media (max-width: 992px) {
  .soundEffectCategories ._Container ul {
    max-height: 350px;
  }
}

@media (max-width: 767px) {
  .soundEffectCategories ._Container ul {
    max-height: 300px;
  }
}

.soundEffectCategories ._Container ul li {
  color: #757575;
  width: calc((100% / 8) - 10px);
  padding: 10px;
  border-bottom: 1px solid #dadada;
  margin-right: 10px;
}

@media (max-width: 1400px) {
  .soundEffectCategories ._Container ul li {
    width: calc((100% / 7) - 10px);
  }
}

@media (max-width: 1200px) {
  .soundEffectCategories ._Container ul li {
    width: calc((100% / 5) - 10px);
  }
}

@media (max-width: 1024px) {
  .soundEffectCategories ._Container ul li {
    width: calc((100% / 5) - 10px);
  }
}

@media (max-width: 992px) {
  .soundEffectCategories ._Container ul li {
    width: calc((100% / 4) - 10px);
  }
}

@media (max-width: 768px) {
  .soundEffectCategories ._Container ul li {
    width: calc((100% / 4) - 10px);
  }
}

@media (max-width: 767px) {
  .soundEffectCategories ._Container ul li {
    width: calc((100% / 3) - 10px);
  }
}

@media (max-width: 576px) {
  .soundEffectCategories ._Container ul li {
    width: 100%;
  }
}

.soundEffectCategories ._Container ul li a {
  color: #757575;
}

.soundEffectCategories ._Container ul li a:hover {
  color: #91c55e;
}

.soundEffectCategories ._Container ul .filterTag {
  background: #4d77b8;
  color: #fff;
  margin-right: 10px;
  padding: 5px 15px;
  font-size: 13px;
  border-radius: 25px;
  margin-top: 10px;
}

.soundEffectCategories ._Container ul .filterTag a {
  color: #fff;
}

.immaginationSection {
  background: #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #757575;
  text-align: center;
}

.immaginationSection .siteWidth {
  background: #fff;
  padding: 25px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid #cbcbcb;
}

@media (max-width: 992px) {
  .immaginationSection .siteWidth {
    padding: 20px 25px;
  }
}

@media (max-width: 767px) {
  .immaginationSection .siteWidth {
    padding: 15px 20px;
  }
}

.immaginationSection .siteWidth .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60%;
  padding-right: 8%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 30px;
}

@media (max-width: 1200px) {
  .immaginationSection .siteWidth .left {
    width: 70%;
    padding-right: 2%;
  }
}

@media (max-width: 1024px) {
  .immaginationSection .siteWidth .left {
    width: 100%;
    padding-right: 0%;
  }
}

.immaginationSection .siteWidth .left .top ._heading {
  color: #d2c0a6;
  font-size: 40px;
  font-family: "palab";
  text-align: center;
  margin-bottom: 15px;
}

@media (max-width: 1200px) {
  .immaginationSection .siteWidth .left .top ._heading {
    font-size: 32px;
  }
}

@media (max-width: 992px) {
  .immaginationSection .siteWidth .left .top ._heading {
    font-size: 22px;
    line-height: 24px;
  }
}

.immaginationSection .siteWidth .left .top ._paragraph {
  line-height: 26px;
  margin-bottom: 15px;
}

.immaginationSection .siteWidth .left .top ._threeImages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 80%;
  margin: 0 auto;
  margin-top: 10%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 1200px) {
  .immaginationSection .siteWidth .left .top ._threeImages {
    margin-top: 5%;
  }
}

@media (max-width: 1024px) {
  .immaginationSection .siteWidth .left .top ._threeImages {
    margin-top: 25px;
    width: 90%;
  }
}

.immaginationSection .siteWidth .left .top ._threeImages ._item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 130px;
  text-align: center;
}

@media (max-width: 1400px) {
  .immaginationSection .siteWidth .left .top ._threeImages ._item {
    max-width: 100px;
  }
}

@media (max-width: 576px) {
  .immaginationSection .siteWidth .left .top ._threeImages ._item {
    width: 100%;
    max-width: initial;
    margin-bottom: 10px;
  }
}

.immaginationSection .siteWidth .left .top ._threeImages ._item img {
  max-width: 85px;
}

@media (max-width: 1200px) {
  .immaginationSection .siteWidth .left .top ._threeImages ._item img {
    max-width: 80px;
  }
}

@media (max-width: 992px) {
  .immaginationSection .siteWidth .left .top ._threeImages ._item img {
    max-width: 70px;
  }
}

@media (max-width: 576px) {
  .immaginationSection .siteWidth .left .top ._threeImages ._item img {
    max-width: 60px;
  }
}

@media (max-width: 576px) {
  .immaginationSection .siteWidth .left .top ._threeImages ._item span {
    max-width: 130px;
  }
}

.immaginationSection .siteWidth .left .bottom {
  width: 100%;
}

.immaginationSection .siteWidth .left .bottom ._button {
  width: 100%;
  margin-top: 10%;
}

@media (max-width: 1200px) {
  .immaginationSection .siteWidth .left .bottom ._button {
    margin-top: 5%;
  }
}

@media (max-width: 1024px) {
  .immaginationSection .siteWidth .left .bottom ._button {
    margin-top: 15px;
    margin-bottom: 5px;
  }
}

.immaginationSection .siteWidth .left .bottom ._button .btn {
  background: #d2c0a6;
  font-size: 24px;
  font-family: "pala";
  width: 100%;
  border-radius: 7px;
  border: 3px solid #d2c0a6;
}

@media (max-width: 1200px) {
  .immaginationSection .siteWidth .left .bottom ._button .btn {
    font-size: 22px;
  }
}

@media (max-width: 992px) {
  .immaginationSection .siteWidth .left .bottom ._button .btn {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .immaginationSection .siteWidth .left .bottom ._button .btn {
    font-size: 14px;
  }
}

.immaginationSection .siteWidth .left .bottom ._button .btn:hover {
  background: #fff;
  color: #d2c0a6;
  border: 3px solid #d2c0a6;
}

@media (max-width: 767px) {
  .immaginationSection .siteWidth .left table {
    max-width: 100%;
    width: initial !important;
  }
  .immaginationSection .siteWidth .left table tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .immaginationSection .siteWidth .left table tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 50%;
  }
  .immaginationSection .siteWidth .left table tbody tr td {
    width: 100%;
    min-height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .immaginationSection .siteWidth .left table tbody tr td img {
    max-width: 140px;
  }
}

.immaginationSection .siteWidth .right {
  width: 40%;
}

@media (max-width: 1200px) {
  .immaginationSection .siteWidth .right {
    width: 30%;
  }
}

@media (max-width: 1024px) {
  .immaginationSection .siteWidth .right {
    width: 100%;
  }
}

.immaginationSection .siteWidth .right ._soundImages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.immaginationSection .siteWidth .right ._soundImages ._item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 50%;
  padding: 15px 15px 5px;
  color: #757575;
  text-decoration: none !important;
  -webkit-transition: 0.3s ease ease;
  transition: 0.3s ease ease;
}

.immaginationSection .siteWidth .right ._soundImages ._item:hover img {
  -webkit-box-shadow: 0px 0px 2px -2px;
          box-shadow: 0px 0px 2px -2px;
}

@media (max-width: 1200px) {
  .immaginationSection .siteWidth .right ._soundImages ._item {
    padding: 15px 10px 5px;
  }
}

@media (max-width: 1024px) {
  .immaginationSection .siteWidth .right ._soundImages ._item {
    width: 33%;
  }
}

@media (max-width: 576px) {
  .immaginationSection .siteWidth .right ._soundImages ._item {
    width: 50%;
  }
}

.immaginationSection .siteWidth .right ._soundImages ._item img {
  max-width: 100%;
  -webkit-box-shadow: 2px 2px 3px -1px;
          box-shadow: 2px 2px 3px -1px;
  border-radius: 7px;
  -webkit-transition: 0.3s ease ease;
  transition: 0.3s ease ease;
}

.immaginationSection .siteWidth .right ._soundImages ._item span {
  font-size: 14px;
  margin-top: 5px;
}

.promotionBanner {
  padding: 5px 0;
}

.promotionBanner img {
  max-width: 100%;
}

.newsLetterSection {
  background: #223c50;
}

.newsLetterSection .siteWidth {
  border-bottom: 1px solid #4b6070;
  padding: 15px 0;
}

.newsLetterSection ._heading {
  color: #fff;
  margin-top: 0px;
  text-align: center;
  margin-bottom: 5px;
  font-size: 18px;
}

.newsLetterSection ._inputSection {
  text-align: center;
}

@media (max-width: 767px) {
  .newsLetterSection ._inputSection .btnColor {
    margin-top: 10px;
  }
}

.inputField {
  border: 1px solid #595959;
  padding: 7px 7px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-family: "GIL";
  font-size: 14px;
  border-radius: 7px;
  min-width: 200px;
  outline: none;
}

.inputField:active, .inputField:focus {
  -webkit-box-shadow: 0px 0px 5px 0px #4d77b8;
          box-shadow: 0px 0px 5px 0px #4d77b8;
}

footer {
  background: #223c50;
  color: #fff;
}

footer .siteWidth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 25px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

footer .siteWidth .footerImage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 20%;
}

@media (max-width: 1024px) {
  footer .siteWidth .footerImage {
    width: 100%;
    margin-top: 20px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (max-width: 767px) {
  footer .siteWidth .footerImage {
    margin-top: 0px;
  }
}

footer .siteWidth .footerImage img {
  max-width: 130px;
}

footer .siteWidth .footerImage span {
  max-width: 110px;
  text-align: center;
  margin-top: 2px;
  font-size: 12px;
}

footer .siteWidth .footerNavigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 1024px) {
  footer .siteWidth .footerNavigation {
    width: 100%;
    margin: 0 auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

footer .siteWidth .footerNavigation .footerSection {
  width: 25%;
}

@media (max-width: 1024px) {
  footer .siteWidth .footerNavigation .footerSection {
    width: initial;
  }
}

@media (max-width: 767px) {
  footer .siteWidth .footerNavigation .footerSection {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
}

footer .siteWidth .footerNavigation .footerSection ._heading {
  font-family: "GILB";
}

@media (max-width: 992px) {
  footer .siteWidth .footerNavigation .footerSection ._heading {
    font-size: 14px;
  }
}

footer .siteWidth .footerNavigation .footerSection .footerLinks {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer .siteWidth .footerNavigation .footerSection .footerLinks a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
}

@media (max-width: 992px) {
  footer .siteWidth .footerNavigation .footerSection .footerLinks a {
    font-size: 12px;
  }
}

footer .siteWidth .footerNavigation .footerSection .footerLinks a:hover {
  border-bottom: 1px solid #dadada;
  color: #dadada;
}

.siteCopyright {
  background: #334b5e;
  color: #fff;
}

.siteCopyright .siteWidth {
  visibility: initial;
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 767px) {
  .siteCopyright .siteWidth .footerLogo {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
  }
}

.siteCopyright .siteWidth .footerLogo img {
  max-height: 30px;
}

.siteCopyright .siteWidth .copyright {
  font-size: 12px;
}

@media (max-width: 767px) {
  .siteCopyright .siteWidth .copyright {
    width: 100%;
    text-align: center;
  }
}

.siteCopyright .siteWidth .copyright a {
  text-decoration: none;
  color: #fff;
}

.siteCopyright .siteWidth .copyright a:hover {
  border-bottom: 1px solid #dadada;
  color: #dadada;
}

.modal.fade .modal-dialog.modal-dialog-zoom {
  -webkit-transform: translate(0, 0) scale(0.5);
  transform: translate(0, 0) scale(0.5);
}

.modal.show .modal-dialog.modal-dialog-zoom {
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}

#loginModal,
#newPlaylistModal,
#signUpModal {
  visibility: initial;
}

#loginModal .modal-header,
#newPlaylistModal .modal-header,
#signUpModal .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  #loginModal .modal-header,
  #newPlaylistModal .modal-header,
  #signUpModal .modal-header {
    padding-top: 5px;
  }
}

@media (max-width: 767px) {
  #loginModal .modal-header img,
  #newPlaylistModal .modal-header img,
  #signUpModal .modal-header img {
    max-width: 35px;
  }
}

#loginModal .modal-header .modal-title,
#newPlaylistModal .modal-header .modal-title,
#signUpModal .modal-header .modal-title {
  visibility: initial;
  font-family: "pala";
  margin-top: 5px;
}

@media (max-width: 767px) {
  #loginModal .modal-header .modal-title,
  #newPlaylistModal .modal-header .modal-title,
  #signUpModal .modal-header .modal-title {
    font-size: 20px;
  }
}

#loginModal .modal-header .close,
#newPlaylistModal .modal-header .close,
#signUpModal .modal-header .close {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 10px;
}

#loginModal .modal-body,
#newPlaylistModal .modal-body,
#signUpModal .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  #loginModal .modal-body,
  #newPlaylistModal .modal-body,
  #signUpModal .modal-body {
    padding-top: 5px;
  }
}

#loginModal .modal-body .signUpRow,
#newPlaylistModal .modal-body .signUpRow,
#signUpModal .modal-body .signUpRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  #loginModal .modal-body .signUpRow,
  #newPlaylistModal .modal-body .signUpRow,
  #signUpModal .modal-body .signUpRow {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

#loginModal .modal-body .signUpRow .inputField,
#newPlaylistModal .modal-body .signUpRow .inputField,
#signUpModal .modal-body .signUpRow .inputField {
  width: 180px;
  min-width: 180px;
}

@media (max-width: 767px) {
  #loginModal .modal-body .signUpRow .inputField,
  #newPlaylistModal .modal-body .signUpRow .inputField,
  #signUpModal .modal-body .signUpRow .inputField {
    width: 100%;
  }
}

#loginModal .modal-body .checkboxTerms,
#newPlaylistModal .modal-body .checkboxTerms,
#signUpModal .modal-body .checkboxTerms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  #loginModal .modal-body .checkboxTerms,
  #newPlaylistModal .modal-body .checkboxTerms,
  #signUpModal .modal-body .checkboxTerms {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#loginModal .modal-body .checkboxTerms .cbl,
#newPlaylistModal .modal-body .checkboxTerms .cbl,
#signUpModal .modal-body .checkboxTerms .cbl {
  margin-right: 2px;
}

#loginModal .modal-body .inputField,
#newPlaylistModal .modal-body .inputField,
#signUpModal .modal-body .inputField {
  margin-bottom: 5px;
  width: 250px;
}

#loginModal .modal-body .dontHaveAccount,
#newPlaylistModal .modal-body .dontHaveAccount,
#signUpModal .modal-body .dontHaveAccount {
  margin-top: 15px;
  color: #757575;
}

@media (max-width: 767px) {
  #loginModal .modal-body .dontHaveAccount,
  #newPlaylistModal .modal-body .dontHaveAccount,
  #signUpModal .modal-body .dontHaveAccount {
    margin-top: 5px;
  }
}

#loginModal .modal-body .dontHaveAccount .signUpTrigger,
#newPlaylistModal .modal-body .dontHaveAccount .signUpTrigger,
#signUpModal .modal-body .dontHaveAccount .signUpTrigger {
  color: #4d77b8;
  cursor: pointer;
}

#loginModal .modal-body .dontHaveAccount .signUpTrigger:hover,
#newPlaylistModal .modal-body .dontHaveAccount .signUpTrigger:hover,
#signUpModal .modal-body .dontHaveAccount .signUpTrigger:hover {
  text-decoration: underline;
}

#loginModal .modal-body .btnColor,
#newPlaylistModal .modal-body .btnColor,
#signUpModal .modal-body .btnColor {
  margin-top: 15px;
}

@media (max-width: 767px) {
  #loginModal .modal-body .btnColor,
  #newPlaylistModal .modal-body .btnColor,
  #signUpModal .modal-body .btnColor {
    margin-top: 5px;
  }
}

#loginModal .modal-body .btnColor span,
#newPlaylistModal .modal-body .btnColor span,
#signUpModal .modal-body .btnColor span {
  margin-right: 5px;
}

.modal-sm {
  max-width: 350px;
}

a {
  color: #4d77b8;
}

.cbl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cbl tbody {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cbl tbody tr {
  margin-top: 10px;
}

.cbl tbody tr td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 5px 8px 8px;
  background: #f2f2f2;
  -webkit-box-shadow: 0px 0px 3px 0px #6f6f6f;
          box-shadow: 0px 0px 3px 0px #6f6f6f;
  border-radius: 3px;
  min-width: 250px;
}

@media (max-width: 767px) {
  .cbl tbody tr td {
    padding: 5px;
  }
}

.cbl input[type="radio"],
.cbl input[type="checkbox"] {
  outline: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  visibility: visible;
  background: #fff;
  border: 1px solid #cbcbcb;
}

.cbl input[type="radio"] {
  border-radius: 20px;
  background: url(/Assets/images/radioSelect.png) #d7d7d7 no-repeat;
  background-size: 14px;
  background-position: center;
}

.cbl input[type="radio"]:checked {
  background: url(/Assets/images/radioSelected.png) #d7d7d7 no-repeat;
  background-size: 14px;
  background-position: center;
}

.cbl input[type="checkbox"] {
  border-radius: 5px;
}

.cbl input[type="checkbox"]:checked {
  background: url(/Assets/images/checkmark2.png) #d7d7d7 no-repeat;
  background-size: 15px;
  background-position: center;
}

.cbl label {
  margin-bottom: 0;
  margin-left: 5px;
  width: calc(100% - 25px);
}

.productList {
  color: #595959;
  padding: 15px 0;
  margin-bottom: 130px;
}

@media (max-width: 1200px) {
  .productList {
    margin-bottom: 180px;
  }
}

@media (max-width: 992px) {
  .productList {
    margin-bottom: 200px;
  }
}

@media (max-width: 767px) {
  .productList {
    padding: 0px 0;
  }
}

.productList .productListTable {
  width: 100%;
}

.productList .productListTable thead {
  border-bottom: 1px solid #919ca5;
  font-size: 12px;
}

@media (max-width: 767px) {
  .productList .productListTable thead {
    border-bottom: 1px solid #919ca5;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable thead tr .productListTable-links {
    display: none;
  }
}

@media (max-width: 1200px) {
  .productList .productListTable thead tr .productListTable-button {
    display: none;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable thead tr .productListTable-ID {
    display: none;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable thead tr .productListTable-maxCost {
    display: none;
  }
}

@media (max-width: 1400px) {
  .productList .productListTable thead tr td {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable thead tr td {
    font-size: 14px;
    font-weight: initial;
  }
}

.productList .productListTable thead tr th {
  font-family: GILB;
}

@media (max-width: 767px) {
  .productList .productListTable thead {
    display: none;
  }
}

.productList .productListTable tbody {
  font-size: 14px;
}

.productList .productListTable tbody .productListTable-row .progress-row {
  height: 5px;
  display: none;
}

.productList .productListTable tbody .productListTable-row .progress-row.loading {
  display: block;
}

.productList .productListTable tbody .productListTable-row .progress-row.complete {
  display: none;
}

.productList .productListTable tbody .productListTable-row:nth-of-type(even) {
  background: #ebeff6;
}

@media (max-width: 1400px) {
  .productList .productListTable tbody .productListTable-row {
    font-size: 12px;
  }
}

.productList .productListTable tbody .productListTable-row select {
  border: 1px solid #595959;
  background: #fff;
  outline: none;
  color: #595959;
}

@media (max-width: 767px) {
  .productList .productListTable tbody .productListTable-row select {
    min-width: 94px;
  }
}

.productList .productListTable tbody .productListTable-row .productListTable-bitDepth {
  text-align: right;
}

.productList .productListTable .productListTable-row {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 1440px) {
  .productList .productListTable .productListTable-row {
    font-size: 12px;
  }
}

@media (max-width: 1200px) {
  .productList .productListTable .productListTable-row {
    padding: 10px 0;
  }
}

.productList .productListTable .productListTable-row td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .productList .productListTable .productListTable-row td {
    width: 100% !important;
    min-width: initial;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    margin-bottom: 5px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.productList .productListTable .productListTable-row td .mobileHeading {
  display: none;
  text-align: left;
}

@media (max-width: 767px) {
  .productList .productListTable .productListTable-row td .mobileHeading {
    display: block;
    width: 100px;
    padding-left: 2px;
  }
}

.productList .productListTable .productListTable-row td .columnData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.productList .productListTable .productListTable-row td .columnData .infoIcon {
  margin-right: 5px;
  margin-left: -15px;
  margin-top: 3px;
  cursor: pointer;
  color: #4d77b8;
}

@media (max-width: 767px) {
  .productList .productListTable .productListTable-row td .columnData {
    width: calc(100% - 100px);
  }
}

.productList .productListTable .productListTable-row .productListTable-play {
  width: 3%;
  padding: 0px 5px;
}

.productList .productListTable .productListTable-row .productListTable-play .playImgBtn {
  max-height: 30px;
}

@media (max-width: 1400px) {
  .productList .productListTable .productListTable-row .productListTable-play .playImgBtn {
    max-height: 25px;
  }
}

@media (max-width: 1400px) {
  .productList .productListTable .productListTable-row .productListTable-play {
    width: 4%;
  }
}

@media (max-width: 1200px) {
  .productList .productListTable .productListTable-row .productListTable-play {
    width: 4%;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable .productListTable-row .productListTable-play {
    width: 5%;
  }
}

.productList .productListTable .productListTable-row .productListTable-play .columnData {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productList .productListTable .productListTable-row .productListTable-category {
  width: 12%;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .productListTable .productListTable-row .productListTable-category {
    width: 12%;
  }
}

@media (max-width: 1200px) {
  .productList .productListTable .productListTable-row .productListTable-category {
    width: 14%;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable .productListTable-row .productListTable-category {
    width: 19%;
  }
}

.productList .productListTable .productListTable-row .productListTable-name {
  width: calc(44% + 80px);
  padding: 0px 5px 0 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.productList .productListTable .productListTable-row .productListTable-name .columnData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}

.productList .productListTable .productListTable-row .productListTable-name .small {
  display: block;
  font-size: 12px;
}

@media (max-width: 1400px) {
  .productList .productListTable .productListTable-row .productListTable-name {
    width: calc(35% + 80px);
  }
}

@media (max-width: 1200px) {
  .productList .productListTable .productListTable-row .productListTable-name {
    width: calc(25% + 80px);
  }
}

@media (max-width: 1024px) {
  .productList .productListTable .productListTable-row .productListTable-name {
    width: calc(25% + 80px);
    padding: 0px 5px 0 10px;
  }
}

@media (max-width: 767px) {
  .productList .productListTable .productListTable-row .productListTable-name {
    padding: 0px 5px;
  }
}

.productList .productListTable .productListTable-row .productListTable-channels {
  width: 3%;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .productListTable .productListTable-row .productListTable-channels {
    width: 50px;
  }
}

@media (max-width: 1200px) {
  .productList .productListTable .productListTable-row .productListTable-channels {
    width: 50px;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable .productListTable-row .productListTable-channels {
    width: 16%;
  }
}

.productList .productListTable .productListTable-row .productListTable-seconds {
  width: 3%;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .productListTable .productListTable-row .productListTable-seconds {
    width: 50px;
  }
}

@media (max-width: 1200px) {
  .productList .productListTable .productListTable-row .productListTable-seconds {
    width: 50px;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable .productListTable-row .productListTable-seconds {
    width: 14%;
  }
}

.productList .productListTable .productListTable-row .productListTable-bitDepth {
  width: 2%;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .productListTable .productListTable-row .productListTable-bitDepth {
    width: 3%;
  }
}

@media (max-width: 1200px) {
  .productList .productListTable .productListTable-row .productListTable-bitDepth {
    width: 50px;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable .productListTable-row .productListTable-bitDepth {
    width: 11%;
  }
}

.productList .productListTable .productListTable-row .productListTable-sampleRate {
  width: 2%;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .productListTable .productListTable-row .productListTable-sampleRate {
    width: 3%;
  }
}

@media (max-width: 1200px) {
  .productList .productListTable .productListTable-row .productListTable-sampleRate {
    width: 50px;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable .productListTable-row .productListTable-sampleRate {
    width: 12%;
  }
}

.productList .productListTable .productListTable-row .productListTable-maxCost {
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .productListTable .productListTable-row .productListTable-maxCost {
    width: 6%;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable .productListTable-row .productListTable-maxCost {
    width: 25%;
  }
  .productList .productListTable .productListTable-row .productListTable-maxCost .mobileHeading {
    display: block;
    padding-right: 5px;
  }
  .productList .productListTable .productListTable-row .productListTable-maxCost .mobileHeading:after {
    content: ":";
  }
}

.productList .productListTable .productListTable-row .productListTable-ID {
  width: 5%;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .productListTable .productListTable-row .productListTable-ID {
    width: 6%;
  }
}

@media (max-width: 1200px) {
  .productList .productListTable .productListTable-row .productListTable-ID {
    width: 8%;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable .productListTable-row .productListTable-ID {
    width: 25%;
  }
  .productList .productListTable .productListTable-row .productListTable-ID .mobileHeading {
    display: block;
    padding-right: 5px;
  }
  .productList .productListTable .productListTable-row .productListTable-ID .mobileHeading:after {
    content: ":";
  }
}

.productList .productListTable .productListTable-row .productListTable-links {
  width: 5%;
  padding: 0px 5px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.productList .productListTable .productListTable-row .productListTable-links img:not(:last-of-type) {
  margin-right: 3px;
}

@media (max-width: 1400px) {
  .productList .productListTable .productListTable-row .productListTable-links {
    width: 9%;
  }
}

@media (max-width: 1200px) {
  .productList .productListTable .productListTable-row .productListTable-links {
    width: 11%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable .productListTable-row .productListTable-links {
    width: 25%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media (max-width: 767px) {
  .productList .productListTable .productListTable-row .productListTable-links {
    width: 100px !important;
  }
}

.productList .productListTable .productListTable-row .productListTable-button {
  width: 10%;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .productListTable .productListTable-row .productListTable-button {
    width: 12%;
  }
}

@media (max-width: 1200px) {
  .productList .productListTable .productListTable-row .productListTable-button {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable .productListTable-row .productListTable-button {
    width: 25%;
  }
}

@media (max-width: 767px) {
  .productList .productListTable .productListTable-row .productListTable-button {
    width: calc(100% - 100px) !important;
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

.productList .productListTable.cartPage .productListTable-row .productListTable-channels .columnData {
  margin-left: 33px;
}

@media (max-width: 767px) {
  .productList .productListTable.cartPage .productListTable-row .productListTable-channels .columnData {
    margin-left: 0px;
  }
}

.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .columnData {
  margin-left: 20px;
}

@media (max-width: 767px) {
  .productList .productListTable.cartPage .productListTable-row .productListTable-seconds .columnData {
    margin-left: 0px;
  }
}

.productList .productListTable.cartPage .productListTable-row .productListTable-channels > span .minutes,
.productList .productListTable.cartPage .productListTable-row .productListTable-channels > span .seconds,
.productList .productListTable.cartPage .productListTable-row .productListTable-channels > span .subSeconds,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds > span .minutes,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds > span .seconds,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds > span .subSeconds {
  text-align: center;
  display: inline-block;
}

.productList .productListTable.cartPage .productListTable-row .productListTable-channels .minutes,
.productList .productListTable.cartPage .productListTable-row .productListTable-channels .seconds,
.productList .productListTable.cartPage .productListTable-row .productListTable-channels .subSeconds,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .minutes,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .seconds,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .subSeconds {
  padding: 0 3px;
}

@media (max-width: 1200px) {
  .productList .productListTable.cartPage .productListTable-row .productListTable-channels .minutes,
  .productList .productListTable.cartPage .productListTable-row .productListTable-channels .seconds,
  .productList .productListTable.cartPage .productListTable-row .productListTable-channels .subSeconds,
  .productList .productListTable.cartPage .productListTable-row .productListTable-seconds .minutes,
  .productList .productListTable.cartPage .productListTable-row .productListTable-seconds .seconds,
  .productList .productListTable.cartPage .productListTable-row .productListTable-seconds .subSeconds {
    padding: 0 2px;
  }
}

.productList .productListTable.cartPage .productListTable-row .productListTable-channels .minutes,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .minutes {
  width: 35px;
  display: inline-block;
}

.productList .productListTable.cartPage .productListTable-row .productListTable-channels .minutes input,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .minutes input {
  width: 100%;
}

@media (max-width: 1200px) {
  .productList .productListTable.cartPage .productListTable-row .productListTable-channels .minutes,
  .productList .productListTable.cartPage .productListTable-row .productListTable-seconds .minutes {
    width: 35px;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable.cartPage .productListTable-row .productListTable-channels .minutes,
  .productList .productListTable.cartPage .productListTable-row .productListTable-seconds .minutes {
    width: 35px;
  }
}

@media (max-width: 767px) {
  .productList .productListTable.cartPage .productListTable-row .productListTable-channels .minutes,
  .productList .productListTable.cartPage .productListTable-row .productListTable-seconds .minutes {
    width: 30px;
  }
}

.productList .productListTable.cartPage .productListTable-row .productListTable-channels .seconds,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .seconds {
  width: 26px;
  display: inline-block;
}

.productList .productListTable.cartPage .productListTable-row .productListTable-channels .seconds input,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .seconds input {
  width: 100%;
}

@media (max-width: 1200px) {
  .productList .productListTable.cartPage .productListTable-row .productListTable-channels .seconds,
  .productList .productListTable.cartPage .productListTable-row .productListTable-seconds .seconds {
    width: 26px;
  }
}

@media (max-width: 767px) {
  .productList .productListTable.cartPage .productListTable-row .productListTable-channels .seconds,
  .productList .productListTable.cartPage .productListTable-row .productListTable-seconds .seconds {
    width: 30px;
  }
}

.productList .productListTable.cartPage .productListTable-row .productListTable-channels .subSeconds,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .subSeconds {
  width: 30px;
  display: inline-block;
}

.productList .productListTable.cartPage .productListTable-row .productListTable-channels .subSeconds input,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .subSeconds input {
  width: 100%;
}

@media (max-width: 1200px) {
  .productList .productListTable.cartPage .productListTable-row .productListTable-channels .subSeconds,
  .productList .productListTable.cartPage .productListTable-row .productListTable-seconds .subSeconds {
    width: 30px;
  }
}

@media (max-width: 767px) {
  .productList .productListTable.cartPage .productListTable-row .productListTable-channels .subSeconds,
  .productList .productListTable.cartPage .productListTable-row .productListTable-seconds .subSeconds {
    width: 30px;
  }
}

.productList .productListTable.cartPage .productListTable-row .productListTable-channels .tinyTextBox,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .tinyTextBox {
  background: none;
  border: 1px solid #595959;
  color: #595959;
  font-size: 12px;
  text-align: center;
}

.productList .productListTable.cartPage .productListTable-row .productListTable-channels .tinyTextBox::-webkit-input-placeholder,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .tinyTextBox::-webkit-input-placeholder {
  color: #595959;
}

.productList .productListTable.cartPage .productListTable-row .productListTable-channels .tinyTextBox:-ms-input-placeholder,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .tinyTextBox:-ms-input-placeholder {
  color: #595959;
}

.productList .productListTable.cartPage .productListTable-row .productListTable-channels .tinyTextBox::-ms-input-placeholder,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .tinyTextBox::-ms-input-placeholder {
  color: #595959;
}

.productList .productListTable.cartPage .productListTable-row .productListTable-channels .tinyTextBox::placeholder,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .tinyTextBox::placeholder {
  color: #595959;
}

.productList .productListTable.cartPage .productListTable-row .productListTable-links {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

@media (max-width: 767px) {
  .productList .productListTable.cartPage .productListTable-row .productListTable-links {
    width: 100% !important;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .productList .productListTable.cartPage .productListTable-row .productListTable-button {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    margin-left: 100px;
    width: 100% !important;
    margin: 0;
  }
  .productList .productListTable.cartPage .productListTable-row .productListTable-button > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .productList .productListTable.reviewAndPayPageTable thead {
    display: none;
  }
}

@media (max-width: 767px) {
  .productList .productListTable.reviewAndPayPageTable .productListTable-row td {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .productList .productListTable.reviewAndPayPageTable .productListTable-row td .columnData {
    text-align: left !important;
  }
}

.productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-category {
  width: 200px;
}

@media (max-width: 992px) {
  .productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-category {
    width: 150px;
  }
}

.productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-name {
  width: 400px;
}

@media (max-width: 992px) {
  .productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-name {
    width: 350px;
  }
}

.productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-price {
  width: 150px;
  display: initial;
  text-align: right;
}

.productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-price .columnData {
  display: initial;
  text-align: right;
}

@media (max-width: 992px) {
  .productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-price {
    width: 100px;
  }
}

.productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-total {
  width: 150px;
  display: initial;
  text-align: right;
}

.productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-total .columnData {
  display: initial;
  text-align: right;
}

.productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-subTotal {
  width: calc(100% - 150px);
  text-align: right;
  display: initial;
}

.productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-subTotalData {
  width: 150px;
  text-align: right;
}

.productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-subTotalData * {
  text-align: right;
  width: 100%;
}

.productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-PromoCodeMessage {
  visibility: initial;
  width: calc(100% - 300px);
}

.productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-shipping {
  width: 150px;
  display: initial;
}

.productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-shippingData {
  visibility: initial;
}

.productList .productListTable.reviewAndPayPageTable .productListTable-row .productListTable-applyPromoCode {
  visibility: initial;
}

.productList .productListTable.reviewAndPayPageTable.reviewAndPaySubtotal tr {
  border: none;
  background: initial;
}

@media (max-width: 767px) {
  .productList .productListTable.reviewAndPayPageTable.reviewAndPaySubtotal tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 5px;
  }
  .productList .productListTable.reviewAndPayPageTable.reviewAndPaySubtotal tr td:nth-last-of-type(2) {
    width: 100px !important;
    text-align: left;
    margin-bottom: 0;
  }
  .productList .productListTable.reviewAndPayPageTable.reviewAndPaySubtotal tr td:last-of-type {
    width: calc(100% - 100px) !important;
    text-align: left;
    margin-bottom: 0;
  }
  .productList .productListTable.reviewAndPayPageTable.reviewAndPaySubtotal tr td:last-of-type * {
    text-align: left;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .productList .productListTable.mergeCartPageTable thead {
    display: none;
  }
}

@media (max-width: 767px) {
  .productList .productListTable.mergeCartPageTable .productListTable-row td {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .productList .productListTable.mergeCartPageTable .productListTable-row td .columnData {
    text-align: left !important;
  }
}

.productList .productListTable.mergeCartPageTable .productListTable-row .productListTable-Product {
  width: calc(100% - 300px);
}

@media (max-width: 992px) {
  .productList .productListTable.mergeCartPageTable .productListTable-row .productListTable-Product {
    width: calc(100% - 300px);
  }
}

.productList .productListTable.mergeCartPageTable .productListTable-row .productListTable-Quantity {
  width: 100px;
}

@media (max-width: 992px) {
  .productList .productListTable.mergeCartPageTable .productListTable-row .productListTable-Quantity {
    width: 100px;
  }
}

.productList .productListTable.mergeCartPageTable .productListTable-row .productListTable-price {
  width: 100px;
  display: initial;
  text-align: right;
}

.productList .productListTable.mergeCartPageTable .productListTable-row .productListTable-price .columnData {
  display: initial;
  text-align: right;
}

@media (max-width: 992px) {
  .productList .productListTable.mergeCartPageTable .productListTable-row .productListTable-price {
    width: 100px;
  }
}

.productList .productListTable.mergeCartPageTable .productListTable-row .productListTable-total {
  width: 100px;
  display: initial;
  text-align: right;
}

.productList .productListTable.mergeCartPageTable .productListTable-row .productListTable-total .columnData {
  display: initial;
  text-align: right;
}

.productList .productListTable.publishedUploadTable {
  font-size: 13px;
}

@media (max-width: 1400px) {
  .productList .productListTable.publishedUploadTable thead {
    display: none;
  }
}

@media (max-width: 1400px) {
  .productList .productListTable.publishedUploadTable tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 1400px) {
  .productList .productListTable.publishedUploadTable .productListTable-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 32%;
    padding: 5px;
    margin-bottom: 5px;
  }
}

@media (max-width: 1024px) {
  .productList .productListTable.publishedUploadTable .productListTable-row {
    width: 49%;
  }
}

@media (max-width: 767px) {
  .productList .productListTable.publishedUploadTable .productListTable-row {
    width: 100%;
  }
}

@media (max-width: 1400px) {
  .productList .productListTable.publishedUploadTable .productListTable-row td {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100% !important;
    margin-bottom: 5px;
  }
  .productList .productListTable.publishedUploadTable .productListTable-row td .mobileHeading {
    display: initial;
    width: 120px;
  }
  .productList .productListTable.publishedUploadTable .productListTable-row td .columnData {
    text-align: left !important;
  }
}

.productList .productListTable.publishedUploadTable .productListTable-row td .columnData {
  word-break: break-all;
  word-wrap: wrap;
  width: 100%;
}

@media (max-width: 1400px) {
  .productList .productListTable.publishedUploadTable .productListTable-row td .columnData {
    width: calc(100% - 120px);
  }
}

.productList .productListTable.publishedUploadTable .productListTable-row td select {
  max-width: 100%;
  width: 100% !important;
  padding: 2px;
  font-size: 0.6rem;
}

@media (max-width: 1400px) {
  .productList .productListTable.publishedUploadTable .productListTable-row td select {
    max-width: 100%;
    width: 100% !important;
  }
}

.productList .productListTable.publishedUploadTable .productListTable-row td input {
  max-width: 100%;
  width: 100% !important;
  min-width: initial;
}

.productList .productListTable.publishedUploadTable .productListTable-row td input:not(.btnColor) {
  padding: 2px;
}

@media (max-width: 1400px) {
  .productList .productListTable.publishedUploadTable .productListTable-row td input {
    max-width: initial;
    width: initial !important;
  }
}

@media (max-width: 1400px) {
  .productList .productListTable.publishedUploadTable .productListTable-row td input.form-control {
    max-width: 100%;
    width: 100% !important;
  }
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-Play {
  width: 40px;
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-Play .columnData {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-FileName {
  width: calc(20% - 40px - 110px);
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-Category {
  width: 110px;
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-SubCategory {
  width: 110px;
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-Library {
  width: 90px;
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-Name {
  width: calc(20% - 110px - 90px);
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-Description {
  width: calc(20% - 90px - 110px);
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-Channels {
  width: 60px;
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-Seconds {
  width: 110px;
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-bitDepth {
  width: 110px;
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-SampleRate {
  width: 110px;
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-MaxCost {
  width: 110px;
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-ID {
  width: 110px;
}

.productList .productListTable.publishedUploadTable .productListTable-row .productListTable-button {
  width: 110px;
}

.productList .productListTable.downloadTable .productListTable-play {
  width: 4%;
}

.productList .productListTable.downloadTable .productListTable-play .columnData {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productList .productListTable.downloadTable .productListTable-button {
  width: 9%;
}

@media (max-width: 767px) {
  .productList .productListTable {
    border-bottom: 1px solid #4a4a4a;
  }
}

.productList .cartPage {
  width: 100%;
}

.productList .cartPage thead {
  border-bottom: 1px solid #919ca5;
  font-size: 12px;
}

@media (max-width: 767px) {
  .productList .cartPage thead {
    border-bottom: 1px solid #919ca5;
  }
}

@media (max-width: 1024px) {
  .productList .cartPage thead tr .productListTable-links {
    display: none;
  }
}

@media (max-width: 1200px) {
  .productList .cartPage thead tr .productListTable-button {
    display: none;
  }
}

@media (max-width: 1024px) {
  .productList .cartPage thead tr .productListTable-ID {
    display: none;
  }
}

@media (max-width: 1024px) {
  .productList .cartPage thead tr .productListTable-maxCost {
    display: none;
  }
}

@media (max-width: 1400px) {
  .productList .cartPage thead tr td {
    font-size: 12px;
    font-weight: bold;
  }
}

@media (max-width: 1024px) {
  .productList .cartPage thead tr td {
    font-size: 14px;
    font-weight: initial;
  }
}

@media (max-width: 767px) {
  .productList .cartPage thead {
    display: none;
  }
}

.productList .cartPage tbody .productListTable-row {
  border-top: 1px solid #e8e8e8;
}

.productList .cartPage tbody .productListTable-row:nth-of-type(even) {
  background: #ebeff6;
}

@media (max-width: 1400px) {
  .productList .cartPage tbody .productListTable-row {
    font-size: 12px;
  }
}

.productList .cartPage tbody .productListTable-row select {
  border: 1px solid #595959;
  background: #fff;
  outline: none;
  color: #595959;
}

@media (max-width: 767px) {
  .productList .cartPage tbody .productListTable-row select {
    min-width: 94px;
  }
}

.productList .cartPage tbody .productListTable-row .productListTable-bitDepth {
  text-align: right;
}

.productList .cartPage .productListTable-row {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 1440px) {
  .productList .cartPage .productListTable-row {
    font-size: 12px;
  }
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row {
    padding: 10px 0;
  }
}

.productList .cartPage .productListTable-row td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .productList .cartPage .productListTable-row td {
    width: 100% !important;
    min-width: initial;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    margin-bottom: 5px;
  }
}

.productList .cartPage .productListTable-row td .mobileHeading {
  display: none;
  text-align: left;
}

@media (max-width: 767px) {
  .productList .cartPage .productListTable-row td .mobileHeading {
    display: block;
    width: 100px;
  }
}

.productList .cartPage .productListTable-row td .columnData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}

.productList .cartPage .productListTable-row td .columnData .infoIcon {
  margin-right: 5px;
  margin-left: -15px;
  margin-top: 3px;
  cursor: pointer;
  color: #4d77b8;
}

@media (max-width: 767px) {
  .productList .cartPage .productListTable-row td .columnData {
    width: calc(100% - 100px);
  }
}

.productList .cartPage .productListTable-row .productListTable-play {
  width: 3%;
  padding: 0px 5px;
}

.productList .cartPage .productListTable-row .productListTable-play .playImgBtn {
  max-height: 30px;
}

@media (max-width: 1400px) {
  .productList .cartPage .productListTable-row .productListTable-play .playImgBtn {
    max-height: 25px;
  }
}

@media (max-width: 1400px) {
  .productList .cartPage .productListTable-row .productListTable-play {
    width: 4%;
  }
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-play {
    width: 4%;
  }
}

@media (max-width: 1024px) {
  .productList .cartPage .productListTable-row .productListTable-play {
    width: 5%;
  }
}

.productList .cartPage .productListTable-row .productListTable-play .columnData {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productList .cartPage .productListTable-row .productListTable-category {
  width: calc(24% - 155px);
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .cartPage .productListTable-row .productListTable-category {
    width: calc(24% - 155px);
  }
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-category {
    width: calc(24% - 155px);
  }
}

@media (max-width: 1024px) {
  .productList .cartPage .productListTable-row .productListTable-category {
    width: 20%;
  }
}

.productList .cartPage .productListTable-row .productListTable-name {
  width: calc(45%);
  padding: 0px 5px 0 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.productList .cartPage .productListTable-row .productListTable-name .small {
  display: block;
  font-size: 12px;
}

@media (max-width: 1400px) {
  .productList .cartPage .productListTable-row .productListTable-name {
    width: calc(35%);
  }
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-name {
    width: calc(35%);
  }
}

@media (max-width: 1024px) {
  .productList .cartPage .productListTable-row .productListTable-name {
    width: 22%;
    padding: 0px 5px 0 10px;
  }
}

@media (max-width: 767px) {
  .productList .cartPage .productListTable-row .productListTable-name {
    padding: 0px 5px;
  }
}

.productList .cartPage .productListTable-row .productListTable-channels {
  width: 155px;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .cartPage .productListTable-row .productListTable-channels {
    width: 155px;
  }
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-channels {
    width: 155px;
  }
}

@media (max-width: 1024px) {
  .productList .cartPage .productListTable-row .productListTable-channels {
    width: 16%;
  }
}

.productList .cartPage .productListTable-row .productListTable-seconds {
  width: 155px;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .cartPage .productListTable-row .productListTable-seconds {
    width: 155px;
  }
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-seconds {
    width: 155px;
  }
}

@media (max-width: 1024px) {
  .productList .cartPage .productListTable-row .productListTable-seconds {
    width: 14%;
  }
}

.productList .cartPage .productListTable-row .productListTable-bitDepth {
  width: 6%;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .cartPage .productListTable-row .productListTable-bitDepth {
    width: 6%;
  }
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-bitDepth {
    width: 3%;
  }
}

@media (max-width: 1024px) {
  .productList .cartPage .productListTable-row .productListTable-bitDepth {
    width: 11%;
  }
}

.productList .cartPage .productListTable-row .productListTable-sampleRate {
  width: 7%;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .cartPage .productListTable-row .productListTable-sampleRate {
    width: 7%;
  }
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-sampleRate {
    width: 3%;
  }
}

@media (max-width: 1024px) {
  .productList .cartPage .productListTable-row .productListTable-sampleRate {
    width: 12%;
  }
}

.productList .cartPage .productListTable-row .productListTable-maxCost {
  width: 3%;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .cartPage .productListTable-row .productListTable-maxCost {
    width: 6%;
  }
}

@media (max-width: 1024px) {
  .productList .cartPage .productListTable-row .productListTable-maxCost {
    width: 25%;
  }
  .productList .cartPage .productListTable-row .productListTable-maxCost .mobileHeading {
    display: block;
    padding-right: 5px;
  }
  .productList .cartPage .productListTable-row .productListTable-maxCost .mobileHeading:after {
    content: ":";
  }
}

.productList .cartPage .productListTable-row .productListTable-ID {
  width: 5%;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .cartPage .productListTable-row .productListTable-ID {
    width: 6%;
  }
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-ID {
    width: 6%;
  }
}

@media (max-width: 1024px) {
  .productList .cartPage .productListTable-row .productListTable-ID {
    width: 25%;
  }
  .productList .cartPage .productListTable-row .productListTable-ID .mobileHeading {
    display: block;
    padding-right: 5px;
  }
  .productList .cartPage .productListTable-row .productListTable-ID .mobileHeading:after {
    content: ":";
  }
}

.productList .cartPage .productListTable-row .productListTable-links {
  width: 3%;
  padding: 0px 5px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.productList .cartPage .productListTable-row .productListTable-links img:not(:last-of-type) {
  margin-right: 3px;
}

@media (max-width: 1400px) {
  .productList .cartPage .productListTable-row .productListTable-links {
    width: 6%;
  }
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-links {
    width: 6%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 1024px) {
  .productList .cartPage .productListTable-row .productListTable-links {
    width: 25%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media (max-width: 767px) {
  .productList .cartPage .productListTable-row .productListTable-links {
    width: 100px !important;
  }
}

.productList .cartPage .productListTable-row .productListTable-button {
  width: 5%;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .productList .cartPage .productListTable-row .productListTable-button {
    width: 12%;
  }
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-button {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media (max-width: 1024px) {
  .productList .cartPage .productListTable-row .productListTable-button {
    width: 25%;
  }
}

@media (max-width: 767px) {
  .productList .cartPage .productListTable-row .productListTable-button {
    width: calc(100% - 100px) !important;
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

.productList .cartPage .productListTable-row .productListTable-channels .columnData {
  margin-left: 33px;
}

@media (max-width: 767px) {
  .productList .cartPage .productListTable-row .productListTable-channels .columnData {
    margin-left: 0px;
  }
}

.productList .cartPage .productListTable-row .productListTable-seconds .columnData {
  margin-left: 20px;
}

@media (max-width: 767px) {
  .productList .cartPage .productListTable-row .productListTable-seconds .columnData {
    margin-left: 0px;
  }
}

.productList .cartPage .productListTable-row .productListTable-channels > span .minutes,
.productList .cartPage .productListTable-row .productListTable-channels > span .seconds,
.productList .cartPage .productListTable-row .productListTable-channels > span .subSeconds,
.productList .cartPage .productListTable-row .productListTable-seconds > span .minutes,
.productList .cartPage .productListTable-row .productListTable-seconds > span .seconds,
.productList .cartPage .productListTable-row .productListTable-seconds > span .subSeconds {
  text-align: center;
  display: inline-block;
}

.productList .cartPage .productListTable-row .productListTable-channels .minutes,
.productList .cartPage .productListTable-row .productListTable-channels .seconds,
.productList .cartPage .productListTable-row .productListTable-channels .subSeconds,
.productList .cartPage .productListTable-row .productListTable-seconds .minutes,
.productList .cartPage .productListTable-row .productListTable-seconds .seconds,
.productList .cartPage .productListTable-row .productListTable-seconds .subSeconds {
  padding: 0 3px;
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-channels .minutes,
  .productList .cartPage .productListTable-row .productListTable-channels .seconds,
  .productList .cartPage .productListTable-row .productListTable-channels .subSeconds,
  .productList .cartPage .productListTable-row .productListTable-seconds .minutes,
  .productList .cartPage .productListTable-row .productListTable-seconds .seconds,
  .productList .cartPage .productListTable-row .productListTable-seconds .subSeconds {
    padding: 0 2px;
  }
}

.productList .cartPage .productListTable-row .productListTable-channels .minutes,
.productList .cartPage .productListTable-row .productListTable-seconds .minutes {
  width: 35px;
  display: inline-block;
}

.productList .cartPage .productListTable-row .productListTable-channels .minutes input,
.productList .cartPage .productListTable-row .productListTable-seconds .minutes input {
  width: 100%;
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-channels .minutes,
  .productList .cartPage .productListTable-row .productListTable-seconds .minutes {
    width: 35px;
  }
}

@media (max-width: 1024px) {
  .productList .cartPage .productListTable-row .productListTable-channels .minutes,
  .productList .cartPage .productListTable-row .productListTable-seconds .minutes {
    width: 35px;
  }
}

@media (max-width: 767px) {
  .productList .cartPage .productListTable-row .productListTable-channels .minutes,
  .productList .cartPage .productListTable-row .productListTable-seconds .minutes {
    width: 30px;
  }
}

.productList .cartPage .productListTable-row .productListTable-channels .seconds,
.productList .cartPage .productListTable-row .productListTable-seconds .seconds {
  width: 26px;
  display: inline-block;
}

.productList .cartPage .productListTable-row .productListTable-channels .seconds input,
.productList .cartPage .productListTable-row .productListTable-seconds .seconds input {
  width: 100%;
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-channels .seconds,
  .productList .cartPage .productListTable-row .productListTable-seconds .seconds {
    width: 26px;
  }
}

@media (max-width: 767px) {
  .productList .cartPage .productListTable-row .productListTable-channels .seconds,
  .productList .cartPage .productListTable-row .productListTable-seconds .seconds {
    width: 30px;
  }
}

.productList .cartPage .productListTable-row .productListTable-channels .subSeconds,
.productList .cartPage .productListTable-row .productListTable-seconds .subSeconds {
  width: 30px;
  display: inline-block;
}

.productList .cartPage .productListTable-row .productListTable-channels .subSeconds input,
.productList .cartPage .productListTable-row .productListTable-seconds .subSeconds input {
  width: 100%;
}

@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-channels .subSeconds,
  .productList .cartPage .productListTable-row .productListTable-seconds .subSeconds {
    width: 30px;
  }
}

@media (max-width: 767px) {
  .productList .cartPage .productListTable-row .productListTable-channels .subSeconds,
  .productList .cartPage .productListTable-row .productListTable-seconds .subSeconds {
    width: 30px;
  }
}

.productList .cartPage .productListTable-row .productListTable-channels .tinyTextBox,
.productList .cartPage .productListTable-row .productListTable-seconds .tinyTextBox {
  background: none;
  border: 1px solid #595959;
  color: #595959;
  font-size: 12px;
  text-align: center;
}

.productList .cartPage .productListTable-row .productListTable-channels .tinyTextBox::-webkit-input-placeholder,
.productList .cartPage .productListTable-row .productListTable-seconds .tinyTextBox::-webkit-input-placeholder {
  color: #595959;
}

.productList .cartPage .productListTable-row .productListTable-channels .tinyTextBox:-ms-input-placeholder,
.productList .cartPage .productListTable-row .productListTable-seconds .tinyTextBox:-ms-input-placeholder {
  color: #595959;
}

.productList .cartPage .productListTable-row .productListTable-channels .tinyTextBox::-ms-input-placeholder,
.productList .cartPage .productListTable-row .productListTable-seconds .tinyTextBox::-ms-input-placeholder {
  color: #595959;
}

.productList .cartPage .productListTable-row .productListTable-channels .tinyTextBox::placeholder,
.productList .cartPage .productListTable-row .productListTable-seconds .tinyTextBox::placeholder {
  color: #595959;
}

.productList .cartPage .productListTable-row .productListTable-links {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

@media (max-width: 767px) {
  .productList .cartPage .productListTable-row .productListTable-links {
    width: 100% !important;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .productList .cartPage .productListTable-row .productListTable-button {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    margin-left: 100px;
    width: 100% !important;
    margin: 0;
  }
  .productList .cartPage .productListTable-row .productListTable-button > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .productList .cartPage {
    border-bottom: 1px solid #e8e8e8;
  }
}

.productList .promocodeSection {
  width: 100%;
  margin-top: 10px;
}

@media (max-width: 992px) {
  .productList .promocodeSection tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}

@media (max-width: 992px) {
  .productList .promocodeSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}

.productList .promocodeSection tr {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productList .promocodeSection tr .bigSection {
  width: 10%;
  margin-left: 80%;
  text-align: left;
  padding: 0 5px;
}

@media (max-width: 1440px) {
  .productList .promocodeSection tr .bigSection {
    width: 8%;
  }
}

@media (max-width: 1400px) {
  .productList .promocodeSection tr .bigSection {
    margin-left: 75%;
    width: 9%;
  }
}

@media (max-width: 1200px) {
  .productList .promocodeSection tr .bigSection {
    margin-left: 70%;
    width: 10%;
  }
}

@media (max-width: 992px) {
  .productList .promocodeSection tr .bigSection {
    margin-left: 0%;
    width: calc(100% - 200px);
    text-align: right;
  }
}

@media (max-width: 576px) {
  .productList .promocodeSection tr .bigSection {
    width: 100%;
    text-align: center;
  }
  .productList .promocodeSection tr .bigSection span {
    font-size: 18px;
  }
}

.productList .promocodeSection tr .smallSection {
  width: 10%;
}

.productList .promocodeSection tr .smallSection > * {
  width: 100%;
  min-width: initial;
}

@media (max-width: 1200px) {
  .productList .promocodeSection tr .smallSection > * {
    max-width: 200px;
  }
}

@media (max-width: 576px) {
  .productList .promocodeSection tr .smallSection > * {
    max-width: initial;
  }
}

.productList .promocodeSection tr .smallSection .inputField {
  background: none;
  border: 1px solid #595959;
  color: #595959;
  font-size: initial;
  height: 33px;
}

.productList .promocodeSection tr .smallSection .inputField::-webkit-input-placeholder {
  color: #595959;
}

.productList .promocodeSection tr .smallSection .inputField:-ms-input-placeholder {
  color: #595959;
}

.productList .promocodeSection tr .smallSection .inputField::-ms-input-placeholder {
  color: #595959;
}

.productList .promocodeSection tr .smallSection .inputField::placeholder {
  color: #595959;
}

@media (max-width: 1440px) {
  .productList .promocodeSection tr .smallSection {
    width: 12%;
  }
}

@media (max-width: 1400px) {
  .productList .promocodeSection tr .smallSection {
    width: 14%;
  }
}

@media (max-width: 1200px) {
  .productList .promocodeSection tr .smallSection {
    width: 80%;
    text-align: right;
  }
}

@media (max-width: 992px) {
  .productList .promocodeSection tr .smallSection {
    width: 200px;
    text-align: right;
  }
}

@media (max-width: 576px) {
  .productList .promocodeSection tr .smallSection {
    width: 100%;
  }
}

@media (max-width: 1440px) {
  .productList .promocodeSection tr .smallSection .btnColor {
    padding: 7px 15px;
  }
}

@media (max-width: 992px) {
  .productList .promocodeSection .trPromoCode {
    visibility: initial;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .productList .promocodeSection .trPromoCode .bigSection {
    display: none;
  }
}

@media (max-width: 992px) {
  .productList .promocodeSection .trCreditCard {
    visibility: initial;
    width: 100%;
  }
}

@media (max-width: 992px) {
  .productList .promocodeSection .trpayPal {
    visibility: initial;
    width: 100%;
  }
}

@media (max-width: 992px) {
  .productList .promocodeSection .trCredits {
    visibility: initial;
    width: 100%;
  }
}

.productList .promocodeSection {
  width: 100%;
  margin-top: 10px;
}

@media (max-width: 992px) {
  .productList .promocodeSection tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}

@media (max-width: 992px) {
  .productList .promocodeSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}

.productList .promocodeSection tr {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productList .promocodeSection tr .bigSection {
  width: 10%;
  margin-left: 80%;
  text-align: left;
  padding: 0 5px;
}

@media (max-width: 1440px) {
  .productList .promocodeSection tr .bigSection {
    width: 8%;
  }
}

@media (max-width: 1400px) {
  .productList .promocodeSection tr .bigSection {
    margin-left: 75%;
    width: 9%;
  }
}

@media (max-width: 1200px) {
  .productList .promocodeSection tr .bigSection {
    margin-left: 70%;
    width: 10%;
  }
}

@media (max-width: 992px) {
  .productList .promocodeSection tr .bigSection {
    margin-left: 0%;
    width: calc(100% - 200px);
    text-align: right;
  }
}

@media (max-width: 576px) {
  .productList .promocodeSection tr .bigSection {
    width: 100%;
    text-align: center;
  }
  .productList .promocodeSection tr .bigSection span {
    font-size: 18px;
  }
}

.productList .promocodeSection tr .smallSection {
  width: 10%;
}

.productList .promocodeSection tr .smallSection > * {
  width: 100%;
  min-width: initial;
}

@media (max-width: 1200px) {
  .productList .promocodeSection tr .smallSection > * {
    max-width: 200px;
  }
}

@media (max-width: 576px) {
  .productList .promocodeSection tr .smallSection > * {
    max-width: initial;
  }
}

.productList .promocodeSection tr .smallSection .inputField {
  background: none;
  border: 1px solid #595959;
  color: #595959;
  font-size: initial;
  height: 33px;
}

.productList .promocodeSection tr .smallSection .inputField::-webkit-input-placeholder {
  color: #595959;
}

.productList .promocodeSection tr .smallSection .inputField:-ms-input-placeholder {
  color: #595959;
}

.productList .promocodeSection tr .smallSection .inputField::-ms-input-placeholder {
  color: #595959;
}

.productList .promocodeSection tr .smallSection .inputField::placeholder {
  color: #595959;
}

@media (max-width: 1440px) {
  .productList .promocodeSection tr .smallSection {
    width: 12%;
  }
}

@media (max-width: 1400px) {
  .productList .promocodeSection tr .smallSection {
    width: 14%;
  }
}

@media (max-width: 1200px) {
  .productList .promocodeSection tr .smallSection {
    width: 80%;
    text-align: right;
  }
}

@media (max-width: 992px) {
  .productList .promocodeSection tr .smallSection {
    width: 200px;
    text-align: right;
  }
}

@media (max-width: 576px) {
  .productList .promocodeSection tr .smallSection {
    width: 100%;
  }
}

@media (max-width: 1440px) {
  .productList .promocodeSection tr .smallSection .btnColor {
    padding: 7px 15px;
  }
}

@media (max-width: 992px) {
  .productList .promocodeSection .trPromoCode {
    visibility: initial;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .productList .promocodeSection .trPromoCode .bigSection {
    display: none;
  }
}

@media (max-width: 992px) {
  .productList .promocodeSection .trCreditCard {
    visibility: initial;
    width: 100%;
  }
}

@media (max-width: 992px) {
  .productList .promocodeSection .trpayPal {
    visibility: initial;
    width: 100%;
  }
}

@media (max-width: 992px) {
  .productList .promocodeSection .trCredits {
    visibility: initial;
    width: 100%;
  }
}

.reviewAndPayPage {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}

.reviewAndPayPage .address-list {
  padding-left: 0;
}

.reviewAndPayPage .PaymentForm * {
  text-align: center !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.reviewAndPayPage .btnSameSize {
  min-width: 326px;
}

@media (max-width: 576px) {
  .reviewAndPayPage .btnSameSize {
    min-width: 250px;
  }
}

.soundPlayer {
  background: #5a6268;
  padding: 5px 0;
  color: #fff;
  position: fixed;
  width: 100%;
  bottom: 0;
  display: none;
  height: 0;
  font-size: 14px;
}

.soundPlayer.modalOpen {
  width: calc(100% - 7px);
}

.soundPlayer .siteWidth table {
  width: 100%;
}

.soundPlayer .siteWidth table tr {
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 1200px) {
  .soundPlayer .siteWidth table tr {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.soundPlayer .siteWidth table tr .playPauseButtons {
  width: 3%;
  padding: 0px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 10px;
}

.soundPlayer .siteWidth table tr .playPauseButtons .fa-pause {
  display: none;
}

.soundPlayer .siteWidth table tr .playPauseButtons .fa {
  padding-right: 10px;
  cursor: pointer;
}

@media (max-width: 1400px) {
  .soundPlayer .siteWidth table tr .playPauseButtons {
    width: 4%;
  }
}

@media (max-width: 1024px) {
  .soundPlayer .siteWidth table tr .playPauseButtons {
    width: 5%;
  }
}

@media (max-width: 767px) {
  .soundPlayer .siteWidth table tr .playPauseButtons {
    width: 70px;
    font-size: 18px;
  }
}

.soundPlayer .siteWidth table tr .fileInfo {
  width: 14%;
  padding: 0px 5px;
}

@media (max-width: 1400px) {
  .soundPlayer .siteWidth table tr .fileInfo {
    width: 14%;
  }
}

@media (max-width: 1200px) {
  .soundPlayer .siteWidth table tr .fileInfo {
    width: 15%;
  }
}

@media (max-width: 1024px) {
  .soundPlayer .siteWidth table tr .fileInfo {
    width: 22%;
  }
}

@media (max-width: 767px) {
  .soundPlayer .siteWidth table tr .fileInfo {
    width: calc(100% - 70px);
  }
}

.soundPlayer .siteWidth table tr .fileInfo .fileName {
  white-space: nowrap;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.soundPlayer .siteWidth table tr .fileInfo .fileName span {
  display: inline-block;
}

.soundPlayer .siteWidth table tr .fileInfo .fileName span:hover {
  -webkit-animation: marquee 15s linear infinite;
          animation: marquee 15s linear infinite;
}

@media (max-width: 767px) {
  .soundPlayer .siteWidth table tr .fileInfo .fileName {
    max-width: 250px;
  }
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}

.soundPlayer .siteWidth table tr .fileInfo .fileDetails {
  font-size: 12px;
}

.soundPlayer .siteWidth table tr .waveFormContainer {
  padding: 0px 15px;
  width: calc(15% + 11% + 9% + 6% + 7% + 7% + 7%);
}

@media (max-width: 1400px) {
  .soundPlayer .siteWidth table tr .waveFormContainer {
    width: calc(15% + 11% + 10% + 6% + 7% + 6% + 6%);
  }
}

@media (max-width: 1200px) {
  .soundPlayer .siteWidth table tr .waveFormContainer {
    width: calc(17% + 11% + 11% + 8% + 9% + 6% + 8%);
  }
}

@media (max-width: 1024px) {
  .soundPlayer .siteWidth table tr .waveFormContainer {
    width: calc(22% + 14% + 13% + 12% + 12%);
    padding: 0px 5px;
  }
}

@media (max-width: 767px) {
  .soundPlayer .siteWidth table tr .waveFormContainer {
    width: 100%;
    padding: 0px;
    margin-top: 5px;
  }
}

@media (max-width: 767px) {
  .soundPlayer .siteWidth table tr .waveFormContainer #waveform > wave {
    height: 5px !important;
    background: #919191;
  }
}

.soundPlayer .siteWidth table tr .waveFormContainer #waveform > wave > wave {
  border-right: none !important;
}

@media (max-width: 767px) {
  .soundPlayer .siteWidth table tr .waveFormContainer #waveform > wave > wave {
    height: 5px !important;
    background: #91c55e !important;
  }
}

@media (max-width: 767px) {
  .soundPlayer .siteWidth table tr .waveFormContainer #waveform > wave > wave canvas {
    display: none;
  }
}

.soundPlayer .siteWidth table tr .waveFormContainer .fileDurationAndVolume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.soundPlayer .siteWidth table tr .waveFormContainer .fileDurationAndVolume .fileDuration {
  font-size: 12px;
}

.soundPlayer .siteWidth table tr .waveFormContainer .fileDurationAndVolume .volume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #919191;
}

.soundPlayer .siteWidth table tr .shareContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px 5px;
  width: 10%;
}

.soundPlayer .siteWidth table tr .shareContainer img {
  cursor: pointer;
}

@media (max-width: 1400px) {
  .soundPlayer .siteWidth table tr .shareContainer {
    width: 9%;
  }
}

@media (max-width: 1200px) {
  .soundPlayer .siteWidth table tr .shareContainer {
    width: 11%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 1024px) {
  .soundPlayer .siteWidth table tr .shareContainer {
    width: 75%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media (max-width: 767px) {
  .soundPlayer .siteWidth table tr .shareContainer {
    width: 70px;
  }
}

.soundPlayer .siteWidth table tr .addToCartContainer {
  width: 10%;
  padding: 0px 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.soundPlayer .siteWidth table tr .addToCartContainer .price {
  min-width: 125px;
  text-align: center;
}

@media (max-width: 1400px) {
  .soundPlayer .siteWidth table tr .addToCartContainer {
    width: 12%;
  }
}

@media (max-width: 1200px) {
  .soundPlayer .siteWidth table tr .addToCartContainer {
    width: 100%;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media (max-width: 1024px) {
  .soundPlayer .siteWidth table tr .addToCartContainer {
    width: 25%;
  }
}

@media (max-width: 767px) {
  .soundPlayer .siteWidth table tr .addToCartContainer {
    width: calc(100% - 70px);
  }
}

.soundPlayer.playing .siteWidth table tr .playPauseButtons .fa-play {
  display: none;
}

.soundPlayer.playing .siteWidth table tr .playPauseButtons .fa-pause {
  display: inline-block;
}

.soundPlayer.cartPage .waveFormContainer {
  width: calc(16% + 9% + 9% + 6% + 7% + 7% + 7% + 10%) !important;
}

@media (max-width: 1400px) {
  .soundPlayer.cartPage .waveFormContainer {
    width: calc(16% + 10% + 10% + 6% + 7% + 6% + 6% + 9%) !important;
  }
}

@media (max-width: 1200px) {
  .soundPlayer.cartPage .waveFormContainer {
    width: calc(21% + 8% + 7% + 8% + 9% + 7% + 8%) !important;
  }
}

@media (max-width: 1024px) {
  .soundPlayer.cartPage .waveFormContainer {
    width: calc(28% + 9% + 8% + 12% + 12%) !important;
  }
}

@media (max-width: 767px) {
  .soundPlayer.cartPage .waveFormContainer {
    width: 100% !important;
  }
}

@media (max-width: 1400px) {
  .soundPlayer.cartPage .shareContainer {
    width: 12% !important;
  }
}

@media (max-width: 1200px) {
  .soundPlayer.cartPage .shareContainer {
    width: 100% !important;
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 1024px) {
  .soundPlayer.cartPage .shareContainer {
    width: 75%;
  }
}

@media (max-width: 767px) {
  .soundPlayer.cartPage .shareContainer {
    width: 100px;
  }
}

.soundPlayer.cartPage .addToCartContainer {
  width: 10%;
}

@media (max-width: 1400px) {
  .soundPlayer.cartPage .addToCartContainer {
    width: 12%;
  }
}

@media (max-width: 1200px) {
  .soundPlayer.cartPage .addToCartContainer {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .soundPlayer.cartPage .addToCartContainer {
    width: 25%;
  }
}

@media (max-width: 767px) {
  .soundPlayer.cartPage .addToCartContainer {
    width: calc(100% - 100px);
  }
}

.soundPlayer .CloseSoundPlayer {
  text-align: right;
  padding-right: 15px;
  position: absolute;
  right: 0;
}

@media (max-width: 1200px) {
  .soundPlayer .CloseSoundPlayer {
    position: initial;
    right: initial;
  }
}

@media (max-width: 767px) {
  .soundPlayer .CloseSoundPlayer {
    display: none;
  }
}

/* original css */
.rangeslider,
.rangeslider__fill {
  display: block;
}

.rangeslider {
  background: #919191;
  position: relative;
}

.rangeslider--horizontal {
  height: 3px;
  width: 100px;
  margin-right: 5px;
}

.rangeslider--vertical {
  width: 15px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  opacity: 0.4;
}

.rangeslider__fill {
  background: #83b467;
  position: absolute;
}

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: #83b467;
  cursor: pointer;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  background-size: 100%;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .rangeslider__handle {
    width: 9px;
    height: 9px;
  }
}

.rangeslider__handle:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.13)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  border-radius: 50%;
}

@media (max-width: 767px) {
  .rangeslider__handle:after {
    width: 9px;
    height: 9px;
  }
}

.rangeslider__handle:active {
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.12)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}

.rangeslider--horizontal .rangeslider__handle {
  top: -6px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

@media (max-width: 767px) {
  .rangeslider--horizontal .rangeslider__handle {
    top: -3px;
  }
}

.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

@media (min-width: 576px) {
  #infoModal .modal-dialog {
    max-width: 650px;
  }
}

#infoModal .modal-dialog .modal-body .heading {
  font-family: "GILB";
}

#infoModal .modal-dialog .modal-body .table {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #infoModal .modal-dialog .modal-body .table tr {
    border-bottom: 1px solid #e8e8e8;
  }
}

#infoModal .modal-dialog .modal-body .table tr td {
  border: none;
  padding-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (min-width: 576px) {
  #infoModal .modal-dialog .modal-body .table tr td:first-of-type {
    width: 215px;
  }
}

#infoModal .modal-dialog .modal-body .table tr td:last-of-type {
  padding-right: 0;
}

.nameAndFilterTags .siteWidth {
  padding: 25px 0;
}

@media (max-width: 767px) {
  .nameAndFilterTags .siteWidth {
    padding: 15px 0;
  }
}

.nameAndFilterTags .siteWidth .searchName {
  color: #595959;
  font-family: "palab";
  font-size: 24px;
}

@media (max-width: 1024px) {
  .nameAndFilterTags .siteWidth .searchName {
    font-size: 20px;
  }
}

.nameAndFilterTags .siteWidth .filterTagsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
}

.nameAndFilterTags .siteWidth .filterTagsContainer .filterTag {
  background: #4d77b8;
  color: #fff;
  margin-right: 10px;
  padding: 5px 15px;
  font-size: 13px;
  border-radius: 25px;
}

@media (max-width: 1200px) {
  .nameAndFilterTags .siteWidth .filterTagsContainer .filterTag {
    margin-right: 5px;
  }
}

.nameAndFilterTags .siteWidth .filterTagsContainer .filterTag .deleteTag {
  color: #fff;
  text-decoration: none;
  margin-left: 10px;
  font-size: 18px;
  line-height: 0;
}

.nameAndFilterTags .siteWidth .filterTagsContainer .filterTag .deleteTag:hover {
  color: #e74c3c;
}

.nameAndFilterTags.cartPage .siteWidth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.advanceSearch {
  background: #f2f2f2;
  position: absolute;
  display: none;
  width: 100%;
  z-index: 100;
  border-bottom: 2px solid #bdbdbd;
}

.advanceSearch.showAdvanceSearch {
  display: block;
}

.advanceSearch .siteWidth {
  padding: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.advanceSearch .siteWidth .filtersContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% - 145px);
}

@media (max-width: 1024px) {
  .advanceSearch .siteWidth .filtersContainer {
    width: calc(100%);
  }
}

@media (max-width: 767px) {
  .advanceSearch .siteWidth .filtersContainer {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.advanceSearch .siteWidth .filtersContainer .filter {
  padding: 10px 10px 0px 0;
  width: calc(100% / 4);
}

@media (max-width: 767px) {
  .advanceSearch .siteWidth .filtersContainer .filter {
    width: calc(98% / 2);
    padding: 5px 0;
  }
}

.advanceSearch .siteWidth .filtersContainer .filter .DDL {
  border: 1px solid #dbdbdb;
  color: #887070;
  width: 100%;
  font-size: 14px;
}

.advanceSearch .siteWidth .filtersContainer .filter input[type="text"] {
  visibility: initial;
  border: 1px solid #dbdbdb;
  color: #887070;
  width: 100%;
  font-size: 14px;
  height: 34px;
  padding: 0px 5px 0px 5px;
}

.advanceSearch .siteWidth .advanceSearchBtn {
  width: 145px;
  text-align: center;
}

@media (max-width: 1024px) {
  .advanceSearch .siteWidth .advanceSearchBtn {
    width: 100%;
    margin-top: 10px;
    text-align: right;
  }
}

.advanceSearch .closeAdvanceSearch {
  color: #989898;
  text-decoration: none;
  font-size: 25px;
  position: absolute;
  right: 15px;
  bottom: 10px;
  cursor: pointer;
  line-height: 10px;
}

.hideCart {
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  -webkit-transform: translate(0%, -100%);
          transform: translate(0%, -100%);
  top: 0;
  opacity: 0;
}

@media (max-width: 992px) {
  .hideCart {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
}

.showCart {
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  top: 80px;
  opacity: 1;
}

@media (max-width: 992px) {
  .showCart {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}

#addToPlayListModal .modal-dialog,
#addToCartModal .modal-dialog {
  width: 200px;
}

#addToPlayListModal .modal-dialog .modal-content,
#addToCartModal .modal-dialog .modal-content {
  background: #4d77b8;
}

#addToPlayListModal .modal-dialog .modal-content .modal-body,
#addToCartModal .modal-dialog .modal-content .modal-body {
  text-align: center;
  color: #fff;
}

#addToPlayListModal .modal-dialog .modal-content .modal-body img,
#addToCartModal .modal-dialog .modal-content .modal-body img {
  max-width: 90px;
}

.update-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.update-progress img {
  max-height: 200px;
  z-index: 10001;
}

.update-progress.small img {
  max-height: 25px;
}

.update-progress p {
  color: black;
  font-size: 20px;
}

.update-progress.dark {
  background: rgba(0, 0, 0, 0.5);
}

.update-progress.dark p {
  color: white;
  font-size: 20px;
}

.empty-item-template {
  width: 100%;
  text-align: center;
}

.empty-item-template img {
  width: 600px;
}

.empty-item-template p {
  font-size: 30px;
}

.img-icon {
  height: 15px;
}

.soundEffectSubCategories ._heading {
  color: #757575;
  font-size: 18px;
  font-family: "palab";
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.soundEffectSubCategories ._heading span {
  margin-right: 10px;
}

@media (max-width: 767px) {
  .soundEffectSubCategories ._heading {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.checkout-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .checkout-tabs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.checkout-tabs .divider {
  padding: 0 15px;
}

@media (max-width: 767px) {
  .checkout-tabs .divider {
    display: none;
  }
}

.checkout-tabs label,
.checkout-tabs span {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .checkout-tabs label,
  .checkout-tabs span {
    width: 100%;
  }
}

.checkout-tabs a {
  color: #fff;
}

.cartPage .cartTable {
  color: #464646;
  width: 100%;
  margin-top: 15px;
  font-size: 14px;
}

@media (max-width: 767px) {
  .cartPage .cartTable {
    width: 100%;
    font-size: 12px;
  }
}

.cartPage .cartTable thead {
  border-bottom: 1px solid #ccd2d7;
  font-size: 15px;
}

@media (max-width: 767px) {
  .cartPage .cartTable thead {
    width: 100%;
    font-size: 14px;
    display: none;
  }
}

@media (max-width: 767px) {
  .cartPage .cartTable thead tr .cartTableCategory {
    display: none;
  }
}

.cartPage .cartTable tbody {
  max-height: 400px;
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cartPage .cartTable tbody tr {
  padding-top: 5px;
  border-top: 1px solid rgba(204, 210, 215, 0.4);
}

.cartPage .cartTable tbody tr:first-of-type {
  padding-top: 10px;
  border-top: none;
}

@media (max-width: 767px) {
  .cartPage .cartTable tbody tr {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
  }
}

.cartPage .cartTable tbody tr td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cartPage .cartTable tbody tr td .cartLabel {
  width: 110px;
  display: none;
  padding-right: 10px;
  text-align: left;
}

@media (max-width: 767px) {
  .cartPage .cartTable tbody tr td .cartLabel {
    display: block;
  }
}

.cartPage .cartTable tbody tr td .cartText {
  width: 100%;
  text-align: left;
}

@media (max-width: 767px) {
  .cartPage .cartTable tbody tr td {
    width: 100% !important;
  }
}

.cartPage .cartTable tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cartPage .cartTable tr .cartTableCategory {
  width: 200px;
  padding-right: 15px;
  min-width: 200px;
}

.cartPage .cartTable tr .cartTableName {
  width: 100%;
  padding-right: 15px;
}

.cartPage .cartTable tr .cartTableTotal {
  min-width: 100px;
  width: 100px;
  text-align: left;
  padding-right: 10px;
  word-break: break-all;
}

@media (max-width: 767px) {
  .cartPage .cartTable tr .cartTableTotal {
    text-align: left;
  }
}

.cartPage .cartTable tr .cartActions {
  min-width: 50px;
  width: 50px;
  text-align: right;
  padding-right: 0px;
  word-break: break-all;
}

.cartPage .cartTable tr .cartSubTotal {
  width: 100%;
  padding-right: 15px;
  text-align: right;
}

@media (max-width: 767px) {
  .cartPage .cartTable tr .cartSubTotal {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: calc(100% - 80px);
  }
}

.cartPage .cartTable tr .cartSubTotalValue {
  width: 250px;
}

@media (max-width: 767px) {
  .cartPage .cartTable tr .cartSubTotalValue {
    width: 80px;
  }
}

@media (max-width: 767px) {
  .cartPage .subTotalTable tr {
    -ms-flex-wrap: initial !important;
        flex-wrap: initial !important;
  }
  .cartPage .subTotalTable tr .cartTableCategory {
    display: none;
  }
  .cartPage .subTotalTable tr .cartSubTotal {
    width: 110px !important;
    display: block;
    padding-right: 10px;
    text-align: left;
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }
  .cartPage .subTotalTable tr .cartSubTotalValue {
    width: 100% !important;
    text-align: left;
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }
}

@media (max-width: 576px) {
  .CartRButtons tr td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.CartRButtons tr td .btnColor {
  margin: 0 5px;
}

@media (max-width: 576px) {
  .CartRButtons tr td .btnColor {
    width: 100%;
    margin: 5px 0px;
  }
}

.OrderDetailsHeaderMain {
  padding: 0 10px;
}

.OrderDetailsHeaderMain .orderDetailsHeaderTable {
  max-width: 580px;
  margin: 0 auto;
}

.OrderDetailsHeaderMain .orderDetailsHeaderTable > h3 {
  visibility: initial;
}

.OrderDetailsHeaderMain .orderDetailsHeaderTable .OrderDetailsRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.OrderDetailsHeaderMain .orderDetailsHeaderTable .OrderDetailsRow .OrderDetailsLabel {
  width: 150px;
  text-align: left;
  font-family: GILB;
  padding-bottom: 10px;
}

@media (max-width: 767px) {
  .OrderDetailsHeaderMain .orderDetailsHeaderTable .OrderDetailsRow .OrderDetailsLabel {
    width: 125px;
  }
}

.OrderDetailsHeaderMain .orderDetailsHeaderTable .OrderDetailsRow .OrderDetailsText {
  text-align: left;
  padding-bottom: 10px;
  word-break: break-all;
  width: calc(100% - 150px);
  color: inherit;
}

@media (max-width: 767px) {
  .OrderDetailsHeaderMain .orderDetailsHeaderTable .OrderDetailsRow .OrderDetailsText {
    width: calc(100% - 125px);
  }
}

.OrderDetailsHeaderMain .orderDetailsHeaderTable .OrderDetailsRow .OrderDetailsText a {
  color: inherit;
}

.orderDetailsTable {
  visibility: initial;
}

.orderDetailsTable h3 {
  margin-bottom: 15px;
}

.orderDetailsTable.cs_table {
  max-width: 900px !important;
  margin: 0 auto;
  width: 100%;
  padding-top: 30px;
}

.orderDetailsTable.cs_table .cs_tableHead {
  border-bottom: 1px solid #ccd2d7;
}

.orderDetailsTable.cs_table .cs_tableHead .gProduct {
  padding-bottom: 5px;
  padding-top: 5px;
}

@media (max-width: 767px) {
  .orderDetailsTable.cs_table .cs_tableHead {
    display: none;
  }
}

.orderDetailsTable.cs_table .cs_tableBody .gProduct:not(:first-of-type) {
  border-top: 1px solid rgba(204, 210, 215, 0.4);
}

.orderDetailsTable.cs_table .gProduct {
  visibility: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: left;
  padding: 10px;
  margin: 0 auto;
}

.orderDetailsTable.cs_table .gProduct .cs_image {
  display: none;
}

.orderDetailsTable.cs_table .gProduct .cs_ShoppingCartSummary {
  width: calc(100% - 500px);
}

.orderDetailsTable.cs_table .gProduct .cs_ShoppingCartSummary p {
  margin-bottom: 0;
}

.orderDetailsTable.cs_table .gProduct .cs_Quantity {
  width: 150px;
  text-align: center;
}

.orderDetailsTable.cs_table .gProduct .cs_Price {
  width: 150px;
  text-align: right;
}

.orderDetailsTable.cs_table .gProduct .cs_Total {
  width: 200px;
  text-align: right;
}

.orderDetailsTable.cs_table .gProduct .cs_Delete {
  display: none;
}

.orderDetailsTable.cs_table .gProduct .noShow {
  display: none;
}

@media (max-width: 767px) {
  .orderDetailsTable.cs_table .gProduct {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 767px) {
  .orderDetailsTable.cs_table .gProduct > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100% !important;
  }
}

.orderDetailsTable.cs_table .gProduct .orderDetailsTableLabel {
  display: none;
}

@media (max-width: 767px) {
  .orderDetailsTable.cs_table .gProduct .orderDetailsTableLabel {
    display: initial;
    width: 125px;
    text-align: left;
    font-weight: bold;
  }
}

@media (max-width: 767px) {
  .orderDetailsTable.cs_table .gProduct .orderDetailsTableText {
    width: calc(100% - 125px);
    text-align: left;
  }
}

.orderDetailsSubtotal {
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.orderDetailsSubtotal .orderDetailsSubtotalRow {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.orderDetailsSubtotal .orderDetailsSubtotalRow .cs_promoSubTotalLabel {
  width: calc(100% - 200px);
  text-align: right;
}

.orderDetailsSubtotal .orderDetailsSubtotalRow .cs_promoSubTotal {
  width: 200px;
  text-align: right;
}

.checkoutMenu {
  padding: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 767px) {
  .checkoutMenu {
    padding: 10px 0;
  }
}

.checkoutMenu .checkoutMenuLabel {
  color: #595959;
  font-size: 24px;
  font-family: "palab";
}

.checkoutMenu .checkoutMenuBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.checkoutMenu .checkoutMenuBtns .checkout-tabsItem:not(:last-of-type) {
  padding-right: 15px;
}

@media (max-width: 767px) {
  .checkoutMenu .checkoutMenuBtns .checkout-tabsItem:not(:last-of-type) {
    padding-right: 5px;
  }
}

.checkoutMenu .checkoutMenuBtns .checkout-tabsItem a {
  color: #555;
}

.checkoutMenu .checkoutMenuBtns .checkout-tabsItem span {
  width: initial;
}

@media (max-width: 767px) {
  .checkoutMenu .checkoutMenuBtns .checkout-tabsItem {
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }
  .checkoutMenu .checkoutMenuBtns .checkout-tabsItem a {
    min-width: 170px;
  }
}

@media (max-width: 576px) {
  .checkoutMenu .checkoutMenuBtns .checkout-tabsItem {
    padding: 0 2px;
  }
}

@media (max-width: 576px) {
  .checkoutMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.searchTab {
  padding: 5px 0 !important;
  border: none !important;
  background: #86949f !important;
}

.searchTab .ui-tabs-nav {
  padding: 0px 0 10px !important;
  background: none;
  border: none;
}

.searchTab .ui-tabs-nav .ui-tabs-tab {
  float: right;
  background: none;
  border: none;
}

.searchTab .ui-tabs-nav .ui-tabs-tab .ui-tabs-anchor {
  visibility: initial;
}

.searchTab .ui-tabs-panel {
  padding: 5px !important;
  text-align: left;
  color: #757575;
  border: 1px solid #dadada !important;
  border-radius: 0;
  background: #fff !important;
}

.searchTab .ui-tabs-panel > div {
  visibility: initial;
}

.searchTab .ui-tabs-panel > div .cs_searchTable {
  visibility: initial;
}

.searchTab .ui-tabs-panel > div .cs_searchTable > tbody > tr {
  visibility: initial;
}

@media (max-width: 767px) {
  .searchTab .ui-tabs-panel > div .cs_searchTable > tbody > tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.searchTab .ui-tabs-panel > div .cs_searchTable > tbody > tr > td {
  visibility: initial;
}

.searchTab .ui-tabs-panel > div .cs_searchTable > tbody > tr > td:last-of-type {
  padding-bottom: 10px;
  font-size: 14px;
}

.searchTab .ui-tabs-panel > div .cs_searchTable > tbody > tr > td:last-of-type .And {
  padding: 0 5px;
}

.searchTab .ui-tabs-panel > div .cs_searchTable > tbody > tr > td:last-of-type .fa {
  padding-left: 5px;
}

.searchTab .ui-tabs-panel > div .cs_searchTable > tbody > tr > td:last-of-type .fa:hover {
  color: lightcoral;
  cursor: pointer;
}

.searchTab .ui-tabs-panel > div .cs_searchTable > tbody > tr > td:last-of-type.orderByDDL {
  visibility: initial;
}

.searchTab .ui-tabs-panel > div .cs_searchTable > tbody > tr > td:last-of-type.orderByDDL select:last-of-type {
  margin-left: 5px;
}

.searchTab .ui-tabs-panel > div .cs_searchTable > tbody > tr .FormLabel {
  visibility: initial;
  font-size: 14px;
  font-weight: bold;
  padding-right: 10px;
}

.searchTab .ui-tabs-panel > div .cs_searchTable > tbody > tr .form-control {
  background: none;
  font-size: initial;
  height: 33px;
}

.cs_userOrderTable {
  width: 900px;
  margin: 0 auto;
  color: #fff;
}

.cs_userOrderTable thead {
  border-bottom: 1px solid #ccd2d7;
  font-weight: bold;
}

@media (max-width: 767px) {
  .cs_userOrderTable thead {
    display: none;
  }
}

.cs_userOrderTable thead th {
  border: none;
  font-weight: 100;
}

.cs_userOrderTable thead th[align="center"] {
  text-align: center;
}

.cs_userOrderTable thead th[align="left"] {
  text-align: left;
}

.cs_userOrderTable thead th[align="right"] {
  text-align: right;
}

@media (max-width: 767px) {
  .cs_userOrderTable tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 0;
  }
}

.cs_userOrderTable tbody tr td {
  border: none;
}

@media (max-width: 767px) {
  .cs_userOrderTable tbody tr td {
    text-align: left;
  }
}

.cs_userOrderTable tbody tr td::before {
  font-weight: bold;
  width: 125px;
}

.cs_userOrderTable tbody tr td a {
  color: #fff;
  text-decoration: none;
}

.cs_userOrderTable tbody tr td a:hover {
  color: #4d77b8;
}

@media (max-width: 767px) {
  .cs_userOrderTable tbody tr:not(:first-of-type) td {
    border: none;
  }
}

.cs_userOrderTable tbody tr .GV_OrderNumber {
  visibility: initial;
}

@media (max-width: 767px) {
  .cs_userOrderTable tbody tr .GV_OrderNumber {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cs_userOrderTable tbody tr .GV_OrderNumber::before {
    content: "Order #: ";
  }
}

.cs_userOrderTable tbody tr .GV_Total {
  visibility: initial;
}

@media (max-width: 767px) {
  .cs_userOrderTable tbody tr .GV_Total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cs_userOrderTable tbody tr .GV_Total::before {
    content: "Total: ";
  }
}

.cs_userOrderTable tbody tr .GV_Items {
  visibility: initial;
}

@media (max-width: 767px) {
  .cs_userOrderTable tbody tr .GV_Items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cs_userOrderTable tbody tr .GV_Items::before {
    content: "Items: ";
  }
}

.cs_userOrderTable tbody tr .GV_OrderStatus {
  visibility: initial;
}

@media (max-width: 767px) {
  .cs_userOrderTable tbody tr .GV_OrderStatus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cs_userOrderTable tbody tr .GV_OrderStatus::before {
    content: "Order Status: ";
  }
}

.cs_userOrderTable tbody tr .GV_OrderDate {
  visibility: initial;
}

@media (max-width: 767px) {
  .cs_userOrderTable tbody tr .GV_OrderDate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cs_userOrderTable tbody tr .GV_OrderDate::before {
    content: "Order Date: ";
  }
}

.cs_userOrderTable tbody tr .GV_PDF {
  visibility: initial;
}

@media (max-width: 767px) {
  .cs_userOrderTable tbody tr .GV_PDF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cs_userOrderTable tbody tr .GV_PDF::before {
    content: "Invoice: ";
  }
}

.cs_userOrderTable tbody tr .GV_View {
  visibility: initial;
}

@media (max-width: 767px) {
  .cs_userOrderTable tbody tr .GV_View {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cs_userOrderTable tbody tr .GV_View::before {
    content: "View Order: ";
  }
}

.cs_userOrderTable tbody tr:nth-of-type(even) {
  background: #ebeff6;
}

.myProfileEditSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.myProfileEditSection > .left {
  max-width: 800px;
}

@media (max-width: 992px) {
  .myProfileEditSection > .left {
    max-width: 600px;
  }
}

.myProfileEditSection > .right {
  max-width: 700px;
}

@media (max-width: 992px) {
  .myProfileEditSection > .right {
    max-width: 600px;
  }
}

@media (max-width: 767px) {
  .myProfileEditSection .btnColor {
    min-width: 170px;
  }
}

.contentPage {
  color: #595959;
}

.contentPage .contentBanner {
  visibility: initial;
}

.contentPage .contentBanner img {
  max-width: 100%;
}

.contentPage .siteWidth {
  visibility: initial;
  padding: 10px 0;
}

.contentPage .siteWidth .pageHeading {
  font-size: 24px;
  font-family: palab;
  padding: 10px 0;
  border-bottom: 1px solid rgba(204, 210, 215, 0.4);
  margin-bottom: 10px;
  letter-spacing: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contentPage .siteWidth .pageHeading .leftHeading {
  visibility: initial;
  color: #4d77b8;
  width: calc(50% - 80px);
}

@media (max-width: 1024px) {
  .contentPage .siteWidth .pageHeading .leftHeading {
    width: calc(100% - 130px);
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (max-width: 767px) {
  .contentPage .siteWidth .pageHeading .leftHeading {
    width: 100%;
    text-align: center;
  }
}

.contentPage .siteWidth .pageHeading .centerImage {
  width: 160px;
}

@media (max-width: 1024px) {
  .contentPage .siteWidth .pageHeading .centerImage {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.contentPage .siteWidth .pageHeading .rightButton {
  width: calc(50% - 80px);
  text-align: right;
}

@media (max-width: 1024px) {
  .contentPage .siteWidth .pageHeading .rightButton {
    width: 130px;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

@media (max-width: 767px) {
  .contentPage .siteWidth .pageHeading .rightButton {
    width: 100%;
  }
}

.contentPage .siteWidth .paragraph {
  visibility: initial;
  margin-bottom: 15px;
}

.contentPage .siteWidth .subHeading {
  font-size: 20px;
  margin-bottom: 0px;
  letter-spacing: 1px;
}

.contentPage .siteWidth ul,
.contentPage .siteWidth ol {
  visibility: initial;
}

.contentPage .siteWidth ul li,
.contentPage .siteWidth ol li {
  visibility: initial;
}

.contentPage .siteWidth a {
  visibility: initial;
  color: inherit;
  text-decoration: underline;
}

.contentPage .siteWidth a:hover {
  color: #91c55e;
}

.margin-center {
  margin: 0 auto;
}

.fontBold {
  font-family: GILB;
  font-weight: initial;
}

strong {
  font-family: GILB;
  font-weight: initial;
}

.subscriptionPage {
  color: #fff;
  padding: 35px 0;
}

@media (max-width: 1024px) {
  .subscriptionPage {
    padding: 15px 0;
  }
}

.subscriptionPage .siteWidth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1024px) {
  .subscriptionPage .siteWidth {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.subscriptionPage .siteWidth .left {
  text-align: center;
  width: 410px;
}

@media (max-width: 1400px) {
  .subscriptionPage .siteWidth .left {
    width: 330px;
  }
}

@media (max-width: 1024px) {
  .subscriptionPage .siteWidth .left {
    width: 100%;
  }
}

.subscriptionPage .siteWidth .left .heading {
  font-size: 45px;
  font-family: Pala;
  letter-spacing: 4px;
}

@media (max-width: 1400px) {
  .subscriptionPage .siteWidth .left .heading {
    font-size: 36px;
    letter-spacing: 2px;
  }
}

@media (max-width: 767px) {
  .subscriptionPage .siteWidth .left .heading {
    font-size: 30px;
  }
}

.subscriptionPage .siteWidth .left .subHeading {
  font-size: 36px;
  font-family: Pala;
  letter-spacing: 4px;
  margin-bottom: 25px;
}

@media (max-width: 1400px) {
  .subscriptionPage .siteWidth .left .subHeading {
    font-size: 30px;
    letter-spacing: 2px;
  }
}

@media (max-width: 767px) {
  .subscriptionPage .siteWidth .left .subHeading {
    font-size: 26px;
    margin-bottom: 15px;
  }
}

.subscriptionPage .siteWidth .left .paragraph {
  font-size: 18px;
  margin-bottom: 25px;
}

.subscriptionPage .siteWidth .right {
  color: #757575;
  background: #fff;
  width: calc(100% - 490px);
  padding: 40px;
}

@media (max-width: 1400px) {
  .subscriptionPage .siteWidth .right {
    width: calc(100% - 330px);
  }
}

@media (max-width: 1200px) {
  .subscriptionPage .siteWidth .right {
    padding: 20px;
  }
}

@media (max-width: 1024px) {
  .subscriptionPage .siteWidth .right {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .subscriptionPage .siteWidth .right {
    background: none;
    padding: 0px;
  }
}

.subscriptionPage .siteWidth .right .top {
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
}

.subscriptionPage .siteWidth .right .top .btnColor {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767px) {
  .subscriptionPage .siteWidth .right .top .btnColor {
    position: initial;
    -webkit-transform: initial;
            transform: initial;
    margin-top: 5px;
  }
}

.subscriptionPage .siteWidth .right .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .subscriptionPage .siteWidth .right .bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.subscriptionPage .siteWidth .right .section1 {
  width: 200px;
  margin-top: 40px;
  padding-top: 50px;
}

@media (max-width: 767px) {
  .subscriptionPage .siteWidth .right .section1 {
    display: none;
  }
}

.subscriptionPage .siteWidth .right .section2 {
  width: calc(100% - 200px);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
  overflow-x: auto;
  padding-bottom: 15px;
}

@media (max-width: 767px) {
  .subscriptionPage .siteWidth .right .section2 {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 0px;
  }
}

.subscriptionPage .siteWidth .right .section2 .subSections {
  position: relative;
  width: 100%;
  min-width: 250px;
}

@media (max-width: 767px) {
  .subscriptionPage .siteWidth .right .section2 .subSections {
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 10px;
    margin-top: 10px;
  }
}

.subscriptionPage .siteWidth .right .section2 .subSections.chosenTier {
  width: initial;
}

@media (max-width: 767px) {
  .subscriptionPage .siteWidth .right .section2 .subSections.chosenTier {
    width: 100%;
  }
}

.subscriptionPage .siteWidth .right .section2 .subSections #paypal-button-container {
  max-width: 200px;
  margin: 0 auto;
}

.subscriptionPage .siteWidth .right .section2::-webkit-scrollbar {
  height: 7px;
}

.subscriptionPage .siteWidth .right .section2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.subscriptionPage .siteWidth .right .section2::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.subscriptionPage .siteWidth .right .recommended {
  background: #ce60c3;
  color: #fff;
  padding: 7px 20px;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 10px;
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.subscriptionPage .siteWidth .right .recommended .fa {
  font-size: 22px;
}

@media (max-width: 767px) {
  .subscriptionPage .siteWidth .right .recommended {
    position: initial;
    -webkit-transform: initial;
            transform: initial;
    top: initial;
    left: initial;
  }
}

.subscriptionPage .siteWidth .right .heading {
  font-size: 26px;
  color: #555555;
  height: 40px;
}

.subscriptionPage .siteWidth .right .sectionRows {
  visibility: initial;
  margin-bottom: 30px;
  margin-top: 30px;
}

.subscriptionPage .siteWidth .right .sectionRows .mobileLabel {
  display: none;
}

@media (max-width: 767px) {
  .subscriptionPage .siteWidth .right .sectionRows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .subscriptionPage .siteWidth .right .sectionRows .mobileLabel {
    display: block;
    width: 170px;
    font-family: GILB;
  }
  .subscriptionPage .siteWidth .right .sectionRows .mobileText {
    width: calc(100% - 170px);
  }
}

.ContactUsPage {
  padding: 35px 0;
}

@media (max-width: 1024px) {
  .ContactUsPage {
    padding: 15px 0;
  }
}

.ContactUsPage h1 {
  font-family: PALA;
  margin-bottom: 15px;
}

.ContactUsPage .cs_ContactUsSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ContactUsPage .cs_ContactUsSection .cs_ContactUsForm {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ContactUsPage .cs_ContactUsSection .cs_ContactUsForm .left {
  width: 50%;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .ContactUsPage .cs_ContactUsSection .cs_ContactUsForm .left {
    width: 100%;
    padding: 0px;
  }
}

.ContactUsPage .cs_ContactUsSection .cs_ContactUsForm .right {
  width: 50%;
  padding-left: 15px;
}

@media (max-width: 767px) {
  .ContactUsPage .cs_ContactUsSection .cs_ContactUsForm .right {
    width: 100%;
    padding: 0px;
  }
}

.ContactUsPage .cs_ContactUsSection .cs_ContactUsForm textarea {
  min-height: 210px;
}

.ContactUsPage .cs_ContactUsSection .cs_ContactUsAddress {
  width: 100%;
  padding-top: 15px;
}

.ContactUsPage .cs_ContactUsSection .cs_ContactUsAddress ul,
.ContactUsPage .cs_ContactUsSection .cs_ContactUsAddress ol {
  list-style: none;
  padding-left: 0;
}

.ContactUsPage .cs_ContactUsSection .cs_ContactUsAddress a {
  color: #595959;
  text-decoration: underline;
}

.FAQPage {
  padding: 35px 0;
}

@media (max-width: 1024px) {
  .FAQPage {
    padding: 15px 0;
  }
}

.FAQPage .AcordianContainer {
  margin: 10px 0px 10px 0px;
  padding: 5px;
}

.FAQPage .AcordianHeading {
  cursor: pointer;
}

.FAQPage .AcordianHeading h2 {
  border-bottom: 1px solid #d9d9d9;
  margin: 0;
  cursor: pointer;
  background: #ffffff;
  padding: 20px 40px;
  background: url("../Images/list-style.png") no-repeat left;
  background-position: center left;
  color: #686868;
  font-size: large;
  font-weight: bold;
}

.FAQPage .AcordianHeading h2:hover {
  background: none;
  background-color: #3479d7;
  color: #ffffff;
}

.FAQPage .AcordianOpen h2 {
  background: none;
  border: 1px solid #d9d9d9;
}

.FAQPage .AcordianContent {
  display: none;
  border: 1px solid #d9d9d9;
  padding: 5px;
}

.FAQPage .AcordianContent h4 {
  margin: 14px 0px 0px 0px;
  font-size: 14px;
  font-weight: bold;
}

.FAQPage .cs_AcordianContainer .AcordianHeading {
  position: relative;
}

.FAQPage .cs_AcordianContainer .AcordianHeading:before {
  content: ".";
  color: #ffffff;
  border-bottom: 1px solid #4d77b8;
  position: absolute;
  bottom: 0;
  -webkit-transition: 1s ease-out width;
  transition: 1s ease-out width;
  width: 0;
  overflow: hidden;
}

.FAQPage .cs_AcordianContainer .AcordianHeading .SubCategoryTitle {
  background: none;
  padding: 10px 0;
  font-size: 18px;
  padding-right: 25px !important;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}

.FAQPage .cs_AcordianContainer .AcordianHeading .cs_AcordianArrow {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.FAQPage .cs_AcordianContainer .AcordianHeading .cs_AcordianArrow:before {
  -webkit-transition: 1s ease-out all;
  transition: 1s ease-out all;
}

.FAQPage .cs_AcordianContainer .AcordianHeading:hover * {
  color: #4d77b8;
}

.FAQPage .cs_AcordianContainer .AcordianContent {
  border: 0;
}

.FAQPage .cs_AcordianContainer.AcordianOpen .AcordianHeading * {
  color: #4d77b8;
}

.FAQPage .cs_AcordianContainer.AcordianOpen .AcordianHeading:before {
  width: 100%;
}

.FAQPage .cs_AcordianContainer.AcordianOpen .AcordianHeading .cs_AcordianArrow:before {
  content: "\f106";
}

h1,
h2 {
  font-family: PALA;
}

@media (max-width: 767px) {
  h1,
  .h1 {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  h2,
  .h2 {
    font-size: 22px;
  }
}

.pageNavigation {
  padding: 10px 0;
}

.pageNavigation table tr td .navigationImages {
  height: 30px;
  background: #fff;
  padding: 5px 0;
  width: 30px !important;
}

.pageNavigation table tr td .navigationImages:hover {
  background: #e8e8e8;
}

@media (max-width: 767px) {
  .pageNavigation {
    visibility: initial;
    border: none;
    padding-left: 0 !important;
  }
  .pageNavigation table {
    max-width: 100%;
    width: initial !important;
    text-align: center;
    margin: 0 auto !important;
  }
  .pageNavigation table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .pageNavigation table tr td {
    visibility: initial;
    min-width: 50px;
    padding: 0 5px;
    text-align: center;
  }
  .pageNavigation table tr td .navigationImages {
    max-width: 100%;
    margin-bottom: 10px;
  }
  .pageNavigation table tr td.pageCount {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
}

.pricing {
  padding: 35px 0;
  color: #595959;
}

.pricing .siteWidth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 767px) {
  .pricing .siteWidth {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.pricing .siteWidth > .left {
  border: 1px solid #e2e2e2;
  width: 815px;
  margin-right: 10px;
}

@media (max-width: 1024px) {
  .pricing .siteWidth > .left {
    width: calc(100% - 290px);
  }
}

@media (max-width: 767px) {
  .pricing .siteWidth > .left {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0px;
  }
}

.pricing .siteWidth > .left .pricingHeading {
  text-align: center;
  background: #2672ae;
  color: #fff;
  font-size: 22px;
  padding: 15px 0;
  letter-spacing: 1px;
}

.pricing .siteWidth > .left .pricingBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1024px) {
  .pricing .siteWidth > .left .pricingBody {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .pricing .siteWidth > .left .pricingBody {
    padding: 5px;
  }
}

.pricing .siteWidth > .left .pricingBody > .left {
  width: 301px;
  text-align: center;
}

@media (max-width: 1024px) {
  .pricing .siteWidth > .left .pricingBody > .left {
    width: 100%;
  }
}

.pricing .siteWidth > .left .pricingBody > .right {
  border: 1px solid #e2e2e2;
  padding: 10px;
  border-radius: 4px;
  max-width: calc(100% - 320px);
}

@media (max-width: 1024px) {
  .pricing .siteWidth > .left .pricingBody > .right {
    max-width: initial;
  }
}

.pricing .siteWidth > .left .pricingBody > .right > .heading {
  text-align: center;
  padding-bottom: 25px;
  color: #2672ae;
  font-family: GILB;
  letter-spacing: 1px;
}

.pricing .siteWidth > .left .pricingBody > .right .card {
  padding-bottom: 25px;
  border: none;
}

.pricing .siteWidth > .left .pricingBody > .right .card .cardHeading {
  visibility: initial;
  text-align: center;
  font-family: GILB;
  padding-bottom: 5px;
  letter-spacing: 1px;
}

.pricing .siteWidth > .left .pricingBody > .right .card table {
  width: 100%;
  font-size: 14px;
}

.pricing .siteWidth > .left .pricingBody > .right .card table thead {
  background: #ebebeb;
}

.pricing .siteWidth > .left .pricingBody > .right .card table thead tr {
  visibility: initial;
}

.pricing .siteWidth > .left .pricingBody > .right .card table thead tr th {
  padding: 5px;
}

.pricing .siteWidth > .left .pricingBody > .right .card table thead tr th:nth-of-type(1) {
  width: 140px;
}

.pricing .siteWidth > .left .pricingBody > .right .card table thead tr th:nth-of-type(2) {
  width: 120px;
  text-align: center;
}

.pricing .siteWidth > .left .pricingBody > .right .card table thead tr th:nth-of-type(3) {
  width: 150px;
}

.pricing .siteWidth > .left .pricingBody > .right .card table tbody {
  visibility: initial;
}

.pricing .siteWidth > .left .pricingBody > .right .card table tbody tr {
  visibility: initial;
}

.pricing .siteWidth > .left .pricingBody > .right .card table tbody tr td {
  padding: 5px;
}

.pricing .siteWidth > .left .pricingBody > .right .card table tbody tr td:nth-of-type(2) {
  text-align: center;
}

.pricing .siteWidth > .right {
  border: 1px solid #e2e2e2;
  text-align: center;
  width: 270px;
  margin-left: 10px;
}

@media (max-width: 767px) {
  .pricing .siteWidth > .right {
    width: 100%;
    margin-top: 10px;
    margin-left: 0px;
  }
}

.pricing .siteWidth > .right .pricingHeading {
  text-align: center;
  background: #91c55e;
  color: #fff;
  font-size: 22px;
  padding: 15px 0;
  letter-spacing: 1px;
}

.pricing .siteWidth > .right .pricingBody {
  padding: 25px;
}

@media (max-width: 767px) {
  .pricing .siteWidth > .right .pricingBody {
    padding: 5px;
  }
}

.pricing .siteWidth > .right .pricingBody .pricingBodyHeading {
  padding-bottom: 25px;
  letter-spacing: 1px;
  font-size: 26px;
}

.pricing .siteWidth > .right .pricingBody .image {
  padding-bottom: 25px;
}

.pricing .siteWidth > .right .pricingBody .image img {
  max-width: 64px;
  max-height: 64px;
}

.pricing .siteWidth > .right .pricingBody .costPerYear {
  padding-bottom: 25px;
  font-size: 28px;
  font-family: GILB;
  letter-spacing: 1px;
}

.pricing .siteWidth > .right .pricingBody .btnContainer {
  visibility: initial;
}

.pricing .siteWidth > .right .pricingBody .btnContainer .btnColor {
  visibility: initial;
  letter-spacing: 1px;
}

.pricing .paragraph {
  padding-bottom: 25px;
}

.ValidationError {
  color: #ef4c3c;
}

.fa-shopping-cart {
  vertical-align: sub;
}

.fa-shopping-cart:before {
  content: "" !important;
  background: url(/Assets/images/shoppingCartIcon.png) no-repeat;
  background-size: cover;
  height: 17px;
  width: 17px;
  display: block;
}

.dynamicPage {
  visibility: initial;
}

.dynamicPage .DP_banner {
  width: 100%;
}

.dynamicPage .DP_body {
  padding: 35px 0;
}

.dynamicPage .DP_body .DP_heading {
  font-family: PALA;
}

.dynamicPage .DP_body .DP_content {
  visibility: initial;
}

.dynamicPage .DP_body .DP_content .myCKTitle {
  visibility: initial;
}

.dynamicPage .DP_body .DP_content .myCKTitle * {
  color: #4d77b8;
}

.dynamicPage .DP_body .DP_content .addOn > td {
  padding-bottom: 5px !important;
}

.dynamicPage .DP_body .DP_content .addOn h1 {
  font-family: pala;
}

.dynamicPage .DP_body .DP_content .addOn h3 {
  font-family: pala;
}

.dynamicPage .DP_body .DP_content .addOn p {
  font-size: 14px;
  line-height: 26.6px;
  font-family: GIL;
}

.dynamicPage img,
.dynamicPage iframe {
  max-width: 100%;
}

@media (max-width: 767px) {
  .dynamicPage iframe {
    height: initial;
  }
}

.Message {
  color: green !important;
  font-weight: bold !important;
}

.play-current-icon {
  max-height: 10px;
  margin-left: 2px;
}

@media (max-width: 1400px) {
  .play-current-icon {
    max-height: 14px;
    margin-left: 2px;
  }
}

.productListTable-row .playImgBtn.play-button {
  display: block;
}

.productListTable-row .playImgBtn.pause-button {
  display: none;
}

.productListTable-row .play-current-icon {
  display: none;
}

.productListTable-row.playing .playImgBtn.play-button {
  display: none;
}

.productListTable-row.playing .playImgBtn.pause-button {
  display: block;
}

.productListTable-row.playing .play-current-icon {
  display: block;
}

.productListTable-row.paused .playImgBtn.play-button {
  display: block;
}

.productListTable-row.paused .playImgBtn.pause-button {
  display: none;
}

.custom-table-cell .fa {
  display: none;
}

.custom-table-cell.active.asc .fa-caret-up {
  display: block;
}

.custom-table-cell.active.desc .fa-caret-down {
  display: block;
}

.img-btn-delete {
  width: 26px;
}

.headerPlayList .img-btn-delete {
  width: 20px;
}

.panel-proceed-order {
  position: relative;
}

.publisher-info-expand {
  background-color: rgba(0, 0, 0, 0.1);
}

.panel-result-count {
  color: #595959;
  text-align: right;
}

.panel-result-count input[type="button"] {
  background: transparent;
  color: #4d77b8;
}

.panel-result-count input[type="button"].selected {
  background: #4d77b8;
  color: white;
}

@media (max-width: 767px) {
  .panel-result-count {
    text-align: center;
    margin-top: 20px;
  }
}

.btn-share,
#btn-share-copy-clipboard {
  cursor: pointer;
}

.btn-report {
  width: 20px;
}

#iFrame_Share {
  border: 0;
  width: 100%;
}

.tbl-sharing-buttons {
  width: 100%;
}

.tbl-sharing-buttons tr td {
  width: 33.3%;
  display: table-cell !important;
}

.playlist-btn-ctr.added .img-playlist-btn.add {
  display: none;
}

.playlist-btn-ctr.added .img-playlist-btn.delete {
  display: block;
}

.playlist-btn-ctr .img-playlist-btn.add {
  display: block;
}

.playlist-btn-ctr .img-playlist-btn.delete {
  display: none;
}

.btn-sound-child-count {
  background: black;
  color: white !important;
  padding: 2px 5px;
}

.btn-sound-child-count:hover {
  color: white;
  text-decoration: underline !important;
  cursor: pointer !important;
}

.report-modal.modal.show {
  display: block;
}

.autocomplete_completionListElement {
  width: 250px;
  height: 200px;
  text-align: left;
  background-color: #f2f2f4;
  color: windowtext;
  border: buttonshadow;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  overflow: auto;
  text-align: left;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.autocomplete_highlightedListItem {
  background-color: #dddddd;
}

.autocomplete_listItem {
  background-color: #f2f2f4;
}

.table-recording-type input {
  margin-right: 10px;
}

.table-recording-type td {
  padding-right: 20px;
}

.AutoCompleteCustomerWithAddress th,
.AutoCompleteCustomerWithAddress td {
  border: 1px black solid;
  padding: 2px 2px;
}

.AutoCompleteCustomerWithAddress th:nth-child(1),
.AutoCompleteCustomerWithAddress td:nth-child(1) {
  width: 300px;
}

.AutoCompleteCustomerWithAddress th:nth-child(2),
.AutoCompleteCustomerWithAddress td:nth-child(2) {
  width: 400px;
}

.AutoCompleteCustomerWithAddress th:nth-child(3),
.AutoCompleteCustomerWithAddress td:nth-child(3) {
  width: 100px;
  text-align: center;
}

.AutoCompleteCustomerWithAddress th:nth-child(4),
.AutoCompleteCustomerWithAddress td:nth-child(4) {
  width: 150px;
  text-align: center;
}

.AutoCompleteCustomerWithAddress th:nth-child(5),
.AutoCompleteCustomerWithAddress td:nth-child(5) {
  width: 100px;
  text-align: center;
}

.checkoutTable {
  visibility: initial;
}

.checkoutTable tr {
  display: table-row !important;
}

.checkoutTable tr td {
  display: table-cell !important;
  width: initial !important;
  text-align: left !important;
}

.checkoutTable thead {
  visibility: initial;
}

.checkoutTable thead tr {
  visibility: initial;
}

.checkoutTable thead tr td {
  padding: 10px 5px !important;
}

@media (max-width: 992px) {
  .checkoutTable thead {
    display: none !important;
  }
}

.checkoutTable tbody {
  visibility: initial;
}

.checkoutTable tbody tr {
  visibility: initial;
}

@media (max-width: 992px) {
  .checkoutTable tbody tr {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.checkoutTable tbody tr td {
  visibility: initial;
}

.checkoutTable tbody tr td .mobileHeading {
  display: none !important;
}

@media (max-width: 992px) {
  .checkoutTable tbody tr td .mobileHeading {
    display: block !important;
    width: 120px !important;
    font-weight: bold;
  }
}

@media (max-width: 992px) {
  .checkoutTable tbody tr td .columnData {
    width: calc(100% - 120px) !important;
  }
}

@media (max-width: 992px) {
  .checkoutTable tbody tr td {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    padding: 5px 0 !important;
  }
}

.totalPriceTable {
  margin-top: 50px !important;
}

.totalPriceTable .trCreditCard {
  visibility: initial;
}

.totalPriceTable .trCreditCard .bigSection {
  width: 20% !important;
  font-weight: bold;
}

@media (max-width: 1200px) {
  .totalPriceTable .trCreditCard .bigSection {
    width: 30% !important;
    text-align: right !important;
  }
}

@media (max-width: 992px) {
  .totalPriceTable tr,
  .totalPriceTable tr.trCreditCard {
    width: 100% !important;
  }
  .totalPriceTable tr td,
  .totalPriceTable tr td.bigSection,
  .totalPriceTable tr.trCreditCard td,
  .totalPriceTable tr.trCreditCard td.bigSection {
    width: 100% !important;
    text-align: right;
  }
}
/*# sourceMappingURL=StyleSheet.css.map */