@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Palanquin+Dark:wght@400;500;600;700&family=Paytone+One&family=Permanent+Marker&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



.cartmaininner {
    background: #FFF;
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
    padding: 40px;
}

.tabing_inner ul li {
    list-style: none;
    background: #c12f2d;
    padding: 10px 18px;
    float: left;
    width: 50px;
    margin: 4px;
}

.tabing_inner ul li a {
    color: #Fff;
    text-decoration: none;
    font-family: Inter;
    font-size: 22.857px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.product_title h4 {
    color: #000;
    font-family: Inter;
    font-size: 28.86px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-bottom: 2px solid;
    padding: 0px;
}

.product_list ul li {
    list-style: none;
    text-align: left !important;
    padding: 3px 3px;
    margin-top: 4px;
}

.product_list ul li a {
    color: #000;
    font-family: Inter;
    font-size: 15.86px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    text-decoration: none;
}

span.text-grey {
    color: #C4C4C4;
}

.product_list ul li:hover {
    background: #c12f2d;
    color:#fff;
}

.description h5 {
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    padding: 10px 0px;
}

.item-img {
    border: 2px solid;
    margin: 0 auto;
    padding: 12px;
}

.itemcontent h2 {
    color: #000;
    font-family: Inter;
    font-size: 43px;
    font-weight: 700;
    text-transform: capitalize;
}

.ratings h4 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0px !important;
    min-height: 100%;
}

.ratings img {
    max-width: 187px;
}

.ratings {
    margin-top: 74px;
}

span.light {
    color: #C12F2D;
}

.itemcontent h5 {
    color: #000;
    text-align: left;
}

h5.border {
    text-align: center;
    border-color: #c12f2d !important;
    width: 73%;
}


button.btn.btn-primary.text-uppercase.fw-bold {
    background: none !important;
    color: #000 !important;
    border: 2px solid #c12f2d;
    width: 47%;
    padding: 12px;
    text-shadow: none;
}

button.btn.btn-primary.text-uppercase.fw-bold:last-child {
    background: #c12f2d !important;
    color: #fff !important;
}




.relatedinner {
    padding: 24px;
}

.col-sm-3.border {
    border: 1px solid rgba(255, 51, 51, 0.32) !important;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.25);
    width: 23%;
    margin: 0 auto;
    border-radius: 9px;
    margin-bottom: 36px;
}

.relateimg img {
    max-height: 320px;
}

.innercontent li {
    list-style: none;
    text-align: left;
    padding: 6px 0px;
    display: flex;
    justify-content: space-between;
}

.offers h5 {
    color: #000 !important;
    font-size: 18px;
    font-weight: 400;
    margin: 0px !Important;
}

h5.border {
    width: 100% !important;
    padding: 7px 0px;
}

.relatedinner button.btn.btn-primary.w-100.text-uppercase {
    margin: 21px 0px 0px;
    background: #b92d2b;
    color: #fff;
    text-shadow: none;
}

.innercontent {
    max-width: 262px;
    margin: 0 auto;
}

section.related-comics {
    padding: 20px;
}

.heading::after {
    content: '';
    height: 2px;
    width: 100%;
    background: #c12f2d;
    position: absolute;
    left: 0px;
    top: 34px;
}

.heading {
    position: relative;

}

h2.text-uppercase.text-center.fw-bold.py-3 {
    background: #fff;
}

h2.text-uppercase.text-center.fw-bold.py-3 {
    position: relative;
    z-index: 999;
    width: auto;
    display: inline-block;
}

.heading {
    text-align: center;
}

@media (max-width:575px) {
    .col-sm-3.border {
        width: 100%;
    }
    .games-inner.card .card-body{
        height:auto;
        min-height: 100% !important;
    }
    .games-inner.card {
    max-height: 100%;
  }
    .additional-images {
        bottom: -14% !important;
        left: 18px !important;
    }

    .inner h5 {
        text-align: center !important;
        font-size: 15px !important;
        font-weight: 400 !important;
    }

    .col-sm-4 {
        width: 33%;
    }

    .cartmaininner {
        padding: 20px;
    }

    section.cart-main.p-5 {
        padding: 10px !important;
    }

    .itemcontent h2 {
        font-size: 23px;
        font-weight: 500;
    }

    .itemcontent h5 {
        font-size: 16px;
        margin: 3px;
    }

    .itemcontent {
        padding: 17px;
        margin-top: 40px;
    }

    button.btn.btn-primary.text-uppercase.fw-bold {
        width: 100%;
        margin: 6px 0px;
    }

    .ratings {
        margin: 10px 0px !important;
    }

    h2.text-uppercase.text-center.fw-bold.py-3 {
        font-size: 18px;
    }

    .heading::after {
        top: 27px;
    }

    .offers h5 {
        font-size: 13px;
    }

    .col-sm-6.border {
        width: 100% !important;
    }


    .relatedinner {
        padding: 22px !important;
    }
}

@media (max-width:768px) {
    .relateimg img {
        max-height: 100%;
    }

    .col-lg-6.col-sm-6 {
        width: 100%;
    }
}

p.text-center.p-3 {
    font-size: 20px;
    margin: 20px 0px 0px;
}

span.border.border-danger {
    font-size: 10px !important;
}

.offers h5 {
    color: #000 !important;
    font-size: 18px;
    font-weight: 400;
    margin: 0px !Important;
    width: 33%;
}

