/* ================== Media Css Start Here ================== */

@media (max-width:1499px) {
    .logo-image-left img {
        max-width: 230px;
    }
    header {
        padding: 30px 0;
    }
    .table-catch-sec {
        max-width: 1100px;
        margin: 0 auto;
    }
    .where-you-seen-me-sec-img img {
        height: 500px;
    }
    .where-you-seen-me-sec-content {
        padding: 70px;
    }
    .bio-banner-sec .banner-heading-content {
        margin-left: 100px;
    }
    .ctm-sticky .logo-image-left img {
        max-width: 200px !important;
    }
}

@media (max-width:1299px) {
    .need-laugh-your-event-sec-bg .meet-the-comedian-right-content {
        padding: 70px;
    }
}

@media (max-width:1199px) {
    nav ul li+li {
        margin-left: 30px;
    }
    .banner-image>img,
    .bio-banner-sec.banner-image>img {
        height: 600px;
    }
    .logo-image-left img {
        max-width: 200px;
    }
    h1 {
        font-size: 60px;
    }
    .follow-topher-image img {
        height: 330px;
    }
    .meet-the-comedian-right-content {
        padding: 50px;
    }
    .meet-the-comedian-image-content img {
        height: 400px;
    }
    .bio-banner-sec .banner-heading-content {
        margin-left: 100px;
    }
    .where-you-seen-me-sec-content h3 {
        margin-top: 14px;
    }
    .wanna-catch-me-live-sec-bg {
        background-position: 30% 20%;
    }
    .ctm-sticky .logo-image-left img {
        max-width: 150px !important;
    }
}

@media (max-width:991px) {
    /* toggle-menu */
    header.close-buttton-icon {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 3;
        background: #000;
        overflow: auto;
    }
    .toggle-btn-mobile {
        width: 100%;
        text-align: right;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        max-width: 46px;
        height: 46px;
    }
    .logo-image-left {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
    }
    .toggle-btn-mobile a {
        color: #9F1215;
        font-size: 30px;
    }
    .open-icon {
        display: block;
    }
    .close-buttton-icon .open-icon {
        display: none;
    }
    .xmark-icon {
        display: none;
    }
    .close-buttton-icon .xmark-icon {
        display: block;
    }
    .logo-image-left {
        max-width: 100%;
        width: 100%;
    }
    /* nav */
    .navigation-bar {
        display: none;
        width: 100%;
    }
    .close-buttton-icon .navigation-bar {
        display: block;
        margin-top: 30px;
    }
    nav ul li {
        display: block;
        margin: 0 !important;
    }
    nav ul li a {
        width: 100%;
        border-bottom: 1px solid #fff;
        padding: 10px 0;
        max-width: 100%;
    }
    nav ul li:last-child a {
        border-bottom: none;
    }
    /* toggle-menu */
    h1,
    .bio-banner-heading {
        font-size: 44px;
    }
    .stand-up-content p {
        font-size: 24px;
    }
    .topher-content-banner span {
        font-size: 26px;
    }
    .ctm-mt-top {
        margin-top: 70px;
    }
    .ctm-deaser-sec-bg .navbar-collapse {
        margin-top: 30px;
    }
    .ctm-deaser-sec-bg .nav-item+.nav-item {
        margin-left: 0;
    }
    .ctm-deaser-sec-bg .nav-item a {
        border-bottom: 1px solid #FFFFFFA1;
    }
    .ctm-deaser-sec-bg .nav-item:last-child a {
        border-bottom: none;
    }
    .ctm-deaser-sec-bg .container {
        align-items: center !important;
    }
    header {
        padding: 20px 0;
    }
    .event-date p {
        font-size: 18px;
    }
    .circle-dots {
        margin-right: 20px;
    }
    .ctm-sticky .logo-image-left img {
        max-width: 200px;
    }
    .banner-heading-content {
        max-width: 100%;
        margin: 0;
    }
    .main-footer-menu {
        padding: 20px 0;
    }
    footer {
        margin-top: 50px;
        padding-top: 20px;
    }
    .upcoming-shows-btn {
        margin-top: 30px;
    }
    .bio-banner-sec .banner-heading-content {
        margin-left: 50px;
    }
    .toperro-two-person-left img {
        height: 300px;
    }
    .where-you-seen-me-sec-content {
        padding: 30px;
    }
    .where-you-seen-me-sec-img img {
        height: 300px;
    }
    h4 {
        font-size: 18px;
        line-height: normal;
    }
    .where-you-seen-me-sec-content h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .wanna-catch-me-live-sec-bg {
        padding: 100px 0;
    }
    .upcoming-shows-sec .banner-heading-content {
        padding-left: 0;
        max-width: 100%;
    }
    .need-laugh-your-event-sec-bg {
        padding: 70px 0;
    }
    .need-laugh-your-event-sec-bg .meet-the-comedian-right-content p {
        max-width: 100%;
    }
    .event-location,
    .event-club {
        padding-left: 0;
    }
    .need-laugh-your-event-sec-bg .meet-the-comedian-right-content {
        padding: 30px;
    }
}

