/* responsive area */
@media (max-width: 1449.98px) {
    #banner-section .right-area .right-img {
        width: 100% !important;
    }
    #banner-section .text-right {
        text-align: center !important;
    }
}
@media(max-width: 1199px) {
    #header-section .right-area .nice-select {
        padding-left: 20px;
        margin-right: 10px;
    }
    #header-section .logo-section{
        -ms-flex-positive: 0!important;
        flex-grow: 0!important;
    }
    .navbar-collapse .main-menu li a {
        padding: 40px 10px;
    }
    #header-section .navbar {
        margin: 0 8px;
    }
    #header-section .right-area .login-btn {
        padding: 0 5px 0 20px;
    }
    #header-section .right-area .cmn-btn {
        margin-left: 10px;
        padding: 11px 15px;
    }
    #banner-section .banner-content .ani-illu .left-1 {
        left: -24%;
    }
    #banner-section .banner-content .ani-illu .right-2 {
        right: -26%;
    }
    #tournaments-section .single-item .single-box .box-item {
        margin-right: 5px;
    }
    #banner-section.inner-banner{
        padding: 250px 0 120px;
    }
    #banner-section.inner-banner .slick-active .right-area::before {
        transform: skew(-18deg) translateY(0px) translateX(15px);
    }
    #shop-content .shop-details-content .right-item .bottom-area h5 {
        margin-right: 25px;
    }
    #banner-section .top-area {
        position: relative;
        z-index: 2;
        top: -90px;
    }
    .btn.btn-link {
        padding: 0;
    }
}
@media (max-width: 991px) {
    #banner-section .top-area {
        top: 0;
    }
    .navbar-toggler{
        display: inline-block;
    }
    .navbar-light .navbar-toggler {
        position: absolute;
        right: 14%;
        margin-top: 5px;
        border: none;
    }
    #header-section .right-area {
        position: absolute;
        right: 20%;
        top: 30%;
    }
    #header-section .right-area .cmn-btn {
        padding: 12px 20px;
        font-size: 20px;
    }
    .header-area{
        position: relative;
        padding: 15px 0;
    }
    #header-section .navbar .navbar-brand img{
        max-width: initial;
    }
    #header-section .navbar .navbar-brand {
        margin-top: -5px;
        width: 35%;
    }
    .navbar-collapse .main-menu {
        padding-top: 30px;
    }
    #header-section .navbar .navbar-bottom{
        padding: 20px 0;
    }
    #header-section .navbar .navbar-top {
        justify-content: center !important;
    }
    #header-section {
        background-color: #5c2cc5 !important;
    }
    #header-section .overlay .navbar-toggler i{
        color: var(--body-color);
    }
    #header-section .navbar .navbar-nav .menu_has_children::after {
        transform: translateX(70px);
        left: 0;
    }
    h1, h1>a {
        font-size: 54px;
        line-height: 64px;
    }
    h2, h2>a {
        font-size: 40px;
        line-height: 47px;
    }
    h3, h3>a {
        font-size: 36px;
        line-height: 36px;
    }
    h4, h4>a {
        font-size: 24px;
        line-height: 28px;
    }
    h5, h5>a {
        font-size: 18px;
        line-height: 22px;
    }
    h6, h6>a, a, p, span, li, .cmn-btn, table thead tr th{
        font-size: 16px;
        line-height: 26px;
    }
    input,textarea{
        font-size: 16px;
        line-height: 26px;
    }
    .section-title{
        font-size: 40px;
    }
    .title {
        font-size: 40px;
        line-height: 50px;
    }
    .section-header {
        margin-top: -12px;
        margin-bottom: 30px;
    }
    .navbar-collapse .main-menu .cart-area {
        top: 0;
    }
    .navbar-collapse .main-menu li a {
        padding: 10px 8px;
    }
    #header-section .navbar .navbar-nav .dropdown{
        display: grid;
    }
    #banner-section {
        background-size: inherit;
        padding-top: 170px;
    }
    #banner-section .right-area {
        margin-top: 30px;
    }
    #banner-section .text-area h2 {
        font-size: 60px;
        line-height: 70px;
    }
    #banner-section .banner-content .text-right {
        text-align: center !important;
    }
    .cmn-btn{
        font-size: 14px;
        line-height: 24px;
    }
    #banner-section .banner-content .ani-illu .left-1 {
        left: -22%;
        width: 55%;
    }
    #banner-section .banner-content .ani-illu img  {
        width: 55%;
    }
    #banner-section .banner-content .ani-illu .left-1 {
        left: -22%;
        width: 55%;
    }
    #how-works-section .obj-alt::before, #how-works-section .obj-rel::before {
        width: 40%;
    }
    #how-works-section .overlay .cmn-btn {
        margin-top: 40px;
    }
    #tournaments-section .single-item .single-box {
        padding-bottom: 20px;
    }
    #banner-section.inner-banner.shop-details {
        padding: 240px 0 140px;
    }
    #counter-section .mp-none{
        margin-bottom: -30px;
    }
    #counter-section .single-item {
        margin-bottom: 30px;
    }
    #players-week-section .single-item.mid-area {
        margin: 0;
    }
    #players-week-section .mp-none{
        margin-bottom: -25px;
    }
    #players-week-section .single-item {
        margin-bottom: 25px;
    }
    #features-section .pm-none {
        margin-top: 20px;
    }
    #banner-section.inner-banner.profile.shop {
        padding: 240px 0 10px;
    }
    #call-to-action .main-content .left{
        display: none;
    }
    #testimonials-section .mp-none {
        margin-bottom: -30px;
    }
    #testimonials-section .single-item {
        margin-bottom: 30px;
    }
    #shop-content .shop-details-content .right-item {
        margin-top: 30px;
    }
    #footer-section {
        margin-top: 120px;
    }
    #header-section .right-area{
        right: 8%;
    }
    #tournaments-section .single-item .single-box .box-item .head {
        font-size: 12px;
        line-height: 15px;
    }
    #banner-section.inner-banner {
        padding: 180px 0 70px;
    }
    #team-section .single-item .bottom-area h5 {
        margin: 20px 0 10px;
    }
    #banner-section.inner-banner .ani-img .img-3,
    #banner-section.inner-banner .ani-img .img-2 {
        width: 10%;
    }
    #banner-section.inner-banner .bottom-item .left-item{
        display: grid;
        justify-content: center;
        text-align: center;
    }
    #banner-section.inner-banner .slick-active .right-area img{
        margin: 0 auto;
    }
    #banner-section.inner-banner .right-area::before{
        display: none;
    }
    #banner-section.inner-banner .slick-initialized {
        margin-bottom: -140px;
    }
    #banner-section.inner-banner .nav-tabs li {
        margin-right: 20px;
    }
    #banner-section.inner-banner .nav-tabs li a {
        padding: 0 0 20px 0;
        margin-right: 20px;
    }
    #banner-section.inner-banner .nav-tabs li::after {
        height: 25px;
        top: 0;
    }
    #tournaments-content .tab-pane{
        margin-top: 50px;
    }
    #tournaments-content .sidebar {
        margin-top: 0;
    }
    #tournaments-content .sidebar .single-side .result-single {
        display: inline-block;
    }
    #banner-section.inner-banner .main-content {
        margin-bottom: 50px;
    }
    #banner-section.inner-banner .headign-info .top-area .zindex{
        display: flex;
    }
    #tournaments-content .bracket-menu .single-item {
        padding: 15px 10px;
    }
    #tournaments-content .prizes .table {
        width: 120%;
    }
    #banner-section .features-video .magnific-area .right-area{
        margin-top: 0;
    }
    #banner-section.inner-banner.shop {
        padding: 180px 0 30px;
    }
    #policy-section .cus-m,
    #featured-products .cus-m{
        margin-bottom: -30px;
    }
    #policy-section .single-box,
    #featured-products .single-item{
        margin-bottom: 30px;
    }
    #deal-of-day .deal-item {
        margin-bottom: 30px;
    }
    .shop-cart-section .right-sidebar{
        margin-top: 30px;
    }
    #checkout .right-sidebar {
        margin-top: 30px;
    }
    #contact-section .right-sidebar .img-area {
        width: 65px;
        height: 65px;
        margin-right: 10px;
    }
    #all-trophies .statistics-area .tournaments-slider {
        margin-top: 60px;
        margin-bottom: 30px;
    }
    #all-trophies .statistics-area .sidebar-area:last-child {
        margin-bottom: 0;
    }
    .main-ban-text {
        font-size: 22px;
    }
    .pt-120 {
        padding-top: 60px;
    }
    .pb-120 {
        padding-bottom: 60px;
    }
    .header-section .header-top {
        display: block;
    }
    .navbar-collapse {
        max-height: 320px;
        overflow: auto;
    }
    .menu_has_children .sub-menu {
        display: none !important;
    }
    .menu_has_children .sub-menu li {
        width: 100% ;
    }
    .navbar-collapse .main-menu .menu_has_children.show .sub-menu {
        display: inline-flex !important;
        flex-wrap: wrap;
        margin-left: 20px;
    }
    .navbar-collapse .main-menu li.menu_has_children::before {
        top: 12px;
        right: 15px;
    }
    .navbar-collapse .main-menu li a {
        padding: 10px 8px;
        display: block;
    }
    .navbar-expand-lg {
        float: right;
        width: 100%;
    }
    .navbar-collapse .main-menu li .sub-menu {
        position: initial;
        opacity: 1;
        visibility: visible;
        display: none;
        -webkit-transition: none;
        transition: none;
    }
}
@media (max-width: 800px) {
    .navbar-light .navbar-toggler {
        right: 4%;
    }
}
@media (max-width: 767px) {
    .top-area h3{
        font-size: 30px;
        line-height: 100%;
    }
    .top-area h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .main-ban-text {
        font-size: 21px;
        line-height: 120%;
    }
    .section-header{
        margin-bottom: 40px;
    }
    .sub-title,
    .sub-title-alt{
        font-size: 16px;
    }
    #banner-section .text-area h5 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .cmn-btn-second {
        padding: 12px 24px;
    }
    .right-btn {
        right: 25%;
    }
    .navbar-light .navbar-toggler {
        right: 16%;
    }
    #banner-section {
        padding-top: 190px;
    }
    #footer-section .footer-mid .menu-side li {
        padding: 0px 7px;
    }
    #banner-section .banner-content .main-content .top-area p {
        margin: auto 10%;
        margin-bottom: 30px;
    }
    #available-game-section .slick-initialized .slick-prev::before,
    #available-game-section .slick-initialized .slick-next::before {
        top: 11px;
        left: 11px;
    }
    #call-action2 {
        padding: 50px 0;
    }
    #call-action3 {
        padding: 0 0 50px;
    }
    #call-action3 .left-area {
        padding-top: 50px;
    }
    #available-game-section .slick-initialized .slick-next, 
    #available-game-section .slick-initialized .slick-prev {
        width: 40px;
        height: 40px;
    }
    #available-game-section .main-container {
        padding: 60px 20px;
    }
    #available-game-section .slick-initialized .slick-next {
        right: calc(10% - -10px);
    }
    #available-game-section .slick-initialized .slick-prev {
        right: calc(14% - 60px);
    }
    #how-works-section .single-item {
        margin-bottom: 40px;
    }
    #how-works-section .mp-top {
        margin-bottom: -40px;
    }
    #how-works-section .obj-alt::before {
        display: none;
    }
    #all-trophies {
        margin-top: -15px;
    }
    #shop-content .shop-details-content .right-item {
        margin-top: 20px;
    }
    #tournaments-section .single-item .top-img{
        margin: 0 auto;
        margin-bottom: 30px;
    }
    #tournaments-section .single-input{
        margin-top: 20px;
    }
    #tournaments-section .mp-none{
        margin-top: -20px;
    }
    #players-week-section .single-item.mid-area {
        margin-bottom: 30px;
    }
    #call-to-action .main-content img {
        max-width: 100%;
    }
    #call-action .left-area {
        margin-bottom: 30px;
    }
    #footer-section .footer-top {
        padding: 50px 20px;
    }
    #footer-section .footer-mid .single-area{
        margin-bottom: 40px;
    }
    #footer-section .footer-mid .single-area h5 {
        margin-bottom: 15px;
    }
    #footer-section .footer-mid {
        margin-bottom: -40px;
    }
    #footer-section .footer-bottom .left-area {
        text-align: center;
    }
    #footer-section .right-area ul {
        margin-bottom: 70px;
        margin-top: 30px;
    }
    #footer-section .right-area ul li a {
        margin: 0 15px;
    }
    #footer-section .footer-bottom .cus-order{
        order: 1;
    }
    #testimonials-section .single-item {
        padding: 26px 15px;
    }
    #features-section .single-item .img-area {
        width: 90px;
        height: 90px;
    }
    #features-section .single-item .img-area::before {
        width: 110px;
        height: 110px;
    }
    #features-section .single-item .img-area img {
        width: 60%;
    }
    #about-us-section .overlay {
        margin-top: -10px;
    }
    #call-action .right-area{
        text-align: center;
    }
    #banner-section.inner-banner .banner-content {
        margin-bottom: -20px;
    }
    #products-content .nav-tabs {
        margin-top: 20px;
    }
    #banner-section.inner-banner .bottom-area h3{
        text-align: center;
    }
    #banner-section.inner-banner .bg {
        margin: 0 20px;
    }
    #banner-section.inner-banner .bottom-area h2 {
        margin: 20px 0;
    }
    #banner-section.inner-banner .nav-tabs li,
    #banner-section.inner-banner .nav-tabs li a {
        margin-right: 10px;
    }
    #tournaments-content .sidebar .single-side {
        text-align: center;
    }
    #tournaments-content .sidebar .single-side .game-area {
        justify-content: center;
        text-align: start;
    }
    #tournaments-content .bracket-area .group-bracket .bracket-single::before {
        width: 25px;
        right: -20px;
        top: calc(50% - 70px);
    }
    #tournaments-content .matches .overlay-cus {
        overflow-x: auto;
        overflow-y: hidden;
    }
    #tournaments-content .matches .w-cus{
        width: 150%;
        margin-top: 0;
        margin-left: 0;
    }
    #tournaments-content .matches .yesterday {
        margin-top: 40px;
    }
    #tournaments-content .matches h4 {
        margin-bottom: 20px;
    }
    #tournaments-content .prizes .table {
        width: 160%;
    }
    #call-action .right-area,
    #claim-rank .right-area {
        margin-bottom: 30px;
    }
    #esports-matches .right-area,
    #tournaments-everyone .right-area {
        margin-top: 30px;
    }
    #banner-section.inner-banner.shop {
        margin-bottom: -10px;
    }
    #products-content .single .single-side h6 {
        margin-bottom: 10px;
    }
    #products-content .single p {
        width: 100%;
    }
    #products-content .comments .comment-form .top-area ul li{
        margin-left: 10px;
    }
    #products-content .comments .comment-form .top-area ul li::before {
        height: 15px;
        right: -5px;
    }
    #products-content .comments .comment-form .top-area ul li a i {
        font-size: 12px;
    }
    .shop-cart-section .table {
        width: 130%;
    }
    #contact-section .right-sidebar{
        margin-top: 30px;
    }
    #contact-section .right-sidebar .img-area img{
        width: 60%;
    }
    #contact-section .right-sidebar .img-area {
        width: 45px;
        height: 45px;
    }
    #banner-section.inner-banner.inner-banner.profile.shop-details {
        padding: 200px 0 160px;
    }
    #banner-section.profile .heading-area .right{
        margin-top: 20px;
    }
    #banner-section.inner-banner.profile {
        padding: 200px 0 135px;
    }
    #about-us-section .container {
        max-width: 630px;
    }
}
@media (max-width: 576px) {
    .pb-120 {
        padding-bottom: 50px;
    }
    .pt-120 {
        padding-top: 50px;
    }
    .sub-title,
    .sub-title-alt{
        font-size: 12px;
    }
    h1, h1>a {
        font-size: 40px;
        line-height: 46px;
    }
    h2, h2>a {
        font-size: 30px;
        line-height: 36px;
    }
    h3, h3>a {
        font-size: 24px;
        line-height: 28px;
    }
    h4, h4>a {
        font-size: 18px;
        line-height: 22px;
    }
    h6, h6>a, a, p, span, li, .cmn-btn, table tr th, table tr td {
        font-size: 16px;
        line-height: 150%;
    }
    input, textarea{
        font-size: 14px;
        line-height: 24px;
    }
    .title{
        font-size: 30px;
        line-height: 40px;
    }
    .navbar-light .navbar-toggler {
        right: 5%;
    }
    .section-title {
        font-size: 26px;
    }
    #call-to-action .main-content {
        padding: 10% 15%;
    }
    #call-to-action .main-content img {
        display: none;
    }
    #call-to-action .main-content .cmn-btn {
        margin: 30px 0 0;
        right: initial;
    }
    #call-to-action .main-content .section-item h4 {
        text-align: center;
    }
    #call-to-action .main-content .btn-area {
        position: unset;
        margin: 30px 0 35px
    }
    #header-section .right-area .lang,
    #header-section .right-area .search-icon{
        display: none !important;
    }
    #header-section .navbar .navbar-nav .dropdown a, 
    #header-section .right-area span, 
    #header-section .navbar .navbar-nav li a {
        font-size: 14px;
        line-height: 20px;
    }
    #header-section .right-area .login-btn::before {
        display: none;
    }
    #call-action .right-area{
        text-align: center;
    }
    #tournaments-section .single-item .contain-area {
        margin: 30px auto;
    }
    #tournaments-content .magnific-area a {
        width: 60px;
        height: 60px;
    }
    #tournaments-content .magnific-area a img {
        width: 40%;
    }
    #tournaments-content .magnific-area a::before {
        width: 80px;
        height: 80px;
    }
    #tournaments-content .bracket-area {
        margin: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 40px;
    }
    #tournaments-content .bracket-area .w-cus{
        width: 250%;
        margin-top: 70px;
        margin-left: 0;
    }
    #tournaments-content .bracket-menu .single-item {
        margin-bottom: 10px;
    }
    #login-reg .login-reg-main {
        padding: 30px 15px;
    }
    .btn.btn-link {
        font-size: 18px;
    }
}
@media (max-width: 575px) {
    #banner-section.inner-banner .headign-info .top-area::after,
    #banner-section.inner-banner .headign-info .top-area::before{
        display: none;
    }
    #banner-section.inner-banner .headign-info .top-area .zindex {
        justify-content: center;
    }
    #banner-section.inner-banner .headign-info .top-area .mid-area {
        margin: 30px 0;
    }
    #banner-section.inner-banner .title-bottom {
        justify-content: center;
    }
    #banner-section.inner-banner .nav-tabs {
        justify-content: center;
    }
    .shop-cart-section .shop-cart-top {
        text-align: center;
    }
    .shop-cart-section .shop-cart-top .shop-cart-right{
        margin-top: 20px;
    }
    .process-card-detail {
        height: 350px;
    }
    #about-us-section .section-header {
        padding: 20px;
    }
    #about-us-section .section-header p{
        font-size: 20px !important;
        line-height: 130% !important;
    }
}
@media (max-width: 480px) {
    #header-section .navbar .navbar-top .language-select-list img{
        display: none;
    }
    .top-area br{
        display: none;
    }
    .top-area h4 {
        font-size: 19px;
        line-height: 28px;
    }
    .main-ban-text {
        font-size: 19px;
        line-height: 120%;
    }
    #header-section .navbar .navbar-top a {
        margin: 0 6px !important;
        font-size: 12px;
    }
    #header-section .navbar .navbar-top .language-select-list {
        margin: 0 !important;
    }
    #header-section .navbar .nice-select .option,
    #header-section .navbar .nice-select.select-bar .current{
        font-size: 12px;
    }
    #header-section .navbar .navbar-brand img {
        max-width: initial;
        width: 115px;
    }
    .navbar-light .navbar-toggler{
        margin-top: 0;
    }
    #header-section .navbar .navbar-collapse .navbar-nav {
        padding-right: 0;
    }
    #tournaments-section .single-item .single-box {
        display: grid !important;
    }
    #tournaments-section .single-item .single-box .box-item{
        margin: 5px 0;
        display: grid;
    }
    .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .cmn-btn {
        padding: 12px 12px;
    }
    #footer-section .footer-top .subscribe input {
        padding: 10px 10px;
    }
    #features-section .single-item .img-area {
        width: 90px;
        height: 90px;
    }
    #features-section .single-item .img-area img{
        width: 60%;
    }
    #features-section .single-item .img-area::before {
        width: 110px;
        height: 110px;
    }
    #header-section .right-area .login-btn {
        display: none;
    }
    #header-section .right-area .cmn-btn {
        margin-right: 10px;
        padding: 12px 12px;
    }
    #available-game-section .slick-initialized .slick-next,
    #available-game-section .slick-initialized .slick-prev {
        display: none !important;
    }
    #how-works-section .obj-rel::before,
    #how-works-section .obj-alt::before{
        display: none;
    }
    #tournaments-section .single-item .title-bottom {
        display: grid !important;
    }
    #tournaments-section .single-item .bg {
        margin: 10px 0;
    }
    #tournaments-section .single-item .mid-area{
        margin: 0 auto;
    }
    #banner-section.inner-banner .bottom-item .draw-counter .date-area h6{
        padding: 5px;
        margin: 0 5px;
    }
    #banner-section.inner-banner .bottom-item .left-item {
        padding: 25px 10px;
    }
    #banner-section.inner-banner .bottom-item .draw-counter .time-parameter.left {
        padding: 8px 10px;
    }
    #banner-section.inner-banner .bottom-item .draw-counter .time-parameter span {
        margin: 0 5px;
    }
    #banner-section.inner-banner .bottom-item .draw-counter {
        align-items: center;
    }
    #banner-section.inner-banner .right-area {
        margin-top: 0;
    }
    #banner-section.inner-banner .right-area img {
        width: 80%;
    }
    #banner-section.inner-banner .bg {
        margin: 0 5px;
        padding: 10px 5px;
    }
    #banner-section.inner-banner .nav-tabs li, 
    #banner-section.inner-banner .nav-tabs li a {
        margin-bottom: 10px;
    }
    #tournaments-content .matches .w-cus{
        width: 200%;
    }
    #tournaments-content .prizes .table {
        width: 170%;
    }
    #deal-of-day .right-item .bottom-area h5 {
        margin-right: 15px;
    }
    #banner-section.inner-banner .bottom-area {
        display: grid !important;
        justify-content: start;
    }
    #shop-content .bottom-area .cmn-btn {
        padding: 11px 15px;
        margin-left: 0;
        text-align: center;
    }
    .qtySelector {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #products-content .comments .comment-form .top-area .star-area,
    #products-content .comments .comment-form .top-area ul{
        display: grid !important;
    }
    #products-content .comments .comment-form .top-area ul li {
        margin: 5px 0;
    }
    #products-content .comments .comment-form .top-area ul li::before{
        display: none;
    }
    #products-content .comments .comment-single .comnt-text .name-review{
        display: grid !important;
    }
    #products-content .comments .comment-single .comnt-info .review {
        margin-left: 0;
    }
    #products-content .comments .comment-single {
        padding: 10px;
    }
    #products-content .comments .comment-single .avatar img {
        width: 45px;
        height: 45px;
        margin-right: 10px;
    }
    .shop-cart-section .table {
        width: 205%;
    }
    #checkout .billing .billing-method .single-area .form-check img{
        display: none;
    }
    #checkout .billing-method .single-area {
        padding: 10px 5px 0;
    }
    #checkout .billing-method, 
    #checkout form {
        padding: 25px 0;
        padding-bottom: 0;
    }
    #checkout .head-area {
        margin-bottom: 20px;
        margin-top: 50px;
    }
    #contact-section form {
        padding: 30px 20px;
    }
    #all-trophies .statistics-area .total-area .head-area {
        display: grid !important;
    }
    #all-trophies .statistics-area .total-area .head-area .right{
        margin-top: 20px;
    }
    #all-trophies .statistics-area .total-area {
        padding: 15px;
    }
    #all-trophies .statistics-area .nav-tabs .nav-item {
        margin-right: 12px;
    }
    #shop-content .shop-details-content .bottom-area{
        display: grid !important;
        margin-top: 20px;
    }
    #shop-content .shop-details-content .cus-pad {
        padding: 15px;
    }
    #shop-content .shop-details-content .bottom-area .cmn-btn {
        margin-left: 0;
        width: max-content;
    }
    #banner-section.profile .heading-area .profile-area .photo {
        margin-right: 15px;
        width: 25%;
    }
    #banner-section.profile .heading-area {
        padding: 15px;
    }
    #banner-section.shop-details .shop-details {
        padding: 15px;
    }
    #footer-section .footer-mid .cus-grid{
        display: grid !important;
    }
    #footer-section .footer-mid .logo-section{
        text-align: center;
        margin-bottom: 30px;
    }
    .process-card-detail {
        height: auto;
        padding: 20px;
    }
    #about-us-section .section-header p {
        font-size: 18px !important;
    }
    #about-us-section .container {
        max-width: 100%;
    }
    .btn.btn-link {
        font-size: 15px;
    }
    .card-header {
        padding: 10px 5px;
    }
}
@media (max-width: 375px) {
    #tournaments-content .matches .w-cus{
        width: 250%;
    }
    #tournaments-content .prizes .table {
        width: 260%;
    }
    #deal-of-day .main-content {
        padding: 30px 15px;
    }
    #deal-of-day .right-item .bottom-area{
        display: grid !important;
        justify-content: flex-start;
    }
    #deal-of-day .right-item .bottom-area h5 {
        margin: 15px 0;
    }
    #deal-of-day .right-item .bottom-area .cmn-btn.cus-style {
        margin-top: 15px;
    }
    #products-content .nav-tabs {
        justify-content: center;
    }
    #products-content .nav-tabs .nav-item .nav-link {
        padding: 5px 0;
        margin-bottom: 15px;
    }
    #products-content .single .single-side ul li {
        padding: 15px 10px;
    }
    #banner-section .top-area {
        top: -30px;
    }
}