@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=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');

@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');



table#comicCartTable,

table#gameWishlistTable {

    border: 1px solid #b92c2a;

    margin: 0 auto
}



section.singal-products.p-5 {

    border-bottom: 2px solid #c12f2d;

}



td {

    padding: 0
}



th {

    font-size: 19px;

    padding: 20px 0 !important
}



.logo p {

    margin-top: 13px
}



.section.buy-comics .buy-img {

    max-width: 100%
}



header button.btn.btn-outline-success {

    padding: 10px 15px !important
}



.user_mailbox h3 {

    color: #000;

    font-size: 30px;

    margin: 0 !important
}



span.pay {

    font-size: 21px
}



.shipping_box select {

    padding: 12px !important
}



.user_gmail span {

    font-size: 23px;

    margin: 20px
}



.user_mailbox {

    max-width: 950px
}



span.selecte_method img {

    max-width: 100px;

    margin: 0 10px
}



input#same-address {

    height: 25px;

    width: 25px;

    margin-right: 10px
}



input#shipping_submit {

    padding: 18px 60px;

    font-size: 18px;

    background: #c12f2d !important;

    color: #fff !important
}



.custom-control.custom-checkbox img {

    max-width: 150px;

    margin-left: 15px
}



span.pay a {

    font-size: 15px
}



li.list-group-item.d-flex.justify-content-between.border-bottom span {

    font-size: 22px
}



strong.font-bold {

    font-size: 28px
}



.shipping_box input,

.shipping_box select {

    padding: 16px;

    margin: 15px 0;

    background: rgba(204, 204, 204, 0.31) !important;

    border: 1px solid #ccc !important;

    border-radius: 3px !important
}



.methods ul {

    margin: 50px 0 0
}



button.btn.btn-primary.Edit {

    padding: 10px;

    width: 83%;

    text-transform: uppercase;

    background: none !important;

    border: 2px solid #c12f2d !important;

    color: #000 !important
}



.shipping_box h4 {

    font-size: 20px;

    font-weight: 600;

    padding-bottom: 16px;

    color: #000 !important;

    margin: 0 !important;

    min-height: auto !important
}



.custom-control.custom-checkbox {

    padding-bottom: 30px
}



.shipping_box label {

    font-size: 14px !important;

    color: #000 !important;

    text-transform: uppercase !important
}



.shipping_box div.border {

    padding: 70px
}



.order_s h3 {

    font-size: 20px;

    font-weight: 400;

    padding: 20px 22px;

    color: #000 !important;

    text-align: left !important
}



.checkout_form input {

    display: block;

    width: 100% !important
}



.checkout_form li {

    text-align: left
}



.checkout_form {

    text-align: left
}



.checkout_form label {

    text-align: left !important
}



.custom-control.custom-checkbox {

    text-align: left;

    padding: 0;

    align-items: center;

    display: flex
}



li {

    list-style: none
}



.checkout_form {

    text-align: left;

    max-width: 900px;

    margin: 0 auto;

    padding: 20px
}



.shipping_box button.btn.btn-primary.btn-lg.btn-block {

    padding: 15px 49px;

    border-radius: 28px;

    background: #c12f2d !important
}



li.list-group-item.d-flex.justify-content-between.border-bottom {

    border-top: 1px solid #ccc
}



.shipping_box p.text-center {

    color: #000
}



.order_summary ul.list-group.mb-3 {

    border: 2px solid #c12f2d;

    border-radius: 0 !important
}



.order_summary ul.list-group.mb-3 li {

    border: none;

    padding: 15px !important;

    background: #efefef !important
}



.order_summary h6.my-0 {

    font-size: 24px;

    font-weight: 600;

    text-align: left
}



.order_summary span.text-muted a {

    color: #c12f2d;

    text-decoration: none;

    font-size: 15px
}



.order_summary h5 {

    color: rgba(0, 0, 0, 0.74);

    font-size: 16px;

    text-align: left
}



.order_summary span {

    text-align: left !important
}



h6.my-0.font-12 {

    font-size: 16px;

    font-weight: 400;

    padding-bottom: 10px
}



.shipping_box {

    max-width: 950px
}



li.list-group-item.d-flex.justify-content-between.lh-condensed {

    border-bottom: 1px solid #ccc !important
}



.after_address_fill ul li {

    list-style: none;

    padding: 12px;

    border-top: 1px solid #ccc;

    text-align: left !important
}



.after_address_fill {

    display: none
}



.after_address_fill label.custom-control-label {

    font-size: 19px !important;

    margin: 0 !important;

    padding: 0 !important;

    text-align: left !important
}



.after_address_fill input#same-address {

    padding: 24px
}



.after_address_fill {

    border: 1px solid #ccc
}



.after_address_fill .custom-control.custom-checkbox {

    padding: 0 !important
}



@media (max-width: 700px) {



    .shipping_box input,

    .shipping_box select {

        margin: 3px 0;

        padding: 9px !important
    }



    section.checkout.p-5 {

        padding: 10px !important
    }



    .shipping_box div.border {

        padding: 10px
    }



    .custom-control.custom-checkbox {

        padding: 0 0 17px
    }



    .user_gmail span {

        font-size: 17px;

        margin: 0
    }



    .next.col-sm-4.text-end {

        text-align: left !important
    }



    h6.befores {

        text-align: left !important
    }



    .user_mailbox h3 {

        font-size: 17px;

        margin: 0;

        text-align: left
    }



    .shipping_box p.text-center {

        color: #000;

        font-size: 16px;

        text-align: left !important
    }

}



.next.col-sm-4.text-end h6 {

    text-align: end
}



.billing.order_s {

    margin: 20px 0
}



.user_inputs span {

    font-size: 17px;

    text-transform: capitalize
}



.number {

    padding: 4px 0
}



.userfulladdress {

    padding: 5px 0
}





.form-container {

    max-width: 400px;

    margin: 50px auto auto;

    padding: 20px;

    background-color: #fff;

    border-radius: 10px;

    box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px
}



.error {

    color: red
}



.custom-control.custom-checkbox label {

    margin-left: 10px
}







@media (max-width: 575px) {

    footer.p-5 .col-lg-3 {

        width: 100%;

        padding: 20px;

    }

}



.btn.btn-primary {

    background: #bd2e2d;

    border: none;

    border-radius: 0;

    margin-top: 10px;

    padding: 15px;

}



.mainright .fc-button-group button {

    background: #c12f2d;

    border: none;

    margin: 0 13px 0 0;

    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: 0;

    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
}



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
}



section.catogarylist.p-5 .rightbarcontent {

    width: 100%
}



section.catogarylist.p-5 .col-sm-9.sm-100 {

    width: 100%
}



section.catogarylist.p-5 .fc-daygrid-body.fc-daygrid-body-unbalanced.fc-daygrid-body-natural {

    width: 100% !important
}



section.catogarylist.p-5 table.fc-scrollgrid-sync-table {

    width: 100% !important
}



section.catogarylist.p-5 .table-responsive table#comicCartTable {

    width: 100% !important
}



section.catogarylist.p-5 .table-responsive table#comicCartTable tr {

    padding: 10px !important;

    align-items: center;

    display: flex;

    width: 100%;

    justify-content: space-between;

    border-bottom: 1px solid #bd2c29;

    padding: 0
}



section.catogarylist.p-5 .table-responsive table#comicCartTable tr th {

    background: no-repeat;

    border: none;

    padding: 0 !important
}



section.catogarylist.p-5 .table-responsive table#comicCartTable tr td {

    border: #ffdead;

    background: none
}



.product_list ul li {

    text-align: left;

    padding: 5px 0
}



.product_list ul li a {

    color: #000
}





.product_title h4 {

    font-weight: 700;

    font-size: 39px;

    color: #000
}



.tabing_inner ul li:hover {

    background: #fff;

    box-shadow: 0 0 2px
}



a.nav-link img {

    width: 29%
}



img {

    width: 100%
}



ul {

    padding: 0
}



* {

    box-sizing: border-box
}



body {

    margin: 0 auto;

    padding: 0;

    font-family: Montserrat
}



.max-content {

    max-width: 1195px;

    margin: 0 auto
}



.main-box {

    display: inline-block;

    width: 100%;

    text-align: center;

    padding: 6px 0 0
}



.icons {

    border: 1px solid;

    padding: 11px 20px;

    background: #c12f2d;

    color: #fff
}



li {

    color: #000;

    text-align: center;

    font-size: 14px;

    font-weight: 500;

    text-transform: capitalize
}



