/* (1366x768) WXGA Display */

@media screen and (min-width: 1368px) and (max-width: 1920px) {
    .mlt-hero .hero-content p {
        padding: 0 5%;
    }
}

@media screen and (min-width: 1368px) and (max-width: 1440px) {
    .testimonial-area .right-thumb{
        display: none;
    }
}

/*Medium Desktop Device*/

@media screen and (min-width: 1025px) and (max-width: 1367px) {
    .music-content h2 {
        font-size: 54px;
    }
    .mlt-hero .hero-content p {
        padding: 0 5%;
    }
    .testimonial-area .right-thumb{
        display: none;
    }
    .yoga-content {
        height: 400px;
        width: 400px;
    }
    .slider-area {
        min-height: 690px;
    }
    .tst-title h2 {
        font-size: 62px;
        line-height: 64px;
    }
    .tst-title p {
        font-size: 34px;
    }
}

/* Normal desktop :992px. */

@media (min-width: 769px) and (max-width: 1024px) {
    /* home one */
    .pt--100{
        padding-top: 90px;
    }
    .ptb--100{
        padding: 90px 0px;
    }
    .abt-content h2 {
        font-size: 51px;
    }
    .right-thumb{
        display: none;
    }
    .tst-title h2 {
        font-size: 55px;
        margin-bottom: 15px;
    }
    .tst-title p {
        font-size: 34px;
    }
    .main-menu nav ul li a {
        margin-left: 22px;
    }
    /* home Three */
    .abt-msc-content h4 {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .music-content h2 {
        font-size: 48px;
        line-height: 63px;
    }

    /* home Four */
    .fs-abt-content h2,
    .fs-abt-content h3 {
        font-size: 35px;
        line-height: 37px;
    }

    /* Home Five */
    .hero-content h2 {
        font-size: 50px;
        line-height: 52px;
    }
    .app-slider .hero-content h3 {
        font-size: 37px;
    }
    .app-slider:before,
    .app-slider:after {
        border-top: 78px solid transparent;
    }
    .feature-item {
        margin-top: 38px;
    }
    .tst2-thumb {
        flex-basis: 598px;
    }

    /* Home Six */
    .mlt-hero .hero-content h2 {
        font-size: 38px;
    }

    /* Home Seven */
    .abt3-content h2 {
        font-size: 28px;
    }




}

/* small mobile :320px. */

@media (max-width: 768px) {
    /* home one */
    .header-area {
        padding: 22px 0px 0;
    }
    .right-thumb{
        display: none;
    }
    .children {
        padding-left: 30px;
    }
}

/* Large Mobile :480px. */

@media only screen and (min-width: 481px) and (max-width: 768px) {
    /* home one */
    .pt--100{
        padding-top: 80px;
    }
    .ptb--100{
        padding: 80px 0px;
    }
    .pb--100{
        padding-bottom: 80px;
    }
    .hero-content h2 {
        font-size: 38px;
    }
    .hero-area {
        min-height: 605px;
    }
    .section-title h2 {
        font-size: 28px;
    }
    .abt-content h2 ,
    .title-back{
        font-size: 42px;
    }
    .abt-content {
        margin-bottom: 70px;
    }
    .single-trainer{
        margin-bottom: 40px;
    }
    .trainer-area{
        padding-bottom: 50px;
    }
    .tst-title h2 {
        font-size: 51px;
        line-height: 51px;
    }
    .tst-title p {
        font-size: 27px;
    }
    .feature-blog {
        padding-bottom: 30px;
    }
    .single-blog {
        margin-bottom: 50px;
    }
    .pt-x-none{
        padding-top: 0;
    }
    .contact-content {
        margin: auto;
        margin-bottom: 50px;
        overflow: hidden;
    }
    .contact-content ul li{
        margin-top: 0;
    }

    /* home two */
    .yoga-content {
        height: 400px;
        width: 400px;
        margin-top: 120px;
    }
    .yoga-content h2 {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 17px;
    }

    /* home Three */
    .abt-msc-content h2 {
        font-size: 41px;
        margin-bottom: 20px;
    }
    .abt-msc-content h4 {
        font-size: 25px;
        margin-bottom: 29px;
    }
    .music-content h2 {
        font-size: 48px;
        line-height: 70px;
    }
    .slider-area {
        min-height: 712px;
    }
    .abt-music-area {
        margin-top: -51px;
        padding: 137px 0px 88px;
    }
    .upv-content h2 {
        font-size: 38px;
    }
    .msc-abt-right{
        margin-top: 50px;
    }
    .count-down .cdown {
        height: 120px;
        width: 120px;
        margin: 0px 7px;
        padding-top: 15px;
    }
    .count-down .cdown .time-count{
        font-size: 40px;
    }

    /* home Four */
    .ph-slider-content h2 {
        font-size: 60px;
    }
    .header-st2{
        padding-bottom: 22px;
        background-color: #fff;
    }
    .fs-abt-content h2,
    .fs-abt-content h3 {
        font-size: 35px;
        line-height: 37px;
    }
    .screen-slides {
        right: 16px;
        top: 49px;
        width: 175px;
    }

    /* Home Five */
    .app-slider .hero-content h3 {
        font-size: 28px;
    }
    .app-slider .hero-content h2 {
        font-size: 25px;
        line-height: 31px;
        margin-bottom: 10px;
    }
    .app-slider:before {
        border-top: 57px solid transparent;
    }
    .app-slider:after {
        border-top: 40px solid transparent;
    }
    .single-service {
        margin-bottom: 20px;
        border-bottom: 1px solid #2cd6ba;
        box-shadow: 0px 0px 34px rgba(0,0,0,0.08);
    }
    .appcta-content h2 {
        font-size: 28px;
    }
    .app-feature-area{
        padding-bottom: 0;
    }
    .feature-item {
        margin-top: 0;
        margin-bottom: 70px;
    }
    .tst2-thumb {
        flex-basis: 800px;
        margin-right: 30px;
        padding-right: 0;
        border: none;
    }
    .testimonial-two {
        padding: 100px 0px;
    }
    .prc-single{
        margin-bottom: 40px;
    }
    .pricing-area{
        padding-bottom: 40px;
    }
    .faq-area{
        padding-bottom: 80px;
    }
    .download-area{
        padding: 80px 0;
    }
    .single-download-links {
        padding: 12px 16px;
    }

    /* Home Six */
    .mlt-hero .hero-content h2 {
        font-size: 35px;
        line-height: 49px;
    }
    .cta-contact {
        padding: 100px 0px;
    }
    .abt2-thumb{
        margin-bottom: 60px;
    }

    /* Home Seven */
    .game-hero-area .hero-content h2 {
        font-size: 54px;
        margin-bottom: 35px;
    }
    .abt3-content h2 {
        font-size: 28px;
    }
    .google-map-fullwidth#google_map {
        height: 350px;
    }








}

