@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: flex;
  justify-content: space-between;
  color: #fff;
  align-items: center;
  padding: 15px 0;
  position: absolute;
  width: 100%;
  z-index: 9;
}
@media (max-width: 992px) {
  header {
    padding: 10px 0;
  }
}
header .headerContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  header .headerContainer {
    justify-content: space-between;
  }
}
@media (max-width: 992px) {
  header .headerContainer {
    justify-content: initial;
  }
}
@media (max-width: 576px) {
  header .headerContainer {
    position: relative;
    flex-wrap: wrap;
    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: flex;
    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: flex;
    align-items: 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;
  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;
  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;
  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 {
  transform: rotate(-45deg);
}
header .headerContainer nav .menu-btn:checked ~ .menu-icon .navicon:after {
  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: flex;
  align-items: center;
  clear: both;
}
@media (max-width: 1024px) {
  header .headerContainer nav ul {
    width: 100%;
    justify-content: space-between;
    margin-top: 18px;
  }
}
@media (max-width: 992px) {
  header .headerContainer nav ul {
    margin-top: initial;
  }
}
header .headerContainer nav ul .myPlayListDesktop .fa {
  transition: 0.8s;
}
header .headerContainer nav ul .myPlayListDesktop .fa.active {
  color: #6eb9f7;
  transition: 0s;
}
@media (max-width: 992px) {
  header .headerContainer nav ul {
    max-height: 0;
    height: 0;
    flex-direction: column;
    max-height: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #223d50;
    transition: all 0.2s ease-out;
    justify-content: 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;
  transform: translateY(-8px);
  transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s;
}
header .headerContainer nav ul li .menuLink:after {
  opacity: 0;
  transform: translateY(4px);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
}
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;
  transform: translateY(0);
}
header .headerContainer nav ul li .menuLink:hover:before, header .headerContainer nav ul li .menuLink:focus:before {
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
}
header .headerContainer nav ul li .menuLink:hover:after, header .headerContainer nav ul li .menuLink:focus:after {
  transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s;
}
header .headerContainer nav ul li .logoutLabel {
  display: flex;
  flex-direction: column;
  align-items: flex-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 {
    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 - 294px);
}
.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%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
.body .topBanner .overlaySearch .heading {
  color: #fff;
  font-size: 40px;
}
@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: inline-flex;
  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: flex;
  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;
  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;
  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: "GILB";
}
.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: flex;
  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 {
    flex-wrap: wrap;
    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: flex;
}
.headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tr .cartTableCategory {
  width: 200px;
  padding-right: 15px;
  min-width: 200px;
}
@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart .cartTable tr .cartTableCategory {
    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 {
    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 {
    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 {
    order: 3;
    min-width: 65px;
    width: 65px;
    margin-top: 5px;
  }
}
.headerShoppingCartAndPlayListContainer .headerShoppingCart .cartButton {
  text-align: right;
  margin-top: 15px;
}
.headerShoppingCartAndPlayListContainer .headerShoppingCart.hideCart {
  transition: 0.3s linear;
  transform: translate(0%, -100%);
  top: 0;
  opacity: 0;
}
@media (max-width: 992px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart.hideCart {
    transform: translate(-50%, -50%) scale(0);
  }
}
.headerShoppingCartAndPlayListContainer .headerShoppingCart.showCart {
  transition: 0.3s linear;
  transform: translate(0%, 0%);
  top: 80px;
  opacity: 1;
  z-index: 1000;
}
@media (max-width: 992px) {
  .headerShoppingCartAndPlayListContainer .headerShoppingCart.showCart {
    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: "GILB";
}
.headerShoppingCartAndPlayListContainer .headerPlayList .cartTable {
  color: #464646;
  width: 350px;
  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: flex;
  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 {
    flex-wrap: wrap;
    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: flex;
}
.headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tr .playListName {
  width: 100%;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tr .playListName {
    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 {
    order: 2;
    min-width: 80px;
    width: 80px;
  }
}
.headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tr .playListBtn {
  min-width: 100px;
  width: 100px;
  text-align: right;
  word-break: break-all;
  vertical-align: middle;
}
.headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tr .playListBtn .edit-icon, .headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tr .playListBtn .save-icon {
  width: 20px;
  margin-right: 10px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .headerShoppingCartAndPlayListContainer .headerPlayList .cartTable tr .playListBtn {
    order: 3;
    min-width: 30px;
    width: 30px;
  }
}
.headerShoppingCartAndPlayListContainer .headerPlayList .cartButton {
  text-align: center;
  margin-top: 15px;
}

.selectPlayListModal .modal-header, .movePlaylistsModal .modal-header {
  color: #223c50;
  text-align: center;
  font-family: "GILB";
  border-bottom: 0;
  padding-bottom: 0;
}
.selectPlayListModal .modal-header .cartHeading, .movePlaylistsModal .modal-header .cartHeading {
  display: block;
  width: 100%;
}
.selectPlayListModal .modal-header .cartHeading .modal-title, .movePlaylistsModal .modal-header .cartHeading .modal-title {
  font-size: 18px;
}
.selectPlayListModal .modal-header .close, .movePlaylistsModal .modal-header .close {
  position: absolute;
  top: 0;
  right: 7px;
}
.selectPlayListModal .cartTable, .movePlaylistsModal .cartTable {
  color: #464646;
  width: 100%;
  font-size: 14px;
}
@media (max-width: 767px) {
  .selectPlayListModal .cartTable, .movePlaylistsModal .cartTable {
    width: 100%;
    font-size: 12px;
  }
}
.selectPlayListModal .cartTable thead, .movePlaylistsModal .cartTable thead {
  border-bottom: 1px solid #ccd2d7;
  font-size: 15px;
}
@media (max-width: 767px) {
  .selectPlayListModal .cartTable thead, .movePlaylistsModal .cartTable thead {
    width: 100%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .selectPlayListModal .cartTable thead tr .cartTableCategory, .movePlaylistsModal .cartTable thead tr .cartTableCategory {
    display: none;
  }
}
.selectPlayListModal .cartTable tbody, .movePlaylistsModal .cartTable tbody {
  max-height: 400px;
  overflow-x: auto;
  display: flex;
  flex-direction: column;
}
.selectPlayListModal .cartTable tbody tr, .movePlaylistsModal .cartTable tbody tr {
  padding-top: 5px;
  border-top: 1px solid rgba(204, 210, 215, 0.4);
}
.selectPlayListModal .cartTable tbody tr:first-of-type, .movePlaylistsModal .cartTable tbody tr:first-of-type {
  padding-top: 10px;
  border-top: none;
}
@media (max-width: 767px) {
  .selectPlayListModal .cartTable tbody tr, .movePlaylistsModal .cartTable tbody tr {
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
  }
}
@media (max-width: 767px) {
  .selectPlayListModal .cartTable tbody tr .cartTableTotal, .movePlaylistsModal .cartTable tbody tr .cartTableTotal {
    position: absolute;
    top: 10px;
    right: 0;
  }
}
.selectPlayListModal .cartTable tr, .movePlaylistsModal .cartTable tr {
  display: flex;
}
.selectPlayListModal .cartTable tr .playListName, .movePlaylistsModal .cartTable tr .playListName {
  width: 100%;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .selectPlayListModal .cartTable tr .playListName, .movePlaylistsModal .cartTable tr .playListName {
    order: 1;
    width: calc(100% - 80px);
  }
}
.selectPlayListModal .cartTable tr .playListItems, .movePlaylistsModal .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, .movePlaylistsModal .cartTable tr .playListItems {
    order: 3;
    min-width: 80px;
    width: 80px;
  }
}
.selectPlayListModal .cartTable tr .playListSelect, .movePlaylistsModal .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, .movePlaylistsModal .cartTable tr .playListSelect {
    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;
  transition: all linear;
}
.soundEffectCategories ._heading {
  color: #757575;
  font-size: 24px;
  font-family: "GILB";
  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: flex;
  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(12.5% - 10px);
  padding: 10px;
  border-bottom: 1px solid #dadada;
  margin-right: 10px;
}
@media (max-width: 1400px) {
  .soundEffectCategories ._Container ul li {
    width: calc(14.2857142857% - 10px);
  }
}
@media (max-width: 1200px) {
  .soundEffectCategories ._Container ul li {
    width: calc(20% - 10px);
  }
}
@media (max-width: 1024px) {
  .soundEffectCategories ._Container ul li {
    width: calc(20% - 10px);
  }
}
@media (max-width: 992px) {
  .soundEffectCategories ._Container ul li {
    width: calc(25% - 10px);
  }
}
@media (max-width: 768px) {
  .soundEffectCategories ._Container ul li {
    width: calc(25% - 10px);
  }
}
@media (max-width: 767px) {
  .soundEffectCategories ._Container ul li {
    width: calc(33.3333333333% - 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: 10px 15px;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #cbcbcb;
  flex-direction: column;
}
@media (max-width: 992px) {
  .immaginationSection .siteWidth {
    padding: 20px 25px;
  }
}
@media (max-width: 767px) {
  .immaginationSection .siteWidth {
    padding: 15px 20px;
  }
}
.immaginationSection .siteWidth .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60%;
  padding-right: 8%;
  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: "GILB";
  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: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto;
  margin-top: 10%;
  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: flex;
  align-items: center;
  flex-direction: column;
  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: "GIL";
  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: flex;
  }
  .immaginationSection .siteWidth .left table tbody tr {
    display: flex;
    flex-direction: column;
    width: 50%;
  }
  .immaginationSection .siteWidth .left table tbody tr td {
    width: 100%;
    min-height: 140px;
    display: flex;
    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: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.immaginationSection .siteWidth .right ._soundImages ._item {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 50%;
  padding: 15px 15px 5px;
  color: #757575;
  text-decoration: none !important;
  transition: 0.3s ease ease;
}
.immaginationSection .siteWidth .right ._soundImages ._item:hover img {
  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%;
  box-shadow: 2px 2px 3px -1px;
  border-radius: 7px;
  transition: 0.3s ease ease;
}
.immaginationSection .siteWidth .right ._soundImages ._item span {
  font-size: 14px;
  margin-top: 5px;
}
.immaginationSection.soundCategoriesSection {
  visibility: initial;
}
.immaginationSection.soundBlockbusters {
  visibility: initial;
}
.immaginationSection.soundFoster {
  visibility: initial;
}
.immaginationSection.soundLogo {
  visibility: initial;
}
.immaginationSection .label {
  font-size: 24px;
  color: #000;
  margin: 0 auto 30px;
}
@media (max-width: 1024px) {
  .immaginationSection .label {
    font-size: 20px;
  }
}
.immaginationSection .list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  color: #000;
  margin-bottom: 15px;
}
.immaginationSection .list.categoryList {
  max-width: 1240px;
}
@media (max-width: 767px) {
  .immaginationSection .list.categoryList {
    display: grid;
    width: 100%;
    grid-template-columns: auto auto;
    grid-column-gap: 10px;
  }
}
.immaginationSection .list.categoryList > div {
  width: 20% !important;
}
@media (max-width: 1440px) {
  .immaginationSection .list.categoryList > div {
    width: 25% !important;
  }
}
@media (max-width: 1024px) {
  .immaginationSection .list.categoryList > div {
    width: 33.3333333333% !important;
  }
}
@media (max-width: 992px) {
  .immaginationSection .list.categoryList > div {
    width: 50% !important;
  }
}
@media (max-width: 767px) {
  .immaginationSection .list.categoryList > div {
    width: initial !important;
    display: flex !important;
  }
}
.immaginationSection .list.categoryImgList {
  width: 95%;
}
@media (max-width: 992px) {
  .immaginationSection .list.categoryImgList {
    justify-content: center;
  }
}
.immaginationSection .list.categoryImgList > div {
  width: calc(11.1111111111% - 10px) !important;
  margin: 0 10px 0 0 !important;
  border-radius: 10px;
  overflow: hidden;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .immaginationSection .list.categoryImgList > div {
    width: calc(20% - 10px) !important;
    margin-top: 10px !important;
  }
}
@media (max-width: 767px) {
  .immaginationSection .list.categoryImgList > div {
    width: calc(33.3333333333% - 10px) !important;
  }
}
.immaginationSection .list.categoryImgList > div img {
  max-width: 100%;
}
.immaginationSection .list.categoryFosterList {
  justify-content: space-between;
  width: 1000px;
}
@media (max-width: 1400px) {
  .immaginationSection .list.categoryFosterList {
    max-width: 1000px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .immaginationSection .list.categoryFosterList {
    justify-content: center;
  }
}
.immaginationSection .list.categoryFosterList > div {
  width: calc(25% - 10px) !important;
  margin: 0 10px 0 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .immaginationSection .list.categoryFosterList > div {
    width: calc(50% - 10px) !important;
    margin-top: 10px !important;
  }
}
.immaginationSection .list.categoryFosterList > div img {
  max-width: 150px;
}
@media (max-width: 767px) {
  .immaginationSection .list.categoryFosterList > div img {
    max-width: 100px;
  }
}
.immaginationSection .list.categoryLogoList {
  justify-content: space-between;
  width: 1000px;
}
@media (max-width: 1400px) {
  .immaginationSection .list.categoryLogoList {
    max-width: 1000px;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .immaginationSection .list.categoryLogoList {
    justify-content: center;
  }
}
.immaginationSection .list.categoryLogoList > div {
  width: calc(12.5% - 10px) !important;
  margin: 0 10px 0 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .immaginationSection .list.categoryLogoList > div {
    width: calc(16.6666666667% - 10px) !important;
    margin-top: 10px !important;
  }
}
@media (max-width: 767px) {
  .immaginationSection .list.categoryLogoList > div {
    width: calc(50% - 10px) !important;
  }
}
.immaginationSection .list.categoryLogoList > div img {
  max-width: 90px;
  max-height: 50px;
}

.homePageItemSection {
  background: #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #757575;
  text-align: center;
}
.homePageItemSection .siteWidth {
  background: #fff;
  padding: 10px 15px;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #cbcbcb;
  flex-direction: column;
}
@media (max-width: 992px) {
  .homePageItemSection .siteWidth {
    padding: 20px 25px;
  }
}
@media (max-width: 767px) {
  .homePageItemSection .siteWidth {
    padding: 15px 20px;
  }
}
.homePageItemSection .siteWidth .categoryImgList {
  width: 95%;
}
.homePageItemSection .siteWidth .categoryImgList img {
  width: 100%;
}
.homePageItemSection .siteWidth .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60%;
  padding-right: 8%;
  justify-content: space-between;
  padding-bottom: 30px;
}
@media (max-width: 1200px) {
  .homePageItemSection .siteWidth .left {
    width: 70%;
    padding-right: 2%;
  }
}
@media (max-width: 1024px) {
  .homePageItemSection .siteWidth .left {
    width: 100%;
    padding-right: 0%;
  }
}
.homePageItemSection .siteWidth .left .top ._heading {
  color: #d2c0a6;
  font-size: 40px;
  font-family: "GILB";
  text-align: center;
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  .homePageItemSection .siteWidth .left .top ._heading {
    font-size: 32px;
  }
}
@media (max-width: 992px) {
  .homePageItemSection .siteWidth .left .top ._heading {
    font-size: 22px;
    line-height: 24px;
  }
}
.homePageItemSection .siteWidth .left .top ._paragraph {
  line-height: 26px;
  margin-bottom: 15px;
}
.homePageItemSection .siteWidth .left .top ._threeImages {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto;
  margin-top: 10%;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .homePageItemSection .siteWidth .left .top ._threeImages {
    margin-top: 5%;
  }
}
@media (max-width: 1024px) {
  .homePageItemSection .siteWidth .left .top ._threeImages {
    margin-top: 25px;
    width: 90%;
  }
}
.homePageItemSection .siteWidth .left .top ._threeImages ._item {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  max-width: 130px;
  text-align: center;
}
@media (max-width: 1400px) {
  .homePageItemSection .siteWidth .left .top ._threeImages ._item {
    max-width: 100px;
  }
}
@media (max-width: 576px) {
  .homePageItemSection .siteWidth .left .top ._threeImages ._item {
    width: 100%;
    max-width: initial;
    margin-bottom: 10px;
  }
}
.homePageItemSection .siteWidth .left .top ._threeImages ._item img {
  max-width: 85px;
}
@media (max-width: 1200px) {
  .homePageItemSection .siteWidth .left .top ._threeImages ._item img {
    max-width: 80px;
  }
}
@media (max-width: 992px) {
  .homePageItemSection .siteWidth .left .top ._threeImages ._item img {
    max-width: 70px;
  }
}
@media (max-width: 576px) {
  .homePageItemSection .siteWidth .left .top ._threeImages ._item img {
    max-width: 60px;
  }
}
@media (max-width: 576px) {
  .homePageItemSection .siteWidth .left .top ._threeImages ._item span {
    max-width: 130px;
  }
}
.homePageItemSection .siteWidth .left .bottom {
  width: 100%;
}
.homePageItemSection .siteWidth .left .bottom ._button {
  width: 100%;
  margin-top: 10%;
}
@media (max-width: 1200px) {
  .homePageItemSection .siteWidth .left .bottom ._button {
    margin-top: 5%;
  }
}
@media (max-width: 1024px) {
  .homePageItemSection .siteWidth .left .bottom ._button {
    margin-top: 15px;
    margin-bottom: 5px;
  }
}
.homePageItemSection .siteWidth .left .bottom ._button .btn {
  background: #d2c0a6;
  font-size: 24px;
  font-family: "GIL";
  width: 100%;
  border-radius: 7px;
  border: 3px solid #d2c0a6;
}
@media (max-width: 1200px) {
  .homePageItemSection .siteWidth .left .bottom ._button .btn {
    font-size: 22px;
  }
}
@media (max-width: 992px) {
  .homePageItemSection .siteWidth .left .bottom ._button .btn {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .homePageItemSection .siteWidth .left .bottom ._button .btn {
    font-size: 14px;
  }
}
.homePageItemSection .siteWidth .left .bottom ._button .btn:hover {
  background: #fff;
  color: #d2c0a6;
  border: 3px solid #d2c0a6;
}
@media (max-width: 767px) {
  .homePageItemSection .siteWidth .left table {
    max-width: 100%;
    width: initial !important;
  }
  .homePageItemSection .siteWidth .left table tbody {
    display: flex;
  }
  .homePageItemSection .siteWidth .left table tbody tr {
    display: flex;
    flex-direction: column;
    width: 50%;
  }
  .homePageItemSection .siteWidth .left table tbody tr td {
    width: 100%;
    min-height: 140px;
    display: flex;
    align-items: center;
  }
  .homePageItemSection .siteWidth .left table tbody tr td img {
    max-width: 140px;
  }
}
.homePageItemSection .siteWidth .right {
  width: 40%;
}
@media (max-width: 1200px) {
  .homePageItemSection .siteWidth .right {
    width: 30%;
  }
}
@media (max-width: 1024px) {
  .homePageItemSection .siteWidth .right {
    width: 100%;
  }
}
.homePageItemSection .siteWidth .right ._soundImages {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.homePageItemSection .siteWidth .right ._soundImages ._item {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 50%;
  padding: 15px 15px 5px;
  color: #757575;
  text-decoration: none !important;
  transition: 0.3s ease ease;
}
.homePageItemSection .siteWidth .right ._soundImages ._item:hover img {
  box-shadow: 0px 0px 2px -2px;
}
@media (max-width: 1200px) {
  .homePageItemSection .siteWidth .right ._soundImages ._item {
    padding: 15px 10px 5px;
  }
}
@media (max-width: 1024px) {
  .homePageItemSection .siteWidth .right ._soundImages ._item {
    width: 33%;
  }
}
@media (max-width: 576px) {
  .homePageItemSection .siteWidth .right ._soundImages ._item {
    width: 50%;
  }
}
.homePageItemSection .siteWidth .right ._soundImages ._item img {
  max-width: 100%;
  box-shadow: 2px 2px 3px -1px;
  border-radius: 7px;
  transition: 0.3s ease ease;
}
.homePageItemSection .siteWidth .right ._soundImages ._item span {
  font-size: 14px;
  margin-top: 5px;
}
.homePageItemSection.soundCategoriesSection {
  visibility: initial;
}
.homePageItemSection.soundBlockbusters {
  visibility: initial;
}
.homePageItemSection.soundFoster {
  visibility: initial;
}
.homePageItemSection.soundLogo {
  visibility: initial;
}
.homePageItemSection .title {
  font-size: 24px;
  color: #000;
  margin: 0 auto 30px;
}
.homePageItemSection .homeitemBody {
  height: auto;
  width: 100%;
  margin: 20px;
}
.homePageItemSection .image {
  width: 100%;
}
.homePageItemSection .label {
  font-size: 24px;
  color: #000;
  margin: 0 auto 30px;
}
@media (max-width: 1024px) {
  .homePageItemSection .label {
    font-size: 20px;
  }
}
.homePageItemSection .list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  color: #000;
  width: 100%;
  margin-bottom: 15px;
}
.homePageItemSection .list.categoryList {
  max-width: 1240px;
}
@media (max-width: 767px) {
  .homePageItemSection .list.categoryList {
    display: grid;
    width: 100%;
    grid-template-columns: auto auto;
    grid-column-gap: 10px;
  }
}
.homePageItemSection .list.categoryImgList {
  width: 95%;
}
@media (max-width: 992px) {
  .homePageItemSection .list.categoryImgList {
    justify-content: center;
  }
}
.homePageItemSection .list.categoryImgList > div {
  width: calc(11.1111111111% - 10px) !important;
  margin: 0 10px 0 0 !important;
  border-radius: 10px;
  overflow: hidden;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .homePageItemSection .list.categoryImgList > div {
    width: calc(20% - 10px) !important;
    margin-top: 10px !important;
  }
}
@media (max-width: 767px) {
  .homePageItemSection .list.categoryImgList > div {
    width: calc(33.3333333333% - 10px) !important;
  }
}
.homePageItemSection .list.categoryImgList > div img {
  max-width: 100%;
}
.homePageItemSection .list.categoryFosterList {
  justify-content: space-between;
  width: 1000px;
}
@media (max-width: 1400px) {
  .homePageItemSection .list.categoryFosterList {
    max-width: 1000px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .homePageItemSection .list.categoryFosterList {
    justify-content: center;
  }
}
.homePageItemSection .list.categoryFosterList > div {
  width: calc(25% - 10px) !important;
  margin: 0 10px 0 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .homePageItemSection .list.categoryFosterList > div {
    width: calc(50% - 10px) !important;
    margin-top: 10px !important;
  }
}
.homePageItemSection .list.categoryFosterList > div img {
  max-width: 150px;
}
@media (max-width: 767px) {
  .homePageItemSection .list.categoryFosterList > div img {
    max-width: 100px;
  }
}
.homePageItemSection .list.categoryLogoList {
  justify-content: space-between;
  width: 1000px;
}
@media (max-width: 1400px) {
  .homePageItemSection .list.categoryLogoList {
    max-width: 1000px;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .homePageItemSection .list.categoryLogoList {
    justify-content: center;
  }
}
.homePageItemSection .list.categoryLogoList > div {
  width: calc(12.5% - 10px) !important;
  margin: 0 10px 0 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .homePageItemSection .list.categoryLogoList > div {
    width: calc(16.6666666667% - 10px) !important;
    margin-top: 10px !important;
  }
}
@media (max-width: 767px) {
  .homePageItemSection .list.categoryLogoList > div {
    width: calc(50% - 10px) !important;
  }
}
.homePageItemSection .list.categoryLogoList > div img {
  max-width: 90px;
  max-height: 50px;
}

.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;
  transition: all 0.2s ease-out;
  font-family: "GIL";
  font-size: 14px;
  border-radius: 7px;
  min-width: 200px;
  outline: none;
}
.inputField:active, .inputField:focus {
  box-shadow: 0px 0px 5px 0px #4d77b8;
}

footer {
  background: #223c50;
  color: #fff;
}
footer .siteWidth {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 0;
  flex-wrap: wrap;
}
footer .siteWidth .footerImage {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 20%;
}
@media (max-width: 1024px) {
  footer .siteWidth .footerImage {
    width: 100%;
    margin-top: 20px;
    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: flex;
  width: 80%;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  footer .siteWidth .footerNavigation {
    width: 100%;
    margin: 0 auto;
    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: flex;
  align-items: center;
  justify-content: space-between;
  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: flex;
  flex-direction: column;
  justify-content: 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: "GIL";
  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: flex;
  display: flex;
  flex-direction: column;
  justify-content: 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: flex;
  width: 400px;
  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%;
    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: flex;
}
@media (max-width: 767px) {
  #loginModal .modal-body .checkboxTerms,
#newPlaylistModal .modal-body .checkboxTerms,
#signUpModal .modal-body .checkboxTerms {
    flex-wrap: wrap;
    align-items: 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: flex;
}
.cbl tbody {
  flex-direction: column;
  display: flex;
}
.cbl tbody tr {
  margin-top: 10px;
}
.cbl tbody tr td {
  display: flex;
  align-items: center;
  padding: 8px 5px 8px 8px;
  background: #f2f2f2;
  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: flex;
  justify-content: space-between;
  position: relative;
  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: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .productList .productListTable .productListTable-row td {
    width: 100% !important;
    min-width: initial;
    justify-content: space-between !important;
    flex-direction: row !important;
    margin-bottom: 5px;
    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: flex;
  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 {
  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;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.productList .productListTable .productListTable-row .productListTable-name .columnData {
  display: flex;
  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;
  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%;
    justify-content: space-between;
  }
}
@media (max-width: 1024px) {
  .productList .productListTable .productListTable-row .productListTable-links {
    width: 25%;
    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;
  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%;
    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;
    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::placeholder,
.productList .productListTable.cartPage .productListTable-row .productListTable-seconds .tinyTextBox::placeholder {
  color: #595959;
}
.productList .productListTable.cartPage .productListTable-row .productListTable-links {
  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 {
    justify-content: flex-start !important;
    margin-left: 100px;
    width: 100% !important;
    margin: 0;
  }
  .productList .productListTable.cartPage .productListTable-row .productListTable-button > div {
    display: flex;
    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: 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: 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: 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: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (max-width: 1400px) {
  .productList .productListTable.publishedUploadTable .productListTable-row {
    flex-wrap: wrap;
    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: 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 {
  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 {
  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: flex;
  justify-content: space-between;
  position: relative;
  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: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .productList .cartPage .productListTable-row td {
    width: 100% !important;
    min-width: initial;
    justify-content: space-between !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: flex;
  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 {
  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: 45%;
  padding: 0px 5px 0 15px;
  flex-direction: column;
  align-items: flex-start;
  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: 35%;
  }
}
@media (max-width: 1200px) {
  .productList .cartPage .productListTable-row .productListTable-name {
    width: 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;
  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%;
    justify-content: space-between;
  }
}
@media (max-width: 1024px) {
  .productList .cartPage .productListTable-row .productListTable-links {
    width: 25%;
    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;
  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%;
    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;
    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::placeholder,
.productList .cartPage .productListTable-row .productListTable-seconds .tinyTextBox::placeholder {
  color: #595959;
}
.productList .cartPage .productListTable-row .productListTable-links {
  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 {
    justify-content: flex-start !important;
    margin-left: 100px;
    width: 100% !important;
    margin: 0;
  }
  .productList .cartPage .productListTable-row .productListTable-button > div {
    display: flex;
    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: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .productList .promocodeSection {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}
.productList .promocodeSection tr {
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
  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::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: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .productList .promocodeSection {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
}
.productList .promocodeSection tr {
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
  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::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;
  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: flex;
  justify-content: space-between;
  font-size: 14px;
  position: relative;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .soundPlayer .siteWidth table tr {
    justify-content: space-between;
  }
}
.soundPlayer .siteWidth table tr .playPauseButtons {
  width: 3%;
  padding: 0px 5px;
  display: flex;
  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: 30px;
    order: 2;
  }
}
@media (max-width: 767px) {
  .soundPlayer .siteWidth table tr .playPauseButtons {
    width: 70px;
    font-size: 18px;
  }
}
.soundPlayer .siteWidth table tr .fileInfo {
  width: 250px;
  padding: 0px 5px;
}
@media (max-width: 1400px) {
  .soundPlayer .siteWidth table tr .fileInfo {
    width: 250px;
  }
}
@media (max-width: 1200px) {
  .soundPlayer .siteWidth table tr .fileInfo {
    width: 250px;
  }
}
@media (max-width: 1024px) {
  .soundPlayer .siteWidth table tr .fileInfo {
    width: 200px;
    order: 2;
  }
}
@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;
  box-sizing: border-box;
}
.soundPlayer .siteWidth table tr .fileInfo .fileName span {
  display: inline-block;
}
.soundPlayer .siteWidth table tr .fileInfo .fileName span:hover {
  animation: marquee 15s linear infinite;
}
@media (max-width: 767px) {
  .soundPlayer .siteWidth table tr .fileInfo .fileName {
    width: 200px;
    margin: 0;
  }
}
@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
.soundPlayer .siteWidth table tr .fileInfo .fileDetails {
  font-size: 12px;
}
.soundPlayer .siteWidth table tr .waveFormContainer {
  padding: 0px 15px;
  flex: auto;
}
@media (max-width: 1400px) {
  .soundPlayer .siteWidth table tr .waveFormContainer {
    flex: auto;
  }
}
@media (max-width: 1200px) {
  .soundPlayer .siteWidth table tr .waveFormContainer {
    flex: auto;
  }
}
@media (max-width: 1024px) {
  .soundPlayer .siteWidth table tr .waveFormContainer {
    width: 100%;
    padding: 0;
    order: 1;
  }
}
@media (max-width: 767px) {
  .soundPlayer .siteWidth table tr .waveFormContainer {
    width: 100%;
    padding: 0px;
    margin-top: 5px;
  }
}
@media (max-width: 1024px) {
  .soundPlayer .siteWidth table tr .waveFormContainer #waveform > wave {
    height: 60px !important;
  }
}
@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: 1024px) {
  .soundPlayer .siteWidth table tr .waveFormContainer #waveform > wave > wave {
    height: 60px;
  }
}
@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 #waveformLoading {
  display: none;
  height: 50px;
  align-items: center;
  justify-content: center;
}
.soundPlayer .siteWidth table tr .waveFormContainer #waveformLoading span {
  height: 30px;
  width: 7px;
  margin-right: 10px;
  background-color: white;
  animation: loading 1s linear infinite;
}
.soundPlayer .siteWidth table tr .waveFormContainer #waveformLoading span:nth-child(1) {
  animation-delay: 0.1s;
}
.soundPlayer .siteWidth table tr .waveFormContainer #waveformLoading span:nth-child(2) {
  animation-delay: 0.2s;
}
.soundPlayer .siteWidth table tr .waveFormContainer #waveformLoading span:nth-child(3) {
  animation-delay: 0.3s;
}
.soundPlayer .siteWidth table tr .waveFormContainer #waveformLoading span:nth-child(4) {
  animation-delay: 0.4s;
}
.soundPlayer .siteWidth table tr .waveFormContainer #waveformLoading span:nth-child(5) {
  animation-delay: 0.5s;
}
.soundPlayer .siteWidth table tr .waveFormContainer #waveformLoading span:nth-child(6) {
  animation-delay: 0.6s;
}
.soundPlayer .siteWidth table tr .waveFormContainer #waveformLoading span:nth-child(7) {
  animation-delay: 0.7s;
}
.soundPlayer .siteWidth table tr .waveFormContainer #waveformLoading span:nth-child(8) {
  animation-delay: 0.8s;
}
.soundPlayer .siteWidth table tr .waveFormContainer .fileDurationAndVolume {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.soundPlayer .siteWidth table tr .waveFormContainer .fileDurationAndVolume .fileDuration {
  font-size: 12px;
}
.soundPlayer .siteWidth table tr .waveFormContainer .fileDurationAndVolume .volume {
  display: flex;
  align-items: center;
  color: #919191;
}
.soundPlayer .siteWidth table tr .waveFormContainer.loading #waveform > wave {
  display: none !important;
}
.soundPlayer .siteWidth table tr .waveFormContainer.loading #waveformLoading {
  display: flex;
}
.soundPlayer .siteWidth table tr .waveFormContainer.loading .fileDurationAndVolume {
  display: none;
}
.soundPlayer .siteWidth table tr .shareContainer {
  display: flex;
  align-items: flex-start;
  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%;
    justify-content: space-between;
  }
}
@media (max-width: 1024px) {
  .soundPlayer .siteWidth table tr .shareContainer {
    width: calc(75% - 250px);
    justify-content: flex-end;
    order: 2;
  }
}
@media (max-width: 767px) {
  .soundPlayer .siteWidth table tr .shareContainer {
    width: 70px;
  }
}
.soundPlayer .siteWidth table tr .addToCartContainer {
  width: 10%;
  padding: 0px 5px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  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%;
    align-items: flex-end;
  }
}
@media (max-width: 1024px) {
  .soundPlayer .siteWidth table tr .addToCartContainer {
    width: 25%;
    order: 2;
  }
}
@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: 71% !important;
}
@media (max-width: 1400px) {
  .soundPlayer.cartPage .waveFormContainer {
    width: 70% !important;
  }
}
@media (max-width: 1200px) {
  .soundPlayer.cartPage .waveFormContainer {
    width: 68% !important;
  }
}
@media (max-width: 1024px) {
  .soundPlayer.cartPage .waveFormContainer {
    width: 69% !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;
    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, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  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, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), 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 {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -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 .edit-icon {
  width: 20px;
  margin-left: 10px;
  vertical-align: middle;
}
.nameAndFilterTags .siteWidth .searchName {
  color: #595959;
  font-family: "GILB";
  font-size: 24px;
}
@media (max-width: 1024px) {
  .nameAndFilterTags .siteWidth .searchName {
    font-size: 20px;
  }
}
.nameAndFilterTags .siteWidth .filterTagsContainer {
  display: flex;
  align-items: center;
  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: flex;
  justify-content: space-between;
  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: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.advanceSearch .siteWidth .filtersContainer {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 145px);
}
@media (max-width: 1024px) {
  .advanceSearch .siteWidth .filtersContainer {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .advanceSearch .siteWidth .filtersContainer {
    justify-content: space-between;
  }
}
.advanceSearch .siteWidth .filtersContainer .filter {
  padding: 10px 10px 0px 0;
  width: 25%;
}
@media (max-width: 767px) {
  .advanceSearch .siteWidth .filtersContainer .filter {
    width: 49%;
    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 {
  transition: 0.3s linear;
  transform: translate(0%, -100%);
  top: 0;
  opacity: 0;
}
@media (max-width: 992px) {
  .hideCart {
    transform: translate(-50%, -50%) scale(0);
  }
}

.showCart {
  transition: 0.3s linear;
  transform: translate(0%, 0%);
  top: 80px;
  opacity: 1;
}
@media (max-width: 992px) {
  .showCart {
    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: flex;
  align-items: 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: "GILB";
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.soundEffectSubCategories ._heading span {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .soundEffectSubCategories ._heading {
    flex-wrap: wrap;
  }
}

.checkout-tabs {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 767px) {
  .checkout-tabs {
    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: flex;
  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 {
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
  }
}
.cartPage .cartTable tbody tr td {
  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: 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 {
    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 {
    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;
    order: initial;
  }
  .cartPage .subTotalTable tr .cartSubTotalValue {
    width: 100% !important;
    text-align: left;
    order: initial;
  }
}

@media (max-width: 576px) {
  .CartRButtons tr td {
    display: flex;
    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: 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: 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 {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .orderDetailsTable.cs_table .gProduct > div {
    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: 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: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .checkoutMenu {
    padding: 10px 0;
  }
}
.checkoutMenu .checkoutMenuLabel {
  color: #595959;
  font-size: 24px;
  font-family: "GILB";
}
.checkoutMenu .checkoutMenuBtns {
  display: flex;
  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: flex;
    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: flex;
    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: flex;
    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: 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: 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: 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: 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: 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: 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: flex;
  }
  .cs_userOrderTable tbody tr .GV_View::before {
    content: "View Order: ";
  }
}
.cs_userOrderTable tbody tr:nth-of-type(even) {
  background: #ebeff6;
}

.myProfileEditSection {
  display: flex;
  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: GILB;
  padding: 10px 0;
  border-bottom: 1px solid rgba(204, 210, 215, 0.4);
  margin-bottom: 10px;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  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);
    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;
    order: 1;
  }
}
.contentPage .siteWidth .pageHeading .rightButton {
  width: calc(50% - 80px);
  text-align: right;
}
@media (max-width: 1024px) {
  .contentPage .siteWidth .pageHeading .rightButton {
    width: 130px;
    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: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .subscriptionPage .siteWidth {
    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: GIL;
  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: GIL;
  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: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
  background: #fff;
}
.subscriptionPage .siteWidth .right .top .btnColor {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .subscriptionPage .siteWidth .right .top .btnColor {
    position: initial;
    transform: initial;
    margin-top: 5px;
  }
}
.subscriptionPage .siteWidth .right .bottom {
  display: flex;
}
@media (max-width: 767px) {
  .subscriptionPage .siteWidth .right .bottom {
    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: flex;
  padding-top: 50px;
  overflow-x: auto;
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .subscriptionPage .siteWidth .right .section2 {
    width: 100%;
    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%;
  transform: translateX(-50%);
}
.subscriptionPage .siteWidth .right .recommended .fa {
  font-size: 22px;
}
@media (max-width: 767px) {
  .subscriptionPage .siteWidth .right .recommended {
    position: 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: 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: GIL;
  margin-bottom: 15px;
}
.ContactUsPage .cs_ContactUsSection {
  display: flex;
  flex-wrap: wrap;
}
.ContactUsPage .cs_ContactUsSection .cs_ContactUsForm {
  width: 100%;
  display: flex;
  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;
  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%;
  transform: translateY(-50%);
}
.FAQPage .cs_AcordianContainer .AcordianHeading .cs_AcordianArrow:before {
  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: GIL;
}

@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: flex;
    align-items: center;
    flex-wrap: wrap;
    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 {
    order: 1;
    width: 100%;
  }
}
.pricing {
  padding: 35px 0;
  color: #595959;
}
.pricing .siteWidth {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .pricing .siteWidth {
    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: flex;
  padding: 25px;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .pricing .siteWidth > .left .pricingBody {
    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: GIL;
}
.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: GIL;
}
.dynamicPage .DP_body .DP_content .addOn h3 {
  font-family: GIL;
}
.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 .playImgBtn.loading-button {
  display: none;
}
.productListTable-row .play-current-icon {
  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;
}
.productListTable-row.loading .playImgBtn.play-button {
  display: none;
}
.productListTable-row.loading .playImgBtn.pause-button {
  display: none;
}
.productListTable-row.loading .playImgBtn.loading-button {
  display: block;
}

.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;
  vertical-align: middle;
}

.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: flex !important;
    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: flex !important;
    flex-direction: row !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;
  }
}

#subscriptionSuccessModal .sound-dogs-animation-img {
  max-width: 100%;
}

@keyframes loading {
  0% {
    height: 0;
  }
  25% {
    height: 25px;
  }
  50% {
    height: 50px;
  }
  100% {
    height: 0;
  }
}