.carousel-caption.slide-content {

    position: absolute;

    bottom: 6.25rem;

    padding-top: 1.25rem;

    padding-bottom: .25rem;

    color: #fff;

    text-align: left;

    text-transform: capitalize;

    left: 14% !important
}



.slide-content h1 {

    color: #fff;

    font-size: 81px;

    font-style: normal;

    font-weight: 400;

    line-height: 66px;

    text-transform: uppercase;

    font-family: "Paytone One" !important
}



.carousel-caption.slide-content.d-md-block img {

    max-width: 233px
}



.slide-content h3 {

    color: #fff;

    font-size: 42px;

    font-weight: 400;

    line-height: 23px;

    text-transform: capitalize;

    padding: 16px 0;

    font-family: "Paytone One" !important;

    text-align: left
}



button.btn.btn-primary {

    color: #000;

    text-shadow: rgba(0, 0, 0, 0.25) 0 2px 4px;

    font-family: Montserrat;

    font-size: 20px;

    font-weight: 500;

    text-transform: capitalize;

    background: #fff;

    border: none;

    padding: 10px 55px
}



.carousel-control-next-icon,

.carousel-control-prev-icon {

    width: 3rem;

    height: 3rem
}



.offer {

    text-transform: capitalize;

    position: absolute;

    top: 27%;

    left: 10%
}



.wish-inner img {

    max-width: 320px
}



.in-content h3 {

    color: #fff;

    font-size: 28px;

    font-style: normal;

    font-weight: 800;

    line-height: normal;

    text-transform: uppercase
}



.in-content h5 {

    color: #fff;

    font-size: 20px;

    font-weight: 700;

    line-height: 32px;

    text-transform: uppercase
}



button {

    border-radius: 5px;

    background: #c12f2d;

    color: #fff;

    font-size: 20px;

    font-weight: 800;

    line-height: unset;

    text-transform: uppercase;

    padding: 7px 44px;

    margin: 14px 0 0;

    border: none
}



label.w-100 {

    color: #fff;

    font-size: 22px;

    font-weight: 600;

    line-height: normal;

    text-transform: capitalize;

    padding: 10px 0
}



.megaoffer {

    position: absolute;

    top: -20px;

    right: -1px;

    max-width: 177px
}



.buy-img {

    max-width: 100%
}



.inner h2 {

    color: #000;

    font-size: 38px;

    font-style: normal;

    font-weight: 800;

    line-height: 50px;

    text-transform: capitalize
}



.inner p {

    color: #000;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;

    text-transform: capitalize
}



i.fa.fa-search {

    color: #fff;

    font-size: 27px
}



a.nav-link i {

    color: #b92d2b;

    margin-right: 12px;

    font-size: 20px
}



button.btn.btn-outline-.danger {

    border-radius: 0 10px 10px 0;

    background: #b92d2b;

    position: absolute;

    right: 0;

    top: 52px;

    padding: 9px 12px;

    color: #fff
}



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 ul li {

    margin-right: 43px;

    display: table;

    float: left;

    padding-right: 6px
}



i.fa.fa-sort-desc {

    color: #fff !important
}



@media (max-width: 768px) {

    .floats button.btn.btn-secondary {

        width: 100% !important
    }



    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 {

        padding: 13px 0;

        text-align: center;

        margin: 0 !important
    }



    section.logos.p-5 {

        padding: 0 !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: 100%;

        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 0
    }



    section.buy-games.p-5 {

        padding: 10px !important
    }



    .floats {

        width: 100%;

        display: block !important
    }



    .floats button.btn.btn-secondary {

        width: 100%;

        margin: 18px 0
    }



    .maingames {

        padding: 10px
    }



    .in-content button {

        font-size: 14px
    }



    .subscribe-inner.m-auto h3 {

        font-weight: 500;

        font-size: 20px !important;

        padding: 0 !important
    }



    .wish-inner img {

        max-width: 156px
    }



    header {

        padding: 0;

        position: relative
    }



    .slide-content h1 {

        font-size: 23px;

        line-height: 27px;

        font-weight: 500
    }



    .slide-content h3 {

        font-size: 21px;

        line-height: 22px;

        font-weight: 500;

        padding: 0 0 10px
    }



    .inner {

        text-align: center
    }



    .carousel-caption.slide-content.d-md-block img {

        max-width: 110px
    }



    .carousel-caption.slide-content {

        top: 20% !important
    }



    button.btn.btn-primary {

        margin: 0;

        padding: 10px
    }



    section.logos.pt-3 {

        padding: 0 !important
    }



    .col-lg-3 ul li {

        padding: 0;

        margin: 0;

        font-size: 17px !important
    }



    i.fa.fa-search {

        font-size: 18px
    }



    ul.onlym {

        margin: 9px 0
    }



    .comic-logo.last-logo.w-25 {

        margin: 0 30px
    }



    button.btn.btn-outline-success {

        padding: 3px 13px
    }



    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
    }



    .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 0;

        border-bottom: 3px solid #bc2c29
    }



    ul.onlym li i {

        margin-left: 24px;

        color: #fff !important;

        font-size: 22px !important
    }



    button.navbar-toggler {

        margin: 0
    }



    ul.onlym li {

        display: inline-block
    }



    .d-none {

        width: 100%
    }



    .col-sm-6 {

        width: 50%;

        padding: 10px !important
    }



    .logo img {

        max-width: 52px
    }



    .navbar-toggler:focus {

        box-shadow: none !important
    }

}



input:focus {

    box-shadow: none !important
}



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

    .slide-content h1 {

        font-size: 45px
    }



    section.checkout.p-5 .row {

        align-items: start
    }



    .user_gmail span {

        margin: 0 !important
    }



    section.checkout.p-5 .row .col-md-8.order-md-1 {

        width: 60%
    }



    section.checkout.p-5 .row .col-md-4.order-md-2.mb-4 {

        width: 40%
    }



    section.checkout.p-5 .row .shipping_box input,

    .shipping_box select {

        padding: 11px !important;

        margin: 0 !important
    }



    section.checkout.p-5 .row h2.shipping_form_data {

        font-size: 18px
    }



    section.checkout.p-5 .row .user_mailbox h3 {

        font-size: 20px;

        padding-bottom: 11px
    }



    ul.onlym {

        padding: 10px 0 0
    }



    .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: 63px
    }



    .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: 0 !important;

        padding: 0 !important
    }



    button.btn.btn-outline-success {

        padding: 6px 13px
    }



    .col-sm-2 ul {

        margin: 10px 0
    }



    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: 0;

    top: 0
}



.comic-logo {

    max-width: 200px
}



button.owl-next {

    position: absolute;

    right: 0;

    top: 0
}



button.owl-next span {

    font-size: 38px
}



.owl-dots {

    display: none
}



.owl-stage {

    display: flex;

    align-items: center
}



.bottom-header ul li a:hover {

    color: #b92d2b
}



.dropdown {

    position: relative;

    display: inline-block
}



.dropdown-content {

    display: none;

    position: absolute;

    box-shadow: rgba(0, 0, 0, 0.2) 0 8px 16px 0;

    z-index: 1;

    width: 100%;

    background-color: #b92d2b !important
}



.dropdown-content a {

    color: #000;

    padding: 12px 16px;

    text-decoration: none;

    display: block
}



.dropdown-content a:hover {

    background-color: #fff
}



.dropdown:hover .dropdown-content {

    display: block
}



a.nav-link.dropbtn::after {

    background: url(../images/Vector.png) no-repeat;

    height: 2rem;

    width: 2rem;

    position: absolute;

    content: "";

    top: 14px;

    right: -28px
}



.comic-images {

    max-width: 255px;

    margin: 0 auto
}



.games-inner span {

    font-weight: 600;

    font-size: 18px !important;

    text-align: center !important
}



.games-inner {

    text-align: center;

    padding: 12px 0
}



.games-inner .row {

    display: flex;

    align-items: center
}



.maingames {

    box-shadow: rgba(0, 0, 0, 0.35) 0 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: 0 !important;

    text-shadow: none !important
}



.games-btn button.btn.btn-primary {

    background: #b92d2b;

    color: #fff;

    text-shadow: none;

    width: 100%;

    padding: 10px;

    margin: 0 !important
}



.col-sm-4 h5.fisrt-child::after {

    content: "";

    height: 2px;

    width: 100%;

    background: rgba(0, 0, 0, 0.33);

    position: absolute;

    top: 45%;

    left: 0
}



.col-sm-4 h5 {

    position: relative;

    margin: 0;

    font-size: 17px !important
}



