/* =======================
  Common Media Css Starts
======================= */

@media (max-width: 991px) {}

@media (max-width: 767px) {}

/* ====================
  Common Media Css Ends
=================== */

/* ==========================
   Extra Small Device Starts
=========================== */

@media only screen and (max-width: 575px) {
    .container {
        max-width: 320px;
        /* padding: 0; */
    }

    .header .menu-left a {
        width: 150px;
        display: inline-block;
    }

    .banner .banner-right {
        margin-top: 30px;
    }

    .banner .banner-left {
        padding-top: 60px;
    }

    .banner .banner-left h1,
    .pick-shop .pick-shop-header h2,
    .epic-level .epic-level-heading h2,
    .watch-trailer .watch-trailer-heading h2 {
        font-size: 30px;
    }

    .banner .banner-left p {
        font-size: 20px;
    }

    .banner .banner-left a {
        width: 180px;
        display: inline-block;
    }

    .banner .bottom-icon {
        bottom: -40px;
    }

    .banner .bottom-icon i {
        line-height: 74px;
        width: 80px;
        height: 80px;
        font-size: 40px;
        border: 6px solid #fff;
    }

    .pick-shop .pick-shop-header p {
        font-size: 20px;
        padding: 0 0px;
    }

    .epic-level .epic-level-box {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 40px;
    }

    .epic-level .epic-level-box .epic-level-item p {
        font-size: 14px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-1 p,
    .epic-level .epic-level-box .epic-level-item.level-item-2 p,
    .epic-level .epic-level-box .epic-level-item.level-item-3 p {
        padding: 0 45px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-2 p,
    .epic-level .epic-level-box .epic-level-item.level-item-3 p {
        margin-top: -10px;
    }

    .watch-trailer::after {
        top: -30px;
        left: 18px;
        background-size: 438px;
    }

    .watch-trailer iframe {
        width: 296px;
        height: 170px;
    }

    .watch-trailer .watch-trailer-text p {
        font-size: 20px;
        padding: 0 0px;
    }

    .our-community .our-community-left {
        margin-top: -40px;
    }

    .our-community .our-community-right .our-community-right-heading {
        padding-top: 0px;
    }

    .our-community .our-community-right .our-community-right-heading h2 {
        font-size: 30px;
    }

    .our-community .our-community-right .our-community-right-form input {
        font-size: 20px;
        padding: 13px;
    }

    .our-community .our-community-right .our-community-right-form button {
        width: 70px;
    }

    .our-community .our-community-right {
        padding-bottom: 50px;
    }
}

/* ==========================
   Extra Small Device Ends
=========================== */

/* =====================
    Small Device Starts
==================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .banner .banner-right {
        margin-top: 50px;
    }

    .banner .banner-left h1,
    .pick-shop .pick-shop-header h2,
    .epic-level .epic-level-heading h2,
    .watch-trailer .watch-trailer-heading h2 {
        font-size: 50px;
    }

    .banner .banner-left {
        padding-top: 40px;
    }

    .banner .banner-left p {
        font-size: 26px;
        padding-right: 80px;
    }

    .banner .banner-left a {
        width: 210px;
        display: inline-block;
    }

    .banner .bottom-icon {
        bottom: -40px;
    }

    .banner .bottom-icon i {
        line-height: 70px;
        width: 80px;
        height: 80px;
        border: 10px solid #fff;
    }

    .pick-shop .pick-shop-header p {
        font-size: 26px;
        padding: 0 0px;
    }

    .epic-level .epic-level-box {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 45px;
    }

    .epic-level .epic-level-box .epic-level-item p {
        font-size: 14px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-1 p,
    .epic-level .epic-level-box .epic-level-item.level-item-2 p,
    .epic-level .epic-level-box .epic-level-item.level-item-3 p {
        padding: 0 155px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-4 p {
        padding: 0 145px;
    }

    .watch-trailer::after {
        top: -2px;
        left: 25px;
        background-size: contain;
    }

    .watch-trailer iframe {
        width: 400px;
        height: 230px;
    }

    .watch-trailer .watch-trailer-text p {
        font-size: 26px;
        padding: 0 0px;
    }

    .our-community .our-community-right {
        padding-bottom: 40px;
    }

    .our-community .our-community-right .our-community-right-heading {
        padding-top: 0;
        margin-top: -50px;
    }

    .our-community .our-community-right .our-community-right-heading h2 {
        font-size: 36px;
    }

    .our-community .our-community-right .our-community-right-form input {
        font-size: 30px;
    }

}

/* ====================
    Small Device Ends
=================== */

/* =====================
    Medium Device Starts
==================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pick-shop .pick-shop-header p {
        padding: 0 20px;
    }

    .epic-level .epic-level-box {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 40px;
    }

    .epic-level .epic-level-box .epic-level-item p {
        font-size: 14px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-1 p {
        padding-left: 65px;
        padding-right: 65px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-2 p {
        padding-left: 70px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-3 p {
        padding: 0 70px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-4 p {
        padding: 0 60px;
    }

    .watch-trailer::after {
        top: 5px;
        left: 30px;
        background-size: contain;
    }

    .watch-trailer iframe {
        width: 525px;
        height: 305px;
    }

    .watch-trailer .watch-trailer-text p {
        padding: 0 0px;
    }

    .our-community .our-community-right .our-community-right-heading {
        padding-top: 0;
        margin-top: -60px;
    }

    .our-community .our-community-right {
        padding-bottom: 60px;
    }
}

/* ====================
    Medium Device Ends
=================== */

/* =====================
    Large Device Starts
==================== */

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


    .banner .banner-left h1 {
        font-size: 52px;
    }

    .banner .banner-left p {
        font-size: 32px;
        padding-right: 0;
    }

    .pick-shop .pick-shop-header p {
        padding: 0 130px;
    }


    .epic-level .epic-level-box .epic-level-item img.top-image {
        width: 80%;
    }

    .epic-level .epic-level-box .epic-level-item p {
        font-size: 14px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-1 p {
        margin-top: -10px;
        padding-left: 30px;
        padding-right: 0;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-2 img.top-image {
        margin-top: -35px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-2 p {
        padding-right: 5px;
        padding-left: 35px;
        margin-top: -15px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-3 img.top-image {
        margin-top: -15px;
        padding-left: 0px;
        margin-left: 20px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-3 p {
        margin-top: -10px;
        padding-right: 5px;
        padding-left: 35px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-4 img.top-image {
        padding-left: 0px;
        margin-left: 15px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-4 p {
        padding-left: 30px;
        padding-right: 0;
        margin-top: -7px;
    }

    .watch-trailer .watch-trailer-text p {
        padding: 0 130px;
    }

    .watch-trailer::after {
        top: 20px;
        left: 40px;
        background-size: contain;
    }

    .watch-trailer iframe {
        width: 700px;
        height: 400px;
    }

    .our-community .our-community-right .our-community-right-form input {
        font-size: 20px;
        padding: 15px;
    }

    .our-community .our-community-right .our-community-right-form button {
        width: 90px;
    }

}

/* ====================
    Large Device Ends
=================== */

/* ==========================
    Extra Large Device Starts
========================= */

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

    /* Epic Level Starts  */
    .epic-level .epic-level-box .epic-level-item p {
        font-size: 14px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-1 p {
        margin-top: -25px;
        padding: 0 35px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-2 img.top-image {
        margin-top: -45px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-2 p {
        margin-top: -10px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-3 img.top-image {
        margin-top: -30px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-3 p {
        margin-top: -15px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-4 img.top-image {
        margin-top: -30px;
    }

    .epic-level .epic-level-box .epic-level-item.level-item-4 p {
        padding-left: 35px;
        margin-top: -20px;
    }

    /* Epic Level Ends  */

}

/* =========================
    Extra Large Device Ends
========================= */