button.btn.btn-primary.text-uppercase.fw-bold.bg-red {
    background: #b92d2b !important;
    color: #fff !important;
}

.col-sm-6.border {
    width: 46%;
    margin: 10px 9px 20px !important;
}

.relatedinner {
    padding: 24px 0px;
}

.innercontent {
    max-width: 100%;
    margin: 0 auto;
}

.innercontent .ratings {
    margin: 0px;
}

.offers {
    padding-right: 13px;
}

.offers .col-sm-4.d-flex.justify-content-end {
    justify-content: start !important;
}

@media (min-width:1025px) and (max-width:1540px) {
    button.btn.btn-primary {
        font-size: 13px;

    }

    a.nav-link i {
        display: none;
    }

    .card-body h5.card-title {
        font-size: 18px;
    }

    section.slider-box div#carouselExample .carousel-item img {
        height: 458px !important;
    }

    a.ATCDisabled button.btn.btn-primary {
        font-size: 14px;
    }

    .itemcontent button {
        margin: 0 !important;
        padding: 7px !important;
    }

    .relatedinner {
        padding: 24px !important;
    }

    span.border.border-danger {
        font-size: 11px !important;
    }
}

span.border.border-danger {
    font-size: 18px;
    padding: 8px 11px;
    border-radius: 10px;
    text-transform: capitalize;
    font-weight: 600;
}

.col-sm-6.border {
    display: flex;
    flex-direction: column;
    flex-basis: 48%;
}



@media(min-width:1700px) {
    .container {
        max-width: 1600px !important;
        margin: 0px auto;
    }

    .carousel-caption.slide-content.d-md-block {
        top: 29% !important;
    }



    .additional-images {
        left: 17% !important;
    }
}



a.nav-link img {
    width: 29%;
}

img {
    width: 100%;
}

ul {
    padding: 0px;
}

a.navbar-brand {
    max-width: 105px;
}

.footer-inner ul li:first-child {
    color: rgb(0, 0, 0);
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
}

.footer-inner li {
    color: rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin: 10px 0px;
    list-style: none;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0px auto;
    padding: 0px;
    font-family: Inter !important;
}

header {
    border-bottom: 3px solid rgb(193, 47, 45);
}

.navbar-expand-lg {
    padding: 0px;
}

form.d-flex.ms-auto {
    width: 71%;
    position: relative;
}

input.form-control.me-2 {
    padding: 13px;
    border: 2px solid rgb(193, 47, 45);
}

button.btn.btn-outline-success {
    position: absolute;
    right: 9px;
    padding: 11px 30px;
    background: rgb(193, 47, 45);
    color: rgb(255, 255, 255);
    border: none;
    font-size: 20px;
    top: 0px;
    border-radius: 0px 5px 5px 0px;
}

button.btn.btn-secondary {
    background: #c12f2d !important;
    border: none;
    padding: 10px 18px;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
}

a.nav-link {
    font-size: 20px;
    color: rgb(0, 0, 0);
    font-weight: 700;
}

li.nav-item {
    margin-right: 3px;
    display: inline-block;
}

.mwidth14.col-lg-2 {
    border: 1px solid rgb(193, 47, 45);
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
}

button.btn.btn-primary {
    border-radius: 6px;
    text-align: center;
    border: none;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 29px;
    margin: 22px 0px;
    background: rgb(193, 47, 45) !important;
    color: rgb(255, 255, 255) !important;
}