.col-sm-4 h6 {

    font-size: 17px;

    margin: 0
}



.floats {

    border-bottom: 2px solid #b92d2b;

    display: flex;

    margin: 35px 0;

    padding: 10px 0
}



.floats button.btn.btn-secondary {

    background: none;

    color: #000;

    border: 2px solid #b92d2b;

    width: 21%;

    margin: 0;

    height: auto;

    max-height: 56px;

    padding: 11px !important
}



.floats h3 {

    color: #b92d2b;

    font-weight: 600;

    width: 15.33%
}



.comic-images img {

    max-height: 360px
}



button.owl-prev {

    position: absolute;

    left: 0;

    top: 44%;

    height: 49px;

    width: 49px;

    background: #b92d2b !important;

    border-radius: 52px !important
}



button.owl-next {

    top: 44%;

    height: 49px;

    width: 49px;

    right: 0 !important;

    background: #b92d2b !important;

    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: 0 !important
}



a {

    text-decoration: none
}



@media (max-width: 1400px) {

    .subscribe-inner.m-auto button.btn.btn-outline-success.m-0 {

        padding: 0 10px !important;

    }



    a.navbar-brand {

        max-width: 79px !important
    }



    h3.py-3 {

        padding: 0 !important;

        font-size: 20px !important
    }



    .in-content.col-lg-8 h5 {

        padding: 9px 0;

        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: 15px
}



.carousel-inner.mb-4 .carousel-item::after {

    content: "";

    background: rgba(0, 0, 0, 0.41);

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0
}



.carousel-caption.slide-content.d-md-block {

    z-index: 999;

    top: 19%;

}



@media (min-width: 992px) and (max-width: 1500px) {

    .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
    }



    .mainbox .col-lg-3.product_img.my-4 {

        flex-basis: 23%;

        max-width: 23%;

        width: 23%;
        
    }

}



.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
    }



    section.logos {

        padding: 30px !important;

    }



    section.logos .comic-logo img {

        max-width: 94px;

        margin: 0 auto;

        height: 68px;

        object-fit: contain;

    }



    section.comic-boxes .inner-img img {

        height: 240px;

        object-fit: cover !important;

    }

    section.comic-boxes.py-5 .grid-container .grid-item:first-child .inner-img img {
        height: 214px;
    }


    .slide-content h1 {

        font-size: 49px
    }



    .subscribe-inner.m-auto h3 {

        padding: 2px !important;

        margin: 0 !important
    }

}



.in-content.col-lg-8 h5 {

    padding-top: 20px
}


.subscribe-inner.m-auto button.btn.btn-outline-.danger {

    top: 35px
}

@media (min-width: 1024px) {

    th:first-child {

        padding: 0 !important;

        vertical-align: middle
    }

}


@media (max-width: 992px) {

    nav.navbar.navbar-expand-lg.onlydesktop {

        display: none !important;

    }



    .onlymobile {

        display: block !important;

    }

}



form#desktop_product_filter_form input.btn.btn-primary.product_filter_submit {

    background: transparent;

    color: #000;

    padding: 10px 53px;

    border: 2px solid #c12f2d;

    margin-top: 15px;

    font-size: 20px
}



form#desktop_product_filter_form .sidebar .accordion-item label {

    color: #000;

    font-size: 20px;

    padding-bottom: 15px
}



form#desktop_product_filter_form .sidebar .accordion-item select#priceSort {

    font-size: 18px;

    border-top: none;

    border-right: none;

    border-left: none;

    border-image: initial;

    border-bottom: 2px solid #000;

    border-radius: 0 !important
}



form#desktop_product_filter_form .sidebar .accordion-item .form-select:focus {

    box-shadow: none
}



form#desktop_product_filter_form input.btn.btn-primary.product_filter_submit:hover {

    background: #c12f2d;

    color: #fff
}



button.btn.btn-success:hover {

    background: #c12f2d !important;

    color: #fff;

    opacity: 0.5;

}



footer .col-lg-3 .footer-inner ul li {

    color: rgba(14, 14, 14, 0.85);

    font-size: 20px;

    margin: 10px 0;

    font-weight: 500;

    font-family: Inter
}



button.btn.btn-outline-success {

    padding: 13px 15px;

    background: #c12f2d;

    color: #fff;

    border: none;

    font-size: 17px;

    text-transform: capitalize;

    border-radius: 0 10px 10px 0;

}



@media (min-width: 1025px) and (max-width: 1540px) {

    button.btn.btn-danger {

        font-size: 13px !important
    }



    button.btn.btn-danger::after {

        left: 26px;

        height: 15px !important;

        width: 15px !important;

        top: 12px !important
    }



    .main-box h4 {

        font-size: 15px;

        min-height: 44px;

    }



    .mainright {

        padding: 12px
    }



    button.btn.btn-success {

        font-size: 14px !important
    }



    form#desktop_product_filter_form button.accordion-button.collapsed {

        margin: 0;

        padding: 16px;

        font-size: 17px
    }

}



@media (max-width: 768px) {

    section.slider-box div#carouselExample img {

        height: 250px;

    }



    table#gameWishlistTable tr th,

    table#gameWishlistTable tr td {

        text-align: left
    }



    button.btn.btn-outline-danger.removeAllgame {

        margin: 0;

        padding: 2px 7px;

        font-size: 15px
    }



    .footer-inner li {

        text-align: left;

        font-size: 16px
    }

}



@media (min-width: 576px) and (max-width: 1024px) {

    .mainright .col-sm-3 {

        width: 25% !important
    }



    .mainright .col-sm-9 {

        padding: 0 30px;

        width: 75% !important
    }



    section.catogarylist.p-5 .col-sm-9.sm-100 {

        width: 100%
    }



    .sidebar {

        max-width: 707px
    }

}



@media (max-width: 768px) {

    i.fa.fa-cart-plus {

        color: #c12f2d;

        font-size: 21px
    }



    .d-none {

        width: 100%;

        display: block !important
    }



    button.btn.btn-outline-success {

        font-size: 15px;

        padding: 14px 11px !important
    }



    a.navbar-brand {

        max-width: 105px
    }



    ul.d-flex {

        justify-content: space-around;

        padding: 0;

        margin: 0;

        display: flex !important
    }

}



.footer-inner ul li:first-child {

    color: #000;

    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;

    text-transform: capitalize;

    margin: 10px 0;

    list-style: none
}



input.form-control {

    border-radius: 10px 0px 0px 10px;

    border: 2px solid #b92d2b;

    background: #fff;

    padding: 13px !important
}



@media(min-width: 1700px) {

    .mynav {

        max-width: 1400px;

        margin: 0 auto;

    }



    section.related-comics .col-sm-3.border {

        flex-basis: 18.9%;

    }



    ul.last button.btn.btn-outline-success.p-2 {

        padding: 13px !important;

        position: static;

    }



    section.logos {

        padding: 60px 0px 6px;

    }

}



.bottom-header button.btn.btn-secondary.rightFixed.m-0 {

    width: 200px;

}



a.nav-link img {

    width: 29%
}



ul {

    padding: 0
}



a.navbar-brand {

    max-width: 105px
}



.footer-inner ul li:first-child {

    color: #000;

    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 0;

    list-style: none
}



section.singal-products.p-5 .col-lg-4 {

    padding: 25px;

    margin: 10px;

    width: 31%;

    border-radius: 14px;

    box-shadow: 0 0 3px -1px;

    border: 1px solid #c12f2d
}



* {

    box-sizing: border-box
}



body {

    margin: 0 auto;

    padding: 0;

    font-family: Inter !important
}



.navbar-expand-lg {

    padding: 0
}



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: #000;

    font-weight: 700
}



li.nav-item {

    margin-right: 3px;

    display: inline-block
}



.mwidth14.col-lg-2 {

    border: 1px solid #c12f2d;

    background: #fff;

    box-shadow: rgba(0, 0, 0, 0.25) 0 4px 4px 0
}



button.btn.btn-primary {

    border-radius: 6px;

    text-align: center;

    border: none;

    font-size: 16px;

    font-weight: 500;

    text-transform: capitalize;

    padding: 6px 29px;

    margin: 22px 0;

    background: #c12f2d !important;

    color: #fff !important
}



section.subscribe-sec {

    background-position: center center;

    background-size: cover
}



h3 {

    color: #0071ff;

    text-align: center;

    font-size: 36px;

    font-weight: 700;

    text-transform: uppercase
}



h5 {

    color: #fff;

    text-align: center;

    font-size: 24px;

    font-weight: 700;

    text-transform: capitalize
}



