@media screen and (min-device-width: 1441px) and (max-device-width: 1920px) {
    .sliders{
        height: 700px;
        background-size: cover !important;
    }
    .banner-image-second img{
        height: 700px;
    }
    .banner-item3 .banner-small img {
        height: 500px;
        max-width: 500px;
    }
}
@media only screen and (max-device-width: 1440px){
    .banner-image-second img{
        height: 600px;
    }
}
@media only screen and (max-device-width: 1366px) {
    .site-menus ul{
        gap: 18px;
    }
    .site-menus ul li a{
        font-size: 14px;
    }
    .all-rsvp-button{
        gap: 16px;
    }
    .left-buttn, .right-buttn{
        padding: 12px;
    }
    .common-rsvp{
        font-size: 16px;
    }
    .left-buttn h4, .right-buttn h4{
        font-size: 20px;
    }
    .site-logo img{
        height: 40px;
    }
    .right-buttn-btn{
        gap: 12px;
    }
    .common-rsvp {
        font-size: 14px;
    }
    .banner-image-second img {
        /* height: 533px; */
    }
    .banner-item1 .banner-bg-logo img{
        height: 180px;
    }
    .site-logo img {
        max-height: auto;
        width: 100%;
    }
    .banner-text h2{
        font-size: 116px;
    }
    .banner-item{
        height: 650px;
    }
    .banner-images img {
        height: 350px;
        width: auto !important;
    }
    .banner-bg-logo img {
        height: 150px;
        width: auto !important;
    }
    .donor-card{
        padding: 20px;
    }
    .donor-image img {
        width: 48px !important;
        height: 48px;
        border-radius: 50%;
    }
}
@media only screen and (max-device-width: 1200px) {
    .donot-text h6{
        font-size: 18px;
    }
}
@media only screen and (max-device-width: 1199px) {
    .donor-table-view .donor-table td, .donor-table-view .donor-table th{
        padding: 16px;
    }
    .donor-table-view .donor-table th{
        font-size: 20px;
    }
    .donor-table-view .donor-table td  {
       min-width: 200px;
    }
    .big-ticket-btn img {
        height: 120px;
        max-width: 250px;
    }
    .big-ticket-btn .circle1, .big-ticket-btn .circle2{
        top: 34%;
    }
    .left-buttn, .right-buttn{
        padding: 16px;
        width: 100%;
    }
    .all-rsvp-button{
        gap: 16px;
    }
    .common-rsvp{
        padding: 10px 16px;
        font-size: 14px;
    }
    .left-buttn h4, .right-buttn h4{
        font-size: 20px;
    }
    .right-buttn-btn{
        gap: 10px;
    }
    .site-logo img{
        height: 35px;
    }
    .sliders{
        height: 550px;
    }
    .banner-image-second img {
        height: 550px;
    }
    .banner-item2 .banner-text.second h2{
        font-size: 100px;
    }
    .banner-item3 .banner-text.third h2{
        font-size: 60px;
    }
    .banner-small img{
        width: 100%;
        height: auto !important;
    }
    .president-says img{
        height: 24px;
    }
    .president-says p::first-letter{
        font-size: 36px;
    }
    .president-says p{
        margin: 24px 0px;
    }
    .event-map iframe {
        height: 420px;
    }
    .dignitaries-section{
        padding-top: 0;
    }
    .vilunteer-header h2, .events-details h2, .sponsor-heading{
        margin-bottom: 35px;
    }
    .package-area.three, .package-area.two, .package-area.one {
        min-height: 265px;
    }
    .site-menus ul li a{
        font-size: 12px;
    }
    .site-menus ul{
        gap: 16px;
    }
    .banner-text h2 {
        font-size: 100px;
    }
    .banner-item {
        height: 570px;
    }
    .banner-images img {
        height: 300px;
        width: auto !important;
    }
    .banner-bg-logo img {
        height: 120px;
        width: auto !important;
    }
    .banner-item {
        height: 500px;
    }
    .banner-item {
        padding: 100px 0px;
    }
    .banner-text.second{
        padding-top: 0;
    }
    .banner-text .donation{
        font-size: 60px;
    }
    .dontate-button1{
        font-size: 18px;
    }
    .sponsor-buttons button{
        font-size: 18px;
    }
    .banner-small img {
        max-width: 300px !important;
    }
    .banner-image-second img{
        margin-top: 0;
    }
}
@media only screen and (max-device-width: 991px) {
    .all-cols-here{
        flex-wrap: wrap;
    }
    .donor-table-view .donor-table td{
        font-size: 14px;
        white-space: nowrap;
    }
    .donor-table-view {
        margin-top: 10px;
    }
    .donor-table-view .donor-table td span{
        font-size: 12px;
        padding: 4px 9px;
    }
    .donor-table-view .donor-table td {
        min-width: 150px;
    }
    .donot-text h6{
        height: auto;
    }
    .new-ticket-button{
        height: 120px;
    }
    .ticket-right-sider .concert-button{
        font-size: 24px;
    }
    .ticket-right-sider::before {
        top: -15px;
        left: -15px;
        width: 30px;
        height: 30px;
    }
    .ticket-right-sider::after {
        bottom: -15px;
        left: -15px;
        width: 30px;
        height: 30px;
    }
    .dotted-line2{
        bottom: -12px;
    }
    .dotted-line{
        top: -12px;
    }
    .button-with-text button{
        font-size: 16px;
    }
    .big-ticket-btn img{
        max-width: 110px;
        height: auto;
    }
    .big-ticket-btn .circle1 {
        width: 24px;
        height: 24px;
        top: 33%;
        left: -12px;
    }
    .big-ticket-btn .circle2 {
        width: 24px;
        height: 24px;
        top: 33%;
        right: -12px;
    }
    .common-rsvp {
        padding: 10px 16px;
        font-size: 14px;
    }
    .banner-image-second{
        /* display: none; */
    }
    .banner-small{
        /* display: none; */
    }
    .banner-item2 .banner-text.second h2 {
        font-size: 75px;
    }
    .banner-item2 .banner-text .banner-button{
        font-size: 20px;
        margin-top: 16px;
    }
    .sliders {
        height: 450px;
    }
    .banner-image-second img {
        height: 450px;
    }
    .banner-item3 .banner-text.third h2 {
        font-size: 40px;
    }
    .site-logo img {
        height: 40px;
    }
    .banner-item1 .banner-bg-logo img {
        height: 120px;
    }
    .president-says p{
        font-size: 14px;
        margin: 16px 0px;
    }
    .president-says img {
        height: 20px;
        margin-bottom: 8px;
    }
    .president-says h6{
        font-size: 14px;
    }
    .promo-section{
        padding: 36px 0px;
    }
    .promo-header h2{
        font-size: 48px;
        margin-bottom: 24px;
    }
    .sponsorship-section{
        padding: 36px 0px;
    }
    .sponsor-heading{
        font-size: 48px;
        margin-bottom: 24px;
    }
    .sponsor-buttons{
        gap: 12px;
        margin-bottom: 24px;
    }
    .package-area.three, .package-area.two, .package-area.one{
        min-height: auto;
    }
    .track-area.left{
        margin-bottom: 24px;
    }
    .donor-section{
        padding: 36px 0px;
    }
    .donor-heading h3{
        font-size: 48px;
    }
    .events-details{
        padding: 36px 0px;
    }
    .events-details h2{
        font-size: 48px;
    }
    .event-top{
        margin-bottom: 24px;
    }
    .event-top h4{
        font-size: 36px;
    }
    .event-map{
        padding: 20px;
    }
    .free-event{
        padding: 24px;
    }
    .event-list-head h4{
        font-size: 24px;
    }
    .event-list-head h5{
        margin-bottom: 8px;
    }
    .dignitaries-header h2{
        font-size: 48px;
    }
    .vilunteer-header h2{
        font-size: 46px;
    }
    .track-area.right{
        border: 1px solid #E6E9F5 !important;
    }
    .track-area.left .track-head {
        padding: 24px;
    }
    .president-message{
        padding: 36px 0px;
    }
    .banner-images img {
        height: 270px;
        width: auto !important;
    }
    .banner-bg-logo img {
        height: 100px;
        width: auto !important;
    }
    .banner-text h2 {
        font-size: 100px;
    }
    .banner-button{
        font-size: 18px;
    }
    
    .dignitaries-info img {
        width: 220px;
        height: 220px;
    }
    .volunteer-card{
        padding: 20px;
    }
    .volunteer-card p{
        font-size: 14px;
        margin-bottom: 0;
    }
    .volunteer-card h5{
        margin: 12px 0px;
    }
    .volunteer-card h6{
        margin-bottom: 12px;
    }
    .volunteer-section{
        padding-bottom: 36px;
    }
    .track-area.right .track-head, .track-area.left .track-head{
        padding: 20px;
    }
    .track-area .track-head h3{
        font-size: 32px;
    }
    .all-linkes ul li a{
        font-size: 14px;
    }
    .all-linkes ul li {
        margin-bottom: 12px;
    }
    .located-area p, .located-area a{
        font-size: 14px;
    }
    .media-fields{
        margin-top: 24px;
    }
    .footer-bottom{
        font-size: 14px;
    }
}
@media only screen and (max-device-width: 767px) {
    .all-ticket-button-section{
        padding: 36px 0px;
    }
    .dotted-line {
        top: -14px;
    }
    .ticket-right-sider .concert-button {
        font-size: 20px;
    }
    .new-ticket-button {
        height: 75px;
        margin-top: 24px;
    }
    .ticket-right-sider::before {
        top: -12px;
        left: -12px;
        width: 24px;
        height: 24px;
    }
    .ticket-right-sider::after {
        bottom: -12px;
        left: -12px;
        width: 24px;
        height: 24px;
    }
    .site-banner .owl-carousel .owl-dots{
        display: none;
    }
    .banner-item2 .banner-text.second h2 {
        font-size: 50px;
        -webkit-text-stroke: 2px;
    }
    .banner-item1{
        background: url(../images/banners/mobile-banner-1.png);
    }
    .banner-item2{
        background: url(../images/banners/mobile-banner-2.png);
    }
    .banner-item3{
        background: url(../images/banners/mobile-banner-3.png);
    }
    .custom-container{
        display: none;
    }
    .banner-item2 .banner-text.second img{
        max-width: 150px;
        height: auto;
    }
    .banner-item2 .banner-text.second h6{
        font-size: 20px;
    }
    .banner-item2 .banner-text .banner-button {
        font-size: 15px;
        margin-top: 8px;
    }
    .banner-images img {
        height: 160px !important;
        width: auto !important;
    }
    .president-image{
        margin-bottom: 24px;
    }
    .sponsor-heading{
        font-size: 36px;
        line-height: normal;
        margin-bottom: 16px;
    }
    .promo-header h2{
        font-size: 36px;
    }
    .sponsor-benefit{
        font-size: 16px;
        margin-bottom: 16px;
    }
    .track-area .track-head h3{
        font-size: 24px;
    }
    .donor-heading h3 {
        font-size: 36px;
        margin-bottom: 16px;
        line-height: normal;
    }
    .donor-heading{
        margin-bottom: 24px;
    }
    .events-details h2{
        font-size: 36px;
        line-height: normal;
        margin-bottom: 16px;
    }
    .event-top h5{
        font-size: 20px;
    }
    .event-top h4 {
        font-size: 24px;
    }
    .event-list-head h5{
        font-size: 20px;
    }
    .banner-item1 .banner-bg-logo img {
        height: 100px;
    }
    .sliders {
        height: 350px;
    }
    .banner-image-second img {
        height: 350px;
    }
    .banner-item3 .banner-small img{
        display: none;
    }
    .dignitaries-header h2{
        font-size: 36px;
        margin-bottom: 16px;
    }
    .dignitaries-header{
        margin-bottom: 24px;
    }
    .dignitaries-section{
        padding-bottom: 36px;
    }
    .vilunteer-header h2 {
        font-size: 34px;
        line-height: normal;
    }
    .loaction-area{
        margin-top: 24px;
    }
    footer{
        padding: 30px 0px;
    }
    .dividers{
        margin: 24px 0px;
    }
    .footer-logo img {
        height: 36px;
        margin-bottom: 24px;
    }
    .banner-bg-logo img {
        height: 80px;
        width: auto !important;
    }
    .banner-item {
        height: 400px;
    }
    .sponsor-buttons button {
        font-size: 14px;
    }
    .banner-text .donation {
        font-size: 40px;
    }
    .banner-text h2 {
        font-size: 80px;
    }
    .site-logo img {
        height: 30px;
    }
}
@media only screen and (max-device-width: 600px) {
    .sliders {
        height: 250px;
    }
    .left-buttn, .right-buttn{
        text-align: center;
    }
}
@media only screen and (max-width: 499px) {
    .qrCoder img{
        width: 120px;
    }
    .col-of-section{
        flex-wrap: wrap;
    }
    /* .qrCoder h4, .program-schudeler h4, .souvenir-col h4{
        font-size: px;
    } */
    .program-link-area{
        padding: 30px 0px;
    }
    .flip-book-area {
        padding-top: 174.25%;
    }
    .new-ticket-button .ticket-left-sider{
        width: 50%;
    }
    .ticket-right-sider{
        width: 50%;
    }
    .ticket-right-sider .concert-button {
        font-size: 16px;
    }
    /* .new-ticket-button{
        margin-top: 30px;
    } */
    .all-ticket-button-section{
        padding: 24px 0px;
    }
    .button-with-text button {
        font-size: 14px;
    }
    .big-ticket-btn img {
        max-width: 80px;
        height: 60px;
    }
    .big-ticket-btn .circle2 {
        width: 20px;
        height: 20px;
        top: 34%;
        right: -10px;
    }
    .big-ticket-btn .circle1 {
        width: 20px;
        height: 20px;
        top: 34%;
        left: -10px;
    }
    .site-logo img {
        height: 30px !important;
    }
    .left-buttn, .right-buttn{
        text-align: center;
    }
    .donor-heading.text-center br{
        display: none;
    }
    .donor-heading.text-center .common-rsvp{
        margin-top: 16px !important;
    }
}
@media screen and (max-width: 499px) {
    .all-rsvp-button{
        justify-content: center;
    }
    .right-buttn{
        text-align: center;
    }
    .right-buttn-btn{
        justify-content: center;
    }
    .site-logo img {
        height: 30px !important;
        max-height: 30px !important;
        width: auto !important;
        display: block !important;
    }
}