.inner-img {
    background-image: url("../images/sale.png");
    height: 246px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.inner-img1 {
    background-image: url("../images/action.png");
}

.inner-img2 {
    background-image: url("../images/war.png");
}

.inner-img3 {
    background-image: url("../images/wishlist.png");
}

.inner-img4 {
    background-image: url("../images/x-men.png");
}

.inner-img5 {
    background-image: url("../images/mantra.png");
}

section.subscribe-sec {
    background-image: url("../images/subscribe.png");
    background-position: center center;
    background-size: cover;
}

h3 {
    color: rgb(0, 113, 255);
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
}

h5 {
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
}

.subscribe-inner.m-auto {
    max-width: 900px;
    padding: 40px 0px;
}

.main-box {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px 0px;
}

h4 {
    color: rgb(193, 47, 45);
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    min-height: 60px;
    margin: 0px;
}

.mwidth14 {
    flex: 0 0 auto;
    width: 245px;
    margin: 14px auto;
    max-height: 395px;
}

ul.last li {
    display: inline-block;
}

.icons {
    border: 1px solid;
    padding: 11px 20px;
    background: rgb(193, 47, 45);
    color: rgb(255, 255, 255);
}

.logo img {
    max-width: 96px;
}

p {
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

.copyright {
    border-top: 2px solid;
    padding: 21px;
}

h6 {
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

li {
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.carousel-caption.slide-content {
    position: absolute;
    bottom: 3.25rem;
    padding-top: 1.25rem;
    padding-bottom: 0.25rem;
    color: rgb(255, 255, 255);
    text-align: left;
    text-transform: capitalize;
    left: 14% !important;
}

.slide-content h1 {
    color: rgb(255, 255, 255);
    font-size: 50px;
    font-weight: 800;
}



.slide-content h4 {
    color: rgb(255, 255, 255);
    font-size: 32px;
}

.slide-content h3 {
    color: rgb(255, 255, 255);
    font-size: 38px;
    font-weight: 800;
    text-align: left;
}

.megasale {
    border-radius: 0px 0px 10px 10px;
    background: rgb(0, 113, 255);
    position: absolute;
    top: 0px;
    left: 8%;
    padding: 10px;
    max-width: 84%;
}

.fixed-right {
    position: relative;
}

.megasale h2 {
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    float: left;
    width: 33.33%;
    margin-top: 9px;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 3rem;
    height: 3rem;
}

.megasale span {
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 500;
    text-transform: capitalize;
    float: right;
    width: 65%;
}

.offer {
    text-transform: capitalize;
    position: absolute;
    top: 38%;
    left: 10%;
}

.offer h1 {
    color: rgb(255, 255, 255);
    font-size: 44px;
    font-weight: 800;
}

.offer h2 {
    color: rgb(255, 255, 255);
    font-size: 36px;
    font-weight: 500;
}

.offer h4 {
    color: rgb(255, 255, 255);
    font-size: 29px;
    font-weight: 500;
}

.offer h3 {
    color: rgb(255, 255, 255);
    font-size: 23px;
    font-weight: 700;
    text-align: left;
}

.maingames button.btn.btn-secondary.my-4 a {
    color: #c12f33;
    text-decoration: none;
}
 header button.btn.btn-outline-success.p-2 {
    border-radius: 0px 6.119px 6.119px 0px;
    background: rgb(193 47 45);
    padding: 0 19px !important;
}

.subscribe-inner button.btn.btn-outline-success {
    border-radius: 0px 6.119px 6.119px 0px;
    background: rgb(165, 0, 68);
}

.comic-logo {
    max-width: 170px;
    margin: 0px auto;
}

@media (max-width: 575px) {
    section {
        padding: 10px !important;
    }

    section.buy-comics.pb-5 {
        padding: 12px 0px !important;
    }

    section.slider-box.pt-3.pb-5 {
        padding: 10px !important;
    }

    .col-lg-1.col-sm-4 {
        width: 33.33% !important;
    }

    button.btn.btn-secondary {
        padding: 8px 25px;
        font-size: 12px;
    }

    .mwidth14 {
        width: 46% !important;
        max-height: 395px !important;
        margin: 4px;
    }

    .inner-img {
        height: 117px;
        background-size: cover;
    }

    .copyright {
        padding: 22px 0px 0px;
    }

    .row.sm-block {
        display: block !important;
    }

    .col.d-flex.justify-content-end.sm-start {
        display: flex;
        justify-content: center !important;
    }

    .copyright ul.last li {
        font-size: 13px;
    }

    h6 {
        font-size: 13px;
        text-align: center;
    }

    h4 {
        font-size: 15px;
        min-height: 43px;
    }

    button.btn.btn-primary {
        font-size: 14px;
        padding: 7px 16px;
    }

    a.nav-link {
        font-size: 13px;
    }

    .mwidth14 {
        margin: 14px auto;
    }

    .comic-logo {
        text-align: center;
    }

    footer.p-5 {
        padding: 10px !important;
    }



    section.comic-boxes.p-5 {
        padding: 20px !important;
    }

    section.buy-comics.p-4 {
        padding: 26px 8px !important;
    }

    section.slider-box.p-5 {
        padding: 5px !important;
    }

    h3 {
        font-size: 22px;
    }

    h5 {
        font-size: 16px;
    }

    header input.form-control.me-2 {
        padding: 3px;
    }

    header button.btn.btn-outline-success {
        padding: 2px 9px;
    }

    .megasale h2 {
        font-size: 20px;
    }

    .megasale span {
        font-size: 14px;
    }

    .megasale {
        padding: 10px;
    }

    .offer h1 {
        font-size: 27px;
    }

    .offer h2 {
        font-size: 27px;
    }

    .offer h3 {
        font-size: 20px;
    }

    .offer h4 {
        padding: 0px;
        font-size: 19px;
    }

    .slide-content h1 {
        font-size: 16px;
    }

    .slide-content h4 {
        font-size: 20px;
    }

    .slide-content h3 {
        font-size: 13px;
    }

    .carousel-caption.slide-content {
        padding-top: 0px;
        padding-bottom: 53px;
        top: 10%;
        left: 16% !important;
    }

    .slider {
        margin: 12px 0px;
    }

    .footer-inner li {
        text-align: left;
    }

    section.logos.p-5 {
        padding: 10px !important;
    }

}

.copyright {
    padding: 5px;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 3rem;
    height: 3rem;
}

section.logos.pt-3 {
    padding: 20px !important;
}

.megaoffer {
    position: absolute;
    top: -20px;
    right: -1px;
    max-width: 177px;
}

.buy-img {
    max-width: 274px;
}

.inner h2 {
    color: rgb(0, 0, 0);
    font-size: 38px;
    font-style: normal;
    font-weight: 800;
    line-height: 50px;
    text-transform: capitalize;
}

.inner p {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
}

form.d-flex.ms-auto {
    position: relative;
}

button.btn.btn-outline-success {
    position: absolute;
    right: 8px;
    top: 0px;
    padding: 5.5px 14px;
    border-radius: 3px 6px 6px 0px;
    border: 2px solid rgb(185, 45, 43);
    background: rgb(185, 45, 43);
}

input.form-control.me-2 {
    padding: 9px;
    border: 2px solid rgb(185, 45, 43);
    background: rgb(255, 255, 255);
    border-radius: 9px;
}

i.fa.fa-search {
    color: rgb(255, 255, 255);
    font-size: 27px;
}

a.nav-link i {
    color: #b92d2b;
    margin-right: 12px;
    font-size: 20px;
}

button.btn.btn-outline-.danger {
    border-radius: 0px 10px 10px 0px;
    background: rgb(185, 45, 43);
    position: absolute;
    right: 0px;
    top: 52px;
    padding: 10px 12px;
    color: rgb(255, 255, 255);
}

form.ms-auto.w-100 {
    position: relative;
}

.bottom-header {
    background: #090D66;
}

.bottom-header ul li a {
    color: #FFF;
    font-family: Palanquin Dark;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.mynav {
    max-width: 1250px;
    margin: 0 auto;
}

.mynav ul li {
    margin-right: 43px;
    display: table;
    float: left;
    padding-right: 6px;
}

button.btn.btn-secondary {
    margin: 0px;
    border-radius: 0px;
    background: #b92d2b;
    border: none;
    font-size: 17px;
    font-weight: 700;
    width: 100%;
    padding: 10px;
}

i.fa.fa-sort-desc {
    color: #fff !important;
}


@media (max-width:992px) {
    .floats button.btn.btn-secondary {
        width: 100% !important;
    }

    button.btn.btn-danger {
        font-size: 14px !important;
        margin: 6px 0px !important;
    }

    button.btn.btn-success {
        font-size: 14px !important;
        margin: 7px 0px;
    }

    section.logos.p-5 .col-lg-2 {
        width: 33%;
        padding: 13px;
    }

    button.owl-prev {
        top: -11px !important;
    }

    button.owl-next {
        top: -11px !important;
    }

    .in-content.col-lg-8 {
        text-align: center;
    }



    .subscribe-inner.m-auto {
        margin: 0px !important;
        padding: 13px 0px;
        text-align: center;
    }

    section.logos.p-5 {
        padding: 0px !important;
    }



    button.btn.btn-outline-.danger {
        top: 28px !important;
    }

    label.w-100 {
        font-size: 17px;
    }

    .inner h2 {
        font-size: 20px;
        line-height: 29px;
    }

    .comic-logo {
        max-width: 160px !important;
    }

    .wish-inner.col-lg-4 {
        max-width: 156px;
        margin: 0 auto;
    }

    section.buy-games.p-4 {
        padding: 10px !important;
    }

    .buy-img {
        max-width: 153px;
        margin: 0 auto;
    }

    section.subscribe-sec.p-5 {
        padding: 10px !important;
    }

    .in-content h3 {
        font-size: 22px;
        margin-top: 12px;
    }

    .in-content h5 {
        font-size: 14px;
        line-height: 26px;
        margin: 10px 0px;
    }

    section.buy-games.p-5 {
        padding: 10px !important;
    }

    .floats {
        display: block !important;
        width: 100%;
    }

    .floats button.btn.btn-secondary {
        width: 100%;
        margin-left: 0px;
        margin: 18px 0px;
    }

    .maingames {
        padding: 10px;
    }


    .in-content button {
        font-size: 14px;
    }

    .subscribe-inner.m-auto h3 {
        font-size: 20px !important;
        padding: 0px !important;
        font-weight: 500;
    }

    .wish-inner img {
        max-width: 156px;
    }

    header {
        padding: 0px;
    }

    .slide-content h1 {
        font-size: 25px;
        line-height: 27px;
        font-weight: 500;
    }

    .slide-content h3 {
        font-size: 21px;
        line-height: 22px;
        font-weight: 500;
        padding: 0px 0px 10px;
    }

    h5 {
        font-size: 15px;
    }

    .inner {
        text-align: center;
    }

    .carousel-caption.slide-content.d-md-block img {
        max-width: 110px;
    }

    .carousel-caption.slide-content {
        top: 24% !important;
    }

    button.btn.btn-primary {
        margin: 10px 0px;
        padding: 10px 10px;
        font-size: 12px;
    }

    .carousel-item img.d-block {
        min-height: 245px;
    }

    section.logos.pt-3 {
        padding: 0px !important;
    }

    .col-lg-3 {
        width: 50%;
    }

    .col-lg-3 ul li {
        font-size: 13px;
        padding: 0px;
        margin: 0px;
    }

    i.fa.fa-search {
        font-size: 18px;
    }

    header input.form-control.me-2 {
        padding: 3px;
    }

    ul.onlym {
        margin: 9px 0px;
    }

    .comic-logo.last-logo.w-25 {
        margin: 0px 30px;
    }

    button.btn.btn-outline-success {
        padding: 3px 13px;
    }


}


@media (max-width:992px) {
    .onlymobile.d-none {
        display: block !important;
    }

    .navbar-toggler-icon {
        display: inline-block;
        width: 2.5em;
        height: 2.5em;
        vertical-align: middle;
        background-image: url("images/toggle.png");
    }

    button.navbar-toggler {
        border: none;
    }

    .top {
        width: 100%;
    }

    div#navbarScroll {
        position: absolute;
        top: 58px;
        width: 100%;
        background: #bc2c29;
        height: auto;
        left: 0;
        border-top: 1px solid #fff;
        z-index: 9999;
        text-align: left;
    }

    .sidebar.d-flex.align-items-center.justify-content-between {
        display: block !important;
        padding: 5px 0px 20px;
    }



    .sidebar.d-flex.align-items-center.justify-content-between ul.pagination {
        width: 100% !IMPORTANT;
        max-width: 100% !important;
    }

    .sidebar.d-flex.align-items-center.justify-content-between .custom_pagination {
        padding-top: 14px;
        max-width: 500px;
        margin: 0 auto;
        width: 100% !important;
    }

    .sidebar.d-flex.align-items-center.justify-content-between div#accordionFlushExample {
        max-width: 587px;
        margin: 0 auto;
    }

    nav {
        width: 100% !important;
    }

    .navbar-nav-scroll {
        max-height: none;
    }

    div#navbarScroll li a.nav-link {
        text-align: left;
        color: #fff;
    }

    div#navbarScroll li {
        padding: 5px 20px;
        border-bottom: 1px solid #fff;
    }

    div#navbarScroll li:last-child {
        border: none;
    }

    div#navbarScroll ul {
        margin: 0 !important;
        padding: 0 !important;
    }

    .bottom {
        width: 100%;
        padding: 10px 0px;
        border-bottom: 3px solid #bc2c29;
    }

    .navbar-expand-lg {
        padding: 7px;
        background: #bc2c29;
        margin: 0px;
    }

    ul.onlym li i {
        color: #ffffff !important;
        margin-left: 24px;
        font-size: 22px !important;
    }

    button.navbar-toggler {
        margin: 0px;
    }

    ul.onlym li {
        display: inline-block;
    }

    nav.navbar.navbar-expand-lg.onlydesktop {
        display: none;
    }

    button.btn.btn-outline-success {
        padding: 3px 13px;
    }

    .logo img {
        max-width: 52px;
    }

    form.d-flex.ms-auto {
        width: 100%;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
    }


    input:focus {
        box-shadow: none !important;
    }

    @media (min-width:576px) and (max-width:992px) {
        .slide-content h1 {
            font-size: 45px;
        }

        ul.onlym {
            padding: 10px 0px 0px;
        }

        .col-sm-6.md-end {
            display: flex;
            justify-content: end;
        }

        button.owl-prev {
            left: -11px !important;
            top: 10px !important;
        }

        button.owl-next {
            right: -11px !important;
            top: 10px !important;
        }

        .logo img {
            max-width: 93px;
        }

        .carousel-caption.slide-content.d-md-block img {
            max-width: 170px;
        }

        ul.onlym li i {
            margin-left: 24px;
            font-size: 30px !important;
        }

        .carousel-caption.slide-content {
            bottom: 3.25rem;
        }

        .row.align-items-center.w-100 {
            margin: 0px !important;
            padding: 0px !important;
        }

        button.btn.btn-outline-success {
            padding: 6px 13px;
        }

        .col-sm-2 ul {
            margin: 10px 0px;
        }

        button.navbar-toggler {
            margin: 0px;
        }

        li.nav-item {
            margin-right: 14px;
        }
    }

    @media (min-width:768px) and (max-width:2200px) {


        .carousel-control-next-icon,
        .carousel-control-prev-icon {
            width: 3.5rem !important;
            height: 3.5rem !important;
        }

        .navbar-expand-lg .navbar-collapse {
            width: 100%;
        }
    }

    @media (min-width:992px) and (max-width:1024px) {
        .mynav ul li {
            margin-right: 38px;
        }

        .slide-content h1 {
            font-size: 50px;
        }

        .carousel-caption.slide-content {
            bottom: 1.25rem;
        }

    }


    button.owl-prev span {
        font-size: 38px;
    }

    button.owl-prev {
        position: absolute;
        left: 0px;
        top: 0;
    }

    .comic-logo {
        max-width: 200px;
        /* margin: 0 auto; */
    }

    button.owl-next {
        position: absolute;
        right: 0px;
        top: 0;
    }

    button.owl-next span {
        font-size: 38px;
    }

    .owl-dots {
        display: none;
    }

    .owl-stage {
        display: flex;
    }

    .bottom-header ul li a:hover {
        color: #b92d2b;

    }

    a.nav-link.active {
        color: #b92d2b !important;
    }


    .dropdown {
        position: relative;
        display: inline-block;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #b92d2b !important;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
        width: 100%;
    }



    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

    .dropdown-content a:hover {
        background-color: #ffffff;
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }

    a.nav-link.dropbtn:after {
        background: url(../images/Vector.png);
        height: 2rem;
        width: 2rem;
        position: absolute;
        content: '';
        background-repeat: no-repeat;
        top: 14px;
        right: -28px;
    }



    .comic-images {
        max-width: 255px;
        margin: 0 auto;
    }


    .games-inner span {
        font-size: 12px !important;
        text-align: center !important;
        font-weight: 600;
        border-radius: 10px;
    }

    .games-inner {
        text-align: center;
        padding: 12px 0px;
        max-height: 158px;
    }

    .games-inner .row {
        display: flex;
        align-items: center;
    }

    .maingames {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        padding: 30px;
    }

    .item {
        overflow: hidden !important;
    }

    .col-sm-4 button.btn.btn-primary {
        padding: 6px 10px;
        border: 2px solid #b92d2b;
        font-size: 17px;
        margin: 0px !important;
        text-shadow: none !important;
    }

    .games-btn button.btn.btn-primary {
        background: #b92d2b;
        color: #ffff;
        text-shadow: none;
        margin: 0px !important;
        width: 100%;
        padding: 10px;
    }

    .col-sm-4 h5.fisrt-child::after {
        content: '';
        height: 2px;
        width: 100%;
        background: #00000054;
        position: absolute;
        top: 45%;
        left: 0;
    }

    .col-sm-4 h5 {
        position: relative;
        font-size: 17px !important;
        margin: 0px;
    }

    ul.d-flex {
        display: flex !important;
        justify-content: space-around;
        padding: 0px;
    }

    .col-sm-4 h6 {
        font-size: 17px;
        margin: 0px;
    }

    .floats {
        border-bottom: 2px solid #b92d2b;
        display: flex;
        margin: 35px 0px;
        padding: 10px 0px;
    }

    .floats button.btn.btn-secondary {
        background: none;
        color: #000;
        border: 2px solid #b92d2b;
        padding: 11px !important;
        margin-left: 0px;
        margin: 0px 0px;
        height: auto;
        max-height: 56px;
    }

    .floats h3 {
        color: #b92d2b;
        font-weight: 600;
        width: 15.33%;
    }

    .comic-images img {
        max-height: 360px;
    }

    button.owl-prev {
        position: absolute;
        left: 0px;
        top: 44%;
        background: #b92d2b !important;
        height: 49px;
        width: 49px;
        border-radius: 52px !important;
    }

    button.owl-next {
        top: 44%;
        right: 0 !important;
        background: #b92d2b !important;
        height: 49px;
        width: 49px;
        border-radius: 52px !important;
    }

    button.owl-prev span,
    button.owl-next span {
        font-size: 30px;
        color: #fff;
        font-weight: 600;
    }

    nav.navbar.navbar-expand-lg.onlydesktop.align-items-center {
        padding: 0px !important;
    }

    a {
        text-decoration: none;
    }

    @media(max-width:1400px) {


        a.navbar-brand {
            max-width: 79px;
        }

        h3.py-3 {
            padding: 0px !important;
            font-size: 20px !important;
        }

        .in-content.col-lg-8 h5 {
            padding: 9px 0px;
            font-size: 18px;
            line-height: 27px;
            text-transform: capitalize;
        }
    }

    .games-btn {
        margin-top: 10px;
    }

    ul.navbar-nav.ms-auto.my-2.my-lg-0.navbar-nav-scroll.custom_lists li a {
        font-size: 19px;
    }

    .carousel-inner.mb-4 .carousel-item::after {
        content: '';
        background: #00000069;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
    }

    .carousel-caption.slide-content.d-md-block {
        z-index: 999;
        top: 14px;
    }

    @media(min-width:992px) and (max-width:1400px) {
        .col-lg-3 ul li {
            font-size: 17px;
        }

        .carousel-control-next-icon,
        .carousel-control-prev-icon {
            width: 2.5rem !important;
            height: 2.5rem !important;
        }

        .cartmaininner .item-img {
            max-width: 260px !important;
        }

        .max-header ul li a {
            padding-right: 0px;
        }
    }

    @media(min-width:992px) and (max-width:1024px) {
        button.btn.btn-outline-.danger {
            top: 34px !important;
        }

        button.btn.btn-danger::after {
            height: 13px !important;
            width: 13px !important;
            left: 8px !important;
        }

        .max-header ul li {
            padding-right: 0px;
        }

        .floats h3 {
            width: 20.33%;
        }

        .user_gmail span {
            margin: 0px;
        }
    }

    .cartmaininner .item-img {
        border: none;
        max-width: 330px;
    }

    @media (min-width:1025px) and (max-width:1540px) {
        section.slider-box.p-1 .slider div#carouselExample .carousel-inner.mb-4 .carousel-item {
            max-height: 337px !important;
            min-height: 337px !important;
        }

        .slide-content h1 {
            font-size: 49px;
        }


        .subscribe-inner.m-auto h3 {
            padding: 2px !important;
            margin: 0px !important;
        }

        ul.navbar-nav.ms-auto.my-2.my-lg-0.navbar-nav-scroll.custom_lists li a {
            font-size: 14px;
        }
    }

    .in-content.col-lg-8 h5 {
        padding-top: 20px;
    }



    @media(min-width:575px) and (max-width:1024px) {
        .cartmaininner .col-lg-4.col-sm-12.col-md-12 {
            width: 25%;
        }

        .container,
        .container-sm {
            width: 100% !important;
        }

        .relatedinner button.btn.btn-primary.w-100.text-uppercase {
            font-size: 12px !important;
        }

        .cartmaininner .col-lg-8.col-md-12.col-sm-12 {
            width: 75%;
        }
    }


    .order_details ul li span {
        text-align: right;
        display: flex;
        justify-content: right;
    }

    .order_details {
        margin: 50px auto;
        padding: 15px;
    }

    .order_details ul li {
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 30px 0px;
        border-bottom: 1px solid #ccc;
    }

    .border-none {
        border: none !important;
    }

    .thankyou_box.p-5.border-dotted {
        border: 3px dotted #b92d2b;
    }

    .thankyou_box.p-5.border-dotted h2 {
        color: #b92d2b;
        font-size: 44px;
    }

    .thankyou_page_inner.text-center h5 {
        text-transform: capitalize;
    }

    .thankyou_page_inner.text-center {
        border-right: 1px solid #ccc;
        padding: 15px 0px;
    }

    .row:last-child .col-sm-4.thankyou_page_inner.text-center {
        border: none !important;
    }

    .order_details h3 {
        text-transform: capitalize;
        font-size: 36px;
        font-weight: 600;
    }

    .order_details ul li:first-child {
        font-weight: 700;
        font-size: 20px;
    }

    .order_details ul li:last-child {
        font-weight: 700;
        font-size: 20px;
    }

    section.thankyou_page.p-5 {
        border-bottom: 1px solid;
    }

    .site_content h2 {
        font-weight: 600;
    }

    @media (max-width:992px) {
        section.thankyou_page.p-5 {
            padding: 20px 0px !important;
        }

        .righbars {
            margin: 14px 0px;
        }

        button.btn.btn-danger::after {
            height: 14px !important;
            width: 17px !important;
            left: 6px !important;
            top: 15px !important;
        }

        .thankyou_box.p-5.border-dotted {
            padding: 10px !important;
        }

        .thankyou_box.p-5.border-dotted h2 {
            font-size: 30px;
        }

        .row.p-4.m-4.d-flex.align-items-center.justify-content-between {
            padding: 0px !important;
            margin: 10px !important;
        }

        .row.p-4.m-4.d-flex.align-items-center.justify-content-between {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        .col-sm-3 {
            width: 50% !important;
            padding: 0px 3px !important;
        }

        .thankyou_page_inner.text-center {
            text-align: left !important;
            border: none;
        }

        .order_details {
            margin: 10px 0px;
        }

    }

    button.btn.btn-outline-success {
        top: -15px !important;
    }

    .relateimg img {
        max-width: 100%;
        margin: 0 auto;
        height: 202px;
        object-fit: contain;
        width: 100% !important;
        background-position: center;
    }

    .carousel-caption.slide-content.d-md-block button.btn.btn-primary {
        width: 23%;
        background: #fff;
        color: #000;
        font-weight: 700;
    }

    @media(min-width:1024px) and (max-width:1600px) {
        .subscribe-inner.m-auto button.btn.btn-outline-.danger {
            top: 35px !important;
            padding: 8.7px 17px !important;
        }
    }

    button.btn.btn-primary.toggle.btn i img {
        max-width: 20px;
    }

    button#mybtn {
        width: 13%;
        height: 37px;
    }


    .mainright .fc-button-group button {
        background: #c12f2d;
        border: none;
        margin: 0px 13px 0px 0px;
        border-radius: 10px;
    }


    .mainright .fc-button-group button span {
        color: #fff;
    }

    .mainright button.fc-today-button.fc-button.fc-button-primary {
        background: #c12f2d;
        border: none;
    }

    .mainright .fc-daygrid-day-top a {
        color: #000;
        font-weight: 600;
        text-align: center;
    }

    .mainright thead a {
        color: #c12f2d;
        font-size: 18px;
    }


    .mainright .fc-daygrid-day-top {
        justify-content: center;
        align-items: center;
    }

    .mainright th .fc-scrollgrid-sync-inner {
        padding: 10px;
    }

    .mainright .fc-daygrid-day-events div {
        color: #c12f2d;
        text-align: center;
        text-transform: capitalize;
    }

    .mainright button.fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active {
        background: no-repeat;
        color: #000;
        border: 2px solid;
    }

    .catogary-content {
        max-width: 100%;
    }

    div#modalBody .col-sm-10 {
        width: 100%;
    }

    .catogary-content h4#event_Title {
        text-transform: capitalize;
        font-size: 24px;
        padding-bottom: 10px;
    }

    .catogary-content h6 {
        font-weight: 800;
        margin: 0px;
        border-bottom: 1px solid;
        margin-top: 9px;
    }


    .catogary-content h6 span.highlight {
        color: #000 !important;
        font-size: 14px;
        line-height: 24px;
    }

    .modal-content button.btn.btn-default.closemodal {
        background: #9d1210;
        color: #fff;
        border-radius: 5px;
        text-transform: capitalize;
        padding: 8px 30px;
    }

    .catogary-content h6:nth-child(4) {
        border: none;
    }

    .modal-content .modal-footer {
        padding: 5px;
    }

    .mainright .fc-button-group button.fc-button-active {
        background: #fff !important;
        border: 2px solid !important;
        color: #c12f2d !important;
    }

    .mainright .fc-button-group button:hover {
        background: #c12f2d82;
    }

    .formParentDiv.col-md-6 button.btn.btn-outline-success {
        border-radius: 0px 9px 9px 0px !important;
    }

    button.fc-timeGridWeek-button.fc-button.fc-button-primary::focus {
        border: none;
        box-shadow: 0;
    }

    .mainright td.fc-day.fc-day-fri.fc-day-today.fc-daygrid-day {
        background: #c1352d8f;
    }

    .mainright .fc-list-day-cushion.fc-cell-shaded a {
        color: #c12f2d;
    }

    .comic-logo img {
        max-width: 139px;
        margin: 0px auto;
        height: 42px;
        object-fit: contain;
    }
}

