@import url('https://fonts.cdnfonts.com/css/sofia-pro?styles=17636,17632,17634,17638,17628,17626');

:root {
  --red: #ed1e79;
  --orange: #ffe4be;
  --orangeB: #e4a967;
  --orangeC: #d79041;
}


/*
font-family: 'Sofia Pro', sans-serif;
300, 500, 600, 700, 800, 900

*/

button:focus, input:focus {outline: none;}
.btn:focus {box-shadow: none;}
body {font-size:14px; color:var(--black);font-family: 'Sofia Pro', sans-serif;}
h1,h2,h3,h4 {font-family: 'Sofia Pro', sans-serif; font-weight: 700;}
img {max-width: 100%;}
.container {width: calc(100% - 150px); max-width: 1490px;}
.header {background: #ffffff; position: relative;}
.logo {margin: -30px 0px 15px 0px;}
.logo a {display:inline-block; max-width: 100%;}
.logo img {/*max-width: 280px;*/}

.borderBtn {color: var(--orangeB);border:solid 1px var(--orangeB);border-radius: 0px; padding:7px 20px 6px 20px; display: inline-block; background: #000; height: 37px; line-height: 0;}
.borderBtn:hover {text-decoration: none;background: var(--orangeB); color: #ffffff;}

.orangeBtn {display: inline-block; border:none; background: var(--orangeB); border-radius: 0px; color: #000; padding:9px 30px 10px 30px; font-weight: 600; height: 37px; line-height: 0;}
.orangeBtn:hover {background: var(--orangeC);color: #000;}


.topBg {background: var(--orange);padding: 10px 0px; color: #333;text-align: center; font-weight: 300;}
.topBg a {color: var(--red);}
.mainNav {text-align: right; }
.mobileNavBtn:focus {outline: none;box-shadow: none;}
.mobileNavBtn {display: none; border: none; cursor: pointer; width:26px; height: 26px;border-radius: 0px; position: relative; z-index: 101; background: none;}
.mobileNavBtn span { width: 26px; left:0px; top: 0px; height: 2px; background:var(--red); position: absolute; border-radius: 1px;}
.mobileNavBtn span:nth-child(2) {top: 8px;}
.mobileNavBtn span:nth-child(3) {top: 16px;}
.openNav {overflow: hidden;}

.openNav .mobileNavBtn span:nth-child(2){display: none;}
.openNav .mobileNavBtn span:nth-child(1){transform:rotate(45deg);left:0px; top: 12px;}
.openNav .mobileNavBtn span:nth-child(3){transform:rotate(-45deg); top: 12px; left:0px;}

@media (min-width: 1024px) {
  .navigation>ul {padding: 0px; margin:0px; list-style: none;}
  .navigation>ul>li { margin:0px 15px;text-align: center; display: inline-block;}
  .navigation>ul>li:last-child {margin-right: 0px;}
  .navigation>ul>li>a {padding:0px 5px; display:block;position: relative; color:#808080; font-size:12px; line-height: 1.2; }
  .navigation>ul>li>a:hover {text-decoration: none; color: var(--red);}
  .navigation>ul>li>a .text {display: block;}
  .overLay {display: none;}
  .navigation .footerSocial {display: none;}
  .beforeLogin .navigation>ul {padding: 10px 0px 5px 0px;}
  .beforeLogin .navigation>ul>li>a {font-size: 15px;}
}
.navigation li .icon {width: 40px; height: 40px; line-height: 36px;display: inline-block;background:url(../../../images/sprite.svg?1.2) no-repeat -16px -8px;transform: scale(0.8);}
.navigation .auction .icon {transform: scale(1.1);}
.navigation .byNow .icon {background-position: -80px -8px;}
.navigation .wallet .icon {background-position: -142px -8px;transform: scale(0.9);}
.navigation .bag .icon {background-position: -206px -8px;}
.navigation .pro .icon {background-position: -266px -7px;transform: scale(1.0);}
.navigation a:hover .icon {background-position-y: -60.5px;}
.navigation .pro:hover .icon {background-position-y:-59.5px;}









.overLay {transition: all 0.3s linear;}
@media (max-width: 1025px) {
  .colB .searchBlock {margin: 0px;}
  .logo {max-width: 300px;margin: -20px 0px 10px 0px;}
  .mainNav {text-align: right;}
  .mobileNavBtn {display: inline-block;  margin-right: 10px;}
  .openNav .mobileNavBtn {top: 10px; right: 10px; position: fixed;}
  .navMain {text-align: right; position: relative;margin: 7px 15px 3px 0px;display: inline-block;width: 100%;}
  .navigation {position: fixed; top:0px; right: 0px; height: 100%; width:100%; z-index: 100; transition: all .25s linear;transform-origin: left; transform: translateX(250px); opacity: 0; max-height: 100vh; max-width: 250px; overflow-y: auto; text-align: left;  background: #ffffff; padding-top: 50px;}
  .openNav .navigation {transform:translateX(0px);; opacity: 1;transition: all .45s linear;}
  .navigation>ul {margin:0px; padding:5px; list-style: none; text-align: left; }
  .navigation>ul>li {transform: translateY(60px); opacity: 0; transition: transform 1s cubic-bezier(.165, .84, .44, 1) .22s,opacity 1s cubic-bezier(.165, .84, .44, 1) .32s}
  .navigation>ul>li:first-child>a { border-top: solid 1px rgb(204 204 204 / 50%);}
  .navigation>ul>li>a {padding:10px 8px; display:block;position: relative; color:#828282; border-bottom: solid 1px rgb(204 204 204 / 50%);}
  .navigation>ul>li>a:hover {text-decoration: none; color: var(--red);}
  .navigation>ul>li>a .icon {display: inline-block; vertical-align: top; transform: scale(0.8); }
  .navigation>ul>li>a .text {display: inline-block; vertical-align: top; padding: 9px 0px 0px 10px;font-size: 18px;font-weight: 300;}
  .openNav .navigation>ul>li {transform: translateY(0px);opacity: 1;}

  .openNav .overLay {display: block; position: fixed; top: 0px; left: 0px;width: 100%;height: 100%;z-index: 11; background: rgba(0,0,0,0.8);}
  .navigation .footerSocial {transform: translateY(60px); opacity: 0;transition: transform 1s cubic-bezier(.165, .84, .44, 1) .52s,opacity 1s cubic-bezier(.165, .84, .44, 1) .62s;}
  .navigation .footerSocial li {margin:0px 0px 0px -1px; float: left;}
  .navigation .footerSocial li a {background:transparent url(../../../images/footer-social.svg?1.2) no-repeat -81px -3px;height: 40px; width: 60px; border-radius: 0px; border:solid 1px rgb(204 204 204 / 50%);}
  .navigation .footerSocial li .facebook {background-position: -127px -3px;}
  .navigation .footerSocial li a:hover {border-color: rgb(204 204 204 / 50%);}
  .openNav .footerSocial {display: block; padding: 10px 0px 10px 10px;transform: translateY(0px); opacity: 1;}

  .navigation>ul>li:nth-child(2) {transition: transform 1s cubic-bezier(.165, .84, .44, 1) .22s,opacity 1s cubic-bezier(.165, .84, .44, 1) .32s;}
  .navigation>ul>li:nth-child(2) {transition: transform 1s cubic-bezier(.165, .84, .44, 1) .28s,opacity 1s cubic-bezier(.165, .84, .44, 1) .38s;}
  .navigation>ul>li:nth-child(3) {transition: transform 1s cubic-bezier(.165, .84, .44, 1) .34s,opacity 1s cubic-bezier(.165, .84, .44, 1) .44s;}
  .navigation>ul>li:nth-child(4) {transition: transform 1s cubic-bezier(.165, .84, .44, 1) .4s,opacity 1s cubic-bezier(.165, .84, .44, 1) .5s;}
  .navigation>ul>li:nth-child(5) {transition: transform 1s cubic-bezier(.165, .84, .44, 1) .46s,opacity 1s cubic-bezier(.165, .84, .44, 1) .56s;}
  .navigation>ul>li:nth-child(6) {transition: transform 1s cubic-bezier(.165, .84, .44, 1) .52s,opacity 1s cubic-bezier(.165, .84, .44, 1) .62s;}

  .beforeLogin .navigation>ul>li>a .text {font-size: 15px;}
}

.searchBlock {max-width: 300px; margin: 3px 0px 0px auto; text-align: right;}
.searchIRow {position: relative; background:var(--orangeB); border-radius: 25px; display: inline-block;}
.searchIRow .searchInput {position: relative; background:none; border:none; color: #ffffff; padding: 5px 40px 5px 0px; width: 1px; height: 40px;text-align: left;transition: all 0.2s linear;}
.searchIRow .searchInput::placeholder {color: #ffffff;}
.searchIRow .searchBtn {position: absolute; right: 5px; top: 6px; height: 30px; width: 30px;background:transparent url(../../../images/sprite.svg) no-repeat -363px -122px; border:none; padding: 0px;}
.openSearch .searchInput {width: 100%;padding: 5px 50px 5px 20px;}
.searchIRow:hover {background:var(--orangeC);}
.openSearch .searchIRow {display: block;}

.homeBannerSec {position: relative;}
.bannerItem {position: relative;text-align: center;}
.homeBannerSec .owl-carousel .owl-item img {height: 400px; max-width: 1920px; width: 100%; object-fit: cover;  margin: 0px auto;}
.homeBannerText {position: absolute; left: 0px; top: 50%; right: 0px; max-width: 1200px; margin: 0px auto; line-height: 1.2; color: #ffffff; text-align: left;transform: translate(0px, -50%); padding: 0px 15px}
.homeBannerText .textA {padding-bottom: 15px;}
.homeBannerText .textA .act {color: #000; display: inline-block; padding:0px 15px 0px 15px; background:#ffc206;border-radius: 13px;font-weight: 700;  height: 26px; line-height:26px;}
.homeBannerText .textB {padding-bottom: 5px; font-size: 22px;}
.homeBannerText .textC {padding-bottom: 5px; font-size: 48px;font-weight: 700;}
.homeBannerText .textD {padding-bottom: 20px; padding-left: 54px; background:url(../../../images/sprite.svg?1.1) no-repeat -328px -53px; font-size: 18px;}
.homeBannerText .count {font-weight: 700; font-size: 20px;color: var(--red); padding-left: 6px;}

#homeSlider .owl-dots {display: block;text-align: center; position: absolute; bottom: 15px; left: 0px; width: 100%; }
#homeSlider .owl-dot {width: 10px; height: 10px; background:var(--red); border-radius: 50%; margin: 3px 4px; opacity: 0.5;}
#homeSlider .owl-dot.active {opacity: 1;}
#homeSlider .owl-dot:focus {outline: none;}




.lootNftProductSec {padding: 60px 0px; background: #f2eeec url(../../../images/dotted-pattern.svg) no-repeat left -70px top 60px / 140px auto; position: relative;}
.lootNftProductSec:before {content: ""; width: 140px; height: 140px; position: absolute; bottom: -40px; right: 40px; background: url(../../../images/dotted-pattern.svg) no-repeat 0px 0px / 140px auto;}
.secTitle {font-size: 22px;margin:0px 0px 20px 0px; font-weight: 500;}
.proBoxRow {margin-left: -7px; margin-right: -7px;}
.proBoxRow .col-xl-3 {margin-bottom: 30px; padding-left: 7px; padding-right: 7px;}
.proBox {max-width: 400px;}
.proBox .img {position: relative; margin-bottom: 17px;overflow: hidden;background:#000;}
.proBox .img:before {content: ""; background:linear-gradient(transparent 70%, #000); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.8; z-index: 1; transition: all 0.3s linear;}
.proBox .labelLogo {position: absolute; right: 20px; top: 0px; width: 80px;transform: scale(1) !important;opacity: 1 !important; z-index: 2;}
.proBox .borderBtn {position: absolute; bottom: 15px; left: 50%; transform: translate(-50%,0px); background:rgba(0,0,0,0.5);z-index: 2;white-space: nowrap;}
.proBox .borderBtn:hover {background: var(--orangeB);}
.proBox .textA {margin-bottom: 3px;}
.proBox .textA a {color:#343333;}
.proBox .textA a:hover {color: var(--red);}
.proBox .textB {margin-bottom: 6px;color:#343333;}
.proBox .textB a {color:#343333;text-decoration: underline;}
.proBox .textB a:hover {color: var(--red);}
.proBox .textC { padding-left: 54px; background: url(../../../images/sprite.svg?1.1) no-repeat -328px -18px; }
.proBox .count {font-weight: 600; font-size: 18px;color: var(--red); padding: 0px 5px;}
.proBox .time {font-weight: 300;}
.proBox .by {font-size: 12px;color: var(--red);}
.proBox .img img {transition: all 0.3s linear;}
.proBox:hover .img img {transform: scale(1.1);}
.proBox:hover .img:before {opacity: 1;}

.viewAllProductSec {padding:30px 0px 0px 0px;}
.viewAllProductSec .secTitle {font-size: 18px; font-weight: 600;}
.viewAllProductSec .secTitle a {color: var(--red); text-decoration: none;}
.homeCatBox {background:#ffffff url(../../../images/cat-01.jpg?v=2) no-repeat top right; height: 270px;background-size: cover;}
.homeCatBoxText {padding: 50px; max-width:400px; color:#343334; line-height: 1.2;}
.homeCatBoxText .textA {font-size: 38px;  padding-bottom: 2px;}
.homeCatBoxText .textB {padding-bottom: 35px;font-size: 16px; max-width:240px;}
.homeCatBoxText .textC a {color: #343334; font-weight:600; text-decoration: underline; position: relative;padding-right: 11px;}
.homeCatBoxText .textC a:before {content: ""; width: 8px; height: 8px; border-bottom: solid 2px #343334;border-left: solid 2px #343334; transform: rotate(-135deg); position: absolute; right:0px; top: 5px;transition: all 0.2s linear;}
.homeCatBoxText .textC a:hover {color: #343334; }
.homeCatBoxText .textC a:hover:before {right: -5px;}

.homeCatBoxA {background-image: url(../../../images/cat-02.jpg?v=2);background-color: #d0cdb9;background-size: cover;}

.artistSec {padding: 50px 0px 30px 0px; position: relative;}
.cardsCollSec {padding:30px 0px 10px 0px; position: relative; overflow: hidden;}
.cardsCollSec:before {content: ""; position: absolute;top: 0px; height: 100%; width:80%; left: -42%; background:var(--orange);transform: skewX(-15deg); z-index: -1;}

.footer {position: relative; margin-top: 120px;}
.footer .container {max-width: 1100px;}
.footerYelloBox {background:var(--orangeB); padding: 30px 200px 30px 50px; max-width: 900px; margin: 0px auto; position: relative; top: -60px; color: #2A2A2A;}
.footerYelloBox + .row {margin-top: -30px;}
.footerYelloBox .textA {font-size: 36px; font-weight: 900; line-height: 1.2; padding: 0px 0px 3px 0px;}
.footerYelloBox .textB {font-weight: 300;}
.footerYelloBox .orangeBtn {position: absolute; right: 60px; top: 37px;background:#2A2A2A; color: #ffffff;}
.footerYelloBox .orangeBtn {background:#000; color: #ffffff;}

.footerBg {background: #2a2a2a;}
.footerLogo {margin:0px 0px 15px 0px;}
.footerLogo a {display: inline-block; max-width: 100%;}
.footerLink {list-style: none; margin: 0px; padding: 0px;}
.footerLink li {display: inline-block; width: 32%; vertical-align: top;padding: 0px 15px 10px 0px;}
.footerLink li a {color: #ffffff; text-decoration: none; display: inline-block; position: relative;transition: all 0.2s linear;overflow: hidden;}
.footerLink li a:before {content: ""; width: 8px; height: 8px; border-bottom: solid 2px var(--orangeC);border-left: solid 2px var(--orangeC); transform: rotate(-135deg); position: absolute; left: -10px; top: 6px;transition: all 0.2s linear;}
.footerLink li a:hover {color: var(--orangeC); padding-left: 16px;}
.footerLink li a:hover:before {left: 0px;}

.footerSocial {list-style: none; padding: 0px; margin:0px;}
.footerSocial li {display: inline-block;margin: 0px 5px 5px 0px;}
.footerSocial li a {height: 40px; width: 40px; border:solid 1px #ffffff; border-radius: 50%; display: inline-block; vertical-align: top; background: #2a2a2a url(../../../images/footer-social.svg?1.2) no-repeat 1px -3px; text-decoration: none;}
.footerSocial li a.facebook {background-position: -48px -3px;}
.footerSocial li a:hover {border-color:var(--orangeC);}

.copyRight {border-top:solid 1px #363636; padding: 12px 0px 14px 0px; text-align: center; color: #B3B3B3; margin-top: 10px; font-weight: 300;}




.artistDetail {position: relative;}
.artistDetail:before {content: "";background: #f2f2f2; height: 130px; width: 100%; left: 0px; top: 0px; position:absolute;}
.artistDetail .container {position: relative;}
.artDetailRightInfo {padding:0px 0px 10px 10px;}
.artTitle {margin-bottom:50px;}
.artTitle .textA {font-size: 22px;padding-bottom: 5px; font-weight: 600;}
.artTitle .textA small {font-weight: 400;}
.artTitle .textB {font-size: 16px;}
.artTitle .textB a {font-size: 14px; color: var(--red);}
.topCatName {padding:15px 0px 15px 25px; position: relative;color: #666666; font-weight: 300;}
.topCatName:before {content: ""; width: 22px; height: 22px; position: absolute; left: 0px; top: 15px; background: url(../../../images/sprite.svg) no-repeat -20px -119px;}
.artInfoB {margin-bottom:30px;}
.artInfoB .textA {font-size: 28px; padding-left: 90px;position: relative; font-weight: 300;}
.artInfoB .textA:before {content: ""; width: 78px; height: 42px; position: absolute; left: 0px; top: 0px; background: url(../../../images/sprite.svg) no-repeat -82px -120px;}
.artInfoB .textB {padding-left: 60px;}
.artInfoB .textB:before {background-position:-208px -121px;width: 58px;}
.artInfoB .info {display: inline-block; width: 18px; height: 18px;background: url(../../../images/sprite.svg) no-repeat -21px -159px;}
.artInfoB .textC {font-weight: 600;}
.artInfoB .textC a {color: var(--red);}

.artInfoBlock { padding: 20px 0px;}
.artInfoBlock h3 {font-size: 23px; margin: 0px 0px 15px 0px;color: #666666; font-weight: 400;}
.artInfoBlock .desc {font-size: 16px; color: #666; font-weight: 300;}
.artInfoBlock .desc p:last-child {margin-bottom: 0px;}
.artInfoBlock .desc ul {padding:0px 0px 0px 20px; margin: 0px;}
.artInfoBlock .desc ul li {padding-bottom: 10px;}

.artFaqBlock .desc strong {color: #000; font-weight: 600;}
.artFaqBlock h3 {position: relative; /*padding-right: 20px; cursor: pointer;*/}
/*.artFaqBlock h3:before {content: ""; width: 12px; height: 12px; border-bottom:solid 2px #666; border-left:solid 2px #666; transform: rotate(135deg); position: absolute; right: 6px; top: 15px;} 
.artFaqBlock h3.opnFaq:before {transform: rotate(-45deg);}*/

.artInfoC {border-bottom: solid 1px #ccc; padding-bottom: 24px;}
.actColA {display: flex; flex-wrap: wrap;flex: 0 0 166px;}
.actColA .actCol {height: 75px; width: 75px; border:solid 1px var(--orangeB); border-radius: 2px; line-height: 74px; text-align: center; margin: 0px 8px 8px 0px; font-size: 24px; font-weight: 300; cursor: pointer;}
.actColA .actCol:hover {background: var(--orangeB); color: #ffffff;}
.actColB {border:solid 1px var(--orangeB); border-radius: 2px; height: 158px; line-height: 1.2;text-align: center;    margin-right: 8px;}
.actColB .textA {color: #808080; font-weight: 300; height:46px; padding:15px 10px 0px 10px;}
.actColB .textB {color: #4D4D4D; font-size: 82px; font-weight: 300;}
.actColC {flex: 0 0 240px;}
.bidNow {text-align: center; width: 100%; height: 158px; line-height: 158px; font-weight: 700; font-size: 36px; border:none; background:var(--orangeB); color: #ffffff;border-radius: 3px;}
.bidNow:hover {background:var(--orangeC);}


.artGallery {position: relative; margin-bottom: 20px;}
.galleryImg {margin-bottom: 15px;}
.galleryThumeImg {display: flex; flex-wrap: wrap;  margin:0px -5px;}
.galleryThumeImg img {flex:0 0 87px; object-fit: cover; width: 87px; height: 85px; padding:5px;cursor: pointer; transition: transform 0.2s linear;}
.galleryThumeImg img:hover {transform: scale(1.1);}

.chatSec {border-bottom: none;}
.chatItems {max-height: 307px; overflow-x: auto; padding:10px 0px 0px 0px;}
.chatItem {position: relative;padding: 4px 0px 0px 50px; min-height: 36px;margin-bottom: 16px;}
.chatItem .name {position: absolute;left: 0px; top: 0px; width: 34px; height: 34px; background:#998675;border-radius: 50%; font-size:24px; color: #ffffff; line-height: 33px; text-align: center;}
.chatItem .nameTitle {color: #666666; font-weight: 500; font-size: 16px; margin-right: 20px;}
.chatItem .nameMesg {color: #000; font-weight: 500; font-size: 16px;}
.bottomItem {margin-top: 15px;}
.bottomItem .mesg {border:none;border-bottom: solid 1px #ccc; width: 100%; height: 50px; resize: none;}
.bottomItem .mesg:focus {outline: none;}
.chtSumitAct {position: relative; padding: 0px 50px;}
.chtSumitAct .smile {width:40px; height:30px; background:url(../../../images/sprite.png) no-repeat -304px -120px; position: absolute; left: 0px; top:2px; cursor: pointer;}
.chtSumitAct .text {color: #666; display: block; text-align: right; padding: 7px 0px;}
.chtSumitAct .goBtn {position: absolute; right:0px; top: 0px; width: 30px; height: 30px; cursor: pointer; background:url(../../../images/sprite.png) no-repeat -17px -196px;}

.artTabSec {position: relative;}
.tabNav {display: block; border-bottom:solid 1px #ccc;}
.tabNav a {padding: 10px 0px; color: #666666;display: inline-block; margin-right: 30px;border-bottom:solid 1px transparent; text-decoration: none; font-size: 16px; margin-bottom: -1px;}
.tabNav a.active, .tabNav a:hover {color: #333;border-bottom-color:var(--red);}
.tabBlock {display: none;}
.tabBlock .desc {font-size: 16px; color: #666; font-weight: 300; padding: 20px 0px;}
.tabBlock .desc p:last-child {margin-bottom: 0px;}
.tabBlock .desc ul {padding:0px 0px 0px 20px; margin: 0px;}
.tabBlock .desc ul li {padding-bottom: 10px;}
.tabBlock .desc strong {color: #000; font-weight: 600;}

.artInfoC-2 {background: var(--orangeB); color: #ffffff; border-radius: 5px; padding:25px 10px; text-align: center;}
.artInfoC-2 .testA {font-size: 22px; font-weight: 600; margin: 0px auto 10px auto; max-width: 370px;}
.artInfoC-2 .testA span {font-weight: 300;}
.artInfoC-2 .testB {margin: 0px auto; max-width: 370px; font-weight: 300;}
.bidNow[disabled] {opacity: 0.5; cursor: not-allowed !important;}
.bidNow[disabled]:hover {background: var(--orangeB); cursor:default;}
.actColA .actCol.select {background: var(--orangeB); color: #ffffff;}

.artInfoC-4 .colA {color: #4D4D4D; font-size: 62px; font-weight: 300; line-height: 1;}
.artInfoC-4 .colA small {font-size: 50%;}
.artInfoC-4 .colB {text-align: center;}
.artInfoC-4 .colC {color: #4D4D4D; font-size:32px; font-weight: 300;text-align: center; flex:0 0 33%;}

.buyNowBtn {text-align: center; padding: 0px 40px; height:58px; line-height:58px; font-weight: 700; font-size: 20px; border:none; background:var(--orangeB); color: #ffffff;border-radius: 3px; display:inline-block;}
.buyNowBtn:hover {background:var(--orangeC);}


.transaction-list-table-con {height: 500px; overflow-y: scroll;}
.usdcCredits {position: relative; padding: 50px 0px 0px 0px;}
.usdcCredits:before {content: "";background: #f2f2f2; height: 130px; width: 100%; left: 0px; top: 0px; position:absolute;}
.usdcBoxBg {max-width: 800px; margin: 0px auto; border-radius: 20px; padding:70px 100px 60px 100px; background:url(../../../images/usdc-box-bg.png) no-repeat top right; position: relative; }
.usdcBoxBg:before {content: ""; position: absolute; right: 0px; top: 0px; width: 250px; height: 250px; background: url(../../../images/usdc-label.png?1.1) no-repeat top -40px right -40px / 250px auto; opacity: 0.45;}
.usdcBoxBg .borderBtn {background:transparent; width: calc(32% - 20px); margin-right: 20px; height: 48px; font-size: 16px; border-width: 2px;}
.usdcBoxBg .borderBtn:hover {background: var(--orangeB);}
.usdcBoxBg .textA {font-size: 60px; font-weight: 500; color: #ffffff; line-height:1;}
.usdcBoxBg .textB {font-size: 22px; color: #ccc; padding-bottom: 50px; }
.usdcBoxBg .textC {padding: 20px 0px;position: relative;}
.usdcBoxBg .textD {font-size: 22px; color: #ccc; }

.usdcTable {padding: 100px 0px 50px 0px;overflow-x: auto;}
.usdcTable table {width: 100%; color: #666666; font-size: 18px; min-width: 700px;}
.usdcTable table th {padding: 8px;border-bottom: solid 1px #ccc; font-weight: 400;}
.usdcTable table th span {display: inline-block; margin-right: 20px;}
.usdcTable table a {color: var(--red); text-decoration: underline;}
.usdcTable table td {padding: 8px;}
.usdcTable table .transactions {color: #666666;}
.usdcTable .toggle-selected {color: var(--red) !important}

.folterRow {padding: 10px 0px;}
.selectInput:last-child {margin-right:0px;}
.selectInput {height: 37px; background: url(../../../images/drop-down.png) no-repeat top 12px right 14px; padding: 6px 30px 6px 0px;appearance: none; -webkit-appearance: none; border:none; margin-right: 60px; color: #808080;}
.selectInput:focus-visible {outline: none; box-shadow: none;}

.artListBannerSec .textD {background: none; padding-left: 0px;}
.artListBannerSec .count {color: #ffffff;}
.artListSecA {padding: 60px 0px; background: #f2eeec url(../../../images/dotted-pattern.svg) no-repeat left -70px top 60px / 140px auto; position: relative;}
.artListSecA:before {content: ""; width: 140px; height: 140px; position: absolute; bottom: -40px; right: 40px; background: url(../../../images/dotted-pattern.svg) no-repeat 0px 0px / 140px auto;}
.artListPage .proBox .textC {background: none; padding-left: 0px;}
.artListPage .proBox .count {padding-left: 0px;}

.artListSecB {padding: 60px 0px; background: url(../../../images/dotted-pattern.svg) no-repeat left -70px bottom 0px / 140px auto; position: relative;}

.filterlinks {border-top:solid 1px #ccc;}
.filterlinks a {padding: 5px 0px; display: inline-block; color: #808080; margin: 0px 50px 0px 0px;}
.filterlinks a:hover {text-decoration: none; color: var(--red);}
.proBox .date {color: #ffffff; font-size: 16px; position: absolute; right: 15px; top: 10px;}
.proBox .inviceText {color: #ffffff; font-size: 12px; position: absolute; right: 15px; left: 15px; text-align: center;bottom: 57px; font-weight: 300;}

.artListSecE {padding: 60px 0px 10px 0px;}
.artListSecE:before {display: none;}
.artListSecF {padding: 60px 0px 20px 0px;}
.artListSecG {padding: 60px 0px 110px 0px;background: #f2eeec; margin-bottom: -120px;}

.popUp .modal-dialog {max-width: 650px;}
.popUp .modal-content {border-radius: 0px; background: var(--orange); padding: 40px;border:none;}
.popUp .closePopUp {color: #000; text-decoration: underline;}
.popUp .textA {font-size: 32px;padding: 0px 0px 10px 0px; position: relative;}
.popUp .textA span {background:  var(--orange); position: relative; padding-right:20px;}
.popUp .textA:before {content: ""; width: 100%; background: #999; height: 1px; position: absolute; left: 0px; top: 27px;}
.popUp .textB {font-size: 44px; font-weight: 700; padding: 0px 0px 15px 0px;}
.popUp .textC {font-size: 20px;}
.popUp .textC a {color: #000;text-decoration: underline;}
.popUpBody {min-height: 500px;}
.popUpBottom {font-size:20px;}
.popUpBottom .johnInfo {text-align: center;}
.popUpBottom .johnImg {width: 60px;}
.popUpBottom .johnName {font-weight: 500; display: block;}
.popUpBottom .contact {color: #000; font-weight: 300;}
.popUp .textE {font-size:16px;font-weight: 500; margin-bottom:15px;}
.inputRow {margin-bottom: 15px;}
.inputRow .input {width: 100%;border:solid 1px #999; padding: 7px 12px; font-size: 16px; background:var(--orange); color: #000;}
.inputRow .input::placeholder {color: #000;}
.custIns span {display: inline-block;font-size: 16px;}
.custIns .input  {width: 200px; margin: 0px 15px;}
.orangeBorder {border:solid 1px #999; padding: 7px 20px; font-size: 16px; background:var(--orange); color: #000;}
.orangeBorder:hover {background:#999; color: #ffffff;}
.checkBox {display: inline-block;position: relative; margin: 0px 0px 2px 0px; font-size: 12px; }
.checkBox input {position: absolute;display: none;}
.checkBox .text {position: relative; padding-left: 20px; cursor: pointer;line-height: 17px;}
.checkBox .text:before {content: "";width: 14px; height: 14px; border-radius: 50%; border:solid 1px #999; position: absolute; left: 0px; top:2.5px;}
.checkBox input:checked + .text:after {content: ""; width: 8px; height: 8px; border-radius: 50%; background:#999; position: absolute; left: 3px; top: 5.4px;}

.checkBox input[type="checkbox"] + .text:before {border-radius: 0px;} 
.checkBox input[type="checkbox"]:checked + .text:after {border-radius: 0px;background: transparent; border-left:solid 2px #999; border-bottom: solid 2px #999; transform: rotate(-45deg); height: 5px; top: 6px;}




.notifyRow {padding:30px 0px 20px 0px;}
.notifyRow .checkBox {padding:11px 0px 3px 0px;}
.bundleRow .input {width: auto;border:none; padding: 2px 25px 2px 0px; font-size: 16px; background:var(--orange)  url(../../../images/drop-down.png) no-repeat top 7px right 7px; color: #000;appearance: none; -webkit-appearance: none;}
.bundleRow .input:focus-visible {outline: none; box-shadow: none;}
.bundleRow .checkBox .text {padding-top: 1px;}
.notifyRow .checkBox .text {padding-top: 1px;}
.popUp .textF {font-size: 16px;}
.popUp .textF p {margin-right: 10px;}
.cardColle {padding: 0px 0px 20px 0px;}
.cardColle .text {font-size: 16px;}
.cardColle input {margin: 6px 0px 0px 0px;}
.shippingInfo {padding: 5px 0px; border-top:solid 1px #999; font-size: 16px;}
.shippingInfo .col-6 {margin:3px 0px;}
.shippingInfo .col-6:nth-child(2) {text-align: right;}
.shippingInfo i {font-weight: 300; font-size: 14px;}
.cardColle .textN {position: relative; padding-left: 20px;}
.cardColle .textN:after {content: "";background: transparent; border-left:solid 2px #999; border-bottom: solid 2px #999; transform: rotate(-45deg); width:10px; height: 6px; top: 4px; left: 2px; position: absolute;}


.accountInfoPage {position: relative; padding: 50px 0px 0px 0px;}
.accountInfoPage:before {content: "";background: #f2f2f2; height: 130px; width: 100%; left: 0px; top: 0px; position:absolute;}
.accountInfoPage .container {max-width:440px;position: relative;}
.accountInfoPage h3 {color: #000; font-size: 22px; font-weight: 600; margin:0px 0px 10px 0px;}
.userImg {padding:0px 0px 20px 0px;text-align: center;}
.userImg .img {max-width: 130px; margin:0px auto; position: relative; }
.userImg .uploadIcon {width: 24px; height: 24px;cursor: pointer; position: absolute; right: -35px; top: calc(50% + 20px); background: url(../../../images/camraIcon.png) no-repeat 0px 0px;}
.userImg .userName {color: #666; font-size: 12px;font-weight: 500; padding: 10px 0px;}
.accountInfoPage .textA {color: #666; margin: 0px 0px 15px 0px; font-size: 12px;}
.accountInfoPage .textA a {color: #666;text-decoration: underline;}
.accountInfoEdit {color: #666; font-size: 16px;}
.accountInfoEdit .input {border:solid 1px #ccc; text-align: right; padding: 3px 10px; font-size: 14px; font-style: italic; width: 100%;}
.accountInfoEdit .row {padding: 8px 0px;}
.accountInfoEdit .col-8 {text-align: right;}
.editLinkBlock {position: relative;}
.accountInfoEdit .rightLink {position: absolute; right: -110px; font-size: 14px; top: 2px; color: #666; font-style:italic; cursor: pointer;}
.accountInfoEdit .rightLink:hover { text-decoration: underline;}
.secourtyInfo {padding: 20px 0px 0px 0px;}
.accountInfoEdit .btn {border:solid 1px #666; padding: 4px 20px;  background:#fff; color: #666; border-radius: 0px; font-style: italic; font-size: 12px;}
.accountInfoEdit .btn:hover {background:#666; color: #ffffff;}
.knowInfo {padding: 30px 0px 0px 0px;}
.secourtyInfo .rightLink {right: -70px; top: 0px;}

.artListSecI {background: url(../../../images/dotted-pattern.svg) no-repeat left -70px top 55px / 140px auto;}
.artListSecI:nth-child(even) {background-color: #f2eeec;}
.loadMore {padding:60px 0px 0px 0px; text-align: center;}
.loadMoreBag {padding: 60px 0px 20px 0px;}
.loadMore .borderBtn {background-color: #ffffff;}
.loadMore .borderBtn:hover {background-color: var(--orangeC);}

.staticTopBanner {position: relative;text-align: center;}
.staticTopBanner .img {max-width: 1920px; width: 100%;}
.staticTopBanner .iconImg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);max-width:200px;max-height: 90%;}

.staticPageSecA {padding: 50px 0px; position: relative; background: #ffffff url(../../../images/dotted-pattern.svg) no-repeat left -70px top 60px / 140px auto;}
.staticPageSecA:before {content: ""; width: 140px; height: 140px; position: absolute; bottom: -60px; right: 40px; background: url(../../../images/dotted-pattern.svg) no-repeat 0px 0px / 140px auto;}
.staticPageSecA h1 {text-align: center; color: #4D4D4D; font-size: 36px; font-weight: 600; margin: 0px 0px 10px 0px;}
.staticPageSecA .desc {text-align: center; color: #4D4D4D; font-size: 20px; margin: 0px 0px 45px 0px;}
.staticPageSecA .textA { font-size: 18px; font-weight: 600;margin:0px 0px 10px 0px;}
.staticPageSecA .textA img {vertical-align: top; margin: -2px 0px 0px 5px; width: 28px;}
.staticPageSecA .textB { font-size: 16px;}

.staticPageSecB {background: #f2eeec; padding: 80px 0px 120px 0px; margin-bottom: -120px; font-size: 18px; font-weight: 300;}
.staticPageSecB strong {font-weight: 700;}
.staticPageSecB a {color: #000;}
.staticPageSecB .col-md-6 .row {padding-bottom: 40px;}
.staticPageSecB .row .col-auto {flex: 0 0 25%;}

.lootTicket .staticPageSecA .row {font-size: 18px; margin-left: -40px; margin-right: -40px;}
.lootTicket .staticPageSecA .col-lg-6 {padding: 0px 40px;}

.arrowHead strong {position: relative; display: inline-block; padding-right: 25px; cursor: pointer;}
.arrowHead strong:before {content: ""; width: 12px; height: 12px; border-bottom:solid 3px #000; border-left:solid 3px #000; transform: rotate(-45deg); position: absolute; right:0px; top:5px;} 
.arrowHead.opn strong:before {transform: rotate(135deg); top: 8px;}

.shippintDetialPage .staticPageSecA {font-size: 18px;}
.shippintDetialPage .shipImg {text-align: center;}
.shippintDetialPage .staticPageSecA h1 {margin-bottom: 60px;}

.supportPage {background: url(../../../images/support-bg.jpg?1.1) no-repeat center / cover; padding: 50px 0px 120px 0px; height: 750px; position: relative; display: flex; align-items: center; max-width: 1920px; margin:0px auto;}
.supportPage:before {content: ""; width: 140px; height:70px; position: absolute; bottom: 40px; right: 40px; background: url(../../../images/dotted-pattern.svg) no-repeat 0px 0px / 140px auto;}
.supportPage:after {content: ""; width: 70px; height:140px; position: absolute; bottom: 50%; left:40px; background: url(../../../images/dotted-pattern.svg) no-repeat 0px 0px / 140px auto;}
.supportPage ~ .footer{margin-top: 0px;}
.supportPage .container {max-width: 500px; text-align:center; color: #ffffff; position: relative;}
.supportPage .container a {color: #ffffff;}
.supportPage .desc {font-weight: 300; font-size: 16px;}
.supportPage h1 {margin: 0px 0px 20px 0px;}

.termTopHeading {background:#f2f2f2; padding: 30px 0px;}
.termTopHeading h1 {margin:0px; font-size: 36px;}
.termContentSec {padding: 60px 0px 20px 0px;background: #ffffff url(../../../images/dotted-pattern.svg) no-repeat left -70px bottom 120px / 140px auto; font-size: 18px;}










@media(min-width: 1600px) {
  .navigation>ul>li {margin: 0px 25px;}
  .homeBannerSec .owl-carousel .owl-item img {height: 500px;}
  .searchBlock {max-width: 500px;}
}
@media (min-width: 768px) and (max-width: 1200px) {
  .mainNav {padding: 5px 0px 10px 0px;}
  .logo {margin: -20px 0px 10px 0px; max-width: 200px; }
}
.visM {display: none;}
@media (max-width: 767px) {
  .header .colA {flex:0 0 calc(100% - 132px); }
  /*.searchBlock  {height: 36px; text-align: left; width: 40px; position: relative;z-index: 99;}
  .searchIRow {background:none;}
  .searchIRow .searchBtn {background-color:var(--orangeB); right: 0px; top: 0px;position:relative;border-radius: 50%;height: 36px; width: 36px; background-position: -361px -119px;}
  .searchIRow.openSearch {}
  .searchIRow .searchInput {position: absolute; top: calc(100% - 5px); right: 0px;background: var(--orangeB); padding:4px 20px 5px 20px; border-radius: 20px; height:40px; display: none;}
  .searchIRow.openSearch .searchInput {display: block; width:200px;}*/
  .header .container {position: relative;}
  .header .colB {position: inherit;}
  .searchIRow .searchInput {transition: inherit;}
  .openSearch .searchIRow {top: calc(50% - 20px);margin-left: 40px; margin-right: 10px; background: var(--orangeB);}
  .searchBlock.openSearch {position: absolute; left:0px; bottom:0px; height: 100%; width: 100%;z-index: 999; max-width: inherit; background: var(--orangeC);}
  .searchBlock.openSearch:before, .searchBlock.openSearch:after {content: ""; height: 16px; width:1.5px; position: absolute; left: 20px; top: calc(50% - 10px);transform: rotate(-45deg);background:#ffffff;}
  .searchBlock.openSearch:before {transform: rotate(45deg);}

  .logo {margin:-20px 0px 5px 0px;}
  .logo img {max-width:100%;}
	.visM {display: block;}
	.visD {display: none;}
  .mobileNavBtn {margin-right: 5px; margin-top: 8px;}
	.container {max-width: inherit; width:100%;}
  .topBg {font-size: 12px;}

  .homeBannerSec .owl-carousel .owl-item img {height: 300px;}
  .homeBannerText .textB {font-size: 18px;}
  .homeBannerText .textC {font-size: 32px; padding: 5px 0px 10px 0px;}
  .homeBannerText .textD {font-size: 14px;}
  .lootNftProductSec {padding: 25px 0px 5px 0px;}
  .lootNftProductSec:before {display: none;}

  .proBoxRow .col-xl-3 {margin-bottom: 20px;}
  .proBox .img {margin-bottom: 7px;}
  .proBox .count {font-size: 16px;}
  .proBox .textC {padding-left: 40px; background: url(../../../images/tick-icon-b.png) no-repeat 0px 2px / 34px auto;}

  .secTitle {font-size: 18px; margin-bottom: 15px;}

  .homeCatBox {margin-bottom: 15px; position: relative;}
  .homeCatBox:before {content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background:rgba(0,0,0,0.5);}
  .homeCatBoxText, .homeCatBoxText .textC a { color: #ffffff;position: relative;}
  .homeCatBoxText .textC a:before {border-color: #ffffff;}
  .artistSec {padding: 20px 0px 20px 0px;}
  .cardsCollSec {padding: 25px 0px 10px 0px;}
  .cardsCollSec:before {left: -90%;}

  .footer { margin-top: 80px;}
  .footerYelloBox {padding:15px; top: -60px;}
  .footerYelloBox + .row {margin-top: -30px;}
  .footerYelloBox .textA {font-size: 22px;  padding: 0px 0px 10px 0px;}
  .footerYelloBox .textB {padding: 0px 0px 10px 0px;}
  .footerYelloBox .orangeBtn {position: relative; right: 0px; top: 0px;}
  .footerLogo {max-width: 200px; margin: 0px auto 15px auto;}
  .footerLink li {padding: 0px 8px 10px 8px; width: auto;}
  .footerLink {text-align: center;}
  .footerSocial {text-align: center; padding: 5px 0px 0px 3px;}

  .artGallery {border-bottom:solid 1px #ccc; margin-bottom:0px; padding-bottom: 20px;}
  .galleryImg {margin-bottom: 10px;}
  .galleryThumeImg img {flex:0 0 60px;width:60px; height: 60px;}

  .artInfoBlock { padding: 15px 0px;}
  .artInfoBlock h3 {font-size: 18px; margin: 0px 0px 10px 0px;}
  .artInfoBlock .desc {font-size: 14px; }

  .artDetailRightInfo {padding:10px 0px 0px 0px;}
  .artTitle {margin-bottom: 15px;}
  .artTitle .textA {font-size: 18px;}
  .artTitle .textB {font-size: 14px;}
  .artTitle .textB a {font-size: 10px;}
  .artInfoB {margin-bottom:5px;}
  .artInfoB .col-lg-4 {padding-bottom: 15px;}
  .artInfoB .col-lg-4:nth-child(1), .artInfoB .col-lg-4:nth-child(2) {flex:0 0 50%;}
  .artInfoB .textA {font-size: 20px; padding-left:60px;}
  .artInfoB .textA:before {transform: scale(0.7); transform-origin: left top;}
  .artInfoB .textB:before {left: 15px;}
  .actColA, .actColB, .actColC {flex:0 0 100%;}
  .actColA {justify-content: center;}
  .actColA .actCol {height: 60px; width: 60px; line-height: 59px; margin: 0px 4px 8px 0px;}
  .actColB {margin-bottom: 8px; height: auto;}
  .actColB .textB {font-size: 52px;padding-bottom: 10px;}
  .actColB .textA {height: auto; padding: 15px 10px 10px 10px;}
  .bidNow {height:100px; line-height: 98px;}

  .artFaqBlock p {margin-bottom: 8px;}

  .chatItem .nameTitle, .chatItem .nameMesg {font-size: 14px;}

  .artTabSec {border-bottom: solid 1px #ccc; margin-bottom: 10px;}
  .tabBlock .desc {font-size: 14px;padding: 15px 0px;}
  .chatSec {border-bottom: solid 1px #ccc;}

  .artInfoC-2 {padding: 15px 10px;}
  .artInfoC-2 .testA {font-size: 20px;}

  .artInfoC-4 {padding-top: 15px;}
  .artInfoC-4 .colA {font-size: 32px; flex:0 0 60%; }
  .artInfoC-4 .colB {text-align: center; padding: 10px; order:1; flex:0 0 100%;}
  .artInfoC-4 .colC {font-size:16px; flex:0 0 40%;}
  .buyNowBtn {padding: 0px 20px; height:38px; line-height:38px; width: 100%; font-size: 16px;display: block;}

  .usdcCredits {padding: 20px 0px 0px 0px;}
  .usdcBoxBg {padding:25px 15px;background-position: center; background-size: cover;}
  .usdcBoxBg:before {background-size: 100px auto;}
  .usdcBoxBg .borderBtn {width: auto; margin-right: 5px; height: 37px; font-size: 14px; border-width: 1px;}
  .usdcBoxBg .textA {font-size: 26px; padding-bottom: 5px;}
  .usdcBoxBg .textB {font-size:16px; padding-bottom:10px; }
  .usdcBoxBg .textC {padding: 10px 0px;}
  .usdcBoxBg .textD {font-size: 16px; }

  .usdcTable {padding: 30px 0px 10px 0px;}
  .usdcTable table {font-size: 14px;}
  .usdcTable table th {padding: 6px;}
  .usdcTable table th span {margin-right: 10px;}
  .usdcTable table td {padding: 6px;}


  .artListSecA {padding: 25px 0px 5px 0px;background-image: none;}
  .artListSecA:before {display: none;}
  .artListSecB {padding: 25px 0px 5px 0px; background: none;}

  .filterlinks a {margin: 0px 15px 5px 0px;}
  .artListSecF {padding: 30px 0px 10px 0px;}
  .artListSecG {padding: 30px 0px 80px 0px;margin-bottom: -80px;}
  .folterRow {overflow-x: auto; white-space: nowrap;}


  .popUp .modal-content {padding:15px;}
  .popUp .textA {font-size: 16px;}
  .popUp .textA span { padding-right:10px;}
  .popUp .textA:before {top: 13px;}
  .popUp .textB {font-size: 22px; }
  .popUp .textC {font-size:16px;}
  .popUpBody {min-height: 250px;}
  .popUpBottom {font-size:16px;}
  .popUpBottom .johnImg {width: 40px;}

  .inputRow .input {font-size: 14px; padding: 6px 12px;}
  .custIns span {font-size: 14px;}
  .custIns span:nth-child(1) {display: block; padding-bottom: 5px;}
  .custIns .input {margin: 0px 10px 0px 0px;}
  .notifyRow .col-auto {flex: 0 0 100%;}
  .notifyRow .orangeBorder {width: 100%;margin-bottom:8px;}
  .notifyRow .col {text-align: center;}
  .popUp .textE {font-size:14px; margin-bottom: 10px;}
  .notifyRow {padding: 15px 0px 10px 0px;}

  .popUp .textF {font-size: 14px;}
  .cardColle .text {font-size: 14px;}
  .cardColle input {margin: 4px 0px 0px 0px;}
  .shippingInfo {font-size: 14px;}


  .checkBox {line-height: 16px;}

  .accountInfoPage {padding: 30px 0px 0px 0px;}
  .accountInfoPage:before {height: 90px;}
  .accountInfoEdit {font-size: 14px;}
  .userImg .img {max-width: 100px;}
  .editLinkBlock {padding-bottom: 25px;}
  .accountInfoEdit .rightLink {top:inherit;bottom: 0px; right: 0px; font-size: 13px;}

  .artListSecI {padding:30px 0px 10px 0px; background-image:none !important;}
  .loadMore {padding:30px 0px 10px 0px;}

  .staticTopBanner .img {min-height: 200px; object-fit: cover;}
  .staticTopBanner .iconImg {width: 50px;}
  .staticPageSecA {padding:30px 0px 0px 0px; background-image: none;}
  .staticPageSecA:before {display: none;}
  .staticPageSecA h1 {font-size: 26px;}
  .staticPageSecA .desc {font-size:16px; margin: 0px 0px 25px 0px;}
  .staticPageSecA .textA { font-size: 16px; }
  .staticPageSecA .textA img {margin:1px 0px 0px 5px; width: 22px;}
  .staticPageSecA .textB { font-size: 14px; margin-bottom: 30px;}

  .staticPageSecB {padding:30px 0px 90px 0px;  margin-bottom: -80px; font-size: 14px;}
  .staticPageSecB .col-md-6 .row {padding-bottom: 15px;}
  .staticPageSecB .row .col-auto {padding-right: 0px;}

  .lootTicket .staticTopBanner .iconImg {width: 100px;}
  .lootTicket .staticPageSecA .row {font-size: 14px; margin: 0px -15px;}
  .arrowHead strong:before {top:2px;transform: scale(0.8) rotate(-45deg);} 
  .lootTicket .staticPageSecA .col-lg-6 {padding: 0px 15px;}

  .shippintDetialPage .staticPageSecA {font-size: 14px; padding-bottom: 20px;}
  .shippintDetialPage .shipImg img {max-width: 80%;}
  .shippintDetialPage .staticPageSecA h1 {margin-bottom: 20px;}


  .supportPage { padding:30px 0px 70px 0px; height:500px; background-position: center left 47%;}
  .supportPage:before {display: none;}
  .supportPage:after {left:10px; bottom: inherit; top: 10px;}
  .supportPage .desc {font-size: 14px;}
  .supportPage h1 {margin: 0px 0px 15px 0px; font-size: 26px;}

  .termTopHeading { padding: 20px 0px;}
  .termTopHeading h1 {font-size: 24px;}
  .termContentSec {padding: 20px 0px 5px 0px;background: #ffffff; font-size: 14px;}

}





 
.scrollEle::-webkit-scrollbar {width: 8px; height: 8px;}
.scrollEle::-webkit-scrollbar-track {background: #f1f1f1; }
.scrollEle::-webkit-scrollbar-thumb {background: #888; }

.modal-dialog {min-height: calc(100vh - 60px); display: flex; flex-direction: column; justify-content: center; overflow: auto; }
@media(max-width: 768px) {
  .modal-dialog {min-height: calc(100vh - 20px); }
}