.subscribe-inner.m-auto {

    max-width: 900px;

    padding: 40px 0
}



.buy-img img {

    border: 0 solid #fff;

    background: url(<path-to-image>), 50% center / cover no-repeat lightgray;

    box-shadow: rgba(154, 72, 114, 0) 0 0 0 0
}



.main-box {

    display: inline-block;

    width: 100%;

    text-align: center;

    padding: 6px 0 0
}



h4 {

    color: #c12f2d;

    font-size: 20px;

    font-weight: 500;

    text-transform: capitalize;

    min-height: 60px;

    margin: 0
}



.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: #c12f2d;

    color: #fff
}



.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: #000;

    font-size: 16px;

    font-weight: 500;

    text-transform: capitalize
}



.carousel-caption.slide-content {

    position: absolute;

    bottom: 3.25rem;

    padding-top: 1.25rem;

    padding-bottom: .25rem;

    color: #fff;

    text-align: left;

    text-transform: capitalize;

    left: 14% !important
}



.buy-img {

    border: 2px solid #fff;

    background: rgba(217, 217, 217, 0);

    box-shadow: #ce6fa0 0 0 15px 9px
}



.slide-content h4 {

    color: #fff;

    font-size: 32px
}



.megasale {

    border-radius: 0 0 10px 10px;

    background: #0071ff;

    position: absolute;

    top: 0;

    left: 8%;

    padding: 10px;

    max-width: 84%
}



.fixed-right {

    position: relative;

    height: 100%;

}



.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 !important;

    height: 3rem !important
}



.megasale span {

    color: #fff;

    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: #fff;

    font-size: 44px;

    font-weight: 800
}



.offer h2 {

    color: #fff;

    font-size: 36px;

    font-weight: 500
}



.offer h4 {

    color: #fff;

    font-size: 29px;

    font-weight: 500
}



.offer h3 {

    color: #fff;

    font-size: 23px;

    font-weight: 700;

    text-align: left
}



.carousel-control-prev-icon {

    background-image: url("https://megagamingandcomics.com/frontend/img/comics/arrow-left.png") !important;

}



.carousel-control-next-icon {

    background-image: url("https://megagamingandcomics.com/frontend/img/comics/arrow-right (1).png") !important;

}



button.btn.btn-outline-success.p-2 {

    border-radius: 0 6.119px 6.119px 0;

    background: #c12f2d;

    padding: 7px !important;

    position: static;

}



.subscribe-inner button.btn.btn-outline-success {

    border-radius: 0 6.119px 6.119px 0;

    background: #a50044;

    position: static;

}



.comic-logo {

    max-width: 170px;

    margin: 0 auto
}



@media (max-width: 768px) {

    section {

        padding: 10px !important
    }



    section.singal-products.p-5 {

        padding: 20px !important
    }



    section.singal-products.p-5 .row {

        display: block
    }







    .menus_hide {

        position: absolute;

        left: 0;

        background: #bd2e2d;

        width: 100%;

        top: 62px;

        display: none
    }



    .menus_hide ul.d-flex {

        display: block !important
    }



    .menus_hide li.nav-item {

        display: block;

        text-align: left;

        padding: 6px
    }



    .menus_hide li.nav-item a.nav-link {

        color: #fff;

        border-bottom: 1px solid;

        padding: 3px 0
    }



    button#toggle_item {

        background: #bd2e2d;

        padding: 5px;

        margin: 0
    }



    button#toggle_item img {

        max-width: 42px
    }



    .carousel-control-next-icon,

    .carousel-control-prev-icon {

        width: 1.5rem !important;

        height: 1.5rem !important
    }



    .user_mailbox .col-sm-4.d-flex.justify-content-end {

        padding: 22px 12px;

        justify-content: start !important
    }



    section.buy-comics.pb-5 {

        padding: 12px 0 !important
    }



    .offer {

        top: 32%
    }



    section.slider-box.pt-3.pb-5 {

        padding: 10px !important
    }



    button.btn.btn-secondary {

        padding: 8px 25px;

        font-size: 12px
    }



    .mwidth14 {

        width: 46% !important
    }



    .copyright {

        padding: 22px 0 0
    }



    .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 {

        text-align: center;

        font-size: 16px !important
    }



    h4 {

        font-size: 15px;

        min-height: 43px
    }



    button.btn.btn-primary {

        font-size: 14px;

        padding: 7px 16px;

        margin: 0
    }



    a.nav-link {

        font-size: 13px
    }



    .mwidth14 {

        margin: 10px 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 !important
    }



    header input.form-control {

        padding: 7px !important
    }



    .megasale h2 {

        font-size: 19px
    }



    .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: 0;

        font-size: 19px
    }



    .slide-content h4 {

        font-size: 20px
    }



    .carousel-caption.slide-content {

        padding-top: 0;

        padding-bottom: 53px;

        top: 10%;

        left: 16% !important
    }



    .slider {

        margin: 12px 0
    }



    .footer-inner li {

        text-align: left
    }



    section.logos.p-5 {

        padding: 10px !important
    }

}



.copyright {

    padding: 5px
}



.col-lg-1.col-sm-4 {

    width: 13.33%;

    margin: 0 auto
}



.carousel-control-next-icon,

.carousel-control-prev-icon {

    width: 1.5rem;

    height: 1.5rem
}



section.logos.pt-3 {

    padding: 20px !important
}



@media (min-width: 576px) and (max-width: 992px) {

    .col-lg-2.mwidth14 {

        width: 31.6667%;

        margin: 5px
    }



    section.singal-products.p-5 .col-lg-4 {

        max-width: 48%;

        width: 48%
    }



    .col-lg-1.col-sm-4 {

        width: 13.33% !important
    }



    a.nav-link {

        font-size: 21px
    }



    .col-lg-1.col-sm-4 {

        width: 13%
    }



    .slide-content h1 {

        font-size: 32px
    }



    .megasale {

        left: 20%
    }



    .slide-content h3 {

        font-size: 30px
    }



    .footer-inner li {

        text-align: left
    }



    .carousel-caption.slide-content {

        bottom: 27px
    }



    section {

        padding: 10px !important
    }



    .offer h1 {

        font-size: 51px
    }



    .megasale h2 {

        font-size: 30px
    }



    .megasale span {

        font-size: 19px
    }



    .offer h3 {

        font-size: 26px
    }



    .offer h2 {

        font-size: 34px
    }

}



@media (min-width: 993px) and (max-width:1024px) {

    .carousel-item img {

        min-height: 301px
    }



    .mwidth14 {

        width: 320px !important
    }



    .carousel-caption.slide-content {

        bottom: 2.25rem
    }



    .offer h4 {

        font-size: 24px
    }



    .offer h2 {

        font-size: 29px
    }



    .slide-content h1 {

        font-size: 34px
    }



    .slide-content h3 {

        font-size: 25px
    }



    .offer h1 {

        font-size: 23px
    }



    .megasale h2 {

        font-size: 22px
    }



    .megasale span {

        font-size: 14px
    }



    .offer h3 {

        font-size: 16px
    }



    .offer {

        left: 4%
    }

}



@media (min-width: 1025px) and (max-width:1540px) {

    .megasale h2 {

        font-size: 24px
    }



    header ul.navbar-nav.ms-auto.my-2.my-lg-0.navbar-nav-scroll li a {

        font-size: 15px
    }



    .logo p {

        padding-top: 14px;

        font-size: 14px
    }



    .footer-inner li {

        font-size: 14px
    }



    section {

        padding: 20px 0 !important
    }



    .megasale span {

        font-size: 17px
    }



    input.form-control {

        padding: 9px
    }



    button.btn.btn-outline-success {

        padding: 8px 30px
    }



    .department_sec button.btn.btn-secondary {

        font-size: 10px;

        padding: 9px 16px 9px 36px !important;

    }



    .offer {

        left: 8%
    }



    .mwidth14 {

        width: 172px
    }



    button.btn.btn-danger {

        font-size: 15px
    }



    button.btn.btn-success {

        font-size: 15px
    }

}



