﻿
h2.bolder {
    font-size: xx-large !important;
}

.image-sliderfade.imagebtn-container {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}

.detect-location {
    cursor: pointer;
    pointer-events: all;
    position: relative;
    float: right;
    color: #000;
    margin-top: -25px;
    padding-right: 10px;
    font-size: smaller;
}

.featured-event {
    height: 400px !important;
}

.rstFtrGalleryBox {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
}

.bannerButton {
}

p.row.no-margn-bottom {
    color: black;
    font-size: 18px;
}

.rstFtrGalleryBox img {
    border-radius: 10px;
    object-fit: cover;
    min-height: 52px;
}

@media screen and (max-width: 480px) {
    .card {
        margin-top: 0px !important;
    }
}



/*css by kushagra*/

@media only screen and (min-width:1024px) and (max-width:1230px) {
    .banner-caption {
        bottom: -200px;
    }
}

@media only screen and (min-width:1001px) and (max-width:1024px) {
    .banner-caption {
        bottom: -188px;
    }
}
@media only screen and (min-width:1001px) and (max-width:1024px) and (min-height:1450px) {
    .banner-caption {
        bottom: -188px;
    }

    html {
        width: 110%;
    }
}

@media only screen and (min-width:770px) and (max-width:1000px) {
    .banner-caption {
        bottom: -110px;
    }

    .heading {
        font-size: 35px;
    }

    .card {
        margin-top: 12px;
        padding: 5px;
    }
}

@media only screen and (min-width:770px) and (max-width:849px) {
    .banner-caption {
        bottom: -75px;
    }
}

@media only screen and (min-width:1000px) and (max-width:1100px) and (max-height:1000px) {
    html {
        width: 108%
    }
}

@media only screen and (max-width:769px) and (min-height:1000px) {
    .banner-caption {
        float: none;
    }

    html {
        width: 110%
    }
}

@media only screen and (min-width:1000px) and (min-height:1500px) {
    html {
        width: 110%
    }
}



@media screen and (max-width:769px) {
    .banner-caption {
        position: relative;
        overflow: initial;
    }

    .evntCardBtm {
        float: none;
    }

    .iframe-video {
        width: 100%;
        height: 250px;
    }

    .eventCardWrap .eventInfo .evntCardBtm p .subhead {
        width: fit-content;
    }

    .add-favo {
        padding-left: 10px;
    }

    .image-sliderfade {
        height: auto;
    }

        .image-sliderfade img {
            height: auto;
        }

    .banner {
        height: auto;
    }

    .background-slider-container {
        position: relative;
    }

    .card {
        width: 100%;
        max-width: 100%;
        background: none;
    }

 
    .heading {
        color: #333;
    }

    .caption-banner {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin: 0;
        color: #333;
        left: 0;
    }

    section.section.funSection {
        margin-top: 0px;
    }


    .why {
        float: left;
        margin-top: 15px;
    }

    span.get-event-date-section button.get-event-date {
        width: 23%;
    }

        span.get-event-date-section button.get-event-date:nth-child(2) {
            width: 20%;
        }

        span.get-event-date-section button.get-event-date:nth-child(3) {
            width: 22%;
        }

        span.get-event-date-section button.get-event-date:nth-child(4) {
            width: 32%;
        }

    .pull-right.mor-eve-container {
        width: 100%;
        margin: 10px 0;
    }

    button.get-event-date.mor-eve-cat {
        margin-left: calc(50% - 105px);
        width: 210px;
        max-width: 210px;
    }

    span.paragraph {
        font-size: 15px;
        text-align: center;
        margin-top: -15px;
        color: #33;
    }

    section#TopEventOrganizer {
        clear: both;
    }

    .category-page h3.text-red {
        font-size: 22px;
    }

    section#rst-featured h1.page-header.margin-top-none.text-center.text-red, section.section.funSection.EventSection h2.text-center.text-red {
        font-size: 22px;
    }

    .event-org-user {
        width: 150px;
        height: 150px;
        float: none;
        margin: 0 auto;
    }

    .event-org-details {
        margin-top: 10px;
        width: 100%;
    }

        .event-org-details h3.eve-user {
            margin: 0;
        }

    .share-container {
        position: relative;
        margin-top: 5px;
    }

    .influncer-profile {
        width: 100px;
        height: 100px;
    }

    .influencer-profile img {
        max-height: 100px;
        max-width: 100px;
        height: auto;
        width: auto;
    }

    .influncer-profile-detail {
        width: calc(100% - 100px);
    }

    .influncer-left h3, .influncer-package-container h2 {
        font-weight: 500;
        font-size: 20px;
    }

    .influncer-left p {
        font-size: 14px;
    }

    .influncer-right {
        width: 100%;
    }

    h2.abt-user-name {
        font-size: 22px;
    }

    p.abt-user-content + .image-slides {
        height: auto;
    }

    .event-social {
        clear: both;
        margin-top: 10px;
    }
}
@media only screen and (min-width:1600px) {
    .banner-caption {
        top: 160px
    }
}
@media only screen and (min-width:2200px){
    .banner-caption{
        top:440px
    }
}