section.slider-box img {

    object-fit: cover;
}

.in-content h5 {
    text-align: left;
    font-size: 23px;
}

.subscribe-inner h5 {
    text-align: left;
}

.inner h5 {
    text-align: left;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
}

.subscribe-inner.m-auto button.btn.btn-outline-.danger {
    top: 24px;
}

li {
    list-style: none;
}

.product_list ul li:hover a {
    color: #fff;
}

.tabing_inner {
    float: left;
    width: 100%;
}

.maingames h3 {
    color: #c12f2d;
    text-transform: capitalize;
    font-weight: 500;
    width: 21%;
    text-align: left;
}

.maingames .floats {
    display: flex;
}

.maingames button.btn.btn-secondary.my-4 {
    width: 20%;
    border: 2px solid #c12f2d;
    background: transparent !important;
}

.maingames button.btn.btn-secondary.my-4 a.text-white {
    /*color: #c12f2d !important;*/
}

.max-header {
    max-width: 1150px;
    margin: 0 auto;
}

@media(min-width:1600px) {
    .max-header ul li {
        padding-right: 25px;
    }
}

#cartNotification {
    display: none;
    position: fixed;
    top: 20px;
    right: 20px;
    background-color: #4CAF50;
    color: #fff;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 999;
    /* Set a higher z-index value */
}