@media (max-width: 768px) {

    section.comic-boxes .grid-container {

        grid-template-columns: repeat(2, 49%);

    }



    section.comic-boxes .inner-img img {

        height: 170px;

        object-fit: cover !important;

    }



    .onlydesktop {

        display: none
    }



    i.fa.fa-cart-plus {

        color: #c12f2d;

        font-size: 21px
    }



    .d-none {

        display: block !important;

        width: 100%
    }



    a.nav-link {

        font-size: 14px;

        color: #000;

        font-weight: 700
    }



    a.nav-link img {

        width: 7%
    }



    .col-sm-8 {

        width: 67%
    }



    .col-sm-2 {

        width: 16.133%;

        padding: 2px
    }



    button.btn.btn-outline-success {

        padding: 11px 22px
    }



    .logo img {

        max-width: 83px
    }



    .row {

        align-items: center;

        justify-content: space-between
    }



    form.d-flex.ms-auto {

        width: 100%
    }



    ul.d-flex {

        display: flex !important;

        justify-content: space-around;

        padding: 0;

        margin: 0
    }



    header {

        padding: 10px 0
    }

}



a.navbar-brand {

    max-width: 88px
}



.contactusinner {

    border: 1px solid #FFF;

    background: #FFF;

    box-shadow: 0 -1px 12px 3px rgba(0, 0, 0, 0.25)
}



.container-fluid {

    padding: 0
}



.cont-inner h4 {

    color: #000;

    font-size: 24px;

    font-weight: 700;

    line-height: 39px;

    text-transform: capitalize
}



.cont-inner {

    padding: 30px 0
}



.cont-inner button.btn.btn-primary {

    color: #000 !important;

    font-size: 18px;

    font-weight: 400;

    line-height: 36px;

    text-transform: lowercase;

    background: none !important;

    border: 2px solid #c12f2d;

    width: 45%;

    margin: 40px 5px 6px
}



.contact-form {

    background: #FFF;

    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.25);

    padding: 35px
}



input.w-100.text-uppercase {

    margin: 15px 0;

    border-radius: 5px;

    background: #C12F2D;

    color: #fff;

    border: none;

    padding: 12px
}



label.w-100 {

    color: #000;

    font-size: 18px;

    font-weight: 500;

    text-transform: capitalize
}



.collectioninner {

    max-width: 330px;

    margin: 0 auto
}



.collectioninner h3.fw-bold {

    color: #000;

    text-align: center;

    font-size: 32px;

    font-weight: 700;

    text-transform: capitalize;

    padding: 29px 0 0
}



.paras p {

    color: #000;

    font-size: 20px;

    font-weight: 400;

    line-height: 36px;

    text-transform: capitalize;

    padding: 10px 0 !important;

    margin: 0 !important
}



.paras {

    max-width: 96%;

    margin: 0 auto
}



.paras p:last-child {

    font-size: 20px;

    margin-bottom: 20px !important
}



.customerimg {

    max-width: 432px;

    margin: 0 auto
}



.main-contact-bx {

    background: #FFF;

    padding: 11px 42px;

    margin-bottom: 50px
}



@media (max-width: 575px) {

    section.buy-comics.py-4 {

        padding: 10px 0 !important
    }



    section.contactus-sec.p-4 {

        padding: 10px !important
    }



    .cont-inner {

        padding: 10px !important
    }



    .cont-inner h4 {

        font-size: 19px;

        line-height: 29px
    }



    .cont-inner button.btn.btn-primary {

        font-size: 16px;

        line-height: 30px;

        width: 100%;

        margin: 7px 0
    }



    section.formcontactsection.p-4 {

        padding: 10px !important
    }



    .contact-form {

        padding: 16px
    }



    section.our-collection.p-4 {

        padding: 10px !important
    }



    .main-contact-bx {

        padding: 10px
    }



    .collectioninner h3.fw-bold {

        font-size: 22px;

        padding: 22px 0 0
    }



    .paras p {

        font-size: 14px;

        line-height: 28px;

        padding: 0 !important;

        margin: 0 !important
    }



    .paras p:last-child {

        font-size: 14px;

        line-height: 21px;

        margin: 10px 0 0 !important
    }



    .customerimg {

        margin: 10px
    }



    p.text-center.p-3 {

        padding: 0 !important;

        font-size: 12px !important
    }

}



.cartmaininner {

    background: #FFF;

    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.25);

    padding: 40px
}



.description h5 {

    color: #000;

    font-family: Inter;

    font-size: 20px;

    font-weight: 400;

    text-transform: capitalize;

    text-align: left;

    padding: 10px 0
}



.item-img {

    border: 2px solid;

    margin: 0 auto
}



.itemcontent h2 {

    color: #000;

    font-family: Inter;

    font-size: 30px;

    font-weight: 700;

    text-transform: capitalize
}



.ratings h4 {

    color: #000;

    font-size: 20px;

    font-weight: 500;

    text-transform: uppercase;

    margin: 0 !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
}



button.btn.btn-primary.text-uppercase.fw-bold:last-child {

    background: #c12f2d !important;

    color: #fff !important
}



.relateimg {

    max-width: 262px;

    margin: 0 auto
}



.relatedinner {

    padding: 18px 10px;

}



.col-sm-3.border {

    /* width: 24%; */

    margin: 0 auto;

    border-radius: 9px;

    margin-bottom: 36px
}





.innercontent li {

    list-style: none;

    text-align: left;

    padding: 6px 0;

    display: flex;

    justify-content: space-between
}



.offers h5 {

    color: #000 !important;

    font-size: 18px;

    font-weight: 400;

    margin: 0 !important
}



h5.border {

    width: 100% !important;

    padding: 7px 0
}



.relatedinner button.btn.btn-primary.w-100.text-uppercase {

    margin: 21px 0 0
}



.innercontent {

    max-width: 262px;

    margin: 0 auto
}



section.related-comics {

    border-bottom: 2px solid #c12f2d;

    padding: 0 0 80px 0;

}



.heading::after {

    content: '';

    height: 2px;

    width: 100%;

    background: #c12f2d;

    position: absolute;

    left: 0;

    top: 34px
}



.heading {

    position: relative
}



h2.text-uppercase.text-center.fw-bold.py-3 {

    background: #fff;

    position: relative;

    z-index: 999;

    width: auto;

    display: inline-block
}



.heading {

    text-align: center
}



@media (max-width: 575px) {

    section.related-comics .col-sm-3.border {

        width: 100% !important
    }



    .order-quantity {

        margin: 10px
    }



    .item-img {

        padding: 10px
    }



    .col-sm-4 {

        width: 33%
    }



    .cartmaininner {

        padding: 0
    }



    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
    }



    button.btn.btn-primary.text-uppercase.fw-bold {

        width: 100%;

        margin: 6px 0
    }



    .ratings {

        margin: 10px 0 !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
    }

}



@media (max-width: 768px) {

    .relateimg img {

        max-height: 100%
    }

}



p.text-center.p-3 {

    font-size: 20px;

    margin: 20px 0 0
}



.offers h5 {

    color: #000 !important;

    font-size: 18px;

    font-weight: 400;

    margin: 0 !important;

    width: 33%
}



.tabing_inner ul li {

    list-style: none;

    background: #C12F2D;

    padding: 7px;

    float: left;

    width: 37px;

    margin: 4px
}



.products-inner {

    margin-bottom: 30px
}



.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: 0
}



.product_list ul li {

    list-style: none;

    text-align: left !important;

    padding: 8px 0
}



.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
}



@media (max-width: 600px) {

    section.logos {

        padding: 20px 0 !important;

    }



    section.logos .col-lg-1.col-sm-4 {

        width: 33.333%;

    }



    section.logos .col-lg-1.col-sm-4 .comic-logo img {

        height: 80px;

        max-width: 100%;

        margin: 18px auto;

    }



    section.singal-products.p-5 {

        padding: 10px !important
    }



    .tabing_inner ul li {

        padding: 10px 15px;

        width: 44px;

        margin: 4px
    }

}



.tabing_inner {

    float: left;

    width: 100%;

    margin-bottom: 27px
}



.product_list ul li:hover {

    background: #c12f2d;

    color: #fff;

    padding: 10px
}



.product_list ul li:hover a {

    color: #fff
}



.tabing_inner ul li:hover {

    background: #fff
}



.tabing_inner ul li:hover a {

    color: #c12f2d
}



@media(min-width: 1600px) {

    .tabing_inner ul li {

        width: 50px
    }

}



@media (min-width: 1025px) and (max-width:1540px) {

    .tabing_inner ul li {

        margin: 3px;

        width: 3%
    }

}



.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 0;

    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 0
}



.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 0 !important
    }



    .relatedinner {

        padding: 10px
    }



    .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: 0 !important;

        margin: 10px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important
    }



    .col-sm-3 {

        width: 49% !important;

        padding: 0 3px !important
    }



    .thankyou_page_inner.text-center {

        text-align: left !important;

        border: none
    }



    .order_details {

        margin: 10px 0
    }

}