/* small mobile :320px. */

@media (min-width: 240px) and (max-width: 480px) {
    /* home one */
    .pt--100{
        padding-top: 70px;
    }
    .ptb--100{
        padding: 70px 0px;
    }
    .pb--100{
        padding-bottom: 70px;
    }
    .header-area {
        opacity: 1;
        position: inherit;
        background: #0b0b0b;
    }
    .hero-area {
        height: 501px;
        min-height: auto;
    }
    .hero-content > span {
        font-size: 16px;
    }
    .hero-content h2 {
        font-size: 24px;
        line-height: 37px;
    }
    a.scrl_me_down{
        display: none;
    }
    .title-back {
        font-size: 34px;
    }
    .section-title h2 {
        font-size: 26px;
    }
    .abt-content h2 {
        font-size: 26px;
        margin-bottom: 18px;
    }
    .abt-content {
        padding-left: 24px;
        margin-bottom: 70px;
    }
    ul.meta-info {
        display: block;
        text-align: center;
    }
    ul.meta-info li{
        display: inline-block;
        margin: 0px 5px;
    }
    .single-trainer{
        margin-bottom: 40px;
    }
    .trainer-area{
        padding-bottom: 40px;
    }
    .tst-title h2 {
        font-size: 28px;
        line-height: 31px;
        margin-bottom: 13px;
    }
    .tst-title p {
        font-size: 18px;
    }
    .tst-item p {
        font-size: 15px;
        line-height: 33px;
    }
    .tst-title {
        text-align: center;
    }
    .testimonials-carousel {
        margin-top: 43px;
        padding-bottom: 60px;
    }
    .feature-blog {
        padding-bottom: 20px;
    }
    .single-blog {
        margin-bottom: 50px;
    }
    .pt-x-none{
        padding-top: 0;
    }
    .join-form form{
        display: block;
    }
    .join-form form input{
        width: 100%;
        margin: 5px 0px;
    }
    .contact-content ul li{
        margin-top: 0;
    }
    .contact-content{
        margin-bottom: 40px;
        overflow: hidden;
    }

    /* home Two */
    .yoga-content {
        height: 300px;
        width: 300px;
        float: none;
        margin-top: 52px;
        right: 12px;
    }
    .yoga-hero{
        height: 416px;
    }
    .yoga-content h2 {
        font-size: 40px;
        margin-bottom: 14px;
    }
    .yoga-exp-content{
        margin-top: 50px;
    }
    .yoga-exp-content h2 {
        font-size: 22px;
    }

    
    /* home Three */
    .music-content h2 {
        font-size: 21px;
        line-height: 34px;
    }
    .music-content a{
        margin-top: 42px;
    }
    .slider-area {
        min-height: 544px;
        padding-bottom: 100px;
    }
    .abt-music-area {
        margin-top: -28px;
        padding: 100px 0px 70px;
    }
    .abt-msc-content h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    .abt-msc-content h4 {
        font-size: 14px;
        margin-bottom: 32px;
        letter-spacing: 0.01em;
    }
    .msc-title.section-title h2 {
        font-size: 27px;
    }
    .upv-content h2 {
        font-size: 23px;
        margin-bottom: 3px;
        line-height: 36px;
    }
    .upv-content h3 {
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 29px;
    }
    .upv-content h4 {
        font-size: 14px;
        margin-bottom: 27px;
    }
    .count-down .cdown,
    .fact-item{
        margin-bottom: 30px;
    }
    .upcooming-events,
    .facts-area{
        padding-bottom: 40px;
    }

    /* Home Four */
    .header-st2{
        padding-bottom: 22px;
        background-color: #fff;
    }
    .header-st2 .container-fluid{
        padding: 0px 30px;
    }
    .ph-slider-content h2 {
        font-size: 33px;
        line-height: 37px;
        margin-bottom: 39px;
    }
    .ph-slider-content h4 {
        font-size: 28px;
        line-height: 31px;
    }
    .ph-slider-item {
        height: auto;
        min-height: 503px;
    }
    .fs-abt-content{
        margin-top: 40px;
    }
    .fs-abt-content h2 {
        font-size: 27px;
        line-height: 30px;
        margin-bottom: 5px;
    }
    .fs-abt-content h3 {
        font-size: 27px;
        line-height: 30px;
        margin-bottom: 39px;
    }
    .portfolio-menu{
        display: block;
    }
    .prt-menu{
        margin-top: 40px;
    }
    .portfolio-menu .prt-menu button {
        margin-left: 0;
        padding-right: 0;
        margin-right: 16px;
        border: none;
    }
    .work-area{
        padding-bottom: 50px;
    }

    /* Home Five */
    .app-slider{
        height: auto;
        padding: 80px 0px;
    }
    .app-slider .hero-content h3 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .app-slider .hero-content h2 {
        font-size: 18px;
        line-height: 29px;
        margin-bottom: 10px;
    }
    .screen-slides-area {
        display: none;
    }
    .app-slider:before {
        border-right: 44vw solid #fff;
        border-top: 48px solid transparent;
    }
    .app-slider:after {
        border-left: 88vw solid #fff;
        border-top: 41px solid transparent;
    }
    .single-service {
        margin-bottom: 20px;
        border-bottom: 1px solid #2cd6ba;
        box-shadow: 0px 0px 34px rgba(0,0,0,0.08);
    }
    .appcta-content h2 {
        font-size: 24px;
    }
    .appcta-content .links a {
        margin-right: 3px;
        padding: 10px 18px;
    }
    .mscreen-right{
        margin-top: 50px;
    }
    .mscreen-left{
        margin-bottom: 40px;
    }
    .ad-video-box {
        height: 300px;
    }
    .app-feature-area{
        padding-bottom: 0;
    }
    .feature-item {
        margin-top: 0;
        margin-bottom: 70px;
    }
    .feature-item .icon {
        float: left;
        margin-left: 0;
        margin-right: 19px;
    }
    .feature-item .content {
        text-align: left;
    }
    .screenshot-area .h5-title {
        margin-bottom: 47px;
    }
    .screenshot-area .swiper-slide {
        width: 100%;
    }
    .tst-two-carousel .swiper-slide{
        display: block;
        text-align: center;
    }
    .tst2-thumb{
        margin-bottom: 50px;
    }
    .tst-two-carousel{
        padding-bottom: 0;
        margin-top: 0;
    }
    .testimonial-two,
    .download-area,
    .cta-contact{
        padding: 70px 0;
    }
    .tst2-thumb{
        margin-right: 0;
        padding-right: 0;
        border: none;
    }
    .prc-single{
        margin-bottom: 40px;
    }
    .pricing-area{
        padding-bottom: 30px;
    }
    .faq-left-thumb{
        text-align: center;
        margin-top: 60px;
    }
    .accordion-area .card-header h5 span{
        display: none;
    }
    .accordion-area .card-header h5 button{
        width: 100%;
    }
    .download-title h2 {
        font-size: 23px;
    }
    .download-app{
        display: block;
    }
    .single-download-links{
        max-width: 250px;
        margin: auto;
        margin-bottom: 15px;
    }

    /* Home Six */
    .mlt-hero .hero-content h2 {
        font-size: 22px;
    }
    .mlt-hero {
        height: auto;
        padding: 80px 0;
    }
    .abt2-thumb{
        margin-bottom: 50px;
    }
    .ctac-content h5 {
        text-align: center;
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 60px;
    }
    .ctac-action{
        text-align: center;
    }
    .section-title p {
        font-size: 16px;
    }

    /* Home Seven */
    .game-hero-area .hero-content h2 {
        font-size: 28px;
        margin-bottom: 37px;
    }
    .game-hero-area .hero-content > span {
        letter-spacing: 0;
    }
    .game-hero-area {
        height: 385px;
    }
    .abt3-content h2 {
        font-size: 21px;
    }
    .gm-title h2 {
        font-size: 27px;
    }
    .video-area{
        height: 300px;
    }
    .google-map-fullwidth#google_map {
        height: 300px;
    }

    /* Blog */
    .crumbs-area {
        padding: 56px 0px 76px;
    }
    .crumbs-content h2 {
        font-size: 29px;
        line-height: 33px;
        margin-bottom: 10px;
    }

    /* Blog Details */
    .post-content h2 a {
        font-size: 18px
    }
    .sidebar{
        margin-top: 60px;
    }
    





}