@media (max-width:767px) {
    p {
        line-height: 26px;
    }
    .banner-heading-content {
        max-width: 100%;
    }
    h1,
    .bio-banner-heading {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .ctm-mt-70 {
        margin-top: 50px;
    }
    .stand-up-content p {
        font-size: 20px;
    }
    .topher-content-banner span {
        font-size: 24px;
    }
    .banner-image>img,
    .bio-banner-sec.banner-image>img {
        height: 500px;
    }
    .follow-topher-image img {
        height: auto;
    }
    .tabl .copy-right p {
        text-align: center;
    }
    .meet-the-comedian-image-content img {
        height: auto;
    }
    .meet-the-comedian-right-content {
        text-align: center;
        padding: 20px;
        max-width: 100%;
        width: 100%;
    }
    .ctm-mt-top {
        margin-top: 50px;
    }
    .copy-right p {
        text-align: center;
    }
    .copy-right {
        padding: 20px 0;
        margin-bottom: 30px;
    }
    .main-footer-menu {
        padding: 20px 0;
    }
    .banner-socila-link ul li+li {
        margin-left: 14px;
    }
    .banner-socila-link ul li a {
        font-size: 20px;
        width: 50px;
        height: 50px;
    }
    .meet-the-comedian-image-content {
        width: 100%;
    }
    .follow-topher-image {
        width: calc(100% / 2 - 3px);
    }
    .ctm-mt-40 {
        margin-top: 30px;
    }
    .bio-banner-sec .banner-heading-content {
        margin-left: 0;
        text-align: center;
    }
    .bio-banner-sec .stand-up-content p {
        line-height: normal;
    }
    .bio-meet-the-comedian-sec-bg .meet-the-comedian-right-content {
        padding: 0;
        margin-top: 30px;
    }
    .bio-meet-the-comedian-sec-bg .meet-the-comedian-right-content {
        padding-bottom: 20px;
    }
    .my-goal-simple-content p {
        margin-top: 14px;
    }
    .where-you-seen-me-sec-img,
    .where-you-seen-me-sec-content {
        width: 100%;
    }
    .where-you-seen-me-sec-content {
        padding: 20px;
    }
    .inner-wanna-catch-me-live {
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .gallary-contact-btn ul {
        gap: 20px;
        justify-content: center;
    }
    .need-laugh-your-event-sec-bg .meet-the-comedian-right-content {
        height: auto;
        padding: 50px;
    }
    .need-laugh-your-event-sec-bg {
        padding: 50px 0;
    }
    .inner-meet-the-comedian-sec,
    .inner-meet-the-comedian-sec-parent {
        flex-direction: column-reverse;
    }
    .need-laugh-your-event-sec-bg .meet-the-comedian-image-content img {
        height: auto;
    }
}

@media (max-width:639px) {
    h1,
    .bio-banner-heading {
        font-size: 34px;
    }
    .event-row {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 0;
        padding-right: 0;
    }
    .event-row span {
        font-size: 16px;
    }
    .footer-menu ul li+li {
        margin-left: 5px;
        padding-left: 5px;
    }
    .logo-image-left img {
        max-width: 150px;
    }
    .banner-image>img,
    .bio-banner-sec.banner-image>img {
        height: 350px;
        object-position: 85% 98%;
    }
    .event-list {
        margin-top: 20px;
    }
    h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .need-laugh-your-event-sec-bg .meet-the-comedian-right-content {
        height: auto;
        padding: 30px 20px;
    }
    .follow-topher-image-sec {
        margin-top: 30px;
    }
}

@media (max-width:575px) {
    .toperro-two-person-left {
        width: 100%;
    }
}


/* ================== Media Css End Here ================== */