#progressBarContainer {
    width: 100%;
    height: 3px;
    background-color: #ddd;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 5px;
    direction: rtl;
    /* Set direction to right-to-left */
}

#progressBar {
    height: 100%;
    width: 0;
    background-color: #2196F3;
    border-radius: 5px;
    transition: width 0.1s linear;
}



.comic-images a.topimage {
    border-radius: 10px;
    overflow: hidden;
    padding: 15px;
}

.comic-images {
    display: grid;
    grid-auto-columns: revert;
}
.comic-images  a{
    display:inline-grid;
}

.maingames .floats.align-items-center {
    border-bottom: 3px solid #C12F2D;
}
.twocol .leftbar a {
    color: #c12f2d;
}
button.btn-close {
    background: #fff;
}
.maingames .games-inner.card {
    border: none ;
}

.owl-carousel.owl-drag .owl-item{
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 10px;
}
.owl-stage {
    display: flex;
}
.item {
    height: 100%;
}

.comic-images {
    height: 100%;
}
.games-btn {
    display: inline-grid;
}

.breadcrumb .first ol {
    background-color: rgb(63, 53, 65) !important;
}
.breadcrumb .first a:hover {
    color: #ffffff !important;
}
.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: "" !important;
}
.breadcrumb {
    padding: 19px;
    font-size: 14px;
    color: #aaa !important;
    letter-spacing: 2px;
    border-radius: 5px !important;
}
.breadcrumb .fa,
.breadcrumb i {
    color: rgb(0, 183, 255) !important;
    font-size: 10px;
}
.breadcrumb .first {
    background-color: white !important;
}
.breadcrumb a {
    text-decoration: none !important;
    font-weight: 600;
    color: #aaa !important;
    cursor: pointer !important;
}
.breadcrumb a:focus,
.breadcrumb a:active {
    outline: none !important;
    box-shadow: none !important;
}
.breadcrumb .fa-caret-right {
    vertical-align: middle;
    font-size: 20px !important;
}
.breadcrumb-item.active a {
    color: #000 !important;
}
@media (max-width: 767px) {
    .breadcrumb {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }
    .breadcrumb .breadcrumb-item {
        text-align: left;
    }
    .breadcrumb .breadcrumb-item+.breadcrumb-item {
        padding-left: 5px;
    }
    .breadcrumb .fa {
        font-size: 12px !important;
    }
    .breadcrumb {
        padding: 10px;
        font-size: 12px;
        letter-spacing: 1px !important;
    }
    .breadcrumb .fa-caret-right:before {
        content: "\f0da";
        vertical-align: super !important;
    }
    .breadcrumb .breadcrumb-item.active {
        font-weight: bold;
        color: #ff0000;
    }
}