/*============================================
    Midnight RP — mobile / tablette
*=============================================*/

@media (max-width: 991px) {
    html,
    body {
        overflow-x: hidden;
        max-width: 100%;
    }

    .header-area {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: linear-gradient(to bottom, rgba(1, 11, 17, 0.92), rgba(1, 11, 17, 0.35));
        padding: 12px 0;
        opacity: 1;
    }

    .header-area.sticky-menu {
        background: rgba(1, 18, 28, 0.96);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    }

    .header-area .container > .row {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }

    .header-area .col-lg-3 {
        flex: 1 1 auto;
        width: auto;
        max-width: calc(100% - 52px);
        padding-right: 8px;
    }

    .header-area .col-12.d-lg-none {
        position: absolute;
        top: 50%;
        right: 0;
        left: auto;
        width: auto;
        max-width: none;
        padding: 0 15px 0 0;
        transform: translateY(-50%);
        z-index: 1001;
    }

    .logo a img {
        max-width: 168px;
    }

    .slicknav_menu {
        margin: 0;
        background: transparent;
    }

    .slicknav_btn {
        float: none !important;
        margin: 0 !important;
        padding: 10px;
    }

    .slicknav_nav {
        position: absolute;
        right: 0;
        top: calc(100% + 14px);
        min-width: 230px;
        padding: 10px 0;
        border-radius: 10px;
        background: #0e1a22;
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
        border: 1px solid rgba(20, 191, 152, 0.25);
    }

    .slicknav_nav a {
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        padding: 12px 18px;
    }

    .slicknav_nav a:hover {
        background: #14bf98;
        color: #01121c;
        border-radius: 0;
    }

    .slider-area,
    .game-hero-area,
    .game-hero-area.full-height {
        height: 100vh !important;
        min-height: 100vh !important;
        padding-bottom: 0 !important;
    }

    a.scrl_me_down {
        display: block !important;
        bottom: 28px;
    }

    .game-hero-area .hero-content > span {
        font-size: 13px;
        letter-spacing: 0.28em;
        line-height: 1.5;
        padding: 0 12px;
    }

    .game-hero-area .hero-content h2 {
        font-size: 40px;
        line-height: 1.12;
        margin-bottom: 28px;
    }

    .game-hero-area .hero-content h2 .glitch-word:after {
        -webkit-animation-delay: 0s;
                animation-delay: 0s;
        -webkit-animation-duration: 0.65s;
                animation-duration: 0.65s;
        left: 1px;
        top: 0;
        text-shadow: -2px 0 #14bf98, 2px 0 #ff3b7a;
    }

    .hero-content a {
        display: inline-block;
        padding: 13px 32px;
        font-size: 14px;
        letter-spacing: 0.04em;
        border-radius: 33px;
        -webkit-animation: pulseGlow 2.8s ease-in-out infinite;
                animation: pulseGlow 2.8s ease-in-out infinite;
    }

    .zs-enabled .zs-slideshow,
    .zs-enabled .zs-slides,
    .zs-enabled .zs-slide {
        min-height: 100%;
    }

    .right-thumb,
    .abt3-right-thumb {
        display: block !important;
        text-align: center;
        margin: 28px auto 8px;
    }

    .abt3-right-thumb img {
        max-width: 240px;
        filter: drop-shadow(0 16px 28px rgba(20, 191, 152, 0.28));
    }

    .ft-device {
        display: block !important;
        text-align: center;
        margin: 8px auto 28px;
    }

    .ft-device img {
        max-width: 180px;
        filter: drop-shadow(0 18px 32px rgba(0, 0, 0, 0.45));
    }

    .single-service .icon,
    .feature-item .icon {
        -webkit-animation: effectupdown 3.2s ease-in-out infinite;
                animation: effectupdown 3.2s ease-in-out infinite;
    }

    .feature-item .icon:before {
        border: 1px dashed rgba(20, 191, 152, 0.7);
        -webkit-animation: iconSpin 6s linear infinite;
                animation: iconSpin 6s linear infinite;
    }

    .single-download-links {
        -webkit-animation: ctaFloat 3s ease-in-out infinite;
                animation: ctaFloat 3s ease-in-out infinite;
    }

    .abt3-area {
        margin-bottom: 0 !important;
        padding: 70px 0 20px !important;
    }

    .abt3-content {
        text-align: center;
        padding: 0 6px;
    }

    .abt3-content span {
        font-size: 15px;
        line-height: 1.5;
    }

    .abt3-content h2 {
        font-size: 28px;
        line-height: 1.2;
        margin: 12px 0 20px;
    }

    .abt3-content p {
        text-align: left !important;
        font-size: 16px;
        line-height: 1.75;
    }

    .service-area {
        padding: 20px 0 40px;
    }

    .single-service {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(20, 191, 152, 0.18) !important;
        border-radius: 14px;
        box-shadow: none !important;
        padding: 32px 22px !important;
        margin-bottom: 16px;
    }

    .single-service .icon {
        font-size: 48px;
        margin-bottom: 18px;
    }

    .single-service h4 {
        font-size: 18px;
        line-height: 1.35;
        margin-bottom: 10px;
    }

    .single-service p {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 0;
    }

    .facts-bar {
        padding: 28px 0;
    }

    .fact-item {
        padding: 12px 8px;
        margin-bottom: 0;
    }

    .fact-item h3 {
        font-size: 36px;
        line-height: 1.1;
        margin-bottom: 6px;
    }

    .fact-item p {
        font-size: 13px;
        line-height: 1.35;
        letter-spacing: 0.02em;
    }

    .abt-music-area {
        margin-top: 0 !important;
        padding: 70px 0 40px !important;
    }

    .abt-msc-content {
        text-align: center;
        margin-bottom: 28px;
    }

    .abt-msc-content h2 {
        font-size: 36px;
        margin-bottom: 12px;
    }

    .abt-msc-content h4 {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 18px;
    }

    .abt-msc-content p {
        font-size: 16px;
        line-height: 1.7;
        text-align: left;
    }

    .msc-abt-right {
        margin-top: 10px;
        padding: 8px 4px;
    }

    .app-feature-area {
        padding: 20px 0 50px !important;
    }

    .h5-title,
    .section-title {
        margin-bottom: 30px;
        padding: 0 8px;
        text-align: center;
    }

    .h5-title h2,
    .section-title h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    .feature-item,
    .right-side .feature-item {
        text-align: left;
        margin-top: 0;
        margin-bottom: 28px;
        overflow: hidden;
    }

    .feature-item .icon,
    .right-side .feature-item .icon {
        float: left;
        margin: 0 16px 0 0;
    }

    .feature-item .content,
    .right-side .feature-item .content {
        text-align: left;
        overflow: hidden;
    }

    .download-area {
        padding: 70px 0 !important;
    }

    .download-title {
        margin-bottom: 32px;
        padding: 0 4px;
    }

    .download-title h2 {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 16px;
    }

    .download-title p {
        font-size: 16px;
        line-height: 1.65;
        letter-spacing: 0;
    }

    .download-app {
        display: flex !important;
        justify-content: center;
        width: 100%;
    }

    .single-download-links {
        display: flex !important;
        width: auto;
        max-width: 340px !important;
        margin: 0 auto;
        padding: 16px 28px;
        border-radius: 10px;
        justify-content: center;
        text-align: center;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
    }

    .sdl-content {
        width: auto;
        text-align: center;
    }

    .sdl-content p {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .sdl-content h2 {
        font-size: 17px;
        line-height: 1.35;
        margin: 0;
    }

    .footer-area.ptb--50 {
        padding: 48px 0 36px;
    }

    #logo_partenaire {
        gap: 22px 28px;
        margin-bottom: 28px;
    }

    #logo_partenaire a:nth-child(1) img,
    #logo_partenaire a:nth-child(2) img,
    #logo_partenaire a:nth-child(3) img {
        max-height: 52px;
    }

    #logo_partenaire a:nth-child(1) img {
        max-width: 78px;
    }

    #logo_partenaire a:nth-child(2) img {
        max-width: 128px;
    }

    #logo_partenaire a:nth-child(3) img {
        max-width: 110px;
    }

    .footer-content p {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 8px;
    }
}