button.btn.btn-outline-success {

    top: 1px !important
}



.relateimg img {

    max-width: 100%;

    margin: 0 0 20px auto;


    object-fit: cover;

    width: 100% !important;

    background-position: center
}



span.light {

    font-size: 13px;

}



span.border.border-danger {

    padding: 10px;

    border-radius: 8px
}



section.related-comics .row {

    gap: 26px 16px;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    width: 100%
}



.col-sm-3.border {

    margin: 0 !important;

    display: flex;

    flex-direction: column;

    flex: 0;

    flex-basis: 23.9%;

}



.comic-logo img {

    max-width: 139px;

    margin: 0 auto;

    height: 122px;

    object-fit: contain
}



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

    .col-sm-3 {

        width: 100%
    }



    .col-sm-9 {

        width: 100%
    }



    section.catogarylist.p-5 {

        padding: 20px !important
    }



    .sidebar {

        max-width: 707px
    }

}



@media (max-width: 768px) {

    .onlydesktop {

        display: none
    }



    i.fa.fa-cart-plus {

        color: #c12f2d;

        font-size: 21px
    }



    .d-none {

        width: 100%;

        display: block !important
    }



    a.nav-link {

        font-size: 14px;

        color: #000;

        font-weight: 700
    }



    a.nav-link img {

        width: 7%
    }



    .col-sm-8 {

        width: 67%
    }



    .col-sm-2 {

        width: 16.133%;

        padding: 2px
    }



    button.btn.btn-outline-success {

        padding: 7px 22px
    }



    .logo img {

        max-width: 83px
    }



    .row {

        align-items: center;

        justify-content: space-between
    }



    a.navbar-brand {

        max-width: 105px
    }



    form.d-flex.ms-auto {

        width: 100%
    }



    ul.d-flex {

        justify-content: space-around;

        padding: 0;

        margin: 0;

        display: flex !important
    }



    header {

        padding: 10px 0
    }

}



a.navbar-brand {

    max-width: 92px
}



.sidebar {

    border-radius: 5px;

    border: 2px solid rgba(0, 0, 0, 0.14);

    background: #fff;

    max-width: 498px;

    margin: 0 auto
}



.mainright {

    border: 0 solid #000;

    background: #fff;

    box-shadow: rgba(0, 0, 0, 0.25) -1px 1px 24px 0;

    max-width: 1076px;

    margin: 0 auto;

    padding: 30px;

    margin-bottom: 40px
}



button.accordion-button.collapsed {

    border-bottom: 1px solid rgba(0, 0, 0, 0.14);

    color: #000 !important;

    font-family: Inter;

    font-size: 24px;

    font-weight: 700;

    text-transform: capitalize;

    background: #F2F2F2
}



.accordion-button::after {

    background-image: url(/frontend/img/comics/arrow.png)
}



.accordion-button:not(.collapsed)::after {

    background-image: url(/frontend/img/comics/arrow.png)
}



.accordion-button:focus {

    border-color: #ccc;

    box-shadow: none !important
}



.accordion-button:not(.collapsed) {

    background-color: #f2f2f2 !important
}



.accordion-button {

    font-family: Inter;

    font-size: 24px;

    font-weight: 700;

    text-transform: capitalize;

    color: #000 !important
}



ul.menu li a {

    color: #000;

    font-family: Inter;

    font-size: 20px;

    font-weight: 400;

    text-transform: capitalize;

    padding: 0 36px
}



ul.menu li {

    list-style: none;

    padding: 9px 0;

    text-align: left
}



input[type="text"] {

    border-radius: 11px;

    background: #ebebeb;

    width: 100%;

    padding: 3px;

    border: none;

    margin-top: 16px
}



a.text-succes {

    font-family: Inter;

    font-size: 17px;

    font-weight: 400;

    text-transform: capitalize;

    text-decoration: none;

    color: #c12f2d !important
}



label {

    color: #000;

    font-family: Inter;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    padding: 10px 0 0
}



ul.menu li a {

    padding: 0
}



button.accordion-button.collapsed {

    margin-bottom: 6px
}



.catogary-img img {

    max-width: 174px
}



h5 {

    color: #000;

    font-family: Inter;

    font-size: 20px;

    font-weight: 400;

    text-transform: capitalize;

    padding: 10px 0
}



h6 {

    color: #000;

    font-family: Inter;

    font-size: 17px;

    font-weight: 400;

    text-transform: capitalize;

    padding: 0 0 10px
}



span.text-light {

    color: #CCC !important;

    font-family: Inter;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    position: relative
}



span {

    color: #000;

    font-family: Inter;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize
}



button.btn.btn-succes {

    color: #000;

    font-family: Inter;

    font-size: 16px;

    font-weight: 400;

    text-transform: capitalize;

    border-radius: 5px;

    border: 1px solid #C12F2D
}



p {

    color: #000;

    font-family: Inter;

    font-size: 18px;

    font-weight: 400;

    text-transform: capitalize
}



span.highlight {

    color: #c12f2d !important
}



.twocol {

    display: flex
}



button.btn.btn-danger {

    border-radius: 10px;

    border: 1px solid #B92D2B;

    color: #B92D2B;

    font-family: Inter;

    font-size: 20px;

    font-weight: 400;

    text-transform: uppercase;

    background: no-repeat;

    padding: 10px;

    margin: 20px 0;

    width: 100%;

    position: relative
}



.col h6 {

    font-size: 16px !important
}



button.btn.btn-success {

    border-radius: 10px;

    background: #C12F2D;

    color: #FFF;

    width: 100%;

    text-align: center;

    font-family: Inter;

    font-size: 20px;

    font-weight: 400;

    border: none;

    padding: 10px;

    text-transform: uppercase;

    /* margin-bottom: 30px; */

}



.copyright {

    border-top: 2px solid;

    padding: 21px
}



.leftbar {

    width: 50%
}



.icons {

    border: 1px solid;

    padding: 11px 20px;

    background: #c12f2d;

    color: #fff
}



.righbars {

    width: 50%;

    padding: 0 34px
}



.logo img {

    max-width: 96px
}



ul.last li {

    display: inline-block
}



.prizes {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 20px
}



span.text-light::after {

    content: "";

    height: 2px;

    width: 100%;

    background: #ccc;

    position: absolute;

    left: 0;

    top: 11px
}



.menu li i {

    position: relative
}



.menu li i::before {

    content: '';

    height: 26px;

    width: 25px;

    background-image: url(/frontend/img/comics/redcheck.png);

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    position: absolute;

    left: 0;

    top: 0
}



input[type="text"]::placeholder {

    padding: 20px;

    text-transform: uppercase
}



.accordion-flush .accordion-item:last-child button.accordion-button {

    margin-bottom: 0
}



button.btn.btn-danger::after {

    content: '';

    height: 20px;

    width: 20px;

    background-image: url(/frontend/img/comics/redplus.png);

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    position: absolute;

    left: 24px;

    top: 15px
}



section.catogarylist.p-5 {

    border-bottom: 4px solid #c12f2d
}



@media (max-width: 575px) {

    section.catogarylist.p-5 {

        padding: 42px 20px !important
    }



    button.accordion-button.collapsed {

        font-size: 16px
    }



    .catogary-img img {

        max-width: 100%
    }



    h4 {

        font-size: 18px;

        padding: 10px 0
    }



    .leftbar {

        width: 100% !important
    }



    .righbars {

        width: 100% !important;

        padding: 0
    }



    .twocol {

        display: block
    }



    h5 {

        padding: 0 0 3px
    }



    button.btn.btn-danger {

        font-size: 14px;

        margin: 6px 0
    }



    button.btn.btn-success {

        font-size: 14px;

        margin: 7px 0
    }



    p {

        font-size: 16px
    }



    .only-mobile {

        display: block !important
    }



    button.btn.btn-danger::after {

        content: '';

        height: 15px;

        width: 15px;

        top: 14px
    }



    .only-desktop {

        display: none
    }





    button.btn.btn-primary.toggle.btn {

        top: 65px;

        left: 0;

        position: fixed;

        background: #c12f2d;

        padding: 5px 17px;

        margin: 17px 0;

        border: none;

        border-radius: 0
    }



    .col h6 {

        font-size: 11px !important
    }



    .icons {

        padding: 5px 12px
    }

}



.only-mobile {

    display: none
}



.bottom_element {

    padding: 20px 10px;

    margin-top: 9px;

    background: #ededed
}



h5.bg_light {

    color: #c12f2d !important;

    position: relative
}



