@import url('https://fonts.googleapis.com/css2?family=Metamorphous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
body{font-family:Metamorphous;}
body ul { font-family:inherit;}
a[disabled="disabled"]{border:1px solid #999 !important;background-color:#999 !important;color:#c9c8c8 !important;pointer-events:auto! important;cursor:not-allowed! important;}
.entry-title{display:none;}
.btn-yellow-outline{font-size:12px;color:#ffdd16;border-color:#ffdd16;min-width:124px;transition:.5s;}
.btn-yellow-outline:hover{background-color:#ffdd16;color:#000}
.header .navbar > .container{position:relative}
.header .navbar-brand{position:absolute;top:-5px;left:50%;margin-left:-55px;}
.header .navbar-brand img{width:110px;}
.header .navbar{margin:30px 0 75px;}
.header .navbar .navbar-nav li.nav-item{padding:20px 35px;}
.header .navbar .navbar-nav .nav-link{color:#fff;padding:0;border-bottom:3px solid transparent}
.header .navbar .navbar-nav .active>.nav-link, .header .navbar .navbar-nav .nav-link:hover{color:#fff;border-color:#ffd401}
.body-container{margin-bottom:70px}
.mid-body .row{margin-left:-5px;margin-right:-5px}
.mid-body .row > .tile-col{padding-left:5px;padding-right:5px;}
.mid-body .row > .tile-col a{text-decoration:none !important}
.body-container .row > .tile-col .tile-box{position:relative;cursor:pointer;border-radius:6px;box-shadow: 2px 0 3px 2px #0e1b2c;overflow:hidden;transition-duration: 0.1s;}
.body-container .row > .tile-col .tile-box .img-fluid{width:100%;}
.body-container .row>.tile-col .title{position:absolute;top:30px;left:0;z-index:3;padding:0 15px;width:100%;font-size:1.8em;line-height:1.2em;text-align:center;color:#fff;text-transform:capitalize}
.body-container .overlay{/*display:table;*/width:100%;height:100% !important;background:rgba(0,0,0,.4);position:absolute;top:0;left:0;text-align:center;opacity:0;transition-duration:.1s;transition-delay:.1s;z-index:2}
.body-container .overlay .description{display:table-cell;vertical-align:bottom; z-index:3;color:#fff;line-height:20px;padding:0 15px 40px;transition-duration:.1s;transition-delay:.1s; position:absolute; bottom:0px; width:100%;}
.body-container .overlay .description h5{font-family: 'Source Sans Pro', sans-serif;font-size: 1.1rem;margin-bottom:20px;}
.body-container .overlay .description p{font-size:.6em;font-family:'Source Sans Pro', sans-serif;margin-bottom:20px;color:rgba(255,255,255,.6)}
.body-container .overlay .description .btn-yellow-outline{font-size:16px;min-width:200px;}
/*.body-container .row>.tile-col .fire{width:100%;height:180px;position:absolute;bottom:-10px;left:0;opacity:0;transition-duration:.1s;transition-delay:.1s}*/
.body-container .row>.tile-col .tile-box:hover{margin-top:-30px}
.body-container .row>.tile-col .tile-box:hover .overlay{opacity:1}
/*.body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:105px}
.body-container .row>.tile-col .tile-box:hover .fire{opacity:.8;}
.home .body-container .overlay .description p{min-height:150px;}*/

.footer{background:rgba(0,0,0,.8);padding:5px 0;}
.footer .footer-link{padding:0;margin:0}
.footer .footer-link>li{display:inline-block;font-size:13px;padding:0 6px;}
.footer .footer-link>li:not(:last-child):after{content:"|";position:relative;left:7px;color:#757575}
.footer .footer-link>li>a{font-family:'Source Sans Pro', sans-serif;color:#757575;text-transform:uppercase;text-decoration:none}
.footer .footer-link>li>a:hover{color:#ffd401;}
.footer .copyright{font-family:'Source Sans Pro', sans-serif;font-size:14px;text-align:right;color:#757575;margin:0;padding:5px 0}
.footer .social-network {display: inline-block!important; flot:none!important;}
.footer p.copyright a{color:#fff}
.footer p.copyright a:hover{color:#ffd401}
.page-title{font-size:32px;color:#fff;margin:0 0 15px}
p{font-size:1em;line-height:1.5em;color:#fff}
p a{color:#ffd401 !important;word-break:break-all}
.prod-list .prod-list-row{display:table;}
.mid-body-in{padding:140px 15px;}
.prod-list .prod-list-row:not(:last-child){margin-bottom:30px}
.prod-list .prod-list-col{display:table-cell;padding:0 15px;vertical-align:top}
/*.prod-list .odd .prod-list-col:last-child{padding: 35px 15px;}
.prod-list .even .prod-list-col:first-child{padding: 35px 15px;}
.prod-list .odd .prod-list-col:nth-child(2){position:relative;padding-right:45px}
.prod-list .even .prod-list-col:nth-child(2){position:relative;padding-left:45px}
.prod-list .odd .prod-list-col:nth-child(2):after{content:"";width:2px;height:110px;background:#ffd401;position:absolute;top:26px;right:14px;}
.prod-list .even .prod-list-col:nth-child(2):after{content:"";width:2px;height:110px;background:#ffd401;position:absolute;top:26px;left:14px;}*/
.prod-list .prod-img{width:210px;border:1px solid #ffd401;padding:10px;}
.prod-list .prod-name{font-size:18px;color:#fff;margin:0 0 10px}
.prod-list .prod-name > a{color:#ffd401 !important;text-decoration:none}
.prod-list .btn-yellow-outline{margin:7px 0;}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:rgba(0,0,0,.8)}
::-webkit-scrollbar-thumb{background:#ffdd16;border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:#ffdd16}
:-ms-scrollbar{width:5px}
:-ms-scrollbar-track{background:rgba(0,0,0,.8)}
:-ms-scrollbar-thumb{background:#ffdd16;border-radius:5px}
:-ms-scrollbar-thumb:hover{background:#ffdd16}
/**TA**.tile-theme1 .body-container .row>.tile-col .fire{height:217px;}**TA**/

.cus-modal{width:100%;height:100%;background: rgba(0,0,0,.8);position:fixed;left:0;top:0;z-index:5}
.cus-modal .cus-modal-in{width:900px;height:500px;position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-450px}
.cus-modal .cus-modal-in:before {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; content: ""; z-index: 1;}
.cus-modal .cus-modal-in .webshop{width:444px;background-color:rgba(0,0,0,.85);position:relative; z-index:2;}
.cus-modal .cus-modal-in .webshop h4{width:100%;font-size:1.7em;line-height:1.5em;color:#fff;text-align:center;position:absolute;top:110px;}
.cus-modal .cus-modal-in .north-american{float:left}
.cus-modal .cus-modal-in .euroupian{float:right}
.cus-modal .cus-modal-in .webshop .img-fluid,.cus-modal .cus-modal-in .webshop h4{transition:.1s}
.cus-modal .cus-modal-in .popup:hover .webshop .img-fluid{opacity:.2}
.cus-modal .cus-modal-in .popup:hover .webshop h4{opacity:.2}
.cus-modal .cus-modal-in .webshop:hover .img-fluid{opacity:1!important;}
.cus-modal .cus-modal-in .webshop:hover h4{opacity:1!important}
.close-btn{width:25px;height:25px;line-height:24px;background:#fbee01;color:#000;border-radius:50%;font-family:arial;text-align:center;position:absolute;top:-10px;right:-10px;cursor:pointer;z-index:3}
/**TA**.tile-theme1 .body-container .row>.tile-col .overlay .description{padding-top:160px;}
.tile-theme1 .body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:130px;}
.tile-theme1 .body-container .row>.tile-col .overlay .description p{min-height:140px}
.tile-theme1 .body-container .overlay .description .btn-yellow-outline{min-width:155px;}**TA**/
.tile-theme2 .body-container .row>.tile-col .fire{height:200px;}
.tile-theme2 .body-container .overlay{height:210px;}
.tile-theme2 .body-container .row>.tile-col .overlay .description {padding-top: 300px;}
.tile-theme2 .body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top: 210px;}
.news .prod-list .prod-img{width:100%;padding:5px;margin-bottom:15px}
.news .prod-list .prod-img .img-fluid{width:100%}
.news .prod-list .prod-name{color:#ffd401;line-height:1.5em;}
.news .prod-list h2{font-size:21px;color:#ffd401;}
.cus-tabs .nav-tabs {display:none;}
.cus-tabs #tabs{border-top:1px solid rgba(255,212,1,.2);border-bottom:1px solid rgba(255,212,1,.2);padding:10px 15px; margin-bottom: 10px;}
.cus-tabs #tabs .nav-item:not(:last-child){padding-right:18px}
.cus-tabs .card{background-color:initial; background:none;}
.cus-tabs .card-body{padding:15px;}
.cus-tabs .nav-link{color:#fff;padding:0;font-size:14px;}
.cus-tabs .nav-link.active, .cus-tabs .nav-link:hover{color:#ffd401}
.cus-tabs .dis-logo{background:rgba(0,0,0,.6);border-radius:10px;margin:15px 0;transition-duration:.1s;transition-delay:.1s;padding:10px;text-align:center}
.cus-tabs .dis-logo:hover{background:#000;}
.cus-tabs .dis-logo img{height:120px !important;width:auto !important;max-width:100% !important; margin:0px auto;}
.distributors .btn-yellow-outline{min-width:190px;margin:0px 5px 10px}
#faq .card{margin-bottom:15px;border:1px solid #ffd401;background:transparent;border-radius:0;}
#faq .card .card-header{border:0;padding:0}
#faq .card .card-header .btn-header-link{font-size:17px;border-radius:0;background:#ffd401;color:#000;display:block;text-align:left;padding:10px 20px}
#faq .card .card-header .btn-header-link:after{content:"\f0d8";color:#000;font-family:FontAwesome;font-weight:900;float:right}
#faq .card .card-header .btn-header-link.collapsed{background:transparent;color:#fff}
#faq .card .card-header .btn-header-link.collapsed:after{content:"\f0d7";color:#ffd401;}
#faq .card .collapsing{line-height:30px}
#faq .card .collapse{border:0}
#faq .card .collapse.show{line-height:30px;color:#222}
#faq .card-body{background: rgba(0,0,0,.85);}
#faq .card-body h4{font-size:17px;color:#ffd401;}

.contact-form-box .form-group{margin-bottom:8px}
.form-control{height:45px;font-size:13px;background:none!important;border:1px solid #ffd401!important;border-radius:0;color:#fff}
textarea.form-control{height:100px}
.form-control::-webkit-input-placeholder {color:#fff;}
.form-control:-ms-input-placeholder {color:#fff;}
.form-control::placeholder {color:#fff;}
.form-control:focus{box-shadow: 0 0 0 0.2rem rgb(255 212 1 / 25%);border-color:#ffd401;color:#fff;}
select.form-control option{background-color:#000;color:#fff;}
.wrap-select-arrow select{width:100%;padding-right:35px;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-indent:.01px;text-overflow:""}
.wrap-select-arrow select::-ms-expand{display:none}
.wrap-select-arrow{position:relative}
.wrap-select-arrow:after{content:"";position:absolute;top:20px;right:15px;pointer-events:none;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #ffd401}

.red-box{background:rgba(255,255,255,.1);padding:25px 30px;margin-top:20px}
.red-box h5{font-size:13px;line-height:1.5em;color:#ffd401;text-align:center;margin-bottom:10px}
.red-box .input-group-append{margin-left:8px}
.red-box .btn-yellow-outline{margin:0;min-width:80px;border-radius:0}
.social-network{padding:0;margin:0;text-align:center;}
.social-network li{display:inline-block;padding:5px;text-align:center}
.social-network li .fa{width:35px;height:35px;background:initial;border:1px solid #757575;border-radius:50%;padding:9px 0;font-size:16px;color:#757575;}
.social-network li a:hover .fa {color:#fff; border:1px solid #fff;}
.social-network li a:hover .fa-facebook{background:#3d5a96}
.social-network li a:hover .fa-twitter{background:#2aa3ef}
.social-network li a:hover .fa-instagram{background-color:#7c22b8;background-image: linear-gradient(#7c22b8, #c42868, #dc882f);}
.social-network li a:hover .fa-linkedin{background:#007ab7}
.social-network li a:hover .fa-youtube{background:#ff0000}

.social-share{min-width:178px;padding:5px 10px;margin:0;text-align:center;background:rgba(0,0,0,.6);border:1px solid #ffd401;position:absolute;bottom:-63px;right:0;display:none;transition-duration:.1s;transition-delay:.1s;z-index:2}
.social-share li{display:inline-block;padding:5px 0;}
.social-share li .fa{width:30px;height:30px;border-radius:50%;padding:9px 0;color:#fff;}
.social-share li .fa-facebook{background:#3d5a96}
.social-share li .fa-twitter{background:#2aa3ef}
.social-share li .fa-instagram{background-color:#7c22b8;background-image: linear-gradient(#7c22b8, #c42868, #dc882f);}
.social-share li .fa-linkedin{background:#007ab7}
.social-share li .fa-google-plus{background:#c7473c}
.social-share li .fa-pinterest-p{background:#bd071d}
.post-details .share .share-btn{position:relative}
.post-details .share .share-btn:hover .social-share{opacity:1;display:block;}
.about .prod-list .cus-btn-group .btn-yellow-outline {margin:7px;}
.mr-btm-50{margin-bottom:50px;}
.view .fnav a{color:#ffd401;}
.view .prev {left:0;}
.view .next {right:0;}
.news .prod-list .prod-img .img-box{height:140px;overflow:hidden}
.article .share>a{color:#fff;margin-left:15px;font-size:26px}
.article .share>a:hover{color:#ffd401;}
.post-details{position:relative;margin:10px 0 25px;}
.post-details:after{content:"";width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:-10px}
.right-sidebar{background:rgba(0,0,0,.8);padding:15px;}
.right-sidebar h5{color:#ffd401}
.news.article .prod-list .img-fluid{width:100%;}
.news.article .prod-list .p3 a{color:#ffd401 !important;}
.news.article .prod-list p:empty{display:none}
.right-sidebar .prod-img  img{max-width:100% !important;width:100% !important;height:auto !important}
.news.article .prod-list div:empty {max-width:100%;}
.news.article .prod-list p img{max-width:100%;height:auto;}
.news.article .prod-list ul, .news.article .prod-list ul.list{font-size:13px;color:#fff;}
.news.article .prod-list ul a, .news.article .prod-list ul.list a{color:#ffd401 !important;}
.news.article .prod-list hr{border-top:1px solid #fff;}
.news.article .prod-list img{max-width:100%;}
.contact .prod-list .g-recaptcha >div, .about .g-recaptcha >div{margin:10px auto 0}
.digital-card-manager .prod-list .app-img{margin-bottom:20px;}
.digital-card-manager .prod-list p .text-yellow{color:#ffd401;}
.digital-card-manager .prod-list .app-name{font-size:1.5em;color:#fff;margin:0 0 15px}
.digital-card-manager .prod-list .app-des{color:#ffd401;}

.tales_of_dragon .prod-list .prod-img {width:320px;padding:5px;cursor:pointer;position:relative;transition-duration:.1s;transition-delay:.1s}
.tales_of_dragon .prod-list .prod-img .fa-search{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;font-size:30px;color:#fff;display:none;}
.tales_of_dragon .prod-list .prod-img:hover{background:rgba(0,0,0,.8);}
.tales_of_dragon .prod-list .prod-img:hover .img-fluid{opacity:.2}
.tales_of_dragon .prod-list .prod-img:hover .fa-search{display:block}
.tales_of_dragon .prod-list-col a{position:relative}
.tales_of_dragon .prod-list-col a .product-img{position:absolute;bottom:32px;left:0;width:123px;background:rgba(0,0,0,.9);padding:10px;border:1px solid #ffd401;opacity:0;transition:.2s;display:none}

.tales_of_dragon #myModal .modal-header{border-bottom:1px solid #eee}
#a-z{align-items: center;justify-content: center;padding:0;}
.cus-loader{width:100%;height:100%;background: rgba(70,19,18,.8);position:fixed;left:0;top:0;z-index:10}
.cus-loader .loader-in{width:50px;height:50px;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;}
.cus-flip-book{width:100%;height:82%;margin-top:-20px;}
.page-404 .error-404 p{font-size:32px;}
#ContactForm{background:rgba(0,0,0,.6);padding:30px 15px 15px;}
.audiobook-adventures .prod-list .btn-yellow-outline{float:right;margin:30px 0;}
.footer .social-network li{padding:5px 0;}
.footer .social-network li .fa{width:25px;height:25px;padding:5px 0;font-size:14px}
.error{font-size:.8em}
.article .share{float:right}
.btn-go-back{font-size:1em;font-weight:bold;background:#fff;border-color:#fff;color:#000;padding:5px 10px;}
.btn-go-back:hover{background:#ffd401;border-color:#ffd401;color:#000;}

/* Countdown timer start */
.coundown-body .header .navbar{background:rgba(0,0,0,0.7);margin-top:0;}
.coundown-body .rpg-background{min-height:100%;background-image:url(../images/countdown-timer-bg.png);background-size:cover;background-repeat:no-repeat;background-position:center  center;}
.coundown-body .coundown-timer{background-color:initial;z-index:initial;top:62%}

/* Fab Heros start */
.fab-heros .fab-heros-banner{width:100%;background-image:linear-gradient(to right, rgba(0 0 0/100%) , rgba(0 0 0/0));margin-top:110px;margin-bottom:80px;}
.fab-heros .fab-heros-banner .body-container{margin-bottom:0}
.fab-heros .fab-heros-banner .banner-content-left{width:100%;height:100%;display:table;padding:30px 0}
.fab-heros .fab-heros-banner .banner-content-leftin{display:table-cell;vertical-align:middle}
.fab-heros .fab-heros-banner .banner-content-right{width:100%;height:100%;display:table;}
.fab-heros .fab-heros-banner .banner-content-rightin{display:table-cell;vertical-align:bottom}
.fab-heros .fab-heros-banner .img-fluid{margin-bottom:30px;}
.fab-heros .fab-heros-banner h2{font-family:Metamorphous;font-size:40px;line-height:1.2em;color:#FFF;margin-bottom:15px;}
.fab-heros .fab-heros-banner p{font-family:'Source Sans Pro', sans-serif;font-size:16px;line-height:1.2em;color:#FFF;margin-bottom:30px;max-width:100%}
.sec1, .sec2{margin-bottom:80px;}
.fab-heros .sec1 h4{font-family:'Source Sans Pro', sans-serif;color:#fff;font-weight:700;font-size:24px;line-height:1.2em;margin:20px 0;}
.fab-heros .sec1 h4 a{color:#fff}
.fab-heros .sec1 .links > div:hover a, .fab-heros .sec1 h4 a:hover{color:#F2D126;text-decoration:none}
.fab-heros .sec1 h5{font-family:'Source Sans Pro', sans-serif;color:#fff;font-weight:700;font-size:16px;line-height:1.2em;margin:20px 0;}
.fab-heros .sec1 h5 a{color:#fff}
.fab-heros .sec3 h3{font-family:'Source Sans Pro', sans-serif;font-weight:700;font-size:32px;line-height:1.2em;color:#FFF;margin-bottom:15px}
.fab-heros .sec3 p{font-family:'Source Sans Pro', sans-serif;font-size:16px;line-height:1.2em;color:#FFF;margin-bottom:30px;width:518px;max-width:100%}
.fab-heros .sec3 .table-row{width:100%;height:100%;display:table;}
.fab-heros .sec3 .table-cell{width:100%;height:100%;display:table-cell;vertical-align:middle}
.fab-heros #herosTab{border-bottom:0;}
.fab-heros #herosTab > li{margin:0 !important}
/*.fab-heros #herosTab > li:not(:last-child){margin-right:25px;}*/
.fab-heros #herosTab .nav-link{padding:0;margin:0 15px;border:0 !important}
.fab-heros #herosTab .nav-link:hover{border:0}
.fab-heros #herosTab .nav-link.active{display:none;}
.fab-heros #herosTabContent{text-align:center}
.fab-heros #herosTabContent p{font-family:'Source Sans Pro', sans-serif;}
.fab-heros #herosTab{margin:15px 0 30px;}
.fab-heros #herosTab .img-fluid{width:200px}
.fab-heros .sec2 .pro-img{width:504px;max-width:100%;margin:0 auto 20px;position:relative}
.fab-heros .sec2 .pro-img .dot{cursor:pointer;position:absolute;width:12px;height:12px;background:#F2D126;border-radius:50%;box-shadow:0 2px 4px 4px #f2d126}
.fab-heros .sec2 .pro-img .dot.dot-1{left:55px;top:0}
.fab-heros .sec2 .pro-img .dot.dot-2{left:50px;top:185px;}
.fab-heros .sec2 .pro-img .dot.dot-3{left:105px;bottom:25px}
.fab-heros .sec2 .pro-img .dot.dot-4{right:140px;bottom:55px}
.fab-heros .sec2 .pro-img .dot.dot-5{right:40px;top:95px}
.fab-heros .sec2 .pro-img .dot>span{font-family:'Source Sans Pro', sans-serif;font-size:15px;line-height:1.2em;color:#fff;position:absolute;width:280px;z-index:2;display:none}
.fab-heros .sec2 .pro-img .dot>span:after{content:"";width:80%;height:1px;background-image:linear-gradient(45deg,transparent,#fff,transparent);position:absolute;left:10%;bottom:-15px}
.fab-heros .sec2 .pro-img .dot:hover>span{display:block}
.fab-heros .sec2 .pro-img .dot.dot-1>span{top:0;right:110px;}
.fab-heros .sec2 .pro-img .dot.dot-2>span{top:-40px;right:90px;}
.fab-heros .sec2 .pro-img .dot.dot-3>span{top:-30px;right:150px;}
.fab-heros .sec2 .pro-img .dot.dot-4>span{top:-30px;left:120px;}
.fab-heros .sec2 .pro-img .dot.dot-5>span{top:0;left:90px;}
.fab-heros .btn-yellow{background-color:#F2D126;border-radius:4px;font-family:Metamorphous;font-size:16px;text-align:center;color:#000;padding:0.375rem 2rem;}
.fab-heros .btn-yellow:hover{background-color:#e6c519}
.fab-heros #herosTab>li .nav-link{width:200px;}
.fab-heros img.entered.lazyloaded{max-width:100%;display:block;height:auto;}
.fab-heros .sec1 img.entered.lazyloaded{margin:0 auto;}
.fab-heros .sec1-old img.entered.lazyloaded {width:200px;}

/* DUAL Sleeves */
.dual-sleeves-banner{width:100%;padding:60px 0;background:url(http://www.dragonshield.com/wp-content/uploads/2022/05/dual-sleeves-banner.jpg) no-repeat top center/cover;margin-top:110px;margin-bottom:80px;}
.dual-sleeves-banner .body-container{margin-bottom:0}
.dual-sleeves-banner .img-fluid{margin-bottom:60px;}
.dual-sleeves-banner h2{font-family:Metamorphous;font-size:30px;line-height:1.2em;color:#FFF;margin-bottom:15px;}
.dual-sleeves-banner p{font-family:'Source Sans Pro', sans-serif;font-size:16px;line-height:1.2em;color:#FFF;margin-bottom:20px;}
.dual-sleeves .matte-dual-sleeves h6{font-family:'Source Sans Pro', sans-serif;font-size:16px;line-height:1.2em;color:#FFF;font-weight:bold;margin:20px 0}
.dual-sleeves .matte-dual-sleeves p{font-family:'Source Sans Pro', sans-serif;font-size:16px;line-height:1.2em;color:#FFF}
.dual-sleeves #latestColorTab, .dual-sleeves #browseColorTab{border-bottom:0;}
.dual-sleeves #latestColorTab > li:not(:last-child), .dual-sleeves #browseColorTab > li:not(:last-child){margin-right:-10px;}
.dual-sleeves #latestColorTab .nav-link, .dual-sleeves #browseColorTab .nav-link{background-color:#bdb36b;color:#fff;border-radius:.25rem;padding:0.5rem 3rem;}
.dual-sleeves #latestColorTab .nav-link.active, .dual-sleeves #latestColorTab .nav-link:hover, .dual-sleeves #browseColorTab .nav-link.active, .dual-sleeves #browseColorTab .nav-link:hover{color:#fff;background-color:#f2d126;border-color:#f2d126;position:relative;}
.dual-sleeves #latestColorTabContent, .dual-sleeves #browseColorTabContent{text-align:center}
.dual-sleeves #latestColorTab, .dual-sleeves #browseColorTab{margin:15px 0 30px;}
.dual-sleeves #latestColorTabContent h4, .dual-sleeves #browseColorTabContent h4{font-family:'Source Sans Pro', sans-serif;font-weight:700;font-size:24px;line-height:1.2em;color:#FFF;margin:20px 0}
.dual-sleeves #latestColorTabContent p, .dual-sleeves #browseColorTabContent p{font-family:'Source Sans Pro', sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:1.2em;text-align:center;color:#FFF;margin-bottom:30px;}
.dual-sleeves .btn-yellow{background-color:#F2D126;border-radius:4px;font-family:Metamorphous;font-size:16px;text-align:center;color:#000;padding:0.375rem 2rem;}
.dual-sleeves .Dual-video2 h6, .dual-sleeves .Dual-video3 h6, .dual-sleeves #browseColorTabContent h6{font-family:'Source Sans Pro', sans-serif;font-size:16px;line-height:1.2em;color:#FFF;text-align:center;margin:20px 0}
.dual-sleeves #latestColorTabContent h4 a, .dual-sleeves #browseColorTabContent h6 a{color:#fff}
.dual-sleeves #latestColorTabContent .row > div:hover h4 a, .dual-sleeves #browseColorTabContent .col:hover h6 a{color:#f2d126;text-decoration:none}
.dual-sleeves .dmcs h2{font-family:'Source Sans Pro', sans-serif;font-weight:700;font-size:34px;line-height:1.2em;color:#FFF}
.dual-sleeves .dmcs p{font-family:'Source Sans Pro', sans-serif;font-size:16px;line-height:1.2em;color:#FFF}
.dual-sleeves .mb-5{margin-bottom:80px !important}
.dual-sleeves .matte-dual-sleeves .col-table{display:table;width:100%;height:100%}
.dual-sleeves .matte-dual-sleeves .col-table-cell{display:table-cell;vertical-align:middle}
#accordion-dmcs .card{border-radius:0;margin-bottom:15px;background:transparent;border:1px solid #f2d126;}
#accordion-dmcs .card-header{padding:0;}
#accordion-dmcs .card-header h5{position:relative;font-family:Metamorphous;font-style:normal;font-weight:400;font-size:12px;line-height:1.2em;color:#FFF;padding:10px 35px 10px 15px;margin:0}
#accordion-dmcs .card-header h5:after{content:"\f0d7";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f2d126;position:absolute;top:12px;right:15px}
#accordion-dmcs .card-header h5[aria-expanded="true"]:after{content:"\f0da";}
#accordion-dmcs .card-body{font-family:'Source Sans Pro', sans-serif;padding:15px;font-size:14px;color:#fff}
#accordion-dmcs .card-body p{font-size:14px;}

/* RPG Products */
.rpg-page p{font-family: 'Source Sans Pro', sans-serif;}
.rpg-page .rpg-page-banner{width:100%;height:981px;background:url(http://www.dragonshield.com/wp-content/uploads/2022/05/dragon-bcg.png) no-repeat top center/contain;margin-top:110px;}
.rpg-page .rpg-page-banner-in{position:relative;width:100%;height:100%;background:rgba(0 0 0/70%);padding:0 !important;text-align:center;display:table;}
.rpg-page .rpg-page-banner-in:before{content:"";width:345px;height:790px;background:url(http://www.dragonshield.com/wp-content/uploads/2022/05/knightperson-hammergirl.png) no-repeat top center/contain;position:absolute;left:0;top:130px;}
.rpg-page .rpg-page-banner-in:after{content:"";width:390px;height:830px;background:url(http://www.dragonshield.com/wp-content/uploads/2022/05/cat-arhcer-brute.png) no-repeat top center/contain;position:absolute;right:0;top:100px;}
.rpg-page .rpg-page-banner-in .container{display:table-cell;vertical-align:middle;position:relative;z-index:1;}
.rpg-page .rpg-page-banner-in h1{font-family:'Metamorphous';font-weight:400;font-size:48px;line-height:80px;color:#FFF;margin-bottom:15px;}
.rpg-page .rpg-page-banner-in p{font-family: 'Source Sans Pro', sans-serif;font-weight:400;font-size:26px;line-height:29px;color:#FFF;margin-bottom:65px;}
.rpg-page .rpg-page-banner-in .scroll-down{font-family:'Metamorphous';font-weight:400;font-size:16px;line-height:20px;color:#FFF;opacity:.5;margin:0;}
.rpg-page .rpg-page-banner-in p.scroll-down a{color:#fff !important;text-decoration:none}
.rpg-page .rpg-page-banner-in p.scroll-down a:hover{color:#ffd401!important;text-decoration:none}
.rpg-page .video-box{margin-bottom:100px;}
.rpg-page .video-box .rpg-video{height:auto;}
#companionTab{border:0;margin-bottom:90px;}
#companionTab > li:not(:last-child){padding-right:110px}
#companionTab .nav-link{font-family:'Metamorphous';font-weight:400;font-size:24px;line-height:30px;color:#FFF;padding:0;border:0;position:relative}
#companionTab .nav-link:hover, #companionTab .nav-link.active{background:transparent;border:0;}
#companionTab .nav-link:hover:after, #companionTab .nav-link.active:after{content:"";width:170px;height:1px;background-image:linear-gradient(45deg,transparent,#fff,transparent);position:absolute;left:50%;bottom:-15px;margin-left:-85px;}
#companionTabContent{text-align:center}
#companionTabContent .mb-5{margin-bottom:80px}
#companionTabContent p{font-weight:400;font-size:16px;line-height:19px;color:#FFF;margin-bottom:40px;}
#gm-setup .pro-img,#pc-setup .pro-img{width:821px;margin:0 auto;position:relative}
#gm-setup .pro-img .dot, #pc-setup .pro-img .dot{cursor:pointer;position:absolute;width:12px;height:12px;background:#F2D126;border-radius:50%;box-shadow:0 2px 4px 4px #f2d126}
#gm-setup .pro-img .dot.dot-1{left:7px;top:145px;}
#gm-setup .pro-img .dot.dot-2{left:212px;bottom:80px;}
#gm-setup .pro-img .dot.dot-3{right:135px;top:120px}
#gm-setup .pro-img .dot.dot-4{right:240px;top:40px}
#pc-setup .pro-img .dot.dot-1{left:165px;bottom:210px}
#pc-setup .pro-img .dot.dot-2{right:240px;bottom:240px}
#pc-setup .pro-img .dot.dot-3{right:205px;top:170px}
#gm-setup .pro-img .dot>span, #pc-setup .pro-img .dot>span{font-family: 'Source Sans Pro',sans-serif;font-size:16px;line-height:1.2em;color:#fff;position:absolute;width:300px;z-index:2;display:none}
#gm-setup .pro-img .dot>span:after,#pc-setup .pro-img .dot>span:after{content:"";width:50%;height:1px;background-image:linear-gradient(45deg,transparent,#fff,transparent);position:absolute;left:25%;bottom:-10px}
#gm-setup .pro-img .dot:hover>span, #pc-setup .pro-img .dot:hover>span{display:block}
#gm-setup .pro-img .dot.dot-1>span{top:-100px;left:-230px}
#gm-setup .pro-img .dot.dot-2>span{top:-20px;left:-380px}
#gm-setup .pro-img .dot.dot-3>span{top:-40px;right:-310px}
#gm-setup .pro-img .dot.dot-4>span{top:-80px;right:-350px}
#pc-setup .pro-img .dot.dot-1>span{top:100px;left:-350px}
#pc-setup .pro-img .dot.dot-2>span{top:-40px;left:130px}
#pc-setup .pro-img .dot.dot-3>span{top:-70px;right:-280px}
#gm-setup .pro-img .dot:after, #pc-setup .pro-img .dot:after{content:"";position:absolute;display:none;}
#gm-setup .pro-img .dot:hover:after, #pc-setup .pro-img .dot:hover:after{display:block}
#gm-setup .pro-img .dot.dot-1:after{width:132px;height:222px;left:-5px;top:-40px;background:url(http://www.dragonshield.com/wp-content/uploads/2022/05/dot-1.png) no-repeat top left/contain}
#gm-setup .pro-img .dot.dot-2:after{width:213px;height:123px;left:-40px;bottom:114px;background:url(http://www.dragonshield.com/wp-content/uploads/2022/05/dot-2.png) no-repeat top left/contain}
#gm-setup .pro-img .dot.dot-3:after{width:106px;height:189px;right:-3px;top:-15px;background:url(http://www.dragonshield.com/wp-content/uploads/2022/05/dot-3.png) no-repeat top left/contain}
#gm-setup .pro-img .dot.dot-4:after{width:315px;height:91px;right:5px;top:-28px;background:url(http://www.dragonshield.com/wp-content/uploads/2022/05/dot-4.png) no-repeat top left/contain}
#pc-setup .pro-img .dot.dot-1:after{width:297px;height:219px;left:-2px;top:-42px;background:url(http://www.dragonshield.com/wp-content/uploads/2022/05/tab2-dot-1.png) no-repeat top left/contain}
#pc-setup .pro-img .dot.dot-2:after{width:269px;height:115px;left:-140px;bottom:-57px;background:url(http://www.dragonshield.com/wp-content/uploads/2022/05/tab2-dot-2.png) no-repeat top left/contain}
#pc-setup .pro-img .dot.dot-3:after{width:216px;height:65px;right:-18px;top:2px;background:url(http://www.dragonshield.com/wp-content/uploads/2022/05/tab2-dot-3.png) no-repeat top left/contain}
.rpg-page .btn-yellow{background-color:#F2D126;border-radius:4px;font-family:Metamorphous;font-size:16px;text-align:center;color:#000;padding:.375rem 2rem}
.rpg-page .sec2{width:100%;background:url(http://www.dragonshield.com/wp-content/uploads/2022/05/paper-bcg.png) no-repeat top center/cover;padding:0;margin-bottom:100px;}
.rpg-page .sec2 .autohide-arrows .owl-nav{display: block !important;}
.rpg-page .sec2 .white .sa_owl_theme .owl-nav .owl-prev, .rpg-page .sec2 .white .sa_owl_theme .owl-nav .owl-next{background-color:transparent !important;z-index:2;}
.rpg-page .sec2 .owl-carousel:before{content:"";width:96px;height:100%;background-image:linear-gradient(to right,rgba(0 0 0/100%),rgba(0 0 0/0%));position:absolute;left:0;top:0;z-index:1}
.rpg-page .sec2 .owl-carousel:after{content:"";width:96px;height:100%;background-image:linear-gradient(to right,rgba(0 0 0/0%),rgba(0 0 0/100%));position:absolute;right:0;top:0;z-index:1}
.rpg-page .sec2-in{width:100%;padding:180px 0;}
.rpg-page .sec3 .img-fluid, .rpg-page .sec3 .lazyloaded{margin-bottom:50px;}
.rpg-page .sec3 h4{font-family: 'Source Sans Pro', sans-serif;font-weight:700;font-size:24px;line-height:29px;color:#FFF;margin-bottom:15px;}
.rpg-page .sec3 p{margin-bottom:40px;}
.rpg-page .sec4{width:100%;height:606px;background:url(http://www.dragonshield.com/wp-content/uploads/2022/05/retailer-bcg.png) no-repeat top center/cover;}
.rpg-page .sec4 h4{font-family:'Metamorphous';font-weight:400;font-size:24px;line-height:30px;color:#FFF;margin-top:180px;margin-bottom:15px;}
.rpg-page .sec4 p a{text-decoration:underline}
.rpg-page .img-fluid .lazyloaded{max-width:100%;height:auto;}


/* flesh and blood  new section */
.fab-heros .sec4{margin-bottom:80px;}
.fab-heros .sec4 .page-title{line-height:1.3em;}
.fab-heros .sec4 p{font-family:'Source Sans Pro',sans-serif;margin-bottom:40px}
.fab-heros .sec4 .gray-box{background:rgb(136 136 138/40%);box-shadow:0 4px 16px #000;padding:25px 25px 25px 65px;border-radius:24px}
.fab-heros .sec4 .gray-box h5{font-weight:400;font-size:16px;line-height:20px;color:#FFF;margin-bottom:0px;position:relative}
.fab-heros .sec4 .gray-box .icon:before{content:"";width:24px;height:24px;position:absolute;top:-3px;left:-40px;}
.fab-heros .sec4 .gray-box .icon1:before{background:url(http://www.dragonshield.com/wp-content/uploads/2022/06/dc-icons.png) 0 0;}
.fab-heros .sec4 .gray-box .icon2:before{background:url(http://www.dragonshield.com/wp-content/uploads/2022/06/dc-icons.png) -24px 0;}
.fab-heros .sec4 .gray-box .icon3:before{background:url(http://www.dragonshield.com/wp-content/uploads/2022/06/dc-icons.png) -48px 0;}
.fab-heros .sec4 .gray-box .icon4:before{background:url(http://www.dragonshield.com/wp-content/uploads/2022/06/dc-icons.png) -72px 0;}
.fab-heros .sec4 .gray-box p{margin:0}
.fab-heros .sec4 .apps-store{padding-left:0;margin:15px 0 0;}
.fab-heros .sec4 .apps-store > li{display:inline-block;vertical-align:middle;font-family:'Source Sans Pro',sans-serif;font-weight:400;font-size:24px;color:#FFF;}
.fab-heros .sec4 .apps-store > li:not(:last-child){padding-right:15px;}
.fab-heros .sec4 .left-col{width:100%;height:100%;display:table;}
.fab-heros .sec4 .left-col-in{display:table-cell;vertical-align:middle;}

/*--search formating--*/
.no-results, .alignwide{padding:110px 20px 70px 20px; text-align:center;}



@media (min-width:768px){
	html, body{height:100%;overflow:hidden}
	body > article, body > article > .entry-content{height:100%}
	.header{width:100%;position:fixed;top:0;left:0;z-index:5}
	.footer{width:100%;position:fixed;bottom:0;left:0}
	.footer .footer-link, .footer .social-network{display:inline-block;}
	.mid-body{height:100%;padding:150px 15px 80px;display:table}
	.mid-body>.mid-col{display:table-cell;vertical-align:bottom}
	.mid-body>.row>.tile-col{float:left}
	.mid-body-in{height:100%;}
	.prod-list{height:80%;overflow-y:auto;padding:0px 15px 0px 0px}
	.cus-tabs .nav-tabs {display:flex;}
    .cus-tabs .card{border:none;}
    .cus-tabs .card .card-header{display:none}
    .cus-tabs .card .collapse{display:block}
	.distributors .prod-list{height:63%}
	.cus-tabs .nav-link.active{position:relative;}
	.cus-tabs .nav-link.active:after{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ffd401;position:absolute;top:28px;left:50%;margin-left:-10px;}
	.about .prod-list, .contact .prod-list, .faq .prod-list{height:95%}
	.contact-form-box{padding:0 90px}
	.contact-form-box>.row{margin-left:-4px;margin-right:-4px;}
	.contact-form-box>.row>div{padding-left:4px;padding-right:4px;}
	.red-box .separators{position:relative;padding-right:30px;}
	.red-box .separators:after{content:"";width:1px;height:100px;background:#ffd401;position:absolute;top:50px;right:0; margin-top: -50px;}
	.article .prod-list{height:100%;}
	.news .prod-list{height:85%;padding:0 30px;}
	body.about, body.faq, body.contact{height:initial;overflow:initial;position:relative;min-height:100vh;}
	body.about .header .navbar, body.faq .header .navbar, body.contact .header .navbar  {margin:10px 0 35px;}
	.about .body-container, .faq .body-container, .contact .body-container{margin-bottom:0;padding:0px; padding-top: 128px;}
	/*.about .header, .about .footer, .faq .header, .faq .footer, .contact .header, .contact .footer{position:static}*/
	.about .footer, .faq .footer, .contact .footer{position:absolute;bottom:0;}
	.about .prod-list, .faq .prod-list, .contact .prod-list{height:initial !important;padding-bottom:55px;}
	.faq #faq{margin-bottom:50px}
	.contact .red-box{margin-bottom:50px;}
	.news.article .prod-list{height:90%}
	.e-book-slot .prod-list{height:90%}
	.digital-card-manager .prod-list{height:90%}
	.tales_of_dragon #myModal .modal-dialog{width:700px;max-width:90%}
	.tales_of_dragon .prod-list{height:75%}
	.page-404 .img-404{margin-bottom:50px;}
	.page-404 .img-404 .img-fluid{width:400px;}
	.news .footer{position:static}
	.digital-card-manager .mid-body-in {padding: 115px 0px 0px 0px!important;}

	/* flesh and blood  new section */
	.fab-heros .sec4 .services{margin-right:-8px;margin-left:-8px;}
	.fab-heros .sec4 .services > div{padding-right:8px;padding-left:8px;}
}


@media (min-width:992px){
	#navbarSupportedContent ul:first-child li:first-child{padding-left:0}
	#navbarSupportedContent ul:last-child li:last-child{padding-right:0}
	.mid-body{padding:110px 15px 70px;}
	.header .navbar {margin: 10px 0 75px;}
	/*.body-container .overlay{height:220px;}
	.body-container .row>.tile-col .fire{height:192px}*/
	.body-container .row>.tile-col .fire{height:450px}
	.body-container .row>.tile-col .tile-box:hover{margin-top:-20px}
	/*.body-container .overlay .description{font-size:11px;padding:110px 15px 0;}
	.body-container .row>.tile-col .tile-box:hover .overlay .description{padding:100px 15px 0;}
	.body-container .overlay .description p{font-size:14px;margin-bottom:30px;}
	.home .body-container .overlay .description p{min-height:132px;}*/
	.prod-list{height:70%;}
	/*.tile-theme1 .mid-body .row{margin-left:-40px;margin-right:-40px}
	.tile-theme1 .mid-body .row>.tile-col{padding-left:40px;padding-right:40px}*/
	/**TA**.tile-theme1 .mid-body{padding-left:115px;padding-right:115px;}
	.tile-theme1 .mid-body .row{margin-left:-30px;margin-right:-30px}
	.tile-theme1 .mid-body .row>.tile-col{padding-left:30px;padding-right:30px}**TA**/
	/*.tile-theme1 .body-container .row>.tile-col .overlay{height:238px;}
	.tile-theme1 .body-container .row>.tile-col .fire{height:246px;}*/
	/*.tile-theme1 .body-container .row>.tile-col .fire{height:500px;}*/
	/*.tile-theme1 .body-container .row>.tile-col .title{font-size:20px;}
	.tile-theme1 .body-container .overlay .description p{font-size:16px}*/
	/*.tile-theme1 .body-container .overlay .description .btn-yellow-outline{min-width:165px;font-size:16px;}*/
	/**TA**.tile-theme1 .body-container .row>.tile-col .tile-box:hover{margin-top:-10px}**TA**/
	/*.tile-theme2 .body-container .row>.tile-col .title{top:30px;font-size:36px;}
	.tile-theme2 .body-container .overlay {height:176px;}
	.tile-theme2 .body-container .row>.tile-col .fire{height:187px}*/
	.tile-theme2 .body-container .row>.tile-col .fire{height:450px}
	.tile-theme2 .body-container .row>.tile-col .overlay .description{padding-top:180px;}
	.tile-theme2 .body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:145px;}
	.distributors .prod-list{height:46%}
	.about .prod-list{height:90%}
	.cus-tabs #tabs .nav-item:not(:last-child) {padding-right:33px;}
	.cus-tabs .nav-link.active:after{top:31px;}
	.news .prod-list {height:80%;}
	.news.article .prod-list{height:90%}
	.e-book-slot .prod-list{height:90%}
	.contact .prod-list, .faq .prod-list{height:95%}
	.digital-card-manager .prod-list{height:90%}
	.tales_of_dragon .prod-list{height:65%}
}
	.tales_of_dragon .prod-list-col a:hover .product-img{opacity:1;display:block}

@media (min-width:1200px){
	/*.body-container .overlay{height: 255px;}
	.body-container .row>.tile-col .fire{height:236px}*/
	/*.body-container .row>.tile-col .fire{height:550px;}*/
	/*.tile-theme1 .mid-body .row{margin-left:-90px;margin-right:-90px}
	.tile-theme1 .mid-body .row>.tile-col{padding-left:90px;padding-right:90px}*/
	/*.tile-theme1 .body-container .row>.tile-col .overlay{height:236px;}
	.tile-theme1 .body-container .row>.tile-col .fire{height:236px;}*/
	/*.tile-theme1 .body-container .row>.tile-col .fire{height:600px;}*/
	/*.tile-theme2 .body-container .overlay {height:212px;}
	.tile-theme2 .body-container .row>.tile-col .fire{height:220px}*/
	.tile-theme2 .body-container .row>.tile-col .fire{height:500px}
	.tile-theme2 .body-container .row>.tile-col .overlay .description{padding-top:215px;}
	.tile-theme2 .body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:195px;}
	.cus-tabs #tabs .nav-item:not(:last-child){padding-right:58px}
	.news .prod-list .prod-des{min-height:58px;font-size:.80em;}
	.news .prod-list .prod-img .img-box{height:115px;}
	.news .prod-list .prod-name{font-size:1em;}
	.news.article .prod-list{height:90%; margin-top:-15px;}
	.e-book-slot .prod-list{height:90%; margin-top:-15px;}
	.contact .prod-list .faq .prod-list{height:95%}
	.digital-card-manager .prod-list{height:95%}
	.tales_of_dragon .prod-list{height:76%}
}

@media (min-width:1400px){
	/* RPG Products */
	/*.rpg-page .video-box .rpg-video{height:900px}*/
	.rpg-page .rpg-page-banner{height: 880px;}
	.rpg-page .rpg-page-banner-in{padding:50px 0;}
	.rpg-page .rpg-page-banner-in:before, .rpg-page .rpg-page-banner-in:after{top:0}
}

@media (min-width:1600px){
	/*.header .navbar-brand{margin-left:-83px;}
	.header .navbar-brand img{width:165px;}*/
	.menu-container,.body-container{max-width:1350px}
	.mid-body{padding:160px 15px 80px;}
	.header .navbar .navbar-nav li.nav-item{font-size:18px;padding:20px 65px;}
	.body-container .overlay{height:295px;}
	/*.body-container .row>.tile-col .fire{height:299px;margin-bottom:-10px;}*/
	/*.body-container .row>.tile-col .fire{height:650px;}*/
	.footer .footer-link>li, .footer .copyright{font-size:16px;line-height:24px}
	/*.tile-theme1 .body-container .row>.tile-col .overlay{height:303px;}
	.tile-theme1 .body-container .row>.tile-col .fire{height:310px;}*/
	/*.tile-theme1 .body-container .row>.tile-col .fire{height:650px;}*/

	/*.tile-theme2 .body-container .overlay {height:256px;}
	.tile-theme2 .body-container .row>.tile-col .fire{height:266px}*/
	.tile-theme2 .body-container .row>.tile-col .fire{height:550px}
	.tile-theme2 .body-container .row>.tile-col .overlay .description{padding-top:225px;}
	.tile-theme2 .body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:205px;}
	.mid-body-in {padding: 160px 15px;}
	.distributors .prod-list{height:70%;}
	.cus-tabs #tabs .nav-item:not(:last-child){padding-right:88px}
	.news .prod-list {height:85%;}
	.news .prod-list .prod-img .img-box{height:140px;}
	.news .prod-list .prod-name{font-size:1.2em}
	.news .prod-list .prod-des{min-height:60px;font-size:1em}
	.news.article .prod-list{height:105%}
	.e-book-slot .prod-list{height:105%}
	.contact .prod-list .faq .prod-list{height:100%}
	body.about .header .navbar, body.faq .header .navbar, body.contact .header .navbar{margin:10px 0 55px;}
	.digital-card-manager .prod-list{height:100%}
	.tales_of_dragon .prod-list{height:86%}
	.page-404 .img-404{margin-bottom:120px;}
}

@media (max-width:1599px){
	/* RPG Products */
	.rpg-page .rpg-page-banner-in h1{font-size:40px;}
}

@media (max-width:1399px){
	.footer .footer-link{margin-bottom:0;}
	.footer .footer-link>li, .footer .copyright{font-size:12px;line-height:24px}
	.mid-body-in{padding:115px 15px;}
	.body-container .overlay .description h5{font-size:1.1em}
	.home .body-container .overlay .description p{font-size:.6em;}
	.cus-modal .cus-modal-in{width:700px;height:389px;margin-top:-195px;margin-left:-350px;}
	.cus-modal .cus-modal-in .webshop{width:342px}
	.cus-modal .cus-modal-in .webshop h4{font-size:1.5em;top:50px;}
	/**TA**.tile-theme1 .body-container .row>.tile-col .overlay .description{padding-top:160px}
	.tile-theme1 .body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:130px;}
	.tile-theme1 .body-container .row>.tile-col .overlay .description p{min-height:145px;}**TA**/
	.body-container .row > .tile-col .tile-box{box-shadow: 1px 0 2px 1px #0e1b2c;}

	/* RPG Products */
	.rpg-page .rpg-page-banner-in{padding:80px 0;}
	.rpg-page .rpg-page-banner-in h1{font-size:36px;}
	.rpg-page .rpg-page-banner{height:740px;}
	.rpg-page .rpg-page-banner-in:before{width:300px;height:690px;top:0}
	.rpg-page .rpg-page-banner-in:after{width: 300px;height: 640px;top:0}
}

@media (max-width:1199px){
	.news .prod-list .prod-img .img-box{height:93px;}
	.news .prod-list .prod-name{min-height:62px;font-size:1.3em;}
	.news .prod-list .prod-des{min-height:76px;font-size:.8em}
	.body-container .row>.tile-col .title{top:40px;font-size:1em;}
	.body-container .overlay .description{padding:115px 15px 10px;}
	.body-container .row>.tile-col .tile-box:hover .overlay .description {padding-top:85px;}
	/**TA**.tile-theme1 .body-container .row>.tile-col .title{top:30px;}
	.tile-theme1 .body-container .row>.tile-col .overlay .description{padding-top:105px}
	.tile-theme1 .body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:85px;}
	.tile-theme1 .body-container .row>.tile-col .overlay .description p{min-height:216px;margin-bottom:15px;}**TA**/

	/* DUAL Sleeves */
	.dual-sleeves .dmcs h2{font-size:30px;}
	/* Countdown Timer */
	.coundown-body .coundown-timer{padding:240px 0;}
	.coundown-body .hurrytimer-campaign-18891 .hurrytimer-timer-digit,.hurrytimer-campaign-18891 .hurrytimer-timer-sep{font-size:34px;}

	/* Fab Heros start */
	.fab-heros .sec2 .pro-img .dot>span{width:200px;}

	/* RPG Products */
	/*.rpg-page .video-box .rpg-video{height:680px}*/
	.rpg-page .rpg-page-banner-in:before{width:200px;height:460px;}
	.rpg-page .rpg-page-banner-in:after{width:230px;height:490px;}
	.rpg-page .rpg-page-banner-in h1{font-size:32px;}
	.rpg-page .rpg-page-banner{height: 630px;}
	.rpg-page .rpg-page-banner-in{padding: 70px 0;}
	.rpg-page .sec2-in{padding:100px 0;}
	#companionTab .nav-link{font-size: 18px;}
	#companionTab>li:not(:last-child){padding-right: 30px;}
	.rpg-page .sec4{height: 400px;}
	.rpg-page .sec4 h4{margin-top:50px;}
	#gm-setup .pro-img,#pc-setup .pro-img{width:400px;}
	#gm-setup .pro-img .lazyloaded, #pc-setup .pro-img .lazyloaded{max-width:100%;height:auto;}
	#gm-setup .pro-img .dot>span, #pc-setup .pro-img .dot>span{font-size:14px;}
	#gm-setup .pro-img .dot.dot-1{left:5px;top:70px}
	#gm-setup .pro-img .dot.dot-2{left:105px;bottom:35px}
	#gm-setup .pro-img .dot.dot-3{right:65px;top:55px}
	#gm-setup .pro-img .dot.dot-4{right:115px;top:15px}
	#pc-setup .pro-img .dot.dot-1{left:80px;bottom:100px}
	#pc-setup .pro-img .dot.dot-2{right:110px;bottom:115px}
	#pc-setup .pro-img .dot.dot-3{right:95px;top:70px}

	#gm-setup .pro-img .dot.dot-1:after{width:60px;height:105px;left:-5px;top: -10px;}
	#gm-setup .pro-img .dot.dot-2:after{width:100px;height:60px;left:-20px;bottom:58px}
	#gm-setup .pro-img .dot.dot-3:after{width:60px;height:90px;right:-10px;top:-3px;}
	#gm-setup .pro-img .dot.dot-4:after{width:155px;height:50px;right:3px;top:-10px;}
	#pc-setup .pro-img .dot.dot-1:after{width:145px;height:110px;left:-2px;top:-15px;}
	#pc-setup .pro-img .dot.dot-2:after{width:145px;height:65px;left:-70px;bottom:-30px;}
	#pc-setup .pro-img .dot.dot-3:after{width:105px;height:30px;right:-6px;top:15px;}

	#gm-setup .pro-img .dot.dot-1>span{top:-80px;left:-200px}
	#gm-setup .pro-img .dot.dot-2>span{top:10px;left:-300px}
	#gm-setup .pro-img .dot.dot-3>span{top:-40px;right:-240px}
	#gm-setup .pro-img .dot.dot-4>span{right:-200px;}
	#pc-setup .pro-img .dot.dot-1>span{top:60px;left:-280px}
	#pc-setup .pro-img .dot.dot-2>span{top:-40px;left:0}
	#pc-setup .pro-img .dot.dot-3>span{right:-160px;}

	/* flesh and blood  new section */
	.fab-heros .sec4 .gray-box{padding:20px 20px 20px 60px;}
	.fab-heros .sec4 .gray-box h5{font-size:14px;}
	.fab-heros .sec4 .gray-box p{font-size:14px;}
	.fab-heros .sec4 .apps-store>li{font-size:16px;}
}


@media (max-width:991px){
	.header .navbar-brand{position:static;margin:0}
	.header .navbar .navbar-nav .active>.nav-link, .header .navbar .navbar-nav .nav-link:hover{border:0;color:#feea00}
	.header .navbar-light .navbar-toggler{border-color:#feea00;background-color:#feea00;}
	.header .navbar-collapse{background:rgba(0,0,0,.95);position:absolute;top:65px;width:100%;z-index:5}
	.header .navbar .navbar-nav li.nav-item {padding:15px;}
	.header .navbar .navbar-nav .nav-link{position:relative}
	.header .navbar .navbar-nav  .nav-link:after{content:"";width:100%;height:1px;background:#54342a;position:absolute;left:0;top:41px}
	.menu-container{padding:0}
	.footer .footer-link>li{padding: 0 3px;}
	.footer .footer-link>li:not(:last-child):after{left:6px;}
	/*.body-container .overlay{height:160px;}
	.body-container .row>.tile-col .fire{height:159px;}*/
	.body-container .row>.tile-col .fire{height:450px;}
	.body-container .row>.tile-col .title{top:25px}
	.body-container .overlay .description {padding:110px 15px 10px;}
	.body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:90px;}
	.body-container .overlay .description p{font-size:12px;margin-bottom:10px;}
	.body-container .overlay .description .btn-yellow-outline{font-size:12px; min-width: 100px;}
	.home .body-container .overlay .description p{min-height:60px;}
	.body-container .overlay .description h5 {font-size: 1em;}
	/**TA**.tile-theme1 .mid-body{padding: 150px 0px 80px;}
	.tile-theme1 .mid-body .row{margin-left:-5px;margin-right:-5px}
	.tile-theme1 .mid-body .row>.tile-col{padding-left:5px;padding-right:5px}
	.tile-theme1 .body-container .row>.tile-col .fire{height:550px;}
	.tile-theme1 .body-container .row>.tile-col .overlay .description{padding-top:130px;}
	.tile-theme1 .body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:100px;}
	.tile-theme1 .body-container .row>.tile-col .overlay .description p{min-height:125px}**TA**/
	.tile-theme2 .mid-body{padding: 150px 0px 80px;}
	/*.tile-theme2 .body-container .row>.tile-col .title{font-size:21px;}
	.tile-theme2 .body-container .overlay {height:135px;}
	.tile-theme2 .body-container .row>.tile-col .fire{height:148px}*/
	.tile-theme2 .body-container .row>.tile-col .fire{height:450px}
	.tile-theme2 .body-container .row>.tile-col .overlay .description{padding-top:135px;}
	.tile-theme2 .body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:115px;}
	.cus-tabs #tabs .nav-item:not(:last-child) {padding-right:12px;}
	.cus-tabs .nav-link{font-size: 12px;}
	.cus-tabs .dis-logo img{height:100px !important}
	.mid-body-in{padding:145px 15px 115px;}
	.news .prod-list .prod-img .img-box{height:64px;}
	.prod-list .prod-name{min-height:55px;}
	.news .prod-list .prod-name{font-size:.9em;min-height:42px}
	.news .prod-list .prod-des{font-size:.75em;min-height:90px}
	.footer .copyright,.footer .footer-link>li{font-size:10px;line-height:24px}
	.tales_of_dragon .prod-list .prod-img{width:150px;}
	.prod-list .prod-name {min-height:initial;}
	#a-z{width:690px;overflow-x:auto;align-items:flex-start;justify-content: left;}
	.home .mid-body{padding-left:0;padding-right:0}

	/* DUAL Sleeves */
	.dual-sleeves-banner{padding:30px 0;margin-top:150px;margin-bottom:50px;}
	.dual-sleeves-banner .img-fluid{margin-bottom:21px}
	.dual-sleeves-banner h2{font-size: 24px;}
	.dual-sleeves .matte-dual-sleeves h6{}
	.dual-sleeves .dmcs h2{font-size: 24px;}
	/* Fab Heros start */
	.fab-heros .fab-heros-banner{margin-top: 160px;}
	.fab-heros .sec2 .pro-img{width:290px;}
	.fab-heros .sec2 .pro-img .dot.dot-1{left:25px;top:-5px}
	.fab-heros .sec2 .pro-img .dot.dot-2{left:25px;top:110px}
	.fab-heros .sec2 .pro-img .dot.dot-3{left:55px;bottom:12px}
	.fab-heros .sec2 .pro-img .dot.dot-4{right:85px;bottom:35px}
	.fab-heros .sec2 .pro-img .dot.dot-5{right:25px;top:55px}
	.fab-heros .sec2 .pro-img .dot.dot-1>span{right: 40px;}
	.fab-heros .sec2 .pro-img .dot.dot-2>span{right: 40px;}
	.fab-heros .sec2 .pro-img .dot.dot-3>span{right:50px;top:-15px;}
	.fab-heros .sec2 .pro-img .dot.dot-5>span{left:40px;}
	.fab-heros .sec2 .pro-img .dot.dot-4>span{left:60px}
	.fab-heros .sec3 h3{font-size:21px;}
	.fab-heros .fab-heros-banner h2{font-size:30px;}
	.fab-heros .fab-heros-banner p{font-size:14px;}

	/* RPG Products */
	.rpg-page .rpg-page-banner{height:480px}
	.rpg-page .rpg-page-banner-in h1{font-size:18px;line-height:1.5em}
	.rpg-page .rpg-page-banner-in p{font-size: 17px;margin-bottom:30px;}
	.rpg-page .rpg-page-banner-in:before,.rpg-page .rpg-page-banner-in:after{top:0}
	.rpg-page .sec2-in{padding:70px 0}
	.rpg-page .rpg-page-banner-in:after{width:200px;height:430px}

	/* flesh and blood  new section */
	.fab-heros .sec4 .order1{order:1}
	.fab-heros .sec4 .order2{order:2}
	.fab-heros .sec4 .page-title{text-align:center}
	.fab-heros .sec4 p{text-align:center}
	.fab-heros .sec4 .gray-box p{text-align:left}
	.fab-heros .sec4 .apps-store{text-align:center}
	.fab-heros .sec4 .apps-store>li:first-child{width:100%;padding:0;margin-bottom:15px;}
	.fab-heros .sec4 .order1 .img-fluid{margin:0 auto}
}

@media (max-width:767px){
	.body-container .row>.tile-col{margin:2px 0;}
	.body-container .row>.tile-col .tile-box:hover{margin-top:0}
	/*.body-container .overlay{height:243px;}
	.body-container .row>.tile-col .fire{height:210px;}*/
	.body-container .row>.tile-col .fire{height:530px;}
	.body-container .row>.tile-col .title{top:50px;font-size:1.1em}
	.body-container .overlay .description p{font-size:15px;margin-bottom:30px}
	.body-container .overlay .description {padding:120px 15px 10px;}
	.body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:100px}
	.home .body-container .overlay .description p{min-height:140px;}
	.header .navbar{margin:5px 0 20px;}
	.mid-body{margin-bottom:40px;}
	.mid-body-in {padding: 0px 15px;margin-bottom:40px;}
	.page-title{font-size:24px;}
	.prod-list .prod-list-row:not(:last-child) {margin-bottom:15px;}
	.prod-list .prod-list-row {display:block; text-align:center;}
	.prod-list .prod-list-col{display:block;padding:15px 0}
	.prod-list .prod-img{margin:0 auto}
	/*.prod-list .odd .prod-list-col:nth-child(2),.prod-list .even .prod-list-col:nth-child(2){padding:0}*/
	/*.prod-list .odd .prod-list-col:nth-child(2),.prod-list .even .prod-list-col:nth-child(2){padding:0}*/
	.prod-list .odd .prod-list-col:nth-child(2):after,.prod-list .even .prod-list-col:nth-child(2):after{position:static}
	.prod-list .odd .prod-list-col:last-child, .prod-list .even .prod-list-col:first-child{padding:0;}
	.prod-list .prod-list-row.even{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
	.prod-list .even .prod-list-col{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	.prod-list .even .prod-list-col:nth-child(1){order:3}
	.prod-list .even .prod-list-col:nth-child(2){order:2}
	.prod-list .even .prod-list-col:nth-child(3){order:1}
	/**TA**.tile-theme1 .mid-body{max-width:540px;padding:0}
	.tile-theme1 .mid-body .row{margin-left:-2px;margin-right:-2px;align-items:center;justify-content:center;}
	.tile-theme1 .mid-body .row>.tile-col{padding-left:2px;padding-right:2px}
	.tile-theme1 .body-container .row>.tile-col .overlay .description {padding-top:135px;}
	.tile-theme1 .body-container .row>.tile-col .tile-box:hover .overlay .description {padding-top:105px;}
	.tile-theme1 .body-container .row>.tile-col .overlay .description p{min-height:145px;}
	.tile-theme1 .body-container .overlay .description .btn-yellow-outline{min-width:100px;}**TA**/
	.cus-modal .cus-modal-in{width:270px;height:150px;top:50%;margin-top:-75px;margin-left:-135px;}
	.cus-modal .cus-modal-in .webshop{width:130px}
	.cus-modal .cus-modal-in .webshop h4{font-size:.8em;top:20px;}
	.tile-theme2 .mid-body{padding:0;}
	/*.tile-theme2 .body-container .overlay {height:207px;}
	.tile-theme2 .body-container .row>.tile-col .fire{height:215px}*/
	.tile-theme2 .body-container .row>.tile-col .fire{height:500px}
	.tile-theme2 .body-container .row>.tile-col .overlay .description{padding-top:210px;}
	.tile-theme2 .body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:190px;}
	.news .prod-list .prod-img{margin-top:15px;}
	.cus-tabs #tabs{display:none}
	.cus-tabs .tab-content>.tab-pane{display:block!important;opacity:1;border:1px solid rgba(255,212,1,.2);margin-bottom:10px;}
	.cus-tabs .card-header{padding:0}
	.cus-tabs .card-header h5 a{text-decoration:none;font-size:14px;color:#fff;display:block;padding:10px 15px;border-radius:4px 4px 0 0}
	.cus-tabs .card-header h5 a[aria-expanded="true"]{color:#ffd401;border-bottom:1px solid rgba(255,212,1,.2);}
	.cus-tabs .dis-logo{margin:7px 0;}
	.footer {text-align:center}
	.footer .footer-link{margin-bottom:5px;}
	.footer .footer-link,.footer .copyright{text-align:center}
	.footer .copyright{font-size:11px;line-height:1.8em;}
	.red-box .separators{margin-bottom:20px;}
	.red-box{padding:20px 15px;}
	.cus-tabs .card-body .row>div{width:33.33%}
	.cus-tabs .dis-logo{padding: 5px;}
	.cus-tabs .dis-logo img{height:70px !important}
	.news .prod-list .prod-img .img-box{height:initial}
	.news .prod-list .prod-name{font-size:1em;min-height:initial}
	.news .prod-list .prod-des{min-height:initial;font-size:.8em;margin-bottom:5px}
	.tales_of_dragon .prod-list .prod-img{width:290px;}
	.tales_of_dragon #myModal .modal-dialog{width:96%;}
	#a-z{width:290px;}
	.cus-flip-book{width:100%;height:auto;}
	.page-404 .img-404{margin-bottom:30px;}
	.page-404 .error-404 p{font-size:28px;}
	.audiobook-adventures .prod-list .btn-yellow-outline{float:initial;margin:10px auto;display:block;width:125px}
	.tales_of_dragon  .body-container .prod-list{min-height:500px;}
	#faq .card .card-header .btn-header-link {position: relative; padding-right: 25px;}
	#faq .card .card-header .btn-header-link:after {position: absolute; right: 10px; top: 50%; margin-top: -14px;}

	/* DUAL Sleeves */
	.dual-sleeves-banner{margin-top:0;text-align: center;}
	.dual-sleeves-banner .img-fluid{margin-bottom:20px}
	.dual-sleeves-banner p{font-size: 14px;}
	.dual-sleeves #latestColorTab .nav-link, .dual-sleeves #browseColorTab .nav-link{font-size: 14px;padding:0.5rem 1rem;}
	.dual-sleeves #latestColorTabContent h4, .dual-sleeves #browseColorTabContent h4{margin: 15px 0 30px;}
	.dual-sleeves .Dual-video1 iframe{height:300px !important;}
	.dual-sleeves .matte-dual-sleeves{text-align:center}
	.dual-sleeves #browseColorTabContent .col{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	.dual-sleeves #browseColorTabContent h6{margin:10px 0 20px;}
	.dual-sleeves .mb-5{margin-bottom: 30px !important;}
	#accordion-dmcs .card-header h5, .dual-sleeves .dmcs p{font-size: 14px;}
	/* Countdown Timer */
	/*body.coundown-body{background:url(https://newlive.dragonshield.com/wp-content/uploads/2022/02/countdown-timer-bg-mobile.png) no-repeat center top/cover!important;height:100%}*/
	.coundown-body .rpg-background{position:fixed;width:100%;height:100%;top:0;z-index:-1;background:url(http://www.dragonshield.com/wp-content/uploads/2022/05/countdown-timer-bg-mobile.png) no-repeat center top/cover}
	.coundown-body .coundown-timer{top:0;margin-top:150px;z-index:-1}
	.coundown-body .footer{width:100%;position:fixed;bottom:0;left:0}

	/* Fab Heros start */
	.fab-heros .header .navbar{margin: 5px 0}
	.fab-heros .fab-heros-banner{margin-top:0;margin-bottom:30px;padding:30px 0 0; text-align: center;background-image:linear-gradient(to bottom,rgba(0 0 0/100%),rgba(0 0 0/0));}
	/*.fab-heros .fab-heros-banner .body-container{margin-bottom:0;background:rgba(0 0 0/60%);padding:20px}*/
	.fab-heros .fab-heros-banner h2{font-size: 30px;}
	.sec1, .sec2{margin-bottom:30px;}
	.fab-heros .sec1 h4{margin: 0 0 10px;}
	.fab-heros .sec1 .links > div{width:50%}
	/*.fab-heros .sec2 .pro-img{width:290px;}
	.fab-heros .sec2 .pro-img .dot.dot-1{left:10px;top:0}
	.fab-heros .sec2 .pro-img .dot.dot-2{left:15px;top:65px}
	.fab-heros .sec2 .pro-img .dot.dot-3{left:30px;bottom:5px}
	.fab-heros .sec2 .pro-img .dot.dot-4{right:60px;bottom:25px}
	.fab-heros .sec2 .pro-img .dot.dot-5{right:20px;top:30px}*/
	.fab-heros .sec2 .pro-img .dot>span{background:rgba(0 0 0/60%);padding:5px;}
	.fab-heros .sec2 .pro-img .dot>span:after{display:none}
	.fab-heros .sec2 .pro-img .dot.dot-1>span{right:initial;left:20px;}
	.fab-heros .sec2 .pro-img .dot.dot-2>span{right:initial;left:20px;}
	.fab-heros .sec2 .pro-img .dot.dot-3>span{right:initial;left:20px;}
	.fab-heros .sec2 .pro-img .dot.dot-4>span{left:initial;right:20px}
	.fab-heros .sec2 .pro-img .dot.dot-5>span{left:initial;right:20px}
	.fab-heros #herosTab .img-fluid{width:65px}
	.fab-heros .sec3{text-align:center}
	.fab-heros .sec3 .order1{order:1}
	.fab-heros .sec3 .order2{order:2}
	.fab-heros #herosTab>li .nav-link{width:65px}
	.fab-heros .fab-heros-banner .banner-content-left{padding:0 0 30px;}
	.fab-heros .fab-heros-banner .banner-content-leftin .img-fluid{margin:0 auto 30px}

	/* RPG Products */
	#gm-setup .pro-img,#pc-setup .pro-img{width:280px;}
	#gm-setup .pro-img .dot>span, #pc-setup .pro-img .dot>span{width:280px;}
	#gm-setup .pro-img .lazyloaded, #pc-setup .pro-img .lazyloaded{max-width:100%;height:auto;}
	#gm-setup .pro-img .dot>span, #pc-setup .pro-img .dot>span{font-size:14px;}
	#gm-setup .pro-img .dot.dot-1{left:5px;top:45px}
	#gm-setup .pro-img .dot.dot-2{left:75px;bottom:22px}
	#gm-setup .pro-img .dot.dot-3{right:45px;top:35px}
	#gm-setup .pro-img .dot.dot-4{right:75px;top:5px}
	#pc-setup .pro-img .dot.dot-1{left:50px;bottom:70px}
	#pc-setup .pro-img .dot.dot-2{right:80px;bottom:80px}
	#pc-setup .pro-img .dot.dot-3{right:60px;top:50px}

	#gm-setup .pro-img .dot.dot-1:after{width:45px;height:75px;}
	#gm-setup .pro-img .dot.dot-2:after{width:80px;height:45px;left:-20px;bottom:42px;}
	#gm-setup .pro-img .dot.dot-3:after{width:35px;height:65px;right:0;top:3px;}
	#gm-setup .pro-img .dot.dot-4:after{width:105px;height:30px;right:8px;top:0;}
	#pc-setup .pro-img .dot.dot-1:after{width:100px;height:80px;left:8px;top:-8px;}
	#pc-setup .pro-img .dot.dot-2:after{width:100px;height:45px;left:-42px;bottom:-20px;}
	#pc-setup .pro-img .dot.dot-3:after{width:80px;height:25px;right:0;top:7px;}

	#gm-setup .pro-img .dot.dot-1>span{top:-100px;left:0}
	#gm-setup .pro-img .dot.dot-2>span{top:-210px;left:-80px;}
	#gm-setup .pro-img .dot.dot-3>span{top:-90px;right:-40px;}
	#gm-setup .pro-img .dot.dot-4>span{right:-70px;}
	#pc-setup .pro-img .dot.dot-1>span{top:-160px;left:-50px;}
	#pc-setup .pro-img .dot.dot-2>span{top:-140px;left:-180px;}
	#pc-setup .pro-img .dot.dot-3>span{right:-60px;top:-110px;}
	.rpg-page .rpg-page-banner{margin-top:0}
	.rpg-page .rpg-page-banner-in:before{width:70px;height:165px}
	.rpg-page .rpg-page-banner-in:after{width:70px;height:150px}
	.rpg-page .rpg-page-banner-in p{margin-bottom: 15px;}
	.rpg-page .rpg-page-banner-in .scroll-down{font-size: 14px;}
	.rpg-page .video-box{margin-bottom:50px}
	#companionTab>li:not(:last-child){padding-right:15px}
	#companionTab .nav-link {font-size: 10px;}
	#companionTab .nav-link:hover:after, #companionTab .nav-link.active:after{width:60%;left:20%;bottom:-5px;margin-left:0;}
	.rpg-page .sec4 h4 {margin-top: 0px;}
	.rpg-page .rpg-page-banner {height: 350px;}
	.rpg-page .rpg-page-banner-in{padding: 30px 0;}
	.rpg-page .sec2{margin-bottom: 50px;}
	.rpg-page .body-container {margin-bottom: 0px;}

	/* flesh and blood  new section */
	.fab-heros .sec4 .apps-store>li{width:140px;}
	.fab-heros .sec4{margin-bottom:30px}
	.fab-heros .sec4 .page-title{font-size:24px;}
	.fab-heros .sec4 p{margin-bottom:20px;}
	.fab-heros .sec4 .apps-store{margin:0;}
}

@media (max-width:575px){
	.home .mid-body{padding-left:15px;padding-right:15px}
	.mid-body{max-width:100%}
	.body-container .row>.tile-col{width:50%}
	/*.body-container .overlay{height:135px}
	.body-container .row>.tile-col .fire{height:124px}*/
	.body-container .row>.tile-col .fire{height:490px}
	.body-container .row>.tile-col .title{top:20px;font-size:.8em}
	.body-container .overlay .description p{font-size:10px;margin-bottom:5px}
	.body-container .overlay .description {padding:85px 15px 10px;}
	.body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:65px}
	.body-container .overlay .description .btn-yellow-outline{min-width: 100px; font-size: 10px;}
	.home .body-container .overlay .description p{min-height:53px; line-height: 1.3em;}
	.body-container .overlay .description h5 {font-size: .8em; margin-bottom: 5px;}
	/**TA**.tile-theme1 .mid-body{max-width:100%;padding-left:15px;padding-right:15px}
	.tile-theme1 .body-container .row>.tile-col{width:50%}
	.tile-theme1 .body-container .row>.tile-col .title{top:20px;}
	.tile-theme1 .body-container .row>.tile-col .overlay .description{padding-top:85px}
	.tile-theme1 .body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:65px}
	.tile-theme1 .body-container .row>.tile-col .overlay .description p {min-height:135px;margin-bottom:15px;}
	.tile-theme1 .body-container .overlay .description .btn-yellow-outline{font-size:10px;}**TA**/
	.tile-theme2 .mid-body {max-width:100%;padding-left:15px;padding-right:15px}
	.tile-theme2 .body-container .row>.tile-col {width:100%;}
	/*.tile-theme2 .body-container .overlay {height:111px;}
	.tile-theme2 .body-container .row>.tile-col .fire{height:120px}*/
	.tile-theme2 .body-container .row>.tile-col .fire{height:450px}
	.tile-theme2 .body-container .row>.tile-col .overlay .description{padding-top:120px;}
	.tile-theme2 .body-container .row>.tile-col .tile-box:hover .overlay .description{padding-top:100px;}
	.menu-container{padding:0 15px;}
	.cus-tabs .card-body .row>div{width:50%}
	.g-recaptcha{transform:scale(.77);-webkit-transform:scale(.77);transform-origin:0 0;-webkit-transform-origin:0 0;width:230px;display:block;margin:0 auto;}
}



/*News Css By TA*/
.news .page-title {color:#fff;}
.news-slot.prod-list { padding:0px; overflow:inherit;}
.news-slot.prod-list .prod-img { padding:0px; border:none; margin:0px;}
.news-slot.prod-list .prod-img .img-box {height: 94px; margin:0px;}
.news-update-box { border-radius:6px; background:#131313; box-shadow: 1px 0 2px 1px #0e1b2c; overflow:hidden; transition-duration:.4s;}
.news-update-box .text-center {text-align: right!important; background:#131313; z-index: 1; position: relative; height:146px; overflow:hidden; padding: 15px 15px 0px 15px;  transition-duration:.4s;}
.news-update-box .text-center p { text-align:left;}
.news-update-box .text-center .prod-name {max-height:48px; min-height:48px; overflow:hidden;}
.prod-list .news-update-box .prod-name > a { color:#fff!important; word-break:normal; }
.news .news-slot.prod-list .prod-des { max-height:54px; min-height:54px; overflow:hidden; font-family: 'Source Sans Pro', sans-serif; font-size: .9em; line-height: 1.3em;}
.news .news-slot.prod-list .btn-yellow-outline {margin-bottom: 22px;}
.news-update-box .btn-yellow-outline {display:none;}
.news-update-box:hover .btn-yellow-outline {display:inline-block;}
.news-update-box:hover .text-center { margin-top:-61px;  height:207px;}


.aTOzSlot .prod-list-row { border-radius:6px; background:#131313; box-shadow: 1px 0 2px 1px #0e1b2c; overflow:hidden; transition-duration:.4s;}
.aTOzSlot .prod-list-col { padding:0px;}
.aTOzData { padding:14px;}
.aTOzData p {font-family: 'Source Sans Pro', sans-serif; min-height:90px;}
.tales_of_dragon .aTOzSlot .prod-list .prod-img { border:none; padding: 0px; width: 450px;}

body.about .page-title { padding-top:20px;}

body.news {background-size: 100%!important; background-color: #000!important;}
body.news.article .prod-list {padding: 0px; overflow: inherit;}
.contact .red-box .separators .error-1 {color: red!important;}
.ngBtn .btn-yellow-outline { margin:0px 5px 10px 5px;}
.ngBtn .btn-yellow-outline.active {background-color: #ffdd16; color: #000;}

body.rabbit-slot .rabbit-head {display: table-row;}
@media (min-width:992px) and (max-width:1599px) {
	body.rabbit-slot .body-container .row>.tile-col .tile-box .img-fluid {height: 400px; width: 100%;}
}
@media (min-width:768px) {
.header.fixed {position:fixed!important;}
.header.fixed .navbar { background: rgba(0,0,0,0.7); margin: 0px!important; transition-duration:.4s;}
}

@media (min-width:768px) {
.news-slot.prod-list .row { margin:0px -5px!important;}
.news-slot.prod-list .col-md-4 { padding-left:5px!important; padding-right:5px!important;}
}

@media (max-width: 1199px) {
	.news .news-slot.prod-list .prod-img .img-box {height: 78px;}
	.news .news-slot.prod-list .prod-name {font-size: 1em; min-height:inherit;}
}

@media (max-width:991px) {
	.news .news-slot.prod-list .prod-img .img-box {height: 69px;}
	.tales_of_dragon .aTOzSlot .prod-list .prod-img {width: 250px;}
}
@media (max-width:767px) {
	.news .news-slot.prod-list .prod-img .img-box {height:inherit;}
	.news-update-box:hover .text-center {height: 190px;}
	.tales_of_dragon .aTOzSlot .prod-list .prod-img {width:auto;}
	.aTOzData iframe { float:none!important;}
}

/*News Css By TA*/

/*Home page Tiles Changes*/
.body-container .row>.tile-col .tile-box {box-shadow: 0px 1px 4px 0px #000000!important; transition: all .2s ease; transform: translateY(0px);}
.body-container .row>.tile-col .tile-box:hover { margin-top:0px!important; box-shadow: 0px 4px 4px 1px #000000; transform: translateY(-10px);}
.body-container .row>.tile-col .tile-box .overlay {transition: opacity .25s ease;}
.body-container .row>.tile-col .tile-box .overlay .description h5 {font-weight: 600;}
.body-container .row>.tile-col .tile-box .overlay .description .btn-yellow-outline {border: 2px solid #ffdd16; outline:none; box-shadow: none;}
.body-container .row>.tile-col .tile-box .img-fluid {transform-origin: bottom center; transform: scale(1); transition: transform .25s ease-out;}
.body-container .row > .tile-col .tile-box:hover .img-fluid  {transform: scale(1.025);}

@media (max-width:767px) {
	.body-container .row>.tile-col .tile-box { margin-bottom:10px!important;}
	.rpg-page .sec9 .marTop40{margin-top:40px;}
}
/*Home page Tiles Changes*/

.card-manager{padding:0 50px;}
.card-manager .left .des{display:table;width:100%;height:100%}
.card-manager .left .des .des-in{display:table-cell;vertical-align:middle}
.card-manager .left h2{color:#fff;margin-bottom:30px;}
.card-manager .left p{line-height:2em;margin-bottom:20px}
.card-manager .left img{width:130px;margin-top:50px;}
.card-manager .left h6{margin-top:20px;line-height:1.5em;color:#fff;}
.card-manager .right{text-align:center}
.card-manager .right img{width:400px;}
.modal-card-manager .modal-dialog{width:430px}
.modal-card-manager .modal-content{background-color:transparent;border:0}
.modal-card-manager .modal-body{padding:0}
.modal-card-manager .modal-in{display:table;width:430px;height:620px;}
.modal-card-manager .modal-in-con{display:table-cell;vertical-align:bottom;padding:35px 65px;}
.modal-card-manager .close{width:35px;height:35px;position:absolute;right:-5px;top:0;z-index:2;background:#000;opacity:1;border-radius:50%;}
.modal-card-manager .close span{color:#fff;font-weight:100;}

.body-container .row>.tile-col .title{font-size: 1.4em;}
.body-container .overlay .description h5{font-size:.9em}
.home .body-container .overlay .description p{font-size:.55em}
.body-container .overlay .description .btn-yellow-outline{min-width:100%}

/* Digital card manager changes */
.card-manager{padding:0}
.card-manager .row{margin-left:-15px;margin-right:-15px}
.card-manager .left h2{font-size:40px;margin-bottom:15px;}
.card-manager .left p{font-size:24px;font-family:'Source Sans Pro',sans-serif;line-height:1.2em;margin-bottom:15px}
.card-manager .app-list, .card-manager .app-store-links{padding:0;margin:0;}
.card-manager .app-list>li,.card-manager .app-store-links>li{display:inline-block;vertical-align:bottom;text-align:left}
.card-manager .app-list>li:not(:last-child){padding-right:15px;}
.card-manager .app-list .img-fluid{width:96px;margin-top:20px;}
.card-manager .app-store-links>li:not(:last-child){padding-right:15px;}
.card-manager .app-store-links>li a{color:#fff !important;text-decoration:none !important}
.card-manager .app-store-links>li .fa{font-size:30px;}
.card-manager .app-store-links>li .bi-globe{margin-top:-8px;}

.news-update-box .text-center .prod-name {max-height:51px; min-height:51px;}
.news .news-slot.prod-list .prod-des{max-height:60px;min-height:60px;}

body.news.article .prod-list{min-height:800px;}
.empty-page{font-family:'Source Sans Pro',sans-serif;text-align:center;margin-top:30px}
/* RPG 2nd wave */
.rpg-page .sec5{margin-bottom:120px;}
.rpg-page .sec5 .list{padding:0;margin:0;display:flex;}
.rpg-page .sec5 .list > li{width:33.33%;position:relative;overflow:hidden;transition:all .2s ease;transform:translateY(0);}
.rpg-page .sec5 .list > li a:hover{text-decoration:none}
.rpg-page .sec5 .list > li > a img{width:100%;transform:scale(1);transition:all .2s ease;}
.rpg-page .sec5 .list > li .btn-yellow{opacity:0;transition: transform .25s ease-out;}
.rpg-page .sec5 .desc{width:100%;padding:0 15px;text-align:center;position:absolute;bottom:80px;left:0;}
.rpg-page .sec5 .desc h3{font-family:'Source Sans Pro',sans-serif;font-size:32px;font-weight:700;line-height:1.2em;color:#FFF;margin:44px 0 8px;}
.rpg-page .sec5 .desc p{min-height:63px;font-size:16px;line-height:1.3em;color:#FFF;}
.rpg-page .sec5 .list > li:hover{transform:translateY(-10px);}
.rpg-page .sec5 .list > li:hover > a img{transform:scale(1.025);}
.rpg-page .sec5 .list > li:hover .btn-yellow{opacity:1;}

.rpg-page .sec6{margin-bottom:180px}
.rpg-page .sec6 h2{font-size:40px;line-height:1.25em;color:#FFF;margin-bottom:16px}
.rpg-page .sec6 h4{font-size:24px;line-height:1.20em;color:#FFF;margin-bottom:0}
.rpg-page .sec6 .sub-title{font-family:'Source Sans Pro',sans-serif;}
.rpg-page .sec6 .resources{position:relative}
.rpg-page .sec6 .resources .resources-bg{width:100%}
.rpg-page .sec6 .resources-in{display:flex;position:absolute;top:0;left:0}
.rpg-page .sec6 .resources-in .left{width:62%;padding:0 0 0 333px;position:relative;}
.rpg-page .sec6 .resources-in .left img{position:absolute;top:-115px;left:-60px;}
.rpg-page .sec6 .resources-in .left h2{margin: 56px 0 4px;}
.rpg-page .sec6 .resources-in .left p{margin-bottom:24px;}
.rpg-page .sec6 .resources-in .left .download-list{padding:0;margin:0;}
.rpg-page .sec6 .resources-in .left .download-list > li{font-family:'Source Sans Pro',sans-serif;font-size:12px;line-height:1.2em;margin-bottom:16px;padding-left:30px;display:block;position:relative;}
.rpg-page .sec6 .resources-in .left .download-list > li:before{content:"";width:20px;height:20px;background:url(https://www.dragonshield.com/wp-content/uploads/2022/08/download.png) no-repeat;position:absolute;left:0;top:-3px;}
.rpg-page .sec6 .resources-in .left .download-list > li strong{font-size:16px;font-weight:700}
.rpg-page .sec6 .resources-in .left .download-list > li a{color:#fff;text-decoration:none}
.rpg-page .sec6 .resources-in .right{width:38%;padding:0 0 0 32px;}
.rpg-page .sec6 .resources-in .right .rpg{position:relative;padding-left:150px;height:230px;}
.rpg-page .sec6 .resources-in .right .rpg h4{padding:56px 0 4px;}
.rpg-page .sec6 .resources-in .right .gms h4{padding:45px 0 4px;}
.rpg-page .sec6 .resources-in .right .rpg p, .rpg-page .sec6 .resources-in .right .gms p{margin-bottom:24px;}
.rpg-page .sec6 .resources-in .right .rpg img{position: absolute; left: -65px;top: 35px;}

.rpg-page #herosTab{border-bottom:0;margin-left:-12px;margin-right:-12px;}
.rpg-page #herosTab > li{margin:0 !important;}
.rpg-page #herosTab .nav-link{width:448px;padding:0 12px;border:0 !important}
.rpg-page #herosTab .nav-link:hover{border:0}
.rpg-page #herosTab .nav-link.active{display:none;}
.rpg-page #herosTabContent p{font-family:'Source Sans Pro', sans-serif;margin:18px 0 24px;line-height: 1.2em;}
.rpg-page #herosTab .img-fluid{width:100%}
.rpg-page #herosTab p{margin:18px 0 0;line-height:1.2em;}
.rpg-page .sec9{margin-bottom:120px;}

/* Dual Sleeves Updates */
.dual-sleeves{background:#000 !important;}
/*.dual-sleeves-banner{padding:280px 0;background:url(https://www.dragonshield.com/wp-content/uploads/2022/07/dual-dragon-banner-new.png) no-repeat top center/cover;}*/
.dual-sleeves-banner{padding:170px 0;background:url(https://www.dragonshield.com/wp-content/uploads/2022/07/dual-dragon-banner-new.png) no-repeat top center;}
.dual-sleeves-banner h2{font-size:40px;}
.dual-sleeves .matte-dual-sleeves .img-fluid img{max-width:100%;height:auto;}
.dual-sleeves .sleeves-sec{background:url(https://www.dragonshield.com/wp-content/uploads/2022/07/sleeves-bcg.png) no-repeat bottom center/cover;}
.dual-sleeves .explore-sec{padding:25px 0;background:url(https://www.dragonshield.com/wp-content/uploads/2022/07/entire-range-banner.png) no-repeat bottom center/cover;}
.dual-sleeves .dual-sleeves-slider{margin-bottom:80px}
.dual-sleeves .dual-sleeves-slider h5{font-size:16px;color:#fff;text-align:center;font-family:'Source Sans Pro',sans-serif;}
.dual-sleeves .dual-sleeves-slider .autohide-arrows .owl-nav{display: block !important;}
.dual-sleeves .dual-sleeves-slider .white .sa_owl_theme .owl-nav .owl-prev, .dual-sleeves .dual-sleeves-slider .white .sa_owl_theme .owl-nav .owl-next{background-color:transparent !important;z-index:2;}
.dual-sleeves .dual-sleeves-slider .owl-carousel:before{content:"";width:96px;height:80%;background-image:linear-gradient(to right,rgba(0 0 0/100%),rgba(0 0 0/0%));position:absolute;left:0;top:0;z-index:1}
.dual-sleeves .dual-sleeves-slider .owl-carousel:after{content:"";width:96px;height:80%;background-image:linear-gradient(to right,rgba(0 0 0/0%),rgba(0 0 0/100%));position:absolute;right:0;top:0;z-index:1}
.dual-sleeves .matte-dual-sleeves h4{color:#fff;font-size:40px;margin-bottom:10px;}
.dual-sleeves .matte-sleeves .matte-dual-sleeves h6{margin:0;}
.dual-sleeves .matte-dual-sleeves h5{font-size:20px;font-weight:bold;font-family:'Source Sans Pro',sans-serif;margin-bottom:10px}
.dual-sleeves .matte-dual-sleeves.ember h5{color:#DC502C}
.dual-sleeves .matte-dual-sleeves.fury h5{color:#CD0045}
.dual-sleeves .matte-dual-sleeves.wraith h5{color:#82255C}
.dual-sleeves .sleeves-group{margin-bottom:100px}
.dual-sleeves .page-title{font-size:40px;}
.dual-sleeves .sleeves-group .page-des{font-size:16px;line-height:1.3em;font-family:'Source Sans Pro',sans-serif;}
.dual-sleeves .explore-sec .body-container{margin-bottom:20px;}
.dual-sleeves .matte-sleeves{margin-bottom:40px}
.dual-sleeves .dmcs{padding-bottom:80px}
.dual-sleeves .img-fluid img{max-width:100%;height:auto}
.dual-sleeves .dmcs h2{font-size:32px;}
.dual-sleeves-slider .owl-stage-outer{height:640px !important;}
.dual-sleeves-slide .owl-carousel .owl-stage-outer{overflow-y: initial !important;}
.dual-sleeves .dual-sleeves-slider .white .sa_owl_theme .owl-nav .owl-prev, .dual-sleeves .dual-sleeves-slider .white .sa_owl_theme .owl-nav .owl-next{top:45% !important}
.dual-sleeves .white{padding: 0px 60px;}

.dual-sleeves .or{font-size:14px;color:#fff;padding:0 10px;font-family:'Source Sans Pro',sans-serif;}
.dual-sleeves .sleeves-sec p{min-height:58px;}
/** Flesh and Flood 3.0 **/
.fab-heros .sec4 .gray-box{background:#4c4c52;}
.fab-heros .banner{margin-top:110px;margin-bottom:120px;}
.fab-heros .banner img{width:100%}
.fab-heros .banner p{font-size:24px;line-height:1.2em;font-family:'Source Sans Pro',sans-serif;margin-top:-10px}
.fab-heros .sec1-3{text-align:center;margin-bottom:152px;}
.fab-heros .sec1-3 h4{font-family:'Source Sans Pro',sans-serif;font-size:18px;color:#fff;margin:24px 0 8px}
.fab-heros .sec1-3 p{font-family:'Source Sans Pro',sans-serif;font-size:14px;font-style:italic;margin-bottom:32px;}
.fab-heros .sec2-3{background:url(http://newlive.dragonshield.com/wp-content/uploads/2022/09/Also-Available-BG.png) no-repeat center center/cover;margin-bottom:152px;}
.fab-heros .sec2-3 h3{font-size:40px;color:#fff;margin:101px 0 8px}
.fab-heros .sec2-3 p{font-family:'Source Sans Pro',sans-serif;font-size:24px;line-height:1.2em;margin-bottom:30px;}
.fab-heros .sec2-3 .left img{margin-top:60px;}
.fab-heros .sec2-3 .right{text-align:right}
.fab-heros .sec2-3 .right img{margin-bottom: -65px;}
.fab-heros .sec1-3 img{margin:0 auto;}
.fab-heros .sec2-3 .left img{margin-left:auto}

#retailer_count_div .form-control, #retailer_reference_div .form-control{font-size:10px;}
.ye-no .yes-ma{margin-left:20px;}
.ms-options-wrap > button:focus, .ms-options-wrap > button{
	border:1px solid #ffd401!important;
	height:45px!important;
	background-color:transparent!important;
	color:#fff!important;
}
.ms-options-wrap > button:after{
	border:none!important;
}
.ms-options-wrap > .ms-options{
	background:#000!important;color:#fff!important; font-size:12px!important; border:1px solid #2a2a2a!important; border-radius:10px;
}
.ms-options-wrap > .ms-options ul{
	padding-left:10px;
}
.ms-options-wrap > .ms-options > ul label{
	padding:6px 4px 6px 23px!important;
}
.ms-options-wrap > .ms-options > ul li.selected label, .ms-options-wrap > .ms-options > ul label:hover{
	background-color:transparent!important;
}
@media(max-width:767px){
.ye-no{float:right}
}

@media(max-width:518px){
.ye-no{float:left; width:100%;}
.ye-no .yes-ma{margin-left:0;}
}

/* Roleplaying Page chnges 3rd times */
.rpg-page .sec5 .desc h3{font-size:24px;margin:35px 0 8px;}
.rpg-page .sec5 .desc h3 .new{position:relative}
.rpg-page .sec5 .desc h3 .new:after{content:"New";color:#F2D126;font-size:20px;text-transform:uppercase;position:absolute;top:-25px;right:-20px;transform:rotate(15deg)}
.rpg-page .sec5 .desc p{min-height:84px}
.rpg-page .sec5 .desc p span{display:block}
.rpg-page #herosTab{margin-left:-20px;margin-right:-20px;}
.rpg-page #herosTab .nav-link{width:680px;padding:0 20px}
.rpg-page .rpg-page-banner-in p{margin-bottom: 60px;}
.rpg-page .rpg-page-banner-in .scroll-down{margin: 40px 0 0;}
.rpg-page #herosTabContent p{margin: 8px 0 40px;}
.rpg-page #herosTab p{margin:8px 0 0;}
.rpg-page .sec5 .desc{bottom: 250px;}
.rpg-page .sec5 {margin-bottom: 0;}
.rpg-page .sec5{margin-bottom:100px}
.rpg-page .sec6 .resources-in .left .download-list>li{font-size: 14px;}
.rpg-page .sec6 .resources-in .left .download-list>li:before{top:0}

/** Flesh and Flood 4.0 **/
.fab-heros .banner{margin-bottom: 144px;}
.fab-heros .banner .body-container{margin-bottom:0}
.fab-heros .num4-1 h2{font-size:40px;color:#fff;margin:0 0 16px}
.fab-heros .num4-1 p{font-family:'Source Sans Pro',sans-serif;font-size:24px;line-height:1.25em;margin-bottom:64px;}
.fab-heros .num4-2{margin-bottom:100px;}
.fab-heros .num4-2 .list{padding:0;margin:0;display:flex;}
.fab-heros .num4-2 .list > li{width:33.33%;position:relative;overflow:hidden;transition:all .2s ease;transform:translateY(0);}
.fab-heros .num4-2 .list > li a:hover{text-decoration:none}
.fab-heros .num4-2 .list > li > a img{width:100%;transform:scale(1);transition:all .2s ease;}
.fab-heros .num4-2 .list > li .btn-yellow{opacity:0;transition: transform .25s ease-out;}
.fab-heros .num4-2 .desc{width:100%;padding:0 15px;text-align:center;position:absolute;bottom:80px;left:0;}
.fab-heros .num4-2 .desc h3{font-family:'Source Sans Pro',sans-serif;font-size:40px;font-weight:700;line-height:1.2em;color:#FFF;margin:44px 0 16px;}
.fab-heros .num4-2 .desc p{font-family:'Source Sans Pro',sans-serif;min-height:42px;font-size:16px;line-height:1.3em;color:#FFF;}
.fab-heros .num4-2 .desc p span{display:block}
.fab-heros .num4-2 .list > li:hover{transform:translateY(-10px);}
.fab-heros .num4-2 .list > li:hover > a img{transform:scale(1.025);}
.fab-heros .num4-2 .list > li:hover .btn-yellow{opacity:1;}
.fab-heros .banner p{font-size:24px;line-height:1.2em;font-family:'Source Sans Pro',sans-serif;margin-top:0;margin-bottom:24px}
.fab-heros .ban1-des{margin-top:-100px;margin-bottom:80px;}
.fab-heros .ban2-des{margin-top:-140px;}
.fab-heros .ban2-des h4{font-family:'Source Sans Pro',sans-serif;font-size:24px;font-weight:700;color:#fff;}
.fab-heros .ban2-des p{font-size:16px;margin-bottom:40px;}
.fab-heros .num4-2 .desc{bottom:17%;}
.fab-heros .banner p span, .fab-heros .num4-1 p span{display:block}

/** Valentines **/
.valentines{margin-top:100px;}
.valentines .banner{background:url(https://www.dragonshield.com/wp-content/uploads/2022/11/Header-bg.png) no-repeat center top/cover;padding:140px 0 37px;}
.valentines .banner .container{position:relative;z-index:3;}
.valentines .page-title{font-size:40px;line-height:1.25;}
.valentines p{font-family:'Source Sans Pro',sans-serif;font-size:24px;line-height:1.25;margin:0 0 40px;}
.valentines .btn-yellow{background-color:#F2D126;border-radius:4px;font-family:Metamorphous;font-size:16px;text-align:center;color:#000;padding:10px 32px}
.valentines .btn-yellow:hover{background-color:#e6c519}
.valentines .banner p.scroll-down{margin:24px 0 54px;}
.valentines .banner p.scroll-down a{color:#fff!important;opacity:.5;text-decoration:none}
.valentines .banner p.scroll-down a:hover{color: #ffd401!important;opacity:1;text-decoration:none;}
.valentines .banner h6{font-family:'Source Sans Pro',sans-serif;font-size:14px;line-height:1.25;color: #FFFFFF;margin:301px 0 0;position:relative;}
.valentines .banner h6:before{content:"";width:412px;height:301px;position:absolute;bottom:20px;left:50%;margin-left:-206px}
.valentines .banner h6.Just-Met:before{background:url(https://www.dragonshield.com/wp-content/uploads/2022/11/Just-Met.png) no-repeat;background-size:contain;margin-left:-145px;}
.valentines .banner h6.Just-in-Love:before{background:url(https://www.dragonshield.com/wp-content/uploads/2022/11/Just-in-Love.png) no-repeat;background-size:contain;margin-left:-160px;}
.valentines .banner h6.Just-Engaged:before{background:url(https://www.dragonshield.com/wp-content/uploads/2022/11/Just-Engaged.png) no-repeat;background-size:contain;margin-left:-160px;}
.valentines .banner h6.Just-Married:before{background:url(https://www.dragonshield.com/wp-content/uploads/2022/11/Just-Married.png) no-repeat;background-size:contain;margin-left:-170px;}
.valentines .banner h5{font-size:24px;line-height:1.25;color: #FFFFFF;margin:0 0 35px;}
.valentines .sec{position:relative;margin-bottom:0;}
.valentines .sec > .img-fluid{width:100%}
.valentines .sec .body-container{margin-bottom:0;position:relative}
.valentines .sec .contin{width:100%;position:absolute;left:0;bottom:115px;z-index:3}
.valentines .sec h5{font-family:'Source Sans Pro',sans-serif;font-size:16px;line-height:1.25;color: #FFFFFF;margin:0;}
.valentines .sec h4{font-size:40px;line-height:1.25;color: #FFFFFF;margin:0 0 16px;}
.valentines .sec p{margin:0 0 16px;}
.valentines .sec p span{display:block}
.valentines .pattern{position:relative;}
.valentines .pattern .img-fluid{position:absolute;width:100%;left:0;z-index:2}
.valentines .pattern .img-fluid.one{bottom:0;}
.valentines .pattern .img-fluid.two{top:0;}
.valentines .sec5{padding:183px 0;}
.valentines .sec .images{width:430px;height:193px;position:absolute;bottom:0;left:50%;margin-left:-215px;padding-left:99px;}
.valentines .sec .linkimg2{position:absolute;left:-17px;top:45px;}

/** Flesh and Flood 5.0 **/
.fab-heros .sec1-3{margin-bottom:100px}
.fab-heros .sec1-3.banner2{background:url(https://www.dragonshield.com/wp-content/uploads/2022/12/banner2.png) no-repeat center center/cover;padding:130px 0;margin-bottom:80px;}
.fab-heros .banner{margin-bottom:30px}
.fab-heros .ban1-des{margin-top:-310px}
.fab-heros .sec1-3.banner2 .body-container{margin-bottom:0;}
.fab-heros .sec1-3.banner2 h4{font-size:24px;font-weight:700;margin:17px 0 8px;}
.fab-heros .sec1-3.banner2 p{margin-bottom:24px;}
.fab-heros .sec1-3.banner2 p span{display:block;}
.fab-heros p.scroll-down{font-family:'Metamorphous';font-weight:400;font-size:16px;line-height:20px;color:#FFF;margin:24px 0 0 !important;}
.fab-heros p.scroll-down a{color:#fff !important;opacity:.5;text-decoration:none}
.fab-heros p.scroll-down a:hover{color:#ffd401!important;opacity:1;text-decoration:none}


@media (min-width:768px){
	.card-manager-page .mid-body>.mid-col, .digital-card-manager .mid-body>.mid-col{vertical-align:middle}
	.home .mid-body .col-md-3{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}

@media (min-width:1367px){
	.dual-sleeves .matte-sleeves2{margin-bottom:0;}
	.dual-sleeves .dual-sleeves-slider{margin-bottom:0}
}


@media (max-width:1600px){
	.card-manager .right img{width:300px;}
	.card-manager .left h6{font-size:.9rem}

	/* Digital card manager changes */
	.card-manager .left h2{font-size:32px;}
	.card-manager .left p{font-size:20px;}

	/* RPG 2nd wave */
	.rpg-page .sec6 .resources-in .left{padding: 0 0 0 300px;}
	.rpg-page .sec6 .resources-in .left img{width: 340px;top: -100px;left: -50px;}
	.rpg-page .sec6 .resources-in .left h2{font-size: 30px;margin:30px 0 4px}
	.rpg-page .sec6 .resources-in .right .rpg{padding-left:90px;height:190px}
	.rpg-page .sec6 .resources-in .right .rpg h4{padding:35px 0 4px}
	.rpg-page .sec6 .resources-in .right .rpg img{width: 140px;top: 30px;}
	.rpg-page .sec6 .resources-in .right .gms h4{padding:25px 0 4px}
	.rpg-page #herosTab .nav-link{width:378px;}
	.rpg-page #herosTabContent p{margin: 0px 0 24px;}

	/* Roleplaying Page chnges 3rd times */
	.rpg-page .sec5 .desc{bottom:80px}
	.rpg-page #herosTab .nav-link{width:575px;}

	/** Valentines **/
	.valentines p{font-size:21px;}

	/** Flesh and Flood 5.0 **/
	.fab-heros .ban1-des{margin-top:-270px}
}

@media (max-width:1366px){
	.card-manager .right img{width:250px;}

	body.news.article .prod-list{min-height:500px;}
	/* Dual Sleeves Updates */
	/*.dual-sleeves-banner{padding:150px 0;}*/
	.dual-sleeves-banner{padding:100px 0;background-size:cover}
	.dual-sleeves-slider .owl-stage-outer{height:454px !important;}
	.dual-sleeves .dual-sleeves-slider .white .sa_owl_theme .owl-nav .owl-prev, .dual-sleeves .dual-sleeves-slider .white .sa_owl_theme .owl-nav .owl-next{top:40% !important}
	.dual-sleeves .matte-dual-sleeves h4{font-size:38px;}

	/* Roleplaying Page chnges 3rd times */
	.rpg-page .sec5 .desc p{font-size: 15px;}

	/** Flesh and Flood 4.0 **/
	.fab-heros .ban1-des{margin-top:-70px;}

	/** Valentines **/
	.valentines .banner h6{margin:235px 0 0;}
	.valentines .banner h6:before{width:300px;height:221px;margin-left:-150px}
	.valentines .banner h6.Just-Met:before{margin-left:-108px;}
	.valentines .banner h6.Just-in-Love:before{margin-left:-115px;}
	.valentines .banner h6.Just-Engaged:before{margin-left:-115px;}
	.valentines .banner h6.Just-Married:before{margin-left:-120px;}
	.valentines .sec .images{bottom:-18%;}

	/** Flesh and Flood 5.0 **/
	.fab-heros .ban1-des{margin-top:-230px}
	.fab-heros .sec1-3.banner2{padding:80px 0;}
}

@media (max-width:1199px){
	.card-manager{padding:0}
	.card-manager .right img{width:320px;}
	.card-manager .left h2{font-size:1.75rem;}
	.body-container .row>.tile-col .title{font-size: 1.25em;}
	.body-container .overlay .description h5{font-size:.65em}
	.home .body-container .overlay .description p{font-size:.5em}

	/* Digital card manager changes */
	.card-manager .left p{font-size:17px;}

	/* RPG 2nd wave */
	.rpg-page .sec5 .desc{bottom: 30px;}
	.rpg-page .sec5 .desc h3{font-size:24px;}
	.rpg-page .sec5 .desc p{min-height:53px;font-size:13px;}
	.rpg-page .sec6{margin-bottom:120px}
	.rpg-page .sec6 .resources-in .left img{width:270px;top:-75px;left:-30px}
	.rpg-page .sec6 .resources-in .left{padding:0 0 0 240px;}
	.rpg-page .sec6 .resources-in .left h2{font-size:20px;margin:20px 0 4px}
	.rpg-page .sec6 .resources-in .left .download-list>li{font-size:12px;margin-bottom:12px;}
	.rpg-page .sec6 .resources-in .left p{margin-bottom:20px}
	.rpg-page .sec6 .resources-in .right .rpg h4,.rpg-page .sec6 .resources-in .right .gms h4{font-size:20px;padding:20px 0 4px}
	.rpg-page .sec6 .resources-in .right .rpg p,.rpg-page .sec6 .resources-in .right .gms p{margin-bottom:10px;line-height:1.2em}
	.rpg-page .sec6 .resources-in .right .rpg{height: 160px;}
	.rpg-page #herosTab .nav-link{width:318px;}
	.rpg-page #herosTabContent iframe{height: 535px;}
	/* Dual Sleeves Updates */
	/*.dual-sleeves-banner{padding:100px 0;}*/
	.dual-sleeves-banner{padding:60px 0;}
	.dual-sleeves .matte-dual-sleeves h4{font-size:32px;}

	/** Flesh and Flood 3.0 **/
	.fab-heros .banner{margin-bottom:80px;}
	.fab-heros .banner p{margin-top:-5px;}
	.fab-heros .sec1-3{margin-bottom:80px;}
	.fab-heros .sec2-3{margin-bottom:110px;}
	.fab-heros .sec2-3 h3{margin:60px 0 8px;}
	.fab-heros .sec2-3 p{font-size:21px;}
	.fab-heros .sec2-3 .left img{margin-top:30px}
	.fab-heros .sec2-3 .right img{margin-bottom:-55px}

	/* Roleplaying Page chnges 3rd times */
	.rpg-page #herosTab .nav-link{width:485px;}
	.rpg-page .sec5 .desc h3{font-size:20px}
	.rpg-page .sec5 .desc p{font-size: 12px;}

	/** Flesh and Flood 4.0 **/
	.fab-heros .ban1-des{margin-top:-60px;}
	.fab-heros .ban2-des{margin-top:-95px}
	.fab-heros .num4-2 .desc p{font-size:14px;}
	.fab-heros .num4-2 .desc{bottom:10%;}

	/** Valentines **/
	.valentines .banner{padding:70px 0 37px;}
	.valentines .banner h6{margin:165px 0 0}
	.valentines .page-title{font-size:30px;}
	.valentines .banner h5{font-size:18px;}
	.valentines .banner h5{margin:0;}
	.valentines .sec h4{font-size:30px;}
	.valentines p{font-size:18px}
	.valentines .sec5{padding:60px 0 130px}
	.valentines .banner h6:before{width:230px;height:171px;margin-left:-115px;}
	.valentines .banner h6.Just-Met:before{margin-left:-82px;}
	.valentines .banner h6.Just-in-Love:before{margin-left:-88px;}
	.valentines .banner h6.Just-Engaged:before{margin-left:-88px;}
	.valentines .banner h6.Just-Married:before{margin-left:-95px;}

	/** Flesh and Flood 5.0 **/
	.fab-heros .ban1-des{margin-top:-170px;}
	.fab-heros .banner{margin-bottom:0}
}

@media (max-width:991px){
	.card-manager .left h2{font-size:1.15rem;}
	.card-manager .left p{font-size:.75rem}
	.body-container .row>.tile-col .title{font-size: 1em;}
	.body-container .overlay .description h5{font-size:.5em}
	.home .body-container .overlay .description p{font-size:.5em}

	/* Digital card manager changes */
	.card-manager .app-list .img-fluid{width:60px;}
	.card-manager .app-list>li:not(:last-child){padding-right:5px}
	.card-manager .app-store-links>li:not(:last-child){padding-right:5px}
	.card-manager .left h6{font-size:9px;margin-top:0}

	body.news.article .prod-list{min-height:800px;}
	/* RPG 2nd wave */
	.rpg-page .sec5 .desc{bottom:20px;padding: 0 9px;}
	.rpg-page .sec5 .desc h3{font-size:20px;margin: 15px 0 8px;}
	.rpg-page .sec5 .desc p{min-height:45px;font-size:11px}
	.rpg-page .sec6 .resources-in .left img{width:200px;top:-55px;}
	.rpg-page .sec6 .resources-in .left{padding:0 0 0 170px}
	.rpg-page .sec6 .resources-in .left h2{font-size:18px;margin:15px 0 4px}
	.rpg-page .sec6 .resources-in .left p{font-size:12px;line-height:1.2em;margin-bottom:15px}
	.rpg-page .sec6 .resources-in .left .download-list>li{font-size:10px;margin-bottom:9px}
	.rpg-page .sec6 .resources-in .left .download-list>li strong{font-size:10px;}
	.rpg-page .sec6 .resources-in .right .rpg img{width:100px;top:15px;left:-50px}
	.rpg-page .sec6 .resources-in .right .rpg{height:110px}
	.rpg-page .sec6 .resources-in .right .rpg h4,.rpg-page .sec6 .resources-in .right .gms h4{font-size:14px;padding:15px 0 4px}
	.rpg-page .sec6 .resources-in .right .rpg p,.rpg-page .sec6 .resources-in .right .gms p{font-size:12px;}
	.rpg-page .sec6 .resources-in .right .rpg .btn-yellow, .rpg-page .sec6 .resources-in .right .gms .btn-yellow{font-size:12px;}
	.rpg-page #herosTab .nav-link{width:238px}
	.rpg-page #herosTabContent iframe{height: 400px;}
	/* Dual Sleeves Updates */
	/*.dual-sleeves-banner{padding:70px 0;}*/
	.dual-sleeves-banner{padding:30px 0;}
	.dual-sleeves .matte-dual-sleeves h4{font-size:21px;}
	.dual-sleeves .dual-sleeves-slider{margin-bottom:60px;}
	.dual-sleeves .dual-sleeves-slider .white .sa_owl_theme .owl-nav .owl-prev, .dual-sleeves .dual-sleeves-slider .white .sa_owl_theme .owl-nav .owl-next{top:35% !important}

	.dual-sleeves .explore-sec .btn-yellow{padding:0.375rem 0.6rem;}

	/** Flesh and Flood 3.0 **/
	.fab-heros .banner p{font-size:20px;margin-top:0}
	.fab-heros .sec1-3 h4{font-size:13px;}
	.fab-heros .sec1-3 p{font-size:11px;margin-bottom:20px;}
	.fab-heros .page-title.mb-5{margin-bottom:2rem!important;}
	.fab-heros .sec2-3 h3{font-size:30px;margin:30px 0 8px;}
	.fab-heros .sec2-3 p{font-size:15px;margin-bottom:20px;}
	.fab-heros .sec2-3 .left img{margin-top:20px}
	.fab-heros .sec2-3 .right img{margin-bottom:-40px}

	/* Roleplaying Page chnges 3rd times */
	.rpg-page #herosTab .nav-link{width:365px;}
	.rpg-page .sec5 .desc h3{font-size:15px;}
	.rpg-page .btn-yellow{font-size: 14px;padding: 0.375rem 1rem;}
	.rpg-page .sec5 .desc p{min-height:58px;}
	.rpg-page .sec5 .desc p span{display:initial}
	.rpg-page .sec5 .desc h3 .new:after{top: -15px;right: -15px;font-size: 14px;}

	/** Flesh and Flood 4.0 **/
	.fab-heros .ban1-des{margin-top:-40px}
	.fab-heros .ban2-des{margin-top:-65px}
	.fab-heros .num4-2 .desc{bottom:0%}
	.fab-heros .num4-2 .desc h3{font-size: 30px;}
	.fab-heros .num4-2 .desc p{min-height:55px;}
	.fab-heros .num4-2 .desc p span{display:initial}
	.fab-heros .banner p{font-size:16px;}
	.fab-heros .num4-1 h2{font-size:32px;}
	.fab-heros .num4-1 p{font-size:16px;margin-bottom:50px;}

	/** Valentines **/
	.valentines .banner h6{margin:132px 0 0}
	.valentines .banner h6:before{width:180px;height:131px;margin-left:-90px;}
	.valentines .banner h6.Just-Met:before{margin-left:-66px;}
	.valentines .banner h6.Just-in-Love:before{margin-left:-70px;}
	.valentines .banner h6.Just-Engaged:before{margin-left:-70px;}
	.valentines .banner h6.Just-Married:before{margin-left:-72px;}
	.valentines .page-title{font-size:24px;}
	.valentines .sec h4{font-size:24px;}
	.valentines p{font-size:14px}
	.valentines .sec p span{display:initial}
	.valentines .btn-yellow{padding:6px 15px;}
	.valentines .sec .images{width:220px;height:95px;margin-left:-110px;padding-left:39px}
	.valentines .sec .linkimg2{left:0;top:35px;width:100px;}
	.valentines .sec .contin{bottom:60px;}

	/** Flesh and Flood 5.0 **/
	.fab-heros .header .navbar{margin:5px 0 0}
	.fab-heros .ban1-des{margin-top:-130px}
}

@media (max-width:767px){
	.modal-card-manager .modal-dialog{width:201px}
	.card-manager .left .des .des-in{text-align:center}
	.card-manager .left .xs-4{width:33.33%}
	.card-manager .left img{margin-top:20px}
	.card-manager .right{margin-top:20px;}
	.modal-card-manager .modal-in{width:201px;height:290px;}
	.modal-card-manager .modal-in-con{padding: 20px 25px;}
	.modal-card-manager .modal-in-con .mb-3{margin-bottom:0.5rem!important;}

	/* Digital card manager changes */
	.card-manager .left .xs-4{width:50%}
	.card-manager .app-list>li{width:100%;text-align:center}
	.card-manager .app-list>li:not(:last-child){padding-right:0;margin-bottom:15px;}
	.card-manager .app-list .img-fluid{margin-top:10px;}
	/* Dual Sleeves Updates */
	/*.dual-sleeves-banner{padding:30px 0;}*/
	.dual-sleeves-banner{padding:0;}
	.dual-sleeves .page-title{font-size:21px;}
	.dual-sleeves-banner h2{font-size:21px}
	.dual-sleeves .sleeves-group, .dual-sleeves .sleeves-sec .body-container{margin-bottom:20px}
	.dual-sleeves .explore-sec{padding:25px 0 0;}
	.dual-sleeves .matte-dual-sleeves h6{margin:0 0 20px;}
	.dual-sleeves .matte-sleeves2{margin-bottom:0}
	.dual-sleeves .dual-sleeves-slider{margin-bottom:40px}
	.dual-sleeves .dmcs{padding-bottom:20px}
	.dual-sleeves .accordion-dmcs{margin-bottom:0}
	.dual-sleeves .order-one{order:1}
	.dual-sleeves .order-two{order:2}
	.dual-sleeves .dual-sleeves-slider .owl-carousel:before,.dual-sleeves .dual-sleeves-slider .owl-carousel:after{display:none}

	/* klaviyo-form */
	.klaviyo-form{background-size:contain!important;width:430px!important;padding-top:185px !important;}
	.klaviyo-form [data-testid="form-component"]{padding:5px 15px 0 145px!important;}

	/* RPG 2nd wave */
	.rpg-page .sec5 {margin-bottom: 50px;}
	.rpg-page .sec5 .list{display:initial}
	.rpg-page .sec5 .list>li{width:100%;margin-bottom:30px;text-align:center}
	.rpg-page .sec5 .list>li>img{width:290px;}
	.rpg-page .sec5 .desc{width:290px;bottom:20px;padding:0 15px;left:50%;margin-left:-145px}
	.rpg-page .sec5 .desc p{font-size:12px;}
	.rpg-page .sec6{margin-bottom:50px}
	.rpg-page .sec6 h2{font-size:24px;}
	.rpg-page .sec6 .sub-title{font-size:16px;}
	.rpg-page .sec6 .resources .resources-bg{display:none}
	.rpg-page .sec6 .resources-in{display:initial;position:initial}
	.rpg-page .sec6 .resources-in .left,.rpg-page .sec6 .resources-in .right{width:100%;}
	.rpg-page .sec6 .resources-in .right{padding:0;}
	.rpg-page .sec6 .resources-in .left, .rpg-page .sec6 .resources-in .right .form-group{margin-bottom:30px}
	.rpg-page .sec6 .resources-in .left{background:url(https://www.dragonshield.com/wp-content/uploads/2022/08/Subtract.jpg) no-repeat center bottom/cover;}
	.rpg-page .sec6 .resources-in .right .rpg{background:url(https://www.dragonshield.com/wp-content/uploads/2022/08/Pocket-Guide-bcg.jpg) no-repeat center bottom/cover;}
	.rpg-page .sec6 .resources-in .right .gms{background:url(https://www.dragonshield.com/wp-content/uploads/2022/08/Character-sheet-bcg.jpg) no-repeat center bottom/cover;}
	.rpg-page .sec6 .resources-in .left{padding:100px 15px 15px;}
	.rpg-page .sec6 .resources-in .left img{width:80px;top:-25px;left:50%;margin-left:-40px}
	.rpg-page .sec6 .resources-in .right .rpg, .rpg-page .sec6 .resources-in .right .gms{height:initial;padding:15px 15px;text-align:center}
	.rpg-page .sec6 .resources-in .right .rpg img{position:static;}
	.rpg-page .sec6 .resources-in .right .gms h4{padding:0 0 4px;}
	.rpg-page .sec7 {margin-bottom: 50px;}
	.rpg-page #herosTabContent iframe{height:290px}
	.rpg-page #herosTab{width:290px;margin-left:auto;margin-right:auto}
	.rpg-page #herosTab .nav-link{width:88px;padding:0 5px}
	.rpg-page #herosTab p{display:none}

	.dual-sleeves .explore-sec .btn-yellow{font-size:14px;}
	.dual-sleeves .or{padding:0 7px;}

	/** Flesh and Flood 3.0 **/
	.fab-heros .body-container{margin-bottom: 0;}
	.fab-heros .banner{margin-top:0;margin-bottom:30px}
	.fab-heros .banner p{font-size:14px;}
	.fab-heros .sec1-3{margin-bottom:50px}
	.fab-heros .sec1-3 .form-group{margin-bottom:30px;}
	.fab-heros .sec1-3 h4{font-size:16px}
	.fab-heros .sec1-3 p{font-size:14px;margin-bottom:20px}
	.fab-heros .sec2-3{margin-bottom:50px;padding:30px 0}
	.fab-heros .sec2-3 .left, .fab-heros .sec2-3 .right{text-align:center}
	.fab-heros .sec2-3 .left{margin-bottom:30px;}
	.fab-heros .sec2-3 .left .ord1{order:1}
	.fab-heros .sec2-3 .left .ord2{order:2}
	.fab-heros .sec2-3 .left img{margin-top:0}
	.fab-heros .sec2-3 h3{margin:15px 0 8px;}
	.fab-heros .sec2-3 p{margin-bottom:15px;}
	.fab-heros .sec2-3 .right img{margin-bottom:0}
	.fab-heros .page-title.mb-5{margin-bottom:1rem!important;}
	.fab-heros .sec2-3 h3{font-size:24px;}
	.fab-heros .sec2-3 .left img{margin-left:auto;margin-right:auto}

	/* Roleplaying Page chnges 3rd times */
	.rpg-page .sec9{margin-bottom:50px}
	.rpg-page #herosTab .nav-link{width:145px;}
	.rpg-page .rpg-page-banner-in p{margin-bottom:20px;line-height:1.2em}
	.rpg-page .rpg-page-banner-in .scroll-down{margin:20px 0 0}
	.rpg-page .sec5 .list > li > a img{width:auto;height:580px;}
	.rpg-page .sec5 .desc p{min-height:initial;}

	/** Flesh and Flood 4.0 **/
	.fab-heros .ban1-des{margin-top:-15px;margin-bottom:30px;}
	.fab-heros .ban2-des{margin-top:-20px}
	.fab-heros .ban2-des p{margin-bottom:24px;}
	.fab-heros .banner{margin-bottom:50px;}
	.fab-heros .banner p{font-size:16px}
	.fab-heros .num4-1 h2{font-size:24px}
	.fab-heros .num4-1 p{margin-bottom:30px;}
	.fab-heros .num4-2 .list{display:initial}
	.fab-heros .num4-2 .list>li{width:100%;margin-bottom:30px;text-align:center}
	.fab-heros .num4-2 .list>li>img{width:290px;}
	.fab-heros .num4-2 .desc{width:290px;bottom:20px;padding:0 15px;left:50%;margin-left:-145px}
	.fab-heros .num4-2 .desc p{font-size:12px;}
	.fab-heros .num4-2 .list>li>a img{width:290px;margin:0 auto;}
	.fab-heros .num4-2{margin-bottom:50px}
	.fab-heros .banner p span, .fab-heros .num4-1 p span{display:initial}
	.fab-heros .num4-2 .desc p{font-size:14px}

	/** Valentines **/
	.valentines{margin-top:0}
	.valentines .banner{padding:0 0 37px}
	.valentines p{margin: 0 0 20px;}
	.valentines .banner p.scroll-down{margin:24px 0 40px}
	.valentines .banner h6.Just-Met:before, .valentines .banner h6.Just-in-Love:before,.valentines .banner h6.Just-Married:before{margin-left:-70px;}
	.valentines .banner h6.Just-Engaged:before{left:50%;margin-left:-70px;}
	.valentines .sec .contin{position:static;text-align:center;}
	.valentines .sec .mtop{position:absolute;top:0;}
	.valentines .sec h5{margin:30px 0 0;}
	.valentines .banner .container{margin-bottom:0;}
	.valentines .sec5{padding:0 0 50px}

	/** Flesh and Flood 5.0 **/
	.fab-heros .ban1-des{margin-top:-18%;}
	.fab-heros .sec1-3.banner2{padding:30px 0;margin-bottom:0}
	.fab-heros .sec1-3.banner2 h4{margin:0px 0 8px;}
	.fab-heros .sec1-3.banner2 p{margin-bottom:14px}
	.fab-heros .banner{margin-bottom:0}
}

@media (max-width:575px){
	.modal-card-manager .modal-dialog{margin:0.5rem auto;}
}



/* ==========================================
	New Dual Page And New Albums Page CSS
============================================= */
/*
@font-face {
    font-family: 'Humanst521BT';
    src: url('../fonts/Humanist521BT-Roman.eot');
    src: url('../fonts/Humanist521BT-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Humanist521BT-Roman.woff2') format('woff2'),
        url('../fonts/Humanist521BT-Roman.woff') format('woff'),
        url('../fonts/Humanist521BT-Roman.ttf') format('truetype'),
        url('../fonts/Humanist521BT-Roman.svg#Humanist521BT-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/
.dualpage-main-wrapper a, .albumspage-main-wrapper a{text-decoration: none;}
.dualpage-main-wrapper img, .albumspage-main-wrapper img{max-width: 100%; height: auto;}
.dualpage-main-wrapper .container, .albumspage-main-wrapper .container{ max-width: 1284px; width: 100%; margin: 0 auto;}
.ds-btn{background: #FFDA00; border-radius: 4px; font-family: 'Metamorphous', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; color: #000000; padding: 10px 32px; display: inline-block; text-decoration: none; vertical-align: top; cursor: pointer;}
.ds-btn:hover{text-decoration: none; color: #000000;}
.main-heading{font-family: 'Metamorphous', sans-serif; font-weight: 400; font-size: 40px; line-height: 50px; color: #FFFFFF; margin-bottom: 16px;}
.md-none{display: none;}

/* Hero Banner Section Start */
.ds-hero-wrapper{background-repeat: no-repeat; background-position: center; background-size: cover; height:100vh; position: relative;}
.ds-hero-wrapper .container {position: absolute; bottom: 47px; left: 0; right: 0;z-index: 1;}
.ds-hero-wrapper::after{content: ''; position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); height: 355px; width: 100%; transform: rotate(180deg);}
.ds-hero-wrapper::before{content: ''; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.8; height: 256px; width: 100%;}
.ds-hero-wrapper .banner-content{max-width: 1000px; width: 100%; margin: 0 auto; }
.ds-hero-wrapper .banner-content img {margin-bottom: -45px;}
.ds-hero-wrapper .banner-content p{max-width: 914px; width: 100%; font-weight: 100; font-size: 24px; line-height: 28px; text-align: center; color: #FFFFFF; margin: 0 auto 27px; font-family: 'Source Sans Pro', sans-serif;}
.ds-hero-wrapper .banner-content .btn-section{margin: 0 auto; width: fit-content; z-index: 999; position: relative;}
/* Hero Banner Section End */

/* Rownite Creed Section Start */
.ds-rownite{background-color: #000000; padding-top: 27px;}
.ds-rownite .ds-rownite-wrapper{text-align: center; max-width: 873px; width: 100%; margin: 0 auto;}
.ds-rownite .ds-rownite-wrapper h4{font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 26px; line-height: 30px; color: #FFFFFF; max-width: 250px; width: 100%; margin: 0 auto 43px;}
.ds-rownite .ds-rownite-wrapper p{ font-family: 'Source Sans Pro', sans-serif; font-weight: 100; font-size: 24px; line-height: 28px; text-align: center; color: #FFFFFF; margin: 0;}
/* Rownite Creed Section End */

/* Wisdom Section Start */
.ds-wisdom{margin-bottom: 119px; position: relative;}
.ds-wisdom::before{content: ''; position: absolute; top: -1px; left: 0; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.5) 52.08%, rgba(0, 0, 0, 0) 100%); height: 38%; width: 100%; z-index: 1; pointer-events: none;}
.ds-wisdom::after{content: ''; position: absolute; bottom: -1px; left: 0; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.5) 52.08%, rgba(0, 0, 0, 0) 100%); transform: rotate(180deg); height: 38%; width: 100%; z-index: 1; pointer-events: none;}
.ds-product-type-image{position: relative; width: 81%;}
.ds-product-type-wrapper .overlay-crop{max-width: 980px; pointer-events: none; width: 100%; height: 100%; position: absolute; top: 0; right: -11px;}
.product-sample{max-width: 431px; width: 100%; z-index: 2; position: absolute; bottom: 13%; left: 35%;}
.product-type-content{max-width: 461px; margin-left: auto;}
.product-type-content .product-title{font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 20px; line-height: 23px; color: #0454A3; margin-bottom: 9px; text-decoration: none;}
.ds-might .product-type-content .product-title{color: #007248;}
.ds-valor .product-type-content .product-title{color: #FFF6DA;}
.product-type-content .main-heading{letter-spacing: -0.02em;}
.product-type-content p{font-family: 'Source Sans Pro', sans-serif;font-weight: 400; font-size: 16px; line-height: 19px; color: #FFFFFF;     margin-bottom: 19px;}
.product-type-content p:last-child{margin-bottom: 0;}
.product-type-content .product-para{margin-bottom: 21px;}
.ds-wisdom .container {position: absolute;/* height: 100%; top: 0; */ bottom: 19.5%; left: 0; right: 0;z-index: 2; display: flex;align-items: center;}
.ds-product-type-wrapper {  overflow: hidden;}
/* Wisdom Section End */

/* Join Rowan Start */
.join-rowan{position: relative; background-image: url('../images/dual-page/join-rowan.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.join-rowan .container{position: relative; z-index: 1;}
.join-rowan::before{content: ''; position: absolute; top: -1px; left: 0; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); height: 48%; width: 100%;}
.join-rowan::after{content: ''; position: absolute; bottom: -1px; left: 0; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); height: 48%; width: 100%; transform: rotate(180deg);}
.join-rowan-wrapper{text-align: center;}
.join-rowan-wrapper h4{font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 24px; line-height: 30px; color: #FFFFFF; max-width: 510px; margin: 0 auto;}
.join-rowan-wrapper span{ font-family: 'Source Sans Pro', sans-serif; font-weight: 400; display: block; font-size: 16px; line-height: 26px; color: #FFFFFF;}
.join-rowan-title{padding-bottom: 35px;}
.new-items-list{display: flex; justify-content: space-between; margin: 0 -15px;}
.new-items-list .new-item{text-align: center; max-width: calc(100% / 3); width: 100%; padding: 0 15px;}
.new-items-list .new-item img{max-width: 360px; width: 100%; margin: 0 auto; display: block;}
.new-items-list .new-item .item-details{padding-top: 16px;}
.new-items-list .new-item .item-details h5{ font-family: 'Source Sans Pro', sans-serif;font-weight: 700; font-size: 16px; line-height: 19px;text-transform: uppercase; color: #FFFFFF; margin-bottom: 12px;}
.new-items-list .new-item .item-details h4{font-family: 'Source Sans Pro', sans-serif;font-weight: 700; font-size: 32px; line-height: 38px; color: #0454A3; margin-bottom: 16px; font-style: normal;}
.new-items-list .new-item:nth-child(2) .item-details h4{color: #FFF6DA;}
.new-items-list .new-item:last-child .item-details h4{color: #007248;}
.new-items-list .new-item .item-details p{font-family: 'Source Sans Pro', sans-serif; font-weight: 100; font-size: 16px; line-height: 19px; color: #FFFFFF; max-width: 404px; margin: 0 auto;   margin-bottom: 24px; width: 100%; }
/* Join Rowan End */

/* Alaric Darkness Start */
.alaric-darkness{ position: relative; margin: 184px 0;}
.alaric-darkness > .container{position: absolute;  left: 0; right: 0; z-index: 1;}
.alaric-darkness-wrapper{text-align: center;}
.alaric-darkness-wrapper > p{max-width: 873px; width: 100%;font-family: 'Source Sans Pro', sans-serif;font-weight: 100; font-size: 24px; line-height: 28px; text-align: center; color: #FFFFFF; margin: 0 auto 42px;}
.alaric-darkness-wrapper a{font-family: 'Metamorphous', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; color: #FFFFFF;  text-decoration: none; padding-left: 28px; position: relative; margin-bottom: 61px; display: inline-block;}
.alaric-darkness-wrapper a::before{content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M17.5 10C17.5 5.85938 14.1406 2.5 10 2.5C5.85938 2.5 2.5 5.85938 2.5 10C2.5 14.1406 5.85938 17.5 10 17.5C14.1406 17.5 17.5 14.1406 17.5 10Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M8.45001 13.0641L12.9207 10.3633C12.983 10.3253 13.0345 10.272 13.0703 10.2083C13.106 10.1447 13.1248 10.073 13.1248 10C13.1248 9.92703 13.106 9.85528 13.0703 9.79166C13.0345 9.72804 12.983 9.67468 12.9207 9.63672L8.45001 6.93593C8.38593 6.89754 8.31278 6.87689 8.23809 6.87609C8.16339 6.87529 8.08982 6.89438 8.02494 6.9314C7.96005 6.96841 7.90618 7.02202 7.86885 7.08673C7.83152 7.15143 7.81207 7.22491 7.81251 7.29961V12.7004C7.81207 12.7751 7.83152 12.8486 7.86885 12.9133C7.90618 12.978 7.96005 13.0316 8.02494 13.0686C8.08982 13.1056 8.16339 13.1247 8.23809 13.1239C8.31278 13.1231 8.38593 13.1025 8.45001 13.0641Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");}
.alaric-list{display: flex; flex-wrap: wrap;}
.revolution-kindler{width: 73%; position: relative;}
.revolution-kindler img{width: 100%; max-width: 1110px; }
.play-alaric{position: absolute; bottom: 5px; left: 108px; z-index: 9;}
.alaric-list a{font-family: 'Metamorphous', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; color: #FFFFFF; text-decoration: none; padding-left: 28px; position: relative;}
.alaric-list a::before{content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath d='M17.5 10C17.5 5.85938 14.1406 2.5 10 2.5C5.85938 2.5 2.5 5.85938 2.5 10C2.5 14.1406 5.85938 17.5 10 17.5C14.1406 17.5 17.5 14.1406 17.5 10Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M8.45001 13.0641L12.9207 10.3633C12.983 10.3253 13.0345 10.272 13.0703 10.2083C13.106 10.1447 13.1248 10.073 13.1248 10C13.1248 9.92703 13.106 9.85528 13.0703 9.79166C13.0345 9.72804 12.983 9.67468 12.9207 9.63672L8.45001 6.93593C8.38593 6.89754 8.31278 6.87689 8.23809 6.87609C8.16339 6.87529 8.08982 6.89438 8.02494 6.9314C7.96005 6.96841 7.90618 7.02202 7.86885 7.08673C7.83152 7.15143 7.81207 7.22491 7.81251 7.29961V12.7004C7.81207 12.7751 7.83152 12.8486 7.86885 12.9133C7.90618 12.978 7.96005 13.0316 8.02494 13.0686C8.08982 13.1056 8.16339 13.1247 8.23809 13.1239C8.31278 13.1231 8.38593 13.1025 8.45001 13.0641Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");}
.alaric-list-inner{max-width: 26%; width: 100%;padding-right: calc((100% - 1284px)/2); position: absolute; right: 0; bottom: 0;}
.alaric-list-inner img{width: 100%; display: block;}
.alaric-list-inner .crimson-king{margin-bottom: 15px; position: relative;}
.alaric-list-inner .chaos-wraith{position: relative;}
.alaric-list-inner .play-alaric{left: 11px; bottom: 15px;}
.alaric-list-inner .play-alaric a{font-size: 12px; line-height: 18px; display: inline-block;}
.alaric-list-inner .play-alaric a::before{width: 18px; height: 18px;}
.blog-colors-option{width: calc(100% - 695px); padding-bottom: 20px;}
/* Alaric Darkness End */

/* Colors Blog Start */
.colors-blog{background-color: #000000; padding-bottom: 120px;}
.colors-blog-wrapper{display: flex; align-items: end; flex-wrap: wrap;}
.colors-blog-wrapper .blog-title{max-width: 231px; width: 100%;}
.colors-blog-wrapper .blog-title ul{padding: 0; margin: 0; list-style: none;}
.colors-blog-wrapper .blog-title ul li{list-style: none;}
.colors-blog-wrapper .blog-title h5{ font-family: 'Source Sans Pro', sans-serif;font-weight: 700; font-size: 24px; line-height: 28px; color: #FFFFFF; margin-bottom: 4px; text-align: right;}
.colors-blog-wrapper .blog-title p{font-family: 'Source Sans Pro', sans-serif; font-weight: 100; font-size: 16px; line-height: 19px; color: #FFFFFF; margin-bottom: 20px; text-align: right;}
.blog-cover-img{max-width: 440px; width: 100%; margin-right: 24px;}
.blog-cover-img img{width: 100%;}
.blog-colors-option .option-content{margin-bottom: 5px;}
.blog-colors-option .option-content h5{font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 16px; line-height: 19px; color: #FFFFFF; margin-bottom: 8px;}
.blog-colors-option .option-content ul{list-style: disc; margin-left: 24px; padding: 0;}
.blog-colors-option .option-content ul li{font-family: 'Source Sans Pro', sans-serif; font-weight: 100; font-size: 16px; line-height: 19px; color: #FFFFFF; margin-bottom: 20px; margin-bottom: 9px;}
.blog-colors-option .option-img{width: fit-content;}
.blog-colors-option .option-img img{height: 160px;}
.blog-colors-option .option-img h5{font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 16px; line-height: 19px; text-transform: uppercase; color: #FFFFFF; text-align: center;}
/* Colors Blog End */

/* DS Vedio Start */
.ds-vedio{position: relative;}
.ds-vedio-wrapper img{width: 100%;}
.ds-vedio-wrapper .cover-vedio{margin-bottom: 30px; position: relative;}
.ds-vedio-wrapper .cover-vedio:before{display: block; content: ""; /* padding-bottom:66%; */ padding-bottom: 56.25%;}
.ds-vedio-wrapper .cover-vedio iframe, .ds-vedio-wrapper .cover-vedio object, .ds-vedio-wrapper .cover-vedio embed { position:absolute;  top:0;  left:0; object-fit: cover; object-position: center;  width:100%;  height:100%;}
.vedio-list{display: flex; column-gap: 40px; flex-wrap: wrap;}
.vedio-list .vedio-list-item{width: calc(50% - 20px);}
.vedio-list .vedio-list-item img{max-height: 410px; height: 100%; display: block; object-fit: cover; margin-bottom: 9px;}
.vedio-list .vedio-list-item h5{ font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 16px; line-height: 19px; color: #FFFFFF; }
.ds-vedio-wrapper .vedio-list-item .cover-vedio{margin-bottom: 8px;}
/* DS Vedio End */

/* What are Dual Matte Start */
.ds-dual-matte{position: relative; padding-top: 120px; padding-bottom: 120px;}
.dual-matte-wrapper{display: flex; justify-content: space-between; flex-wrap: wrap;}
.dual-matte-wrapper .dual-matte-left{width: 50%; padding-right: 15px;}
.dual-matte-wrapper .dual-matte-left h4{ font-family: 'Source Sans Pro', sans-serif;font-weight: 700; font-size: 32px; line-height: 38px; color: #FFFFFF; margin-bottom: 16px;}
.dual-matte-wrapper .dual-matte-left p{font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 19px; color: #FFFFFF;}
.dual-matte-wrapper .dual-matte-right input { position: absolute; opacity: 0; z-index: -1; }
/* Accordion styles */
.dual-matte-wrapper .dual-matte-right .tab { overflow: hidden;}
.dual-matte-wrapper .dual-matte-right .accordion-box{border: 1px solid #f2d126; margin-bottom: 15px;}
.dual-matte-wrapper .dual-matte-right .tab-label {text-decoration: none; display: flex; justify-content: space-between; font-family: 'Metamorphous'; font-weight: 400; font-size: 12px; line-height: 15px; color: #FFFFFF; padding: 10px 35px 10px 15px;  position: relative;}
.dual-matte-wrapper .dual-matte-right .tab-label::after {content: "\f0d7"; display: inline-block; font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #f2d126; position: absolute; top: 12px; right: 15px;}
.dual-matte-wrapper .dual-matte-right .tab-label.active::after{ content: "\f0da";}
.dual-matte-wrapper .dual-matte-right .content{display: none; padding: 15px;}
.dual-matte-wrapper .dual-matte-right .content p{font-family: 'Source Sans Pro', sans-serif; font-size: 14px;  line-height: 1.2em; color: #FFFFFF;}
.dual-matte-wrapper .dual-matte-right .tab-close { display: flex; justify-content: flex-end; padding: 1em; font-size: 0.75em; background: #181818; cursor: pointer;}
.dual-matte-right{max-width: 50%; width: 100%; padding-left: 15px; margin-top: 54px;}
/* What are Dual Matte End */


.alaric-popup { position: fixed; left: 0;  z-index: 9; top: 0;  height: 100%;  width: 100%; background-color: rgba(0,0,0,.7); opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s,visibility 0s .3s;  -moz-transition: opacity .3s 0s,visibility 0s .3s; transition: opacity .3s 0s,visibility 0s .3s; display: flex; align-items: center; justify-content: center;}
.alaric-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity .3s 0s,visibility 0s 0s; -moz-transition: opacity .3s 0s,visibility 0s 0s; transition: opacity .3s 0s,visibility 0s 0s}
.alaric-popup-container { position: relative;  width: 90%; max-width: 760px;  margin: 2em auto; background: #fff;  border-radius: .25em .25em .4em .4em;  text-align: center;  box-shadow: 0 0 20px rgba(0,0,0,.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden;  -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform;  -webkit-transition-duration: .3s; -moz-transition-duration: .3s;  transition-duration: .3s}
.alaric-popup-container:before{content: ""; position: relative; display: block; padding-bottom: 56.25%;}
.alaric-popup-container video, .alaric-popup-container source{position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; border: none; outline: 0;}
.alaric-popup-container .alaric-popup-close {  position: absolute;  top: 8px; right: 8px; width: 30px; font-size: 0;  height: 30px}
.alaric-popup-container .alaric-popup-close::before,.alaric-popup-container .alaric-popup-close::after { content: '';  position: absolute; top: 12px;  width: 14px;  height: 3px; background-color: #8f9cb5}
.alaric-popup-container .alaric-popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  left: 8px}
.alaric-popup-container .alaric-popup-close::after { -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  right: 8px}
.alaric-popup.is-visible .alaric-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0);  -ms-transform: translateY(0); -o-transform: translateY(0);   transform: translateY(0);}

/* Media Query CSS */
@media (min-width: 1600px) {
    .alaric-list-inner { max-width: 33%;}
    .alaric-darkness, .ds-wisdom{max-width: 1920px; margin-left: auto; margin-right: auto;}
    .ds-wisdom .container{bottom: 18%;}
}
@media (max-width: 1320px) {
    .dualpage-main-wrapper .container, .albumspage-main-wrapper .container{max-width: 990px; padding: 0 15px;}
    .product-type-content { max-width: 400px;}
    .ds-product-type-image{width: 75%;}
    .main-heading{font-size: 36px; line-height: 1.4;}
    .product-sample {max-width: 360px; left: 28%;     bottom: 10%;}
    .ds-product-type-wrapper .overlay-crop{right: -25%;}
    .product-type-content p {  font-size: 14px;  margin-bottom: 15px;}
    .ds-wisdom {  margin-bottom: 100px;}
    .alaric-list-inner {  padding-right: calc((100% - 990px)/2);}
    .revolution-kindler { width: 68%;}
    .blog-colors-option .option-content ul li{font-size: 14px;}
    .colors-blog-wrapper .blog-title h5 { font-size: 22px; line-height: 26px;}
    .blog-cover-img {  max-width: 400px;}
    .blog-colors-option { width: calc(100% - 655px);}
    .dual-matte-right{max-width: 100%; margin-top: 30px; padding: 0;}
    .dual-matte-wrapper .dual-matte-left p{max-width: 100%;}
    .ds-dual-matte { padding-top: 100px; padding-bottom: 100px;}
    .alaric-darkness { margin: 150px 0;}
    .dual-matte-wrapper .dual-matte-left{width: 100%; padding: 0;}
    .ds-wisdom .container{bottom: 0; top: 0; height: 100%;}
}
@media (max-width: 991px) {
    .ds-btn{font-size: 14px; line-height: 18px;    padding: 8px 24px;}
    .main-heading { font-size: 32px; line-height: 1.4;}
    .dualpage-main-wrapper .container, .albumspage-main-wrapper .container{max-width: 740px;}
    .blog-colors-option{width: 100%; margin-top: 15px;}
    .colors-blog-wrapper .blog-title, .blog-cover-img{max-width: 100%; width: 50%; margin: 0;}
    .colors-blog-wrapper .blog-title h5{text-align: left;}
    .alaric-darkness > .container{position: relative;}
    .alaric-darkness { margin: 60px 0;}
    .alaric-list{padding: 0 15px;}
    .alaric-list .revolution-kindler{width: 100%;}
    .alaric-list-inner{padding: 0; margin-top: 15px; width: 100%; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 100%;}
    .alaric-list-inner .crimson-king{width: 48%; margin: 0;}
    .colors-blog {  padding-bottom: 60px;}
    .ds-dual-matte{padding: 80px 0;}
    .alaric-darkness-wrapper > p, .ds-hero-wrapper .banner-content p { font-size: 22px;line-height: 26px;}
    .new-items-list .new-item .item-details h4 { font-size: 28px; line-height: 34px;}
    .join-rowan-wrapper h4, .ds-rownite .ds-rownite-wrapper h4 { font-size: 24px; line-height: 28px;}
    .ds-wisdom .container{position: relative; align-items: inherit; max-width: 100%;    bottom: auto;}
    .product-type-content{max-width: 100%; margin: 0;}
    .ds-product-type-image{width: 100%;}
    .ds-product-type-wrapper .overlay-crop{right: -10%;}
    .ds-wisdom {  margin-bottom: 80px;}
    .lg-block{display: none;}
    .md-none{display: block;}
    .alaric-darkness-wrapper>p{margin-bottom: 30px;}
    .colors-blog-wrapper .blog-title p{text-align: left;}
}
@media (max-width: 767px) {
    .main-heading {  font-size: 28px; }
    .dualpage-main-wrapper .container, .albumspage-main-wrapper .container{ width: 100%; max-width: 100%; padding-right: 15px; padding-left: 15px;}
    .ds-hero-wrapper{height: 50vh; margin-bottom: 70px;}
    .ds-hero-wrapper .container{padding: 0; bottom: -50px;}
    .ds-hero-wrapper .banner-content p {font-size: 16px;line-height: 19px;padding: 0 15px;}
    .ds-hero-wrapper .banner-content img {  margin-bottom: -15px;}
    .ds-product-type-wrapper .overlay-crop{right: 0;}
    .new-items-list{display: block; margin: 0;}
    .new-items-list .new-item{max-width: 100%; padding: 0; margin: 15px 0;}
    .ds-vedio-wrapper .cover-vedio:before { padding-bottom: 56.25%;}
    .vedio-list .vedio-list-item{width: 100%; margin-bottom: 15px;}
    .vedio-list{column-gap: inherit;}
    .ds-footer .footer-wrapper{justify-content: center;}
    .dual-matte-wrapper .dual-matte-right .content{padding: 0 15px 15px;}
    .colors-blog-wrapper .blog-title, .blog-cover-img{display: none;}
    .join-rowan-wrapper h4, .ds-rownite .ds-rownite-wrapper h4 {  font-size: 20px;  line-height: 24px;}
    .ds-wisdom::before{height: 16%;}
    .ds-wisdom::after{display: none;}
    .product-type-content p, .new-items-list .new-item .item-details p{font-size: 16px; line-height: 19px;}
    .product-type-content .main-heading, .new-items-list .new-item .item-details h4, .new-items-list .new-item .item-details h5, .dual-matte-wrapper .dual-matte-left h4{margin-bottom: 8px;}
    .ds-wisdom {  margin-bottom: 60px;}
    .play-alaric{left: 10px;}
    .alaric-darkness {  margin: 60px 0;}
    .ds-dual-matte{padding: 60px 0;}
    .ds-rownite .ds-rownite-wrapper p br{display: none;}
    .alaric-list-inner .crimson-king{width: 100%;}
    .alaric-list-inner .chaos-wraith{margin-top: 15px; width: 100%;}
    .ds-vedio-wrapper .cover-vedio{margin-bottom: 15px;}
    .ds-footer .footer-wrapper .footer-menu{margin-bottom: 9px;}
    .ds-hero-wrapper::before, .ds-hero-wrapper::after{height: 30%; opacity: 0.7;}
    .dual-matte-wrapper .dual-matte-right .tab-label{font-size: 14px; line-height: 1.2em;}
}
@media (max-width : 480px) {
    .main-heading, .dual-matte-wrapper .dual-matte-left h4, .new-items-list .new-item .item-details h4 { font-size: 24px; line-height: 30px;}
    .ds-btn {font-size: 12px;  line-height: 15px; padding: 6px 20px;}
    .product-sample { max-width: 260px; left: auto; bottom: 0%;  right: 15px;}
    .ds-footer .footer-menu a, .ds-footer .copy-right p{font-size: 10px; line-height: 12px;}
    .join-rowan-wrapper h4, .ds-rownite .ds-rownite-wrapper h4, .ds-rownite .ds-rownite-wrapper p, .product-type-content .product-title, .alaric-darkness-wrapper > p {  font-size: 16px;  line-height: 19px;}
    .ds-rownite .ds-rownite-wrapper h4{max-width: 160px;}
    .ds-rownite .ds-rownite-wrapper h4{margin-bottom: 16px;}
    .alaric-list a, .new-items-list .new-item .item-details h5{font-size: 12px; line-height: 15px;}
    .dual-matte-right{margin-top: 10px;}
}


/* DS Album Hero Start */
.ds-album-hero{
    background-image: url('../images/albums-page/album-hero.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 820px;
}
.ds-album-hero .container{position: absolute; bottom: 0; left: 0; right: 0;z-index: 2;}
.album-hero-wrapper {text-align: center;}
.album-hero-image{max-width: 929px; width: 100%; position: absolute; bottom: 99px; left: 0; right: 0; margin: 0 auto; }
.album-hero-wrapper h2{font-family: 'Metamorphous', sans-serif; font-weight: 400; font-size: 96px; line-height: 120px; margin-bottom: 16px; color: #fff;}
.album-hero-wrapper p{font-family: 'Source Sans Pro', sans-serif;  font-weight: 400; font-size: 24px;line-height: 29px; max-width: 873px; margin: 0 auto 24px; color: #fff;}
.ds-album-hero::before{content: ''; position: absolute; bottom: 47px; left: 0; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.792189) 34.5%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%); height: 47%; width: 100%; transform: rotate(180deg); z-index: 1;}
.ds-album-hero::after{content: ''; position: absolute; bottom: 0px; left: 0; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.792189) 34.5%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%); height: 47%; width: 100%; transform: rotate(180deg); z-index: 1; }
/* DS Album Hero End */

/* DS Card Codex Start */
.card-codex{padding: 120px 0 80px; position: relative;}
.card-codex .container {max-width: 1182px;}
.card-codex::before{content: ''; top: 50%; left: 0; background-image: url(../images/albums-page/Dragon-png.png); background-size: contain; background-position: left center; background-repeat: no-repeat; display: block; max-width: 599px; width: 100%; max-height: 737px; height: 100%; position: absolute; transform: translateY(-50%);  pointer-events: none;}
.card-codex .card-codex-wrapper{display: flex; flex-wrap: wrap; align-items: center;}
.card-codex .card-codex-left{max-width: 528px;width: 100%;}
.card-codex .card-codex-left ul, .zipster-binder .zipster-right ul{margin: 0; padding: 0; list-style: none;}
.card-codex .card-codex-left h4{font-family: 'Metamorphous', sans-serif; font-weight: 400; color: #fff; font-size: 32px; line-height: 40px; margin-bottom: 32px;}
.card-codex .card-codex-left h3{font-family: 'Source Sans Pro', sans-serif; font-weight: 700; color: #fff; font-size: 24px; line-height: 29px; margin-bottom: 8px;}
.card-codex .card-codex-left p{font-family: 'Source Sans Pro', sans-serif; font-weight: 200; color: #fff; font-size: 24px; line-height: 29px; margin-bottom: 32px;}
.card-codex .card-codex-right img{max-width: 606px; width: 100%;  display: block; margin-left: auto;}
.card-codex .card-codex-right{width: calc(100% - 528px);}
/* DS Card Codex End */

/* What is Card Codex Start */
.cc-explain {padding-bottom: 80px;}
.cc-explain .cc-explain-wrapper{text-align: center;}
.cc-explain .cc-explain-wrapper img{max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; display: block;}
/* What is Card Codex End */

/* Codex List Start */
.codex-list{background-image: url(../images/albums-page/Scale.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
.codex-list .codex-list-wrapper{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -15px;}
.codex-list .codex-item{text-align: center; max-width: calc(100% / 3); width: 100%; padding: 0 15px;}
.codex-list .codex-item img{max-width: 366px; width: 100%; display: inline-block; margin-bottom: 10px;}
.codex-list .codex-item h5{font-family: 'Source Sans Pro', sans-serif;  color: #FFFFFF;font-weight: 400; font-size: 24px; line-height: 29px; margin-bottom: 9px;}
.codex-list .codex-item h4{font-family: 'Source Sans Pro', sans-serif;  color: #FFFFFF; font-weight: 700; font-size: 32px; line-height: 39px; margin-bottom: 24px;}
/* Codex List End */

/* Zipster Binder Start */
.zipster-binder{padding: 120px 0 80px; position: relative;}
.zipster-binder::before{content: ''; top: 50%; right: 0; background-image: url(../images/albums-page/zipster-Dragon-png.png); background-size: contain; background-position: right center; background-repeat: no-repeat; display: block; max-width: 599px; width: 100%; max-height: 737px; height: 100%; pointer-events: none;  position: absolute; transform: translateY(-50%);}
.zipster-binder .zipster-wrapper{display: flex; flex-wrap: wrap; margin: 0 auto;}
.zipster-binder .zipster-wrapper img{max-width: 749px; width: 100%; display: block;  margin-left: auto;}
.zipster-binder .zipster-left{width: 50%; padding-left: 20px;}
.zipster-binder .zipster-right{width: 50%;  padding-right: calc((100% - 1284px)/2);}
.zipster-binder .zipster-right .zipster-right-wrapper{max-width: 528px; width: 100%;    margin-left: auto;}
.zipster-binder .zipster-right h4{color: #FFFFFF; font-family: 'Metamorphous', sans-serif; font-weight: 400; font-size: 32px; line-height: 40px; margin-bottom: 32px;}
.zipster-binder .zipster-right h3{color: #FFFFFF;font-family: 'Source Sans Pro', sans-serif;  font-weight: 700; font-size: 24px; line-height: 29px; margin-bottom: 8px;}
.zipster-binder .zipster-right p{color: #FFFFFF;font-family: 'Source Sans Pro', sans-serif;  font-weight: 200; font-size: 24px; line-height: 29px; margin-bottom: 32px;}
/* Zipster Binder End */

/* What is Zipster Start */
.zip-explain .zip-explain-wrapper{text-align: center;}
.zip-explain .zip-explain-wrapper img{max-width: 1183px; width: 100%; margin-left: auto; margin-right: auto; display: block;}
/* What is Zipster End */

/* Zipster List Start */
.zipster-list{background-image: url(../images/albums-page/Scale-zipster.png); background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 100px; margin-top: 60px;}
.zipster-list .zipster-list-wrapper{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 -15px;}
.zipster-list .zipster-item{text-align: center; max-width: calc(100% / 3); padding: 0 15px; width: 100%;}
.zipster-list .zipster-item img{max-width: 389px; width: 100%; display: inline-block; margin-bottom: 16px;}
.zipster-list .zipster-item h5{font-family: 'Source Sans Pro', sans-serif;  font-weight: 400; color: #FFFFFF; font-size: 24px; line-height: 29px; margin-bottom: 9px;}
.zipster-list .zipster-item h4{font-family: 'Source Sans Pro', sans-serif;  font-weight: 700; color: #FFFFFF; font-size: 32px; line-height: 39px; margin-bottom: 24px;}
/* Zipster List End */

.Card-Codex-mb-slider, .Zipster-Binder-mb-slider{display: none;}
.Card-Codex-mb-slider .slick-arrow, .Zipster-Binder-mb-slider .slick-arrow{background-image: url("data:image/svg+xml,%3Csvg width='15' height='25' viewBox='0 0 15 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.2295 24.4213L2.05929 24.2416L2.22951 24.4213L14.0012 13.273C14.3329 12.9587 14.3329 12.4528 14.0012 12.1386L2.22951 0.990221C1.90074 0.678867 1.36654 0.669409 1.02516 0.966337C0.669731 1.27548 0.656158 1.80008 0.998843 2.12461L12.1716 12.7058L0.998843 23.2869C0.656159 23.6114 0.669731 24.136 1.02516 24.4452C1.36654 24.7421 1.90074 24.7327 2.2295 24.4213Z' fill='white' stroke='white' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: inherit; border: none; background-color: transparent; position: absolute; top: 33%; height: 26px; width: 26px; left: 0; font-size: 0;}
.Card-Codex-mb-slider .slick-arrow.slick-next, .Zipster-Binder-mb-slider .slick-arrow.slick-next {right: 0; left: auto;}
.Card-Codex-mb-slider .slick-arrow.slick-prev, .Zipster-Binder-mb-slider .slick-arrow.slick-prev {transform: rotate(180deg);}
/* Codex Slider Start */
.codex-slider-item{max-width: 264px; margin: 0 auto; width: 100%; text-align: center;}
.codex-slider-item .codex-slider-img{height: 264px; background: rgba(255, 255, 255, 0.4); margin-bottom: 16px;}
.codex-slider-item .codex-slider-img img{width: 100%; display: block;}
.codex-slider-item .codex-slider-details h4{font-family: 'Source Sans Pro', sans-serif;  font-weight: 700; font-size: 16px; line-height: 19px; color: #FFFFFF; margin-bottom: 4px;}
.codex-slider-item .codex-slider-details p{font-family: 'Source Sans Pro', sans-serif;  font-weight: 400; font-size: 16px; line-height: 19px; color: #FFFFFF; max-width: 218px; width: 100%; margin: 0 auto;}
/* Codex Slider Start */

/* Zipper Slider Start */
.zipper-slider-item{max-width: 264px; margin: 0 auto; width: 100%; text-align: center;}
.zipper-slider-item .zipper-slider-img{height: 264px; background: rgba(255, 255, 255, 0.4); margin-bottom: 16px;}
.zipper-slider-item .zipper-slider-img img{width: 100%; display: block;}
.zipper-slider-item .zipper-slider-details h4{font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 16px; line-height: 19px; color: #FFFFFF; margin-bottom: 4px;}
.zipper-slider-item .zipper-slider-details p{font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 19px; color: #FFFFFF; max-width: 218px; width: 100%; margin: 0 auto;}
/* Zipper Slider Start */

@media (max-width: 1320px) {
    .album-hero-wrapper h2 { font-size: 76px; line-height: 1.4;}
    .card-codex { padding: 100px 0 80px;}
    .codex-list .codex-item h4 { font-size: 28px;line-height: 1.4;}
    .codex-list .codex-item h5, .zipster-binder .zipster-right h3, .zipster-binder .zipster-right p{font-size: 22px; line-height: 26px;}
    .codex-list .codex-item h4{margin-bottom: 20px;}
    .zipster-list { margin-bottom: 80px; margin-top: 40px;}
}
@media (max-width: 991px) {
    .album-hero-wrapper p{font-size: 22px; line-height: 26px;}
    .zipster-list .zipster-item h5{font-size: 20px; line-height: 1.2;}
    .zipster-list .zipster-item h4{font-size: 26px; line-height: 1.4;}
    .album-hero-wrapper h2 { font-size: 60px;}
    .card-codex .card-codex-left, .zipster-binder .zipster-right .zipster-right-wrapper{max-width: 100%; text-align: center;}
    .card-codex .card-codex-right{width: 100%;}
    .zipster-binder .zipster-right, .zipster-binder .zipster-left{width: 100%; padding: 0 15px;}
    .zipster-binder .zipster-left{order: 2;}
    .card-codex .card-codex-right img{margin-right: auto;}
    .zipster-binder .zipster-wrapper img{max-width: 580px; margin-right: auto;}
}
@media (max-width: 767px) {
    .main-heading, .card-codex .card-codex-left h4, .zipster-binder .zipster-right h4 {  font-size: 28px; line-height: 1.4; }
    .album-hero-wrapper h2 { font-size: 40px; line-height: 50px;}
    .album-hero-wrapper p, .card-codex .card-codex-left h3, .card-codex .card-codex-left p, .zipster-binder .zipster-right h3, .zipster-binder .zipster-right p{font-size: 20px; line-height: 24px;}
    .zipster-list .zipster-item h5, .codex-list .codex-item h5{font-size: 12px; line-height: 14px;}
    .zipster-list .zipster-item h4, .codex-list .codex-item h4{font-size: 24px; line-height: 29px;}
    .ds-album-hero{height: 420px;}
    .album-hero-image { bottom: 200px;  padding: 0 15px;}
    .album-hero-image:after{content: ''; position: absolute; bottom: -50px; left: 0;  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.792189) 34.5%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);  height: 100%;  width: 100%; transform: rotate(180deg); z-index: 1;}
    .card-codex::before { top: 0; left: 50%; max-width: 423px; max-height: 519px; transform: translate(-50%, 0);}
    .zipster-binder::before { top: 100px;  right: auto; left: 50%;  max-width: 402px;  max-height: 516px; transform: translate(-50%, 0);}
    .zipster-binder { padding: 80px 0 60px;}
    .zipster-list .zipster-item img{max-width: 310px;}
    .Card-Codex-mb-slider, .Zipster-Binder-mb-slider{display: block;}
    .Card-Codex-desk, .Zipster-Binder-desktop{display: none !important;}
    .album-hero-image img{max-width: 400px; width: 100%; margin: 0 auto;display: block;}
}
@media (max-width: 480px) {
    .album-hero-wrapper h2 { font-size: 32px !important; line-height: 50px;}
    .main-heading, .card-codex .card-codex-left h4, .zipster-binder .zipster-right h4 { font-size: 24px; line-height: 30px;}
    .album-hero-wrapper p, .card-codex .card-codex-left h3, .card-codex .card-codex-left p, .zipster-binder .zipster-right h3, .zipster-binder .zipster-right p{font-size: 16px; line-height: 19px;}
    .codex-list .codex-item img { max-width: 255px;}
    .zipster-list .zipster-item img{max-width: 300px;}
    .album-hero-image img{max-width: 345px;}
}


/* =================
	RolePlay Page 
==================== */

.rolepaly-page-banner {
    width: 100%;
    height: 1161px;
    background: url(../images/roleplaying-page/dragon-bcg2.jpg) no-repeat top center/cover;
    margin-top: 110px;
}
.rolepaly-page-banner-in {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    text-align: center;
    display: table;
}
.rolepaly-page-banner-in .container {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}
.rolepaly-page-banner-in h1 {
    font-family: 'Metamorphous';
    font-weight: 400;
    font-size: 48px;
    line-height: 80px;
    color: #FFF;
    margin-bottom: 15px;
}
.rolepaly-page-banner-in p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #FFF;
    margin-bottom: 64px;
}
.rolepaly-page-banner .btn-yellow {
    background-color: #F2D126;
    border-radius: 4px;
    font-family: Metamorphous;
    font-size: 16px;
    text-align: center;
    color: #000;
    padding: 0.375rem 2rem;
}
.rolepaly-page-banner-in .scroll-down {
    font-family: 'Metamorphous';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFF;
    opacity: .5;
    margin: 40px 0 0;
}
.rolepaly-page-banner-in p.scroll-down a {
    color: #fff !important;
    text-decoration: none;
}

/* DS Roleplaying Dice Start */
.rolepaly-video-section {  margin: 60px 0;}
.rolepaly-video-section .rolepaly-video-div {position: relative;}
.rolepaly-video-section .rolepaly-video-div:before{content: ""; position: relative; display: block; padding-bottom: 56.25%;}
.rolepaly-video-section .rolepaly-video-div video{position: absolute; top: 0; left: 0; height: 100%; width: 100%;}

/* DS Roleplaying Whats New Start */
.ds-rp-whats-new{padding-bottom: 120px; padding-top: 60px; position: relative; width: 100%;}
.ds-rp-whats-new-bg-layer{ position: absolute; top: 27%; left: 0; width: 100%; z-index: -999;}
.ds-rp-whats-new-bg-layer img{max-width: 100%; width: 100%;}
.ds-rp-whats-new-bg-layer::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 184px; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.5) 51.04%, rgba(0, 0, 0, 0) 100%);} 
.ds-rp-whats-new .ds-rp-whats-new-title{text-align: center;}
.ds-rp-whats-new .ds-rp-whats-new-title h3{font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 24px; line-height: 29px; margin-bottom: 24px; color: #fff;}
.ds-rp-whats-new .ds-rp-whats-new-img{max-width: 769px; width: 100%; margin: 0 auto; text-align: center;}

.ds-rp-whats-new .ds-rp-whats-new-img img{width: 100%; height: auto; margin-bottom: 24px;}
.ds-rp-whats-new .ds-rp-whats-new-para{text-align: center; max-width: 873px; margin: 0 auto;}
.ds-rp-whats-new .ds-rp-whats-new-para p{ font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 24px; line-height: 29px; margin-bottom: 64px;}
.ds-rp-whats-new-wrap .new-items-list .new-item {max-width: calc(100% / 4); width: 100%;}
.ds-rp-whats-new-wrap .new-items-list .new-item img {width: 100%; height: 233px; object-position: center; object-fit: contain;}
.ds-rp-whats-new-wrap .new-items-list .new-item .item-details h5{ font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 12px; line-height: 14px; text-transform: uppercase; margin-bottom: 8px;}
.ds-rp-whats-new-wrap .new-items-list .new-item .item-details h4{font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 24px; line-height: 29px; margin-bottom: 24px; position: relative; color: #FFFFFF;}
.ds-rp-whats-new-wrap .new-items-list .new-item .item-details h4 span{position: relative; display: inline-block;}
.ds-rp-whats-new-wrap .new-items-list .new-item .item-details h4 span::after{font-family: 'Source Sans Pro', sans-serif; content: 'New'; position: absolute; top: -10px; right: -25px;  font-weight: 700; font-size: 16px; line-height: 19px; color: #FFDA00;   transform: rotate(16deg);}

/* DS Rolplaying Game Master Start */
.ds-rp-game-master .ds-rp-game-master-wrap{padding-bottom: 60px;}
.ds-rp-game-master .game-master-content h3{font-family: 'Metamorphous', sans-serif; color: #fff; font-weight: 400; font-size: 32px; line-height: 40px; margin-bottom: 24px;}
.ds-rp-game-master .game-master-content p{font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 24px; line-height: 29px; max-width: 678px; width: 100%; margin-bottom: 16px;}
.ds-rp-game-master .game-master-content span{font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 24px; line-height: 29px; padding-left: 32px; position: relative; margin-bottom: 16px; display: inline-block; color: rgba(255, 255, 255, 0.4);}
.ds-rp-game-master .game-master-content span::before{content: ''; width: 24px; height: 24px; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4' clip-path='url(%23clip0_125_213)'%3E%3Cpath d='M7.61914 12.6V2.40008C7.61914 1.92269 7.80327 1.46486 8.13103 1.1273C8.45879 0.789738 8.90333 0.600098 9.36685 0.600098C9.83037 0.600098 10.2749 0.789738 10.6027 1.1273C10.9304 1.46486 11.1146 1.92269 11.1146 2.40008V11.4M11.1146 10.8V8.40002C11.1146 8.16364 11.1598 7.92958 11.2476 7.71119C11.3354 7.49281 11.4642 7.29438 11.6265 7.12724C11.7887 6.96009 11.9814 6.82751 12.1934 6.73705C12.4055 6.64659 12.6328 6.60004 12.8623 6.60004C13.0918 6.60004 13.319 6.64659 13.5311 6.73705C13.7431 6.82751 13.9358 6.96009 14.0981 7.12724C14.2604 7.29438 14.3891 7.49281 14.4769 7.71119C14.5648 7.92958 14.61 8.16364 14.61 8.40002V11.4M14.61 9.60001C14.61 9.12262 14.7941 8.66479 15.1219 8.32723C15.4496 7.98966 15.8942 7.80002 16.3577 7.80002C16.8212 7.80002 17.2657 7.98966 17.5935 8.32723C17.9213 8.66479 18.1054 9.12262 18.1054 9.60001V11.4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.105 10.8C18.105 10.3226 18.2891 9.86476 18.6169 9.5272C18.9446 9.18964 19.3892 9 19.8527 9C20.3162 9 20.7607 9.18964 21.0885 9.5272C21.4163 9.86476 21.6004 10.3226 21.6004 10.8V16.1999C21.6004 18.1095 20.8639 19.9408 19.5528 21.291C18.2418 22.6413 16.4636 23.3999 14.6095 23.3999H12.2793H12.5216C11.3639 23.4001 10.2242 23.1041 9.20491 22.5386C8.18564 21.9731 7.3187 21.1557 6.68193 20.1599C6.60551 20.0401 6.52939 19.9201 6.45356 19.7999C6.09004 19.2251 4.81421 16.9343 2.62491 12.9264C2.40173 12.5178 2.34211 12.0357 2.45874 11.5826C2.57537 11.1294 2.85904 10.741 3.24943 10.5C3.66524 10.243 4.1525 10.1365 4.6338 10.1974C5.11511 10.2583 5.56286 10.483 5.90595 10.836L7.61871 12.6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_125_213'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.ds-rp-game-master .game-master-img{text-align: center;}
.ds-rp-game-master .game-master-img img{max-width: 812px;  pointer-events: none; height: auto; width: 100%;}
.ds-rp-game-master .ds-rp-game-master-wrap:last-child .game-master-img img{max-width: 866px; pointer-events: none; width: 100%;}

.ds-rp-vedio p{font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: -0.02em; margin-top: 8px;}

.ds-rp-master-companion{    margin-bottom: 100px;}
.ds-rp-master-companion .list { padding: 0px;  margin: 0px; display: flex;   overflow: hidden;}
.ds-rp-master-companion .list > li {width: 33.33%; position: relative; overflow: hidden; transition: all 0.2s ease 0s; transform: translateY(0px);}
.ds-rp-master-companion .list > li > a img { width: 100%;  transform: scale(1);  transition: all 0.2s ease 0s;}
.ds-rp-master-companion .desc {
    width: 100%;
    padding: 0px 15px;
    text-align: center;
    position: absolute;
    bottom: 250px;
    left: 0px;
}
.ds-rp-master-companion .desc h3 {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2em;
    color: rgb(255, 255, 255);
    margin: 35px auto 8px;
    max-width: 279px;
}
.ds-rp-master-companion .desc p {
    font-family: "Source Sans Pro", sans-serif;
    min-height: 84px;
    font-size: 16px;
    line-height: 1.3em;
    color: rgb(255, 255, 255);
    max-width: 279px;
    margin-left: auto;
    margin-right: auto;
}
.ds-rp-master-companion .desc p span {
    display: block;
}
.ds-rp-master-companion .btn-yellow {
    background-color: rgb(242, 209, 38);
    border-radius: 4px;
    font-family: Metamorphous;
    font-size: 16px;
    text-align: center;
    color: rgb(0, 0, 0);
    padding: 0.375rem 2rem;
}
.ds-rp-master-companion .list > li .btn-yellow {
    opacity: 0;
    transition: transform 0.25s ease-out 0s;
}
.ds-rp-master-companion .list > li:hover {
    transform: translateY(-10px);
}
.ds-rp-master-companion .list > li:hover > a img {
    transform: scale(1.025);
}
.ds-rp-master-companion .list > li:hover .btn-yellow {
    opacity: 1;
}
.ds-rp-master-companion .list > li:hover a{text-decoration: none;}


.ds-rp-resources{  margin-bottom: 180px;}
.ds-rp-resources h2 {
    font-size: 40px;
    line-height: 1.25em;
    color: rgb(255, 255, 255);
    margin-bottom: 16px;
}
.ds-rp-resources h4 {
    font-size: 24px;
    line-height: 1.2em;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
    font-family: "Source Sans Pro", sans-serif;
}
.ds-rp-resources .resources {
    position: relative;
}
.ds-rp-resources .resources .resources-bg {
    width: 100%;
}
.ds-rp-resources .resources-in {
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
}
.ds-rp-resources .resources-in .left {
    width: 62%;
    padding: 0px 0px 0px 333px;
    position: relative;
}
.ds-rp-resources .resources-in .left img {
    position: absolute;
    top: -115px;
    left: -60px;
}
.ds-rp-resources .resources-in .left h2 {
    font-size: 40px;
    line-height: 1.25em;
    color: rgb(255, 255, 255);
    margin: 56px 0px 4px;
}
.ds-rp-resources .resources-in .left p {
    margin-bottom: 24px;
    font-family: "Source Sans Pro", sans-serif;
}
.ds-rp-resources .resources-in .left .download-list {
    padding: 0px;
    margin: 0px;
}
.ds-rp-resources .resources-in .left .download-list > li {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 1.2em;
    margin-bottom: 16px;
    padding-left: 30px;
    display: block;
    position: relative;
}
.ds-rp-resources .resources-in .left .download-list > li::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 11.25V2.25M9 11.25L6 8.25M9 11.25L12 8.25M1.5 12.75L1.96575 14.6138C2.04686 14.9383 2.23412 15.2263 2.49775 15.4322C2.76138 15.6381 3.08626 15.7499 3.42075 15.75H14.5792C14.9137 15.7499 15.2386 15.6381 15.5023 15.4322C15.7659 15.2263 15.9531 14.9383 16.0342 14.6138L16.5 12.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
}
.ds-rp-resources .resources-in .left .download-list > li a {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.ds-rp-resources .resources-in .right {
    width: 38%;
    padding: 0px 0px 0px 32px;
}
.ds-rp-resources .resources-in .right .rpg {
    position: relative;
    padding-left: 150px;
    height: 230px;
}
.ds-rp-resources .resources-in .right .rpg img {
    position: absolute;
    left: -65px;
    top: 35px;
}
.ds-rp-resources .resources-in .right .rpg h4 {
    font-size: 24px;
    line-height: 1.2em;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
    font-family: 'Metamorphous';
    padding: 56px 0px 4px;
}
.ds-rp-resources .resources-in .right .rpg p, .ds-rp-resources .resources-in .right .gms p {
    margin-bottom: 24px;
    font-family: "Source Sans Pro", sans-serif;
}
.ds-rp-resources .btn-yellow {
    background-color: rgb(242, 209, 38);
    border-radius: 4px;
    font-family: 'Metamorphous';
    font-size: 16px;
    text-align: center;
    color: rgb(0, 0, 0);
    padding: 0.375rem 2rem;
}
.ds-rp-resources .resources-in .right .gms h4 {
    font-size: 24px;
    line-height: 1.2em;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
   font-family: 'Metamorphous';
    padding: 45px 0px 4px;
}

/* DS RP Vedio Playlist */
.ds-rp-video-playlist{background-color: #000000; padding: 120px 0 70px;}
.ds-rp-video-playlist .cover-video-wrap{margin-bottom: 40px;}
.ds-rp-video-playlist .cover-video { position: relative; padding-top: 50%;}
.ds-rp-video-playlist iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ds-rp-video-playlist p{ font-family: "Source Sans Pro", sans-serif; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: -0.02em; margin-top: 8px;}
.ds-rp-video-playlist .video-playlist-details{display: flex; flex-wrap: wrap; margin: 0 -20px;}
.ds-rp-video-playlist .video-list-wrap{width: 50%; padding: 0 20px; box-sizing: border-box;}
.ds-rp-video-playlist .video-list-wrap .video-list{position: relative; padding-top: 50.63%;}

/* DS RP Want Dragon Shield */
.ds-rp-want-dragon{    width: 100%;
    height: 606px;
    background: url(../images/roleplaying-page/retailer-bcg.png) center top / cover no-repeat;}
.ds-rp-want-dragon h4 {
    font-family: Metamorphous;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    color: rgb(255, 255, 255);
    margin-top: 120px;
    margin-bottom: 15px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.ds-rp-want-dragon p {
    font-family: "Source Sans Pro", sans-serif;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}


.ds-rp-gallery-section{width: 100%; background: url(../images/roleplaying-page/paper-bcg.png) center / cover no-repeat; padding: 0px;}
.ds-rp-gallery-inner{ width: 100%; padding: 120px 0px; position: relative;}
.ds-rp-gallery-box{padding: 0 12px; position: relative;}
.ds-rp-gallery-box .ds-rp-galleryinner-box{position: relative;}
.ds-rp-gallery-box .ds-rp-galleryinner-box:before{position: relative; padding-bottom: 80%; display: block; content: "";}
.ds-rp-gallery-box img{width: 100%; max-width: 100%; position: absolute; top: 0; left: 0; height: 100%; object-fit: cover; object-position: center;}
.ds-rp-gallery-slider .slick-prev{background: linear-gradient(270deg, #000000 16.67%, rgba(0, 0, 0, 0) 100%); transform: rotate(-180deg); position: absolute; top: 0; left: 0; height: 100%; border: none; width: 90px; z-index: 1; font-size: 0;}
.ds-rp-gallery-slider .slick-prev:before{ content: ""; background-image: url("data:image/svg+xml,%3Csvg width='36' height='66' viewBox='0 0 36 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.0581 1.29181C32.7667 0.590318 33.9348 0.567255 34.6733 1.23866C35.4193 1.91692 35.4453 3.04704 34.7293 3.75582L5.18649 33L34.7293 62.2442C35.4453 62.953 35.4193 64.0831 34.6733 64.7613C33.9348 65.4327 32.7667 65.4097 32.0581 64.7082L1.27069 34.232C0.576431 33.5448 0.576431 32.4552 1.27069 31.768L32.0581 1.29181Z' fill='white' stroke='white' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); width: 36px;  height: 66px; display: block;  transform: rotate(180deg); margin-left: 36px;}
.ds-rp-gallery-slider .slick-next{background: linear-gradient(270deg, #000000 16.67%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 0; right: 0; height: 100%; border: none; width: 90px; z-index: 1; font-size: 0;}
.ds-rp-gallery-slider .slick-next:before{ content: ""; background-image: url("data:image/svg+xml,%3Csvg width='36' height='66' viewBox='0 0 36 66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.94191 1.29181C3.23325 0.590318 2.06524 0.567255 1.32672 1.23866C0.580659 1.91692 0.554678 3.04704 1.2707 3.75582L30.8135 33L1.2707 62.2442C0.554678 62.953 0.580658 64.0831 1.32672 64.7613C2.06524 65.4327 3.23325 65.4097 3.94191 64.7082L34.7293 34.232C35.4236 33.5448 35.4236 32.4552 34.7293 31.768L3.94191 1.29181Z' fill='white' stroke='white' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); width: 36px;  height: 66px; display: block; margin-left: 36px;}

@media (max-width: 1680px){
    .rolepaly-page-banner{height: 911px;}
    .ds-rp-whats-new-wrap .new-items-list .new-item .item-details h4{font-size: 22px;}
    .ds-rp-master-companion .desc{bottom: 80px;}
    .ds-rp-want-dragon{height: 555px;}
    .ds-rp-resources .resources-in .left h2{    font-size: 30px; margin: 30px 0 4px;}
    .ds-rp-resources .resources-in .right .gms h4{padding: 25px 0 4px;}
    .ds-rp-resources .resources-in .right .rpg h4{padding: 35px 0 4px;}
    .ds-rp-resources .resources-in .right .rpg {  padding-left: 90px; height: 190px;}
    .ds-rp-resources .resources-in .right .rpg img { width: 140px; top: 30px;}
}
@media (max-width: 1399px){
    .rolepaly-page-banner { height: 831px;}
    .ds-rp-master-companion .desc { bottom: 40px;}
}
@media (max-width: 1199px){
    .rolepaly-page-banner { height: 671px;}
    .rolepaly-page-banner-in h1 { font-size: 38px; line-height: 56px;}
    .rolepaly-page-banner-in p { font-size: 20px; line-height: 26px;  margin-bottom: 50px;}
    .ds-rp-whats-new-wrap .new-items-list .new-item img{height: 200px;}
    .ds-rp-whats-new .ds-rp-whats-new-img {  max-width: 600px;}
    .ds-rp-whats-new .ds-rp-whats-new-para { max-width: 740px;}
    .ds-rp-whats-new .ds-rp-whats-new-para p {  font-size: 20px; margin-bottom: 40px;  line-height: 26px;}
    .ds-rp-whats-new {padding-bottom: 80px;}
    .ds-rp-master-companion .desc h3{font-size: 20px;}
    .ds-rp-master-companion .desc p{font-size: 12px;}
    .ds-rp-master-companion .desc {  bottom: 30px;}
    .ds-rp-whats-new-wrap .new-items-list .new-item .item-details h4 {  font-size: 18px; line-height: 24px;}
    .ds-rp-master-companion {  margin-bottom: 60px;}
    .ds-rp-resources .resources-in .left h2{    font-size: 20px; margin: 20px 0 4px;}
    .ds-rp-resources .resources-in .left p { margin-bottom: 20px;}
    .ds-rp-resources .resources-in .left .download-list > li{    font-size: 12px;  margin-bottom: 12px;}
    .ds-rp-resources .resources-in .left img {  width: 270px;  top: -75px;  left: -30px;}
    .ds-rp-resources .resources-in .right .rpg h4, .ds-rp-resources .resources-in .right .gms h4{ font-size: 20px; padding: 20px 0 4px;}
    .ds-rp-resources .resources-in .right .rpg { padding-left: 90px; height: 160px;}
    .ds-rp-resources .resources-in .left {  padding: 0 0 0 240px;}
    .ds-rp-want-dragon h4 { font-size: 32px;  line-height: 46px;  max-width: 640px;}
    .ds-rp-want-dragon {  height: 460px;}
    .ds-rp-video-playlist {  padding: 70px 0 0;}
    .ds-rp-resources { margin-bottom: 100px;}
}
@media (max-width: 991px){
    .rolepaly-page-banner { height: 460px;}
    .rolepaly-page-banner-in h1 {  font-size: 32px; line-height: 46px;}
    .rolepaly-page-banner-in p {  font-size: 18px;  line-height: 24px;  margin-bottom: 40px;}
    .rolepaly-page-banner-in .scroll-down{font-size: 14px;}
    .ds-rp-whats-new .ds-rp-whats-new-img {  max-width: 520px;}
    .ds-rp-whats-new-bg-layer{top: 34%;}
    .ds-rp-whats-new-wrap .new-items-list .new-item .item-details .ds-btn{padding: 8px 20px;}
    .ds-rp-whats-new .ds-rp-whats-new-title h3 {  font-size: 22px; line-height: 28px;}
    .ds-rp-game-master .game-master-content p{max-width: 100%; font-size: 22px; line-height: 26px;}
    .ds-rp-whats-new{padding-top: 40px;    padding-bottom: 60px;}
    .ds-rp-master-companion .desc h3 { font-size: 16px; margin: 15px auto 8px;}
    .ds-rp-master-companion .desc p{min-height: inherit;}
    .ds-rp-master-companion .desc{bottom: 0;}
    .ds-rp-gallery-inner { padding: 80px 0px;}
    .ds-rp-want-dragon{height: 400px;}
    .ds-rp-want-dragon h4 { font-size: 24px;  line-height: 32px;   max-width: 640px; margin-top: 50px;}
    .ds-rp-resources .resources-in .left h2 {  font-size: 18px;  margin: 15px 0 4px;}
    .ds-rp-resources .resources-in .left p{    font-size: 12px;  line-height: 1.2em;  margin-bottom: 15px;}
    .ds-rp-resources .resources-in .left .download-list > li {  font-size: 10px;  margin-bottom: 9px;}
    .ds-rp-resources .resources-in .right .rpg img { width: 100px;  top: 15px;  left: -50px;}
    .ds-rp-resources .resources-in .right .rpg h4, .ds-rp-resources .resources-in .right .gms h4 {  font-size: 14px; padding: 15px 0 4px;}
    .ds-rp-resources .resources-in .right .rpg p, .ds-rp-resources .resources-in .right .gms p { margin-bottom: 10px; font-size: 12px;}
    .ds-rp-resources .btn-yellow { font-size: 12px; padding: 0.375rem 1rem;}
    .ds-rp-resources .resources-in .right .rpg { height: 110px;}
    .ds-rp-resources .resources-in .left img {  width: 200px;  top: -55px;}
    .ds-rp-resources .resources-in .left {  padding: 0 0 0 170px;}
    .ds-rp-resources h2 { font-size: 36px;}
}
@media (max-width: 767px){
    .rolepaly-page-banner{height: auto; margin: 0; position: relative;}
    .rolepaly-page-banner:before{content: ""; padding-bottom: 56.25%; display: block;}
    .rolepaly-page-banner-in { position: absolute;  width: 100%;  height: auto;  margin-top: -120px;}
    .rolepaly-page-banner-in p {  margin-bottom: 25px;}
    .rolepaly-page-banner-in .scroll-down{margin-top: 25px;}
    .rolepaly-video-section {  margin: 160px 0 60px;}
    .ds-rp-whats-new-bg-layer { top: 30%;}
    .ds-rp-whats-new-wrap .new-items-list .new-item img {  height: 233px;}
    .ds-rp-whats-new-wrap .new-items-list .new-item .item-details h4 { font-size: 24px;  line-height: 29px;}
    .ds-rp-whats-new-wrap .new-items-list .new-item .item-details h5{font-size: 16px; line-height: 19px;}
    .ds-rp-whats-new .ds-rp-whats-new-img img { width: 72%;}
    .ds-rp-resources .resources-in{flex-wrap: wrap; position: relative;}
    .ds-rp-resources .resources-in .left{width: 100%;}
    .ds-rp-resources .resources-in .right{width: 100%;     padding: 0;}
    .ds-rp-video-playlist .video-list-wrap{width: 100%; padding: 0 15px;}
    .ds-rp-master-companion .list .slick-list{padding-left: 0 !important;}
    .ds-rp-master-companion .list .slick-list img{width: 100%;}
    .ds-rp-master-companion .list  .slick-slide{position: relative;}
    .ds-rp-resources .resources .resources-bg{display: none;}
    .ds-rp-resources .resources-in .left img { width: 150px;  top: auto;  right: -25px;  left: auto; bottom: -25px;}
    .ds-rp-resources .resources-in .left p{font-size: 16px;position: relative;}
    .ds-rp-resources .resources-in .left h2 {  font-size: 16px;  margin: 0px 0 4px;}
    .ds-rp-resources .resources-in .left p br, .ds-rp-want-dragon p br, .rolepaly-page-banner-in p br{display: none;}
    .ds-rp-resources .resources-in .left .download-list > li{font-size: 12px;}
    .ds-rp-resources .resources-in .left { padding: 15px 20px; background: url(../images/roleplaying-page/Subtract.jpg) no-repeat center bottom/cover;}
    .ds-rp-resources .resources-in .right .rpg {  background: url(../images/roleplaying-page/Pocket-Guide-bcg.jpg) no-repeat center bottom/cover;  margin-top: 24px;     height: auto; padding: 10px;}
    .ds-rp-resources .resources-in .right .gms{ background: url(../images/roleplaying-page/Character-sheet-bcg.jpg) no-repeat center bottom/cover; margin-top: 24px; height: auto; padding: 10px;}
    .ds-rp-resources .resources-in .right .rpg h4, .ds-rp-resources .resources-in .right .gms h4 { font-size: 20px;}
    .ds-rp-resources .resources-in .right .rpg img { width: 148px; top: 15px; left: auto; right: 0;}
    .ds-rp-resources .resources-in .right .rpg p, .ds-rp-resources .resources-in .right .gms p { position: relative; font-size: 16px;}
    .ds-rp-resources .btn-yellow { padding: 0.375rem 2rem;}
    .ds-rp-master-companion .list{display: block;}
    .ds-rp-video-playlist .video-playlist-details{margin: 0 -15px;}
}
@media (max-width: 480px){
    .rolepaly-page-banner-in{ margin-top: -60px; }
    .rolepaly-page-banner-in h1 {  font-size: 20px; margin-bottom: 8px; line-height: 26px;}
    .rolepaly-page-banner-in p { font-size: 16px; line-height: 20px;  margin-bottom: 24px;}
    .rolepaly-video-section {  margin: 200px 0 50px;}
    .rolepaly-page-banner .btn-yellow { font-size: 12px; padding: 0.3rem 1rem;}
    .rolepaly-page-banner-in .scroll-down { font-size: 12px; line-height: 15px;  margin: 24px 0 0;}
    .ds-rp-whats-new .ds-rp-whats-new-para p {  font-size: 16px;  margin-bottom: 30px;  line-height: 20px;}
    .ds-rp-master-companion .desc h3{font-size: 14px;}
    .ds-rp-master-companion .btn-yellow {  font-size: 12px;  padding: 0.3rem 1rem;}
    .ds-rp-resources h2{font-size: 20px;}
    .ds-rp-resources h4{font-size: 16px;}
    .ds-rp-vedio p, .ds-rp-video-playlist p{font-size: 12px; line-height: 14px;}
    .ds-rp-want-dragon h4, .ds-rp-want-dragon p, .ds-rp-game-master .game-master-content p, .ds-rp-game-master .game-master-content span {  font-size: 16px;  line-height: 20px;}
    .ds-rp-resources .resources-in .right .rpg h4, .ds-rp-resources .resources-in .right .gms h4 {  font-size: 16px;}
    .ds-rp-whats-new .ds-rp-whats-new-title h3 {  font-size: 16px;  line-height: 20px;}
    .ds-rp-game-master .game-master-content h3 {  font-size: 16px;  line-height: 20px;  margin-bottom: 8px;}
    .ds-rp-gallery-slider .slick-prev:before, .ds-rp-gallery-slider .slick-next:before { width: 16px; height: 36px;  background-size: 16px;    background-repeat: no-repeat;  background-position: center;}
    .ds-rp-resources .resources-in .left img{right: -15px;}
    .ds-rp-want-dragon {  height: 300px;}
}


.game-master-tooltip {
    max-width: 812px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.game-master-tooltip .dot, .palyergame-master-tooltip .dot {
    cursor: pointer;
    position: absolute;
    width: 12px;
    height: 12px;
    background: #F2D126;
    border-radius: 50%;
    box-shadow: 0 2px 4px 4px #f2d126;
}
.game-master-tooltip .dot>div, .palyergame-master-tooltip .dot>div {
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    position: absolute;
    width: 220px;
    z-index: 2;
    display: none;
}
.game-master-tooltip .dot>div h4, .palyergame-master-tooltip .dot>div h4{font-weight: 700;font-size: 16px;line-height: 19px;text-align: center;color: #FFFFFF; text-transform: uppercase; margin-bottom: 4px;}
.game-master-tooltip .dot:hover>div, .palyergame-master-tooltip .dot:hover>div {
    display: block;
}
.game-master-tooltip .dot.dot-1 {
           left: 1%;
    top: 20%;
}
.game-master-tooltip .dot.dot-2 {
         left: 20%;
    bottom: 12%;
}
.game-master-tooltip .dot.dot-3 {
    right: 135px;
    top: 120px;
    display: none;
}
.game-master-tooltip .dot.dot-4 {
    right: 31%;
    top: 2%;
}
.game-master-tooltip .dot:after, .palyergame-master-tooltip .dot:after {
    content: "";
    position: absolute;
    display: none;
}
.game-master-tooltip .dot:hover:after, .palyergame-master-tooltip .dot:hover:after {
    display: block;
}
.game-master-tooltip .dot.dot-1:after {
    width: 231px;
    height: 219px;
        left: 4px;
    top: -12px;
    background: url(../images/roleplaying-page/large-panel-ov.png) no-repeat top left/contain;
}
.game-master-tooltip .dot.dot-1>div {
        top: 0;
    left: -230px;
}
.game-master-tooltip .dot.dot-2:after {
    width: 181px;
    height: 85px;
   left: 26px;
    bottom: 67px;
    background: url(../images/roleplaying-page/foam-panel-ov.png) no-repeat top left/contain;
}
.game-master-tooltip .dot.dot-2>div {
    top: 0px;
    left: -380px;
}
.game-master-tooltip .dot.dot-3:after {
    width: 106px;
    height: 189px;
    right: -3px;
    top: -15px;
    background: url(http://www.dragonshield.com/wp-content/uploads/2022/05/dot-3.png) no-repeat top left/contain;
}
.game-master-tooltip .dot.dot-4:after {
    width: 296px;
    height: 68px;
        right: 4px;
    top: -1px;
    background: url(../images/roleplaying-page/reusable-panel-ov.png) no-repeat top left/contain;
}
.game-master-tooltip .dot.dot-4>div {
        top: -80px;
    right: -240px;
}

.palyergame-master-tooltip{
    max-width: 866px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.palyergame-master-tooltip .dot.dot-1 {
             left: 43%;
    top: 0%;
}
.palyergame-master-tooltip .dot.dot-1>div {
      top: -30px;
    right: -250px;
}
.palyergame-master-tooltip .dot.dot-2 {
       left: 9%;
    bottom: 58%;
}
.palyergame-master-tooltip .dot.dot-2>div {
        top: -30px;
    right: 90px;
}
.palyergame-master-tooltip .dot.dot-3 {
     top: 38%;
    right: 18%;
}
.palyergame-master-tooltip .dot.dot-3>div {
        top: -40px;
    right: -290px;
}
.palyergame-master-tooltip .dot.dot-4 {
    right: 29%;
    bottom: 10%;
}
.palyergame-master-tooltip .dot.dot-4>div {
         top: 70px;
    left: 0;
}
.palyergame-master-tooltip .dot.dot-1:after {
    width: 290px;
    height: 167px;
        right: 1px;
    top: 3px;
    background: url(../images/roleplaying-page/palyergame-dot-1.png) no-repeat top left/contain;
}
.palyergame-master-tooltip .dot.dot-2:after {
    width: 373px;
    height: 63px;
        left: -26px;
    top: 8px;
    background: url(../images/roleplaying-page/palyergame-dot-2.png) no-repeat top left/contain;
}
.palyergame-master-tooltip .dot.dot-3:after {
    width: 326px;
    height: 155px;
        right: -116px;
    top: -15px;
    background: url(../images/roleplaying-page/palyergame-dot-3.png) no-repeat top left/contain;
}
.palyergame-master-tooltip .dot.dot-4:after {
    width: 456px;
    height: 168px;
    bottom: 3px;
    right: -221px;
    background: url(../images/roleplaying-page/palyergame-dot-4.png) no-repeat top left/contain;
}
@media (max-width: 1024px){
    .game-master-tooltip .dot, .palyergame-master-tooltip .dot { /* width: 10px; height: 10px; */}
    .game-master-tooltip, .palyergame-master-tooltip { max-width: 343px;}
    .ds-rp-game-master .game-master-img{margin-top: 100px;}
    .game-master-tooltip .dot.dot-1>div { top: -125px; left: 50px;}
    .game-master-tooltip .dot.dot-2>div {  left: -10px;  top: -220px;}
    .game-master-tooltip .dot.dot-4>div {  top: -97px;  right: -35px;}
    .palyergame-master-tooltip .dot.dot-2>div {  top: -170px; right: -245px;}
    .palyergame-master-tooltip .dot.dot-3>div {  top: -168px;  right: -1px;}
    .palyergame-master-tooltip .dot.dot-4>div {  top: -264px;  left: -178px;}
    .palyergame-master-tooltip .dot.dot-1>div { top: -94px; right: -125px;}
    .game-master-tooltip .dot.dot-1:after {  width: 102px; height: 93px; left: 2px; top: -4px;}
    .game-master-tooltip .dot.dot-4:after { width: 124px; height: 29px; right: 2px; top: 0px;}
    .game-master-tooltip .dot.dot-2:after { width: 76px; height: 15px; left: 10px; bottom: 48px;}
    .palyergame-master-tooltip .dot.dot-1:after {width: 113px;  height: 65px;  right: 2px; top: 1px;}
    .palyergame-master-tooltip .dot.dot-2:after { width: 145px; height: 26px;  left: -7px; top: 4px;}
    .palyergame-master-tooltip .dot.dot-3:after { width: 126px;  height: 60px;  right: -45px; top: -5px;}
    .palyergame-master-tooltip .dot.dot-4:after { width: 180px; height: 66px;  bottom: 2px;right: -88px;}
}
@media (max-width: 480px){
    .game-master-tooltip .dot>div h4, .palyergame-master-tooltip .dot>div h4{font-size: 14px; line-height: 16px;}
    .game-master-tooltip .dot>div, .palyergame-master-tooltip .dot>div{font-size: 12px; line-height: 15px;}
}

/* =====================
	April Fools Page CSS
======================== */
.af_hero{
    padding-top: 235px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.af_hero:after {
    content: '';
    position: absolute;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 320px;
    bottom: 0;
    left: 0;
}
.custom_container{
    max-width: 1326px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.af_hero_title {
    font-family: 'Metamorphous',sans-serif;
    font-weight: 400;
    font-size: 88px;
    line-height: 127px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 4px 4px 4px rgb(0 0 0 / 56%);
    max-width: 916px;
    margin: 0 auto;
    width: 100%;
}
.af_hero_img_wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 9;
    text-align: center;
}
.af_hero_img_wrapper img{
    width: 100%;
    max-width: 926px;
    height: auto;
}

/* af_about_ds */

.af_about_ds{
    /* padding-top: 294px; */
    padding-top: 250px;
    padding-bottom: 135px;
    background-color: #000000;
    /* margin-top: -230px; */
    margin-top: -186px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.af_about_ds_content h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: #FFFFFF;
}
.af_about_ds_content p {
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    max-width: 710px;
    width: 100%;
    margin: 16px auto 0 auto;
}
.af_about_ds_img_wrapper {
    margin: 24px 0 0;
    text-align: center;
}
.af_about_ds_img_wrapper img{
    max-width: 238px;
    width: 100%;
    height: auto;
}
.af_about_ds_books {
    margin: 40px 0 0;
}
.af_about_ds_books_inner{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 -15px;
}
.af_about_ds .books_block{
    padding: 0 15px;
    width: calc(100% / 3);
}
.af_about_ds .books_inner{
    position: relative;
}
.af_about_ds .books_block .img_wrapper{
    overflow: hidden;
    position: relative;
    text-align: center;
}
.af_about_ds .books_block .img_wrapper img{
    max-width: 432px;
    width: 100%;
    transition:all 0.5s ease-in-out;
    height: auto;
}
.af_about_ds .books_block:hover .img_wrapper img.no_hover{
    opacity: 0;
}
.af_about_ds .books_block .img_wrapper img.hover{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.af_about_ds .books_block:hover .img_wrapper img.hover{
    opacity: 1;
}
.af_about_ds .books_desc{
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
}
.af_about_ds .books_title{
    font-family: 'Metamorphous',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    margin: 12px 0 0;
}
.af_about_ds .content{
    text-align: center;
    margin: 16px 0 0;
}
.af_about_ds .See_the_effect_cta_wrapper {
    margin: 16px 0 0;
}
.af_about_ds .See_the_effect_cta_wrapper a{
    padding-left: 22px;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    opacity: 0.5;
    text-decoration: none;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.28965 6.09833C2.21505 6.30201 2.06396 6.46858 1.8685 6.56263C1.67304 6.65669 1.44861 6.67082 1.24289 6.60203C1.03717 6.53324 0.866383 6.38695 0.766812 6.19424C0.667242 6.00153 0.646737 5.77759 0.709655 5.57C0.739292 5.47823 0.773785 5.38644 0.812989 5.29833C0.879655 5.14 0.977988 4.92167 1.11299 4.66333C1.38799 4.14667 1.81632 3.45833 2.44799 2.77C3.72299 1.37833 5.81132 0 8.99965 0C12.188 0 14.2763 1.37833 15.5513 2.77C16.2319 3.51663 16.7838 4.37101 17.1847 5.29833L17.2613 5.48667C17.2663 5.5 17.283 5.58667 17.2997 5.67L17.333 5.83333C17.333 5.83333 17.473 6.38833 16.763 6.62333C16.5539 6.69316 16.3257 6.67729 16.1282 6.57921C15.9308 6.48112 15.7803 6.30881 15.7097 6.1V6.095L15.6997 6.06833C15.6159 5.85423 15.5202 5.64501 15.413 5.44167C15.1166 4.88253 14.7504 4.36336 14.323 3.89667C13.3063 2.78833 11.6447 1.66667 8.99965 1.66667C6.35466 1.66667 4.69299 2.78833 3.67632 3.89667C3.12589 4.50012 2.67827 5.18985 2.35132 5.93833C2.33384 5.98135 2.31717 6.02469 2.30132 6.06833L2.28965 6.09833ZM8.99965 3.33333C8.1156 3.33333 7.26775 3.68452 6.64263 4.30964C6.01751 4.93476 5.66632 5.78261 5.66632 6.66667C5.66632 7.55072 6.01751 8.39857 6.64263 9.02369C7.26775 9.64881 8.1156 10 8.99965 10C9.88371 10 10.7316 9.64881 11.3567 9.02369C11.9818 8.39857 12.333 7.55072 12.333 6.66667C12.333 5.78261 11.9818 4.93476 11.3567 4.30964C10.7316 3.68452 9.88371 3.33333 8.99965 3.33333ZM7.33299 6.66667C7.33299 6.22464 7.50858 5.80072 7.82114 5.48816C8.1337 5.17559 8.55763 5 8.99965 5C9.44168 5 9.86561 5.17559 10.1782 5.48816C10.4907 5.80072 10.6663 6.22464 10.6663 6.66667C10.6663 7.10869 10.4907 7.53262 10.1782 7.84518C9.86561 8.15774 9.44168 8.33333 8.99965 8.33333C8.55763 8.33333 8.1337 8.15774 7.82114 7.84518C7.50858 7.53262 7.33299 7.10869 7.33299 6.66667Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center left;
    pointer-events: none;
}
.af_about_ds .Shop_now_cta_wrapper{
    margin: 24px 0 0;
} 
.af_about_ds .Shop_now_cta_wrapper a{
    background: #FFDA00;
    border-radius: 4px;
    text-decoration: none;
    font-family: 'Metamorphous',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #000000;
    min-width: 202px;
    display: inline-block;
    padding: 12px;
    position: relative;
}
.af_about_ds .books_block.Magic_Munchies .Shop_now_cta_wrapper a:before{
    content: '';
    position: absolute;
    top: -3px;
    right: -4px;
    background-image: url("data:image/svg+xml,%3Csvg width='59' height='41' viewBox='0 0 59 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.09756 5.14815L1 1H52.7398C52.7398 1 55.1036 1.45492 56.2358 2.38272C57.4616 3.38731 58.3333 5.83951 58.3333 5.83951V31.4198V38.3333L55.5366 33.4938L49.9431 32.1111L47.1463 27.963L41.6667 27.6667L33.6667 21H29.6667L27.5691 14.1358L23.374 9.98765H13.5854L11 6.33333L3.09756 5.14815Z' fill='black' stroke='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 57px;
    height: 37px;
}
.af_about_ds .books_block.Magic_Munchies .Shop_now_cta_wrapper a:after{
    content: '';
    position: absolute;
    top: -1px;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='59' height='41' viewBox='0 0 59 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.09756 5.48164L1 1.3335H52.7398C52.7398 1.3335 55.1036 1.78842 56.2358 2.71621C57.4616 3.72081 58.3333 6.173 58.3333 6.173V31.7532V38.6668L55.5366 33.8273L49.9431 32.4446L47.1463 28.2965L41.6667 28.0002L33.6667 21.3335H29.6667L27.5691 14.4693L23.374 10.3211H13.5854L11 6.66683L3.09756 5.48164Z' fill='black' stroke='black'/%3E%3C/svg%3E%0A");
    width: 57px;
    height: 37px;
    opacity: 0.5;
}
.af_about_ds .books_block.Wavey_Water_Damage .Shop_now_cta_wrapper a {
    background-image: url('../images/aprilfools-page/Wavey_Water_Damage_cta_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.af_about_ds .books_block.Schoolyard_Scuff .Shop_now_cta_wrapper a {
    background-image: url('../images/aprilfools-page/Schoolyard_Scuff_cta_bg.png');
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 1320px){
    .custom_container{
        max-width: 990px;
    }
    .af_hero_title{
        font-size: 78px;
        line-height: 108px;
    }
}
@media (max-width: 991px){
    .custom_container{
        max-width: 740px;
    }
    .af_hero_title{
        font-size: 68px;
        line-height: 92px;
    }
    .af_hero{
        padding-top: 200px;
    }
    .af_about_ds {
        padding-top: 210px;
        margin-top: -165px;
        padding-bottom: 100px;
    }
    .af_about_ds_content h2{
        font-size: 36px;
        line-height: 46px;
    }
    .af_about_ds_content p{
        font-size: 22px;
        line-height: 28px;
        margin: 12px auto 0 auto;
    }
    .af_about_ds_img_wrapper img {
        max-width: 212px;
    }
    .af_about_ds .books_desc{
        font-size: 15px;
    }
    .af_about_ds .books_title{
        font-size: 22px;
        line-height: 28px;
        margin: 10px 0 0;
    }
    .af_about_ds .See_the_effect_cta_wrapper {
        margin: 12px 0 0;
    }
    .af_about_ds .See_the_effect_cta_wrapper a{
        font-size: 15px;
    }
    .af_about_ds .Shop_now_cta_wrapper {
        margin: 20px 0 0;
    }
    .af_about_ds .Shop_now_cta_wrapper a{
        padding: 10px;
    }
    .af_about_ds .Shop_now_cta_wrapper a{
        font-size: 18px;
        line-height: 24px;
    }
}
@media (max-width: 767px){
    .af_hero{
        padding-top: 120px;
    }
    .custom_container{
        max-width: 100%;
    }
    .af_hero_title{
        font-size: 34px;
        line-height: 49px;
    }
    .af_hero_img_wrapper{
        margin-top: 24px;
    }
    .af_hero_img_wrapper img{
        max-width: 600px;
    }
    .af_about_ds{
        padding-top: 80px;
        margin-top: -40px;
        padding-bottom: 78px;
        background-image: url('../images/aprilfools-page/af_about_ds_bg_img_ph.png') !important;
    }
    .af_about_ds_content h2 {
        font-size: 24px;
        line-height: 36px;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    .af_about_ds_content p {
        font-size: 16px;
        line-height: 20px;
        margin: 8px auto 0 auto;
        max-width: 600px;
    }
    .af_about_ds_img_wrapper {
        margin: 40px 0 0;
    }
    .af_about_ds_img_wrapper img {
        max-width: 156px;
    }
    .af_about_ds_books_inner{
        display: block;
    }
    .af_about_ds .books_block{
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
    .af_about_ds .books_block:not(:last-child){
        margin-bottom: 40px;
    }
    .af_about_ds .books_desc {
        font-size: 12px;
    }
    .af_about_ds .books_title{
        font-size: 20px;
        line-height: 25px;
        margin: 10px 0 0;
    }
    .af_about_ds .content {
        margin: 0;
    }
    .af_about_ds .See_the_effect_cta_wrapper {
        margin: 6px 0 0;
    }
    .af_about_ds .See_the_effect_cta_wrapper a{
        font-size: 12px;
        line-height: 15px;
    }
    .af_about_ds .Shop_now_cta_wrapper {
        margin: 18px 0 0;
    }
    .af_about_ds .Shop_now_cta_wrapper a{
        min-width: 152px;
        font-size: 16px;
        line-height: 20px;
    }
}

/* =====================
	FaB Heroes Page CSS
======================== */
/* DS Heroes Banner Start */
.fabheroespage-main-wrapper{margin-top: 90px; overflow: hidden;}
.fh-heroes-banner{display: flex; position: relative; margin-bottom: 120px; margin-bottom: 10%;}
.fh-heroes-banner::before{content: ''; /* width: 100%; height: 40%; background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%); position: absolute; left: 0; bottom: 0px; z-index: 9;*/}
.fh-heroes-banner-left, .fh-heroes-banner-right{width: 50%; background-repeat: no-repeat; background-size: cover; position: relative;}
.fh-heroes-banner-left{background-image: url(../images/fab-heroes-page/Katsu-bcg.png); background-size: 103% auto; padding-top: 36px;}
.fh-heroes-banner-right{background-image: url(../images/fab-heroes-page/Azalea-bcg.png); padding-top: 16px; background-position: right; background-size: 103% 100%;}
.fh-heroes-banner-left > img{width: 100%; max-width: 709px; height: auto; display: block; position: absolute; right: 0; bottom: 0;}
.fh-heroes-banner-right > img{width: 100%; max-width: 678px; height: auto; margin-right: auto; margin-left: -82px;}
.fh-heroes-banner-combo{position: absolute; max-width: 965px; width: 100%; left: 50%; transform: translateX(-50%); bottom: -15px; bottom: -17%; text-align: center; z-index: 99;}
.fh-heroes-banner-combo > img{width: 100%; height: auto; margin-bottom: 24px;}
.fh-heroes-banner-combo p{ font-family: 'Source Sans Pro', sans-serif; color: #fff; font-weight: 400; font-size: 24px; line-height: 28px; max-width: 570px; margin: 0 auto 42px;}
.fh-heroes-banner-logo{position: absolute; top: 50%; right: 0; transform: translateY(-50%); max-width: 183px; width: 100%; z-index: 9;}
.fh-heroes-banner-right .fh-heroes-banner-logo{right: initial; left: 48px; max-width: 141px; width: 100%;}
.fh-heroes-banner-logo img{width: 100%; height: auto; display: block;}
.fh-heroes-banner-imagediv img{height: auto; width: 100%; max-width: 100%; display: block;}

/* DS Heroes Katsu Start */
.fh-heroes-katsu{padding: 0; margin-bottom: 80px; min-height: 700px; display: flex; flex-wrap: wrap;}
.fh-heroes-katsu .fh-heroes-katsu-left, .fh-heroes-katsu .fh-heroes-katsu-right{width: 50%;}
.fh-heroes-katsu .fh-heroes-katsu-left{position: relative; background-image: url(../images/fab-heroes-page/Katsu-bcg.png); background-repeat: no-repeat;background-position-y: center; background-position-x: 0; background-size: 70% 99%;}
.fh-heroes-katsu .fh-heroes-katsu-left::before{content: ''; height: 50%; width: 69.7%; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 0; left: 0;}
.fh-heroes-katsu .fh-heroes-katsu-left::after{content: ''; height: 50%; width: 96%; background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%); position: absolute; bottom: 0; left: 0;}
.fh-heroes-katsu .fh-heroes-katsu-left .fh-heroes-katsu-inner-img{max-width: 451px; width: 100%; position: absolute; right: 0; bottom: 0;}
.fh-heroes-katsu .fh-heroes-katsu-left .fh-heroes-katsu-inner-img img{width: 100%;height: auto;}
.fh-heroes-katsu .fh-heroes-katsu-right .fh-heroes-katsu-right-content{max-width: 458px; width: 100%; margin: 0;}
.fh-heroes-katsu .fh-heroes-katsu-right-img img{width: 100%;height: auto; margin-bottom: 40px; display: block;}
.fh-heroes-katsu .fh-heroes-katsu-right-details{max-width: 429px; width: 100%; margin-left: auto;}
.fh-heroes-katsu .fh-heroes-katsu-right-details h3{color: #fff; font-family: 'Metamorphous', sans-serif; font-weight: 400; font-size: 24px; line-height: 30px; letter-spacing: -0.02em; margin-bottom: 16px;}
.fh-heroes-katsu .fh-heroes-katsu-right-details p{font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 19px; margin-bottom: 20px;}
.fh-heroes-right-mobile-img{display: none;}
.fh-heroes-katsu .fh-heroes-katsu-right{display: flex;  align-items: end;   padding-left: 150px; padding-bottom: 20px;}

.fh-heroes-azalea .fh-heroes-katsu-left{order: 2;}
.fh-heroes-azalea .fh-heroes-katsu-right {  padding-right: 150px; padding-left: 0px;}
.fh-heroes-azalea .fh-heroes-katsu-left::before{    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 100px;}
.fh-heroes-azalea .fh-heroes-katsu-left::after{content: '';
    position: absolute;
    bottom: 0;
    right: 0; left: auto;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 100px;}
.fh-heroes-azalea .fh-heroes-katsu-left {
    position: relative;
    background-image: url(../images/fab-heroes-page/Azalea-bcg2.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 100%;
    background-size: 68% 99%;
}
.fh-heroes-azalea .fh-heroes-katsu-left .fh-heroes-katsu-inner-img { max-width: 483px;  width: 100%; position: absolute; left: 0; right: auto;  bottom: 0;}
.fh-heroes-azalea .fh-heroes-katsu-right .fh-heroes-katsu-right-content { max-width: 458px;  margin: 0 0 0 auto;}

/* Matte Sleeves Slider Start */
.fh-matte-sleeves{padding: 40px 0 80px;}
.fh-matte-sleeves .fh-matte-sleeves-title h3 { font-family: 'Metamorphous', sans-serif;  font-weight: 400;  font-size: 40px;  line-height: 50px;    color: #FFFFFF; margin-bottom: 16px;}
.fh-matte-sleeves .fh-matte-sleeves-title{text-align: center;}
.fh-matte-sleeves .fh-matte-sleeves-title p{font-family: 'Source Sans Pro', sans-serif; color: #fff; font-weight: 400; font-size: 24px; line-height: 28px; text-align: center; max-width: 873px; width: 100%; margin: 0 auto 35px;}
.fh-matte-slider{padding-bottom: 170px;}
.fh-matte-slider .slick-track{display: flex;}
.fh-matte-slider .slick-list { overflow: visible;}
.fh-matte-slider .slick-slide {opacity: 0;height: inherit; padding: 0; transition: opacity 0.2s ease;}
.fh-matte-slider .slick-slide.prev1, .fh-matte-slider .slick-slide.prev2, .fh-matte-slider .slick-slide.prev3, .fh-matte-slider .slick-slide.active, .fh-matte-slider .slick-slide.next1, .fh-matte-slider .slick-slide.next2, .fh-matte-slider .slick-slide.next3 { opacity: 1;}
.fh-matte-slider .slick-slide .slide-inner{padding: 0 15px;}
.fh-matte-slider .slick-slide .slide-inner {/* transform: scale(0.7) translatey(70%); */ transition: all 0.5s ease;position: relative; height: 100%;display: flex;  align-items: flex-end;}
.fh-matte-slider .slick-slide .slide-inner > a{ pointer-events: none; display: block; width: 100%;}
.fh-matte-slider .slick-slide.next1 .slide-inner { transition: all 0.5s ease;  /* transform: scale(0.9) translatex(2.6%) translatey(2%); */}
.fh-matte-slider .slick-slide .slide-inner img {transition: all 0.5s ease;  position: relative; margin: 0 auto; left: 0; right: 0; bottom: 0;}
.fh-matte-slider .slick-slide.next1 .slide-inner img, .fh-matte-slider .slick-slide.prev1 .slide-inner img{ width: calc(100% - 15px);}
.fh-matte-slider .slick-slide.prev1 .slide-inner img{left: -6px;}
.fh-matte-slider .slick-slide.next1 .slide-inner img{right: -6px; left: auto;}
.fh-matte-slider .slick-slide.prev1 .slide-inner {  transition: all 0.5s ease; /* transform: scale(0.9) translatex(-2.6%) translatey(2%); */}
.fh-matte-slider .slick-slide.next2 .slide-inner, .fh-matte-slider .slick-slide.prev2 .slide-inner { /* transform: scale(0.9) translatey(50%); */  transition: all 0.5s ease;}
.fh-matte-slider .slick-slide.next2 .slide-inner img, .fh-matte-slider .slick-slide.prev2 .slide-inner img {width: calc(100% - 30px);}
.fh-matte-slider .slick-slide.next3 .slide-inner, .fh-matte-slider .slick-slide.prev3 .slide-inner { /* transform: scale(0.8) translatey(50%); */  transition: all 0.5s ease;}
.fh-matte-slider .slick-slide.next3 .slide-inner img, .fh-matte-slider .slick-slide.prev3 .slide-inner img{ width: calc(100% - 45px);}
.fh-matte-slider .slick-slide.next3 .slide-inner img{ margin: 0 auto 0 0;}
.fh-matte-slider .slick-slide.prev3 .slide-inner img{margin: 0 0 0 auto;}
.fh-matte-slider .slick-slide .fh-matte-slidctn {  margin-top: 24px; opacity: 0; text-align: center; top: 100%; position: absolute; left: 50%;    width: 130%;    margin-left: -65%;}
.fh-matte-slider .slick-slide .slide-title { font-family: 'Source Sans Pro', sans-serif;font-style: normal;font-weight: 700;font-size: 32px;line-height: 38px;text-align: center;color: #FFFFFF;}
.fh-matte-slider .slick-slide .slide-description { font-family: 'Source Sans Pro', sans-serif;font-size: 16px;line-height: 19px;text-align: center;color: #FFFFFF;}
.fh-matte-slider .slick-slide img {width: 100%;height: auto; object-fit: cover;}
.fh-matte-slider .slick-slide.active .fh-matte-slidctn { opacity: 1;  transition: all 0.2s ease 0.3s;}
.fh-matte-slider .slick-slide.active .slide-inner { transform: scale(1) translatey(0%);}
.fh-matte-slider .slick-slide:focus {  outline: none;}
.fh-matte-slider .slick-slide > a {  display: block; /* min-height: 320px; */ position: relative; transition: all 0.2s ease;}
.fh-matte-slider .slick-slide a:focus {  outline: none;}
.fh-matte-slider .slick-list { /* width: 110vw; margin-left: -5vw;  padding: 0 !important; */}
.fh-matte-sliderwrap .slider-nav { text-align: center; padding-top: 10px; position: relative; z-index: 2;}
.fh-matte-sliderwrap .slider-nav button { margin: 0 10px;background: transparent;  border: none;  transition: all 0.2s ease;  position: relative;  z-index: 2;  opacity: 0.8;}
.fh-matte-sliderwrap .slider-nav img { border: 4px solid #f5f5f5;  padding: 7px;  background: #f5f5f5;  border-radius: 50%;}
.fh-matte-sliderwrap .slider-nav img.prev {  transform: rotate(180deg);}
.fh-matte-sliderwrap .slider-nav .sr-text {  border: 0; clip: rect(1px, 1px, 1px, 1px);  -webkit-clip-path: inset(50%);  clip-path: inset(50%); height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute !important;  width: 1px; word-wrap: normal !important;}
.fh-matte-sliderwrap .slider-nav .slick-prev:hover { transform: translatex(-5px); opacity: 1; outline: none;}
.fh-matte-sliderwrap .slider-nav .slick-next:hover {transform: translatex(5px);  opacity: 1;}
.fh-matte-sliderwrap .slider-nav .slick-prev:focus, .fh-matte-sliderwrap .slider-nav .slick-next:focus { opacity: 1;  outline: none;}

/* Manage Collection End */
.fh-manage-collection-wrap{display: flex; flex-wrap: wrap; align-items: center;}
.fh-manage-collection .container { max-width: 1284px; width: 100%; margin: 0 auto;}
.fh-manage-collection-left, .fh-manage-collection-right{width: 50%;}
.fh-manage-collection-left > h3{font-family: 'Metamorphous', sans-serif; font-weight: 400; font-size: 40px; line-height: 50px; max-width: 401px; width: 100%; margin-bottom: 16px; color: #fff;}
.fh-manage-collection-left > p{font-family: 'Source Sans Pro', sans-serif; /* font-size: 16px; line-height: 19px;*/ font-size: 24px; line-height: 30px; max-width: 466px; width: 100%; margin-bottom: 40px; color: #fff;}
.fh-manage-collection-left .fh-manage-cards{display: grid; gap: 16px; grid-template-columns: auto auto; margin-bottom: 40px;}
.fh-manage-cards .fh-manage-card-inner{background: #88888A; opacity: 0.8; box-shadow: 0px 4px 16px #000000; border-radius: 24px; padding: 24px; display: flex;}
.fh-manage-cards .fh-manage-card-inner .fh-manage-card-inner-img{width: 24px; margin-right: 18px;}
.fh-manage-cards .fh-manage-card-inner .fh-manage-card-inner-img img{width: 100%; height: auto;}
.fh-manage-cards .fh-manage-card-inner .fh-manage-card-inner-details h3{font-family: 'Metamorphous', sans-serif; color: #fff; font-weight: 400; font-size: 16px; line-height: 20px; margin-bottom: 4px;}
.fh-manage-cards .fh-manage-card-inner .fh-manage-card-inner-details p{font-family: 'Source Sans Pro', sans-serif; color: #fff; font-size: 16px; line-height: 19px; margin-bottom: 0;}
.fh-manage-collection .fh-download-app{display: flex; align-items: center; flex-wrap: wrap;}
.fh-manage-collection .fh-download-app h3{font-family: 'Source Sans Pro', sans-serif; color: #fff; font-size: 24px; line-height: 28px; margin-right: 16px;}
.fh-manage-collection .fh-download-app img{width: 181px; height: auto; margin-right: 9px;}
.fh-manage-collection .fh-manage-collection-right img{max-width: 530px; height: auto; width: 100%; display: block; margin-left: auto;}
/* Manage Collection End */

.fh-heroes-bottom{padding: 120px 0 80px; }
.fh-heroes-bottom .container{ max-width: 1284px; width: 100%; margin: 0 auto; }
.fh-heroes-bottom-wrap{display: flex; align-items: center; flex-wrap: wrap; }
.fh-heroes-bottom-left, .fh-heroes-bottom-right{width: 50%;}
.fh-heroes-bottom-left h3{font-family: 'Source Sans Pro', sans-serif; color: #fff; font-weight: 700; font-size: 32px; line-height: 38px; margin-bottom: 16px;}
.fh-heroes-bottom-left p{font-family: 'Source Sans Pro', sans-serif; color: #fff; margin-bottom: 0; font-weight: 400; font-size: 16px; line-height: 19px; max-width: 518px; width: 100%;}
.fh-heroes-bottom-right{display: flex; align-items: center; justify-content: end; gap: 23px;}
.fh-heroes-bottom-right img {width: 50%}
.fh-heroes-bottom-right img:first-child{max-width: 302px; height: auto;}
.fh-heroes-bottom-right img.fh-heroes-bottom-drs{max-width: 234px; height: auto;}

@media (min-width: 1680px){
    .fh-heroes-banner{margin-bottom: 8%;}
    .fh-heroes-banner-combo{bottom: -12%;}
}
@media (max-width: 1320px){
    .fh-heroes-banner{/* margin-bottom: 100px;*/}
    .fh-heroes-banner-right > img{margin-left: -40px;}
    .fh-heroes-banner-combo { max-width: 800px; bottom: -22%;}
    .fh-heroes-banner-combo > img { margin-bottom: 10px;}
    .fh-heroes-banner-combo p { font-size: 22px; line-height: 26px;  max-width: 520px;  margin: 0 auto 30px;}
    .fh-heroes-bottom .container, .fh-manage-collection .container{max-width: 990px;}
    .fh-heroes-katsu .fh-heroes-katsu-right-img img{margin-bottom: 30px;}
    .fh-heroes-katsu .fh-heroes-katsu-right{ padding-left: 30px;}
    .fh-heroes-azalea .fh-heroes-katsu-right {  padding-right: 30px;  padding-left: 0px;}
    .fh-manage-collection-left > h3, .fh-matte-sleeves .fh-matte-sleeves-title h3 { font-size: 36px; line-height: 46px;}
    .fh-manage-cards .fh-manage-card-inner { border-radius: 20px; padding: 15px 20px;}
    .fh-manage-collection-left > p{margin-bottom: 30px;font-size: 22px;  line-height: 30px;}
    .fh-manage-cards .fh-manage-card-inner .fh-manage-card-inner-img {  margin-right: 10px;}
    .fh-manage-collection .fh-download-app h3{width: 100%; margin-right: 0;}
    .fh-heroes-bottom-left h3 { font-size: 28px;  line-height: 34px;}
    .fh-heroes-bottom-right img.fh-heroes-bottom-drs{  max-width: 194px;}
    .fh-heroes-bottom-right img:first-child {    max-width: 252px;}
    .fh-heroes-bottom {  padding: 80px 0;}
    .fh-heroes-bottom-left{padding-right: 20px;}
    .fh-matte-sleeves .fh-matte-sleeves-title p { font-size: 22px;  line-height: 26px; max-width: 793px;}
}
@media (max-width: 991px){
    .fabheroespage-main-wrapper { margin-top: 130px;}
    .fh-heroes-bottom .container, .fh-manage-collection .container{max-width: 740px;}
    .fh-heroes-banner-right > img{margin-left: -40px;}
    .fh-heroes-bottom-left, .fh-heroes-bottom-right, .fh-manage-collection-left, .fh-manage-collection-right{width: 100%;}
    .fh-heroes-bottom-left {order: 2;  padding-right: 0px;}
    .fh-manage-collection-left{order: 2;}
    .fh-manage-collection .fh-manage-collection-right img{margin-right: auto;}
    .fh-heroes-banner { /* margin-bottom: 200px;  */}
    .fh-heroes-banner-left > img{bottom: auto;}
    .fh-heroes-banner-left, .fh-heroes-banner-right{background-size: cover;}
    .fh-heroes-banner-combo { max-width: 680px;     padding: 0 15px; /* bottom: -140px; */}
    .fh-heroes-banner-logo{top: 65%;}
    .fh-heroes-katsu .fh-heroes-katsu-left .fh-heroes-katsu-inner-img img{width: 90%;}
    .fh-heroes-katsu{min-height: 580px;  margin-bottom: 60px;}
    .fh-heroes-azalea .fh-heroes-katsu-left .fh-heroes-katsu-inner-img img{margin: 0 auto 0 0;}
    .fh-heroes-katsu .fh-heroes-katsu-right { padding-left: 20px;  padding-right: 20px;}
    .fh-manage-collection-left > h3, .fh-matte-sleeves .fh-matte-sleeves-title h3 { font-size: 32px; line-height: 42px;}
    .fh-matte-sleeves .fh-matte-sleeves-title p { font-size: 20px; line-height: 22px; max-width: 710px;}
    .fh-manage-collection-left > h3, .fh-manage-collection-left > p{text-align: center; margin: 0 auto;}
    .fh-manage-collection-left > h3, .fh-manage-collection-left .fh-manage-cards{margin-top: 30px;}
    .fh-heroes-bottom-right{justify-content: center; margin-bottom: 30px;}
    .fh-heroes-bottom-left p{max-width: 100%;}
    .fh-matte-slider .slick-slide .slide-inner { padding: 0 10px;}
    .fh-heroes-banner-imagediv img {  height: 400px; width: 100%;  max-width: 100%;  display: block;  object-fit: cover;  object-position: center;}
}
@media (max-width: 767px){
    .fabheroespage-main-wrapper { margin-top: 0;}
    .fh-heroes-bottom .container, .fh-manage-collection .container{max-width: 100%;}
    .fh-heroes-katsu { min-height: 660px; overflow: hidden;  margin-bottom: 40px; position: relative;}
    .fh-heroes-katsu .fh-heroes-katsu-left, .fh-heroes-katsu .fh-heroes-katsu-right{width: 100%;}
    .fh-heroes-katsu .fh-heroes-katsu-left{position: absolute;top: 0;  height: 100%;  left: 0;  width: 100%;}
    .fh-heroes-katsu .fh-heroes-katsu-right{position: relative;z-index: 1;}
    .fh-heroes-katsu .fh-heroes-katsu-right .fh-heroes-katsu-right-content { max-width: 440px; text-align: center; margin: 0 auto;}
    .fh-heroes-katsu .fh-heroes-katsu-left .fh-heroes-katsu-inner-img { bottom: 0; left: -130px;}
    .fh-heroes-azalea .fh-heroes-katsu-left .fh-heroes-katsu-inner-img{left: auto; right: -80px;  top: 0;}
    .fh-heroes-katsu .fh-heroes-katsu-right-img img { margin-bottom: 20px;}
    .fh-heroes-katsu .fh-heroes-katsu-right-details{margin-right: auto; margin-left: auto;}
    .fh-heroes-katsu .fh-heroes-katsu-right{padding-bottom: 0;}
    .fh-heroes-katsu .fh-heroes-katsu-left .fh-heroes-katsu-inner-img img { width: 100%; /* max-width: 310px; */}
    .fh-heroes-katsu .fh-heroes-katsu-left, .fh-heroes-katsu .fh-heroes-katsu-right{background-size: cover;}
    .fh-heroes-katsu .fh-heroes-katsu-left::before{width: 100%;  top: -2px;}
    .fh-heroes-katsu .fh-heroes-katsu-left::after{bottom: -2px; width: 100%;}
    .fh-heroes-azalea .fh-heroes-katsu-left::after, .fh-heroes-azalea .fh-heroes-katsu-left::before{height: 50%;}
    .fh-heroes-banner{/* height: 300px; */}
    .fh-heroes-banner::before{display: none;}
    .fh-heroes-banner-logo img { height: 38px; width: auto;}
    .fh-heroes-banner-left > img{width: 273px;}
    .fh-heroes-banner-right > img{width: 270px; margin-left: -40px;}
    .fh-heroes-banner-right{padding-top: 25px;}
    .fh-heroes-banner-combo p { font-size: 16px;   line-height: 19px; margin: 0 auto 25px;}
    .fh-heroes-banner-logo { max-width: 70px;}
    .fh-heroes-banner-right .fh-heroes-banner-logo { left: 15px; max-width: 54px;}
    .fh-heroes-banner-combo {  bottom: -80px;}
    .fh-heroes-banner-left:before, .fh-heroes-banner-right:before{content: ''; width: 100%;  height: 50%;  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);  position: absolute;  left: 0;  bottom: 0px;  z-index: 9;}
    .fh-heroes-banner-logo {  top: 70%;}
    .fh-heroes-banner {  margin-bottom: 150px;}
    .fh-heroes-katsu .fh-heroes-katsu-right-details h3{margin-bottom: 8px;}
    .fh-matte-sleeves .fh-matte-sleeves-title p, .fh-manage-collection-left > p { font-size: 16px; line-height: 19px;}
    .fh-matte-sleeves .fh-matte-sleeves-title{padding: 0 15px;}
    .fh-manage-collection-left > h3 {  max-width: 251px; margin-bottom: 8px;}
    .fh-manage-collection-left > h3, .fh-matte-sleeves .fh-matte-sleeves-title h3{font-size: 24px; line-height: 30px;}
    .fh-manage-collection-left > h3, .fh-manage-collection-left .fh-manage-cards {  margin-top: 24px;}
    .fh-heroes-bottom-left h3, .fh-manage-collection .fh-download-app h3 { font-size: 16px;  line-height: 19px; margin-bottom: 8px;}
    .fh-manage-collection .fh-download-app h3{text-align: center;}
    .fh-heroes-bottom-right img:first-child {  max-width: 132px;}
    .fh-heroes-bottom-right img.fh-heroes-bottom-drs {  max-width: 102px;}
    .fh-manage-collection .fh-download-app img {  width: 150px;  height: auto;    margin-right: 16px;}
    .fh-heroes-bottom {  padding: 60px 0;}
    .fh-manage-cards .fh-manage-card-inner{display: block; text-align: center;}
    .fh-manage-cards .fh-manage-card-inner .fh-manage-card-inner-img{margin: 0 auto 20px; width: 30px; display: block;}
    .fh-matte-sleeves .fh-matte-sleeves-title h3{max-width: 240px; margin-right: auto; margin-left: auto;}
    .fh-manage-collection .fh-download-app{justify-content: center;}
    .fh-heroes-banner-imagediv img { height: 290px;}
}
@media (min-width: 376px) and (max-width: 480px){
    .fh-heroes-katsu .fh-heroes-katsu-left .fh-heroes-katsu-inner-img { max-width: 410px;}
}
@media (max-width: 480px){
    .fh-heroes-katsu { min-height: 582px;}
    .fh-matte-slider .slick-slide .slide-inner { padding: 0 12px;}
    .fh-matte-slider .slick-slide.prev1 .slide-inner img {  left: 0;  margin: 0 0 0 auto;}
    .fh-matte-slider .slick-slide.next1 .slide-inner img {  right: 0px;   left: auto;  margin: 0 auto 0 0;}
    .fh-matte-slider .slick-slide .slide-title {  font-size: 24px; line-height: 28px;}
    .fh-matte-slider .slick-slide .slide-description {  font-size: 12px; line-height: 14px;}
    .fh-matte-slider .slick-slide .fh-matte-slidctn { width: 100%; margin-left: -50%;}
    .fh-matte-slider {  padding-bottom: 140px;}
    .fh-matte-sleeves {  padding: 40px 0 60px;}
    .fh-manage-collection-left .fh-manage-cards {  display: flex; justify-content: space-between; flex-wrap: wrap;  gap: inherit;}
    .fh-manage-cards .fh-manage-card-inner{width: calc(50% - 12px); min-height: 161px; margin-bottom: 12px; margin-top: 12px;    padding: 15px 10px;}
    .fh-manage-cards .fh-manage-card-inner .fh-manage-card-inner-img { margin: 0 auto 15px;}
    .fh-heroes-banner-imagediv img { height: 200px;}
    .fh-heroes-banner-combo {  bottom: -100px;}
}