li.breadcrumb-item a.active {
    color: #b92d2b !important;
}
a.nav-link.dropbtn.active {
    color:rgb(193 47 45) !important;
}
.navbar-nav .nav-link.active{
    color: rgb(193 47 45) !important;
}
.subscribe-inner.m-auto label {
    text-align: left;
    padding-bottom:10px;
}
@media(max-width:700px){
    .maingames .floats {
    margin: 0;
}
.banner-id.justify-content-center.d-flex img {
    height: 100% !important;
    width: 100% !important;
}
.maingames h3 {
    width: 100%;
}
section.singal-products.p-5 {
    padding: 20px 0 !important;
}
.wish-inner.col-lg-4 {margin: 10px;}

.in-content.col-lg-8 {
    text-align: left;
}
header.mb-paading {
    margin-bottom: 20px;
}
section.singal-products.p-5 .col-lg-4 {
    padding-bottom: 20px;
}
.product_title h4 {
    font-size: 20.86px;
    width: max-content;
}
section.logos.p-5.center_mb .row {
    justify-content: center;
}
.offers h5 {
    text-align: left;
}
.itemcontent .col-sm-3.col-lg-3.col-md-6 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 15px  !important;
}

.cartmaininner .itemcontent {
    margin: 0;
}
}
.tabing_inner {
    padding-bottom: 35px;
}
div#breadcrumDiv {
    margin-top: 20px;
}