.bottom_element h5 {

    color: #000;

    font-family: Inter;

    font-size: 17px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: capitalize;

    padding: 6px 0;

    margin: 0;

    text-align: left
}



.prize_rate.col h4 {

    font-size: 16px;

    font-weight: 600
}



.bottom_element button {

    padding: 9px 50px;

    border-radius: 29px;

    background: #C12F2D;

    border: none;

    font-size: 20px
}



.bottom_element button a {

    color: #fff;

    text-decoration: none
}



.avail.text-center h6 {

    font-size: 12px;

    padding: 6px;

    margin-top: -25px
}



.products_inner h3 {

    color: #000;

    font-family: Inter;

    font-size: 27.776px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-transform: capitalize
}



.products_inner input {

    margin: 0;

    max-width: 242px;

    padding: 9px;

    border: 1px solid;

    outline: none;

    background: #Fff;

    position: relative
}



.products_inner {

    margin-bottom: 20px
}



.products_inner.d-flex.justify-content-end {

    flex-wrap: wrap
}



a.page-link {

    border: none !important;

    color: #000;

    font-family: Inter;

    font-size: 20.832px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    text-transform: capitalize
}



li.page-item {

    padding: 0 15px
}



li.page-item.active a {

    background: #c12f2d !important
}



.menu li i.square_box::before {

    content: '';

    height: 26px;

    width: 25px;

    background-image: url(images/square_box.png);

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    position: absolute;

    left: 0;

    top: 0
}



.products_inner i::after {

    content: "";

    height: 12px;

    width: 22px;

    background-image: url(/frontend/img/comics/_down.png);

    background-size: cover;

    background-position: center;

    right: 16px;

    position: absolute;

    top: 16px
}



.form {

    position: relative;

    max-width: 245px
}



a.bg-light {

    padding: 7px;

    background: #ccc !important;

    color: #000;

    text-decoration: none;

    border-radius: 10px;

    font-size: 14px;

    font-weight: 400
}



.arrow.col i img {

    max-width: 22px;

    margin: 0 auto
}



.arrow.col {

    display: flex;

    justify-content: end
}



h5.bg_light i.heart_like::after {

    content: '';

    height: 19px;

    width: 21px;

    background-image: url(/frontend/img/comics/heart_like.png);

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    position: absolute;

    right: 0;

    top: -16px
}



.prize_rate.col {

    text-align: center
}



@media (max-width: 600px) {

    li.page-item {

        padding: 0 6px
    }



    .products_inner h3 {

        font-size: 20.776px
    }



    .products_inner.d-flex.justify-content-end {

        display: block !important
    }



    ul.menu li a {

        font-size: 17px
    }



    .accordion-button {

        font-size: 19px
    }



    .col-lg-4.col-sm-d-flex {

        display: flex;

        justify-content: center
    }



    .col-lg-3.product_img {

        padding-bottom: 20px
    }

}



li.page-item a.page-link i::after {

    height: 12px;

    width: 18px;

    top: 14px;

    rotate: -90deg
}



.d-flex.justify-content-between.align-items-center.mt-3 {

    background: #fff;

    padding: 19px 7px;

    border-bottom: 2px solid
}



.bottom_element button {

    padding: 9px 11px !important;

    border-radius: 29px !important;

    background: #C12F2D !important;

    border: none !important;

    font-size: 20px !important
}



.language.col h5 {

    padding: 0;

    font-size: 16px
}



.language.col {

    margin: 0 6px
}



button.accordion-button.collapsed:hover {

    background: #c12f2d !important;

    color: #fff !important
}



.element-img:hover,

.zoom_in:hover {

    cursor: zoom-in
}



.d-flex.justify-content-between.align-items-center.mt-3:hover {

    border-color: #c12f2d
}



.bottom_element button:hover {

    background: #c12f2dc7
}



div#exampleModal {

    background: #00000096
}



.modal-content {

    max-width: 283px
}



.modal-body {

    padding: 0 !important
}



.btn-close {

    background: #fff var(--bs-btn-close-bg) center/1em auto no-repeat !important;

    z-index: 999 !important;

    padding: 10px;

    color: #000;

    opacity: 20 !important;

    position: absolute;

    right: 17px;

    top: 3%;

    border-radius: 28px
}



.zoom_in {

    position: absolute;

    right: 20px;

    bottom: -59px;

    background: #cccccca6;

    border-radius: 100%;

    padding: 8px 10px;

    display: none
}



.topbar_alement {

    position: relative;

    min-height: 210px
}



.zoom_in img {

    max-width: 24px
}



.topbar_alement:hover .zoom_in {

    display: block
}



.flip-box-inner {

    position: relative;

    text-align: center;

    transition: transform .8s;

    transform-style: preserve-3d;

    float: left;

    width: 100%;

    height: 60%
}



.flip-box:hover .flip-box-inner,

.flip_img:hover .flip-box-inner {

    transform: rotateY(180deg)
}



.flip-box-front,

.flip-box-back {

    position: absolute;

    width: 100%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden
}



.flip_img {

    position: absolute;

    bottom: 0;

    left: 40%;

    border-radius: 32px;

    background: #fff;

    padding: 5px
}



.flip_img img {

    max-width: 45px
}



.flip-box-back {

    background-color: #555;

    color: #fff;

    transform: rotateY(180deg)
}



body {

    font-family: sans-serif
}



.scene {

    width: 100%;

    perspective: 600px
}



.card {

    width: 100%;

    position: relative;

    transition: transform 1s;

    transform-style: preserve-3d
}



.product-img-last-div {

    width: 100%;

    float: left;

    display: flex;

    justify-content: center;

}



.product-img-last-div img {

    height: 100%;

}



.card__face {

    width: 100%;

    backface-visibility: hidden
}



.rotate_img {

    position: absolute;

    max-width: 43px;

    background: #ccc;

    border-radius: 35px;

    bottom: -19px;

    right: 41%
}



.card__face--back {

    transform: rotateY(180deg)
}



.card.is-flipped {

    transform: rotateY(180deg)
}



@media (max-width: 600px) {

    .modal.fade .modal-dialog {

        padding: 30px;

        transform: translate(0, 20%) !important
    }



    .rotate_img {

        max-width: 47px;

        bottom: 21px;

        right: 148px
    }



    .mainbox .row {

        align-items: start
    }

}



a {

    text-decoration: none
}



.col-lg-3.product_img.my-4 {

    border: 1px solid #ccc;

    margin: 0;

    display: flex;

    flex-direction: column;

    flex-basis: 19%;

    padding: 20px
}



.mainbox .row {

    column-gap: 10px;

    display: flex;

    flex-wrap: wrap;

}



a.add-to-cart-btn button.btn.btn-success {

    font-size: 14px !important
}



a.ATCDisabled button.btn.btn-success {

    font-size: 14px !important
}



.bottom_element h5.bg_light {

    font-size: 17px !important;

    text-align: left
}



button#mtg-form-submit-btn {

    margin: 0 12px;

    padding: 5px !important
}



.scene .card {

    border: none
}



@media(min-width: 1500px) {

    .bottom_element {}

}



.sidebar .accordion-item {

    border: none
}



.sidebar {

    padding: 10px
}



.form-select:focus {

    border-color: none;

    outline: 0;

    box-shadow: none
}



#cartNotification {

    display: none;

    position: fixed;

    top: 20px;

    right: 20px;

    background-color: #4caf50;

    color: #fff;

    padding: 15px;

    border-radius: 15px;

    box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;

    z-index: 999
}



#progressBarContainer {

    width: 100%;

    height: 3px;

    background-color: #ddd;

    border-radius: 5px;

    overflow: hidden;

    margin-top: 5px;

    direction: rtl
}



#progressBar {

    height: 100%;

    width: 0;

    background-color: #2196f3;

    border-radius: 5px;

    transition: width .1s linear 0
}



@media (min-width: 1200px) and (max-width: 1600px) {

    .mwidth14 {

        width: 16%
    }



    .megasale h2 {

        font-size: 28px
    }



    .offer h1 {

        font-size: 36px
    }



    .offer h4 {

        font-size: 18px;

        min-height: auto
    }



    .offer h3 {

        font-size: 19px;

        padding-top: 10px
    }



    .carousel-control-next-icon,

    .carousel-control-prev-icon {

        width: 2.5rem;

        height: 2.5rem
    }

}



.fixed-right::before {

    content: "";

    height: 100%;

    width: 100%;

    top: 0;

    background: rgba(0, 0, 0, 0.57);

    position: absolute
}