@media (max-width: 576px) {
    .logo a img {
        max-width: 148px;
    }

    .game-hero-area .hero-content h2 {
        font-size: 32px;
        margin-bottom: 24px;
        padding: 0 6px;
    }

    .game-hero-area .hero-content > span {
        font-size: 12px;
        letter-spacing: 0.18em;
    }

    .abt3-content h2 {
        font-size: 24px;
    }

    .abt-msc-content h2 {
        font-size: 30px;
    }

    .abt-msc-content h4 {
        font-size: 18px;
    }

    .h5-title h2,
    .section-title h2 {
        font-size: 24px;
    }

    .download-title h2 {
        font-size: 22px;
    }

    .download-title p {
        font-size: 15px;
    }

    .single-download-links {
        max-width: 100% !important;
        width: 100%;
        padding: 16px 18px;
    }

    .sdl-content h2 {
        font-size: 16px;
    }

    .fact-item h3 {
        font-size: 32px;
    }

    .fact-item p {
        font-size: 12px;
    }

    .footer-content p {
        font-size: 14px;
    }
}

@media (max-width: 400px) {
    .logo a img {
        max-width: 132px;
    }

    .game-hero-area .hero-content h2 {
        font-size: 28px;
    }

    .download-title h2 {
        font-size: 20px;
    }

    .sdl-content h2 {
        font-size: 15px;
    }

    .fact-item h3 {
        font-size: 28px;
    }
}