@media only screen and (max-device-width: 499px) {
    .sliders {
        height: 175px;
    }
    .bannerSingleImg img{
        max-height: 175px;
    }
    .banner-images img {
        height: 110px !important;
        width: auto !important;
    }
    .donor-card{
        min-height: 126px;
    }
    .president-image img{
        max-width: 50%;
        display: block;
        margin: auto;
    }
    .president-says span.pres{
        display: block;
        margin: auto;
        max-width: fit-content;
    }
    .first-inside{
        gap: 16px;
    }
    .banner-item1 .banner-bg-logo img {
        height: 64px;
    }
    .banner-item2 .banner-text.second h6{
        text-align: center;
        margin-bottom: 12px;
    }
    .banner-image-second{
        display: none;
    }
    .banner-text{
        text-align: center;
    }
    .banner-heading{
        max-width: 100%;
    }
    .promo-section, .president-message {
        padding: 24px 0px;
    }
    .promo-header h2 {
        font-size: 32px;
        margin-bottom: 16px;
    }
    .sponsorship-section {
        padding: 24px 0px;
    }
    .sponsor-heading{
        font-size: 32px;
    }
    .track-area.right .track-head, .track-area.left .track-head {
        padding: 16px;
    }
    .track-area .track-head h3 {
        font-size: 20px;
    }
    .donor-section{
        padding: 24px 0px;
    }
    .donor-section h3{
        font-size: 32px;
    }
    .donor-section p{
        font-size: 16px;
    }
    .package-area ul li{
        font-size: 16px;
        line-height: normal;
    }
    .donor-slider{
        padding: 0px 20px;
    }
    .events-details h2{
        font-size: 32px;
    }
    .event-top h5 {
        font-size: 14px;
    }
    .event-top h4 {
        font-size: 20px;
    }
    .event-text{
        padding: 16px;
    }
    .event-hotels{
        padding: 16px;
    }
    .event-list-head h5 {
        font-size: 16px;
    }
    .event-list-head h4 {
        font-size: 20px;
    }
    .event-list h5{
        font-size: 16px;
    }
    .event-list h4{
        font-size: 20px;
    }
    .ticke-event{
        padding: 20px;
    }
    .events-details{
        padding: 24px 0px;
    }
    .dignitaries-header h2{
        font-size: 32px;
        line-height: normal;
        margin-bottom: 16px;
    }
    .dignitaries-header p{
        font-size: 14px;
    }
    .dignitaries-info{
        margin-bottom: 24px;
    }
    .dignitaries-info img{
        margin-bottom: 16px;
    }
    .vilunteer-header h2{
        font-size: 32px;
        margin-bottom: 16px;
    }
    .dignitaries-info .infos h5{
        font-size: 16px;
    }
    .all-linkes{
        margin-bottom: 16px;
    }
    .loaction-area{
        margin-top: 0;
    }
    .dignitaries-section{
        padding-bottom: 0;
    }
    .site-logo img {
        height: 30px !important;
    }
    .banner-text img {
        height: 45px;
        width: auto !important;
    }
    .banner-text h2 {
        font-size: 48px;
    }
    .banner-text img{
        display: block;
        margin: auto;
    }
    .banner-text .donation{
        text-align: center;
    }
    .sponsor-buttons{
        justify-content: center !important;
    }
    .banner-heading h6{
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center;
    }
    .banner-item {
        padding: 60px 0px;
    }
    .banner-images{
        margin-bottom: 24px;
    }
    .banner-text.second{
        padding-top: 30px;
    }
    .banner-images img{
        height: 175px;
        display: block;
        margin: auto;
    }
    .banner-bg-logo img{
        display: block;
        margin: auto;
    }
}

/* Add support for iOS Safari */
@media only screen and (max-width: 499px){
    .site-logo img {
        height: 30px !important;
        max-height: 30px !important;
        width: auto !important;
        display: block !important;
    }
}
/* Add support for iOS Safari */
@media only screen and (max-width: 399px) {
    .site-logo img {
        height: 30px !important;
        max-height: 30px !important;
        width: auto !important;
        display: block !important;
    }
}