@media (min-width: 1700px) {

    .container {

        max-width: 1600px !important;

        margin: 0 auto
    }



    .carousel-caption.slide-content.d-md-block {

        top: 29% !important
    }



    section.slider-box.p-1 .slider div#carouselExample .carousel-inner.mb-4 .carousel-item {

        max-height: 482px;

        min-height: 483px !important
    }



    .additional-images {

        left: 17% !important
    }

}



ul {

    padding: 0
}



ul li {

    list-style: none
}



.col-lg-3 ul li {

    color: #000;

    font-family: Montserrat;

    font-size: 22px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    text-transform: capitalize;

    padding: 17px 0 0;

}



@media (max-width: 1024px) {

    section.catogarylist.p-5 {

        padding: 42px 0 !important
    }



    .container,

    .container-sm {

        width: 100% !important
    }



    .rightbarcontent {

        margin-top: 15px
    }



    li.nav-item i {

        display: none
    }



    td#removeAllgameTd {

        display: flex;

        justify-content: center;

        border: none
    }



    table#comicCartTable tr th:nth-child(2) {

        display: none
    }



    th:first-child {

        padding: 20px 10px !important
    }



    th {

        font-size: 13px !important
    }



    td {

        font-size: 13px
    }



    button.btn.btn-outline-danger.removeAllcomic {

        padding: 0 7px;

        margin: 0
    }



    td#removeAllcomicTd {

        text-align: center
    }

}



div#carouselExample img {

    height: 100%;

    object-fit: cover;

    max-height: 400px;

    min-height: 400px;

}



.grid-container {

    grid-gap: 20px;

    display: grid;

    gap: 20px;

    grid-template-columns: repeat(6, 15%);

}



.grid-item {

    align-items: stretch;

    display: grid;

    grid-template-columns: repeat(1, 1fr);

    text-align: center;

}



section.comic-boxes .grid-item {

    border: 1px solid #c12f2d;

    padding: 10px;

}



.inner-img img {

    height: 290px;

    object-fit: cover !important;

}



.onlymobile {

    display: none;

}



.fixed-right img {

    min-height: 400px;

    max-height: 400px;

}



.banner-id h3 {

    color: #c12f2d;

    text-transform: capitalize;

}



header .row {

    width: 100%;

}



section.products-inner-section .col-lg-3.product_img.my-4 {

    flex-basis: 20%;
    
}



@media(max-width:575px) {

    section.catogarylist.p-5.upcomming-event {

        padding: 0px !important;

    }

}



footer .col-lg-3 ul li a {

    color: #000;

    font-family: Montserrat;

    font-size: 22px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    text-transform: capitalize;

    padding: 17px 0 0;

}



.edit_password input {

    width: 100%;

}



.edit_password .form-group {

    width: 100%;

}



.edit_password form.form {

    width: 100%;

    max-width: 100%;

}



.edit_password input {

    border-radius: 5px;

    border: 1px solid #ccc;

}



.edit_password h3.mb-0 {

    text-transform: capitalize;

    color: #B92D2B;

    padding: 20px 0px;

}



section.Customer-DashBoard .modal.fade .modal-dialog {

    transform: translate(3%, 1%) !important;

}



section.Customer-DashBoard .modal-content {

    max-width: 560px;

}



.product-img-last-div {
    width: 100%;
    aspect-ratio: 63 / 88;
    overflow: hidden;
    background: #f3f3f3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
}

.product-img-last-div img {
    max-width: 92%;
    max-height: 92%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}



@media(max-width:600px) {

    section.Customer-DashBoard .col-xl-6.col-lg-6.col-md-6.col-sm-6.col-12 {

        width: 100%;

    }



    section.Customer-DashBoard .text-right input {

        margin: 10px 0px;

        width: 100%;

    }



    section.Customer-DashBoard.p-5 {

        padding: 20px !important;

    }

}



div#exampleModal_186769 {

    width: 100%;

    padding-top: 100px;

}



.modal-dialog {

    width: 100%;

    max-width: 100%;

    margin: 0;

    float: left;

}



.modal-content {

    max-width: 400px;

    width: 100%;

    margin: 0 auto;

}



div#imageModel {

    width: 100%;

    padding-top: 100px;

}



.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;

}



/*--  new css--*/

p.timer {

    text-align: center;

    font-size: 60px;

    margin-top: 0px;

}



.the-week {

    background: #bd2e2d;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    text-transform: uppercase;

    max-width: 900px;

    margin: 0 auto 70px auto;

}



.the-week h2 {

    text-align: end;

    margin: 0;

}



p#demo {

    font-size: 40px;

    color: #fff;

    margin: 0;

}



.product-id h5 {

    text-align: start;

    font-weight: 700;

}



.product-id label {

    font-size: 19px;

    color: #000;

    font-weight: 500;

}



.product-id #make-offer-btn {

    width: 100%;

    border-radius: 10px;

    margin: 10px 0px;

    max-width: 500px;

}



.product-id .order-quantity {

    padding-bottom: 10px;

}



.product-id button.btn.btn-primary.text-uppercase.fw-bold {

    width: 100%;

    margin: 10px 0px;

    max-width: 500px;

}



.product-id input#NewCartCount {

    border: 2px solid #bd2e2d;

    padding: 10px;

    font-size: 18px;

    width: 107px;

}



.product-id span.light {

    font-size: 18px;

}



.product-id .col-sm-4 {

    padding-bottom: 10px;

    font-weight: 500;

}



.day_week {

    text-align: center;

    margin-bottom: 25px;

    padding: 20px;

    color: #000;

    border-radius: 8px;

    display: flex;

    justify-content: center;

}



.day_week h1 {

    font-size: 70px;

    text-transform: uppercase;

    color: #bd2e2d;

    font-weight: 800;

    border-bottom: 4px solid;

    width: max-content;

}



span.col-lg-2 {

    font-size: 40px;

    color: #fff;

}



.order-quantity label {

    display: block;

}



.ab-img {

    max-width: 348px;

    right: 0px;

    position: absolute;

    top: -27px;

    padding: 0;

}



.b-img img {

    height: 500px;

}



@media (min-width:1240px) and (max-width:1600px) {

    .barbie_doll h2 {

        font-size: 24px;

    }



    .ab-img {

        max-width: 228px;

        right: 7px;

        top: -17px;

    }

}



@media(max-width:700px) {

    .b-img img {

        height: auto;

    }



    .ab-img {

        max-width: 161px;

        top: -12px;

    }



    .day_week h1 {

        font-size: 28px;

    }



    .barbie_doll {

        margin-top: 30px;

    }



    p#demo {

        font-size: 27px;

        text-align: center;

    }



    .the-week h2 {

        text-align: center;

    }



    .barbie_doll .order-quantity {

        margin: 0;

    }



    .the-week {

        padding: 13px;

        margin: 0 auto 40px auto;

    }



    .sm-p-0 {

        padding: 0 !important;

    }



    .b-img {

        margin-top: 50px;

    }



    section.catogarylist.p-5.deal-of-the-week {

        padding: 20px 10px !important;

    }



    .day_week {

        padding: 10px;

    }

}



div#calendarModal {

    position: absolute;

    width: 100%;

    transform: translate(0%, 117%);

}

.modal-content {

    padding: 20px;

}



div#MakeOfferModal .modal-content {

    max-width: 800px;

}

div#MakeOfferModal input#offer_price {

    border-radius: 4px;

    padding: 6px !important;

}

div#MakeOfferModal input#make-offer-smt-btn {

    background: #C12F2D;

    border: none;

    padding: 8px 20px;

    color: #fff;

    border-radius: 5px;

}

div#MakeOfferModal button.close {

    color: #fff;

    padding: 1px 10px;

}

div#MakeOfferModal button.close span {

    color: #fff;

}

@media(max-width:700px) {

    .mainright thead a {

        font-size: 12px;

    }



    .mainright th .fc-scrollgrid-sync-inner {

        padding: 0;

    }

    .fc .fc-toolbar-title {

        font-size: 16px;

    }



    table.fc-scrollgrid thead tr th {

        padding: 20px 0px !important;

        width: 100%;

    }

    section.catogarylist.p-5 {

        padding: 40px !important;

    }

    section.related-comics .col-sm-3.border {

        flex-basis: 47% !important;

    }

    section.related-comics .row {

        gap: 10px;

        margin: 0;

    }

}

h3#page-title\  {

    text-align: left;

}

.cartmaininner .row .col-lg-4.col-sm-12.col-md-12 .item-img img {
    object-fit: contain;
}