@media (min-width:0px) and (max-width:576px) {
    :root {
        --primary-color: #F78F1E;
        --secondary-color: #FCC975;
        --layout-color: #F2F2F2;
        --dark-color: #414141;
        --white-color: #fff;
        --font-size-h1: 64px;
        --font-size-h2: 48px;
        --font-size-h3: 36px;
        --font-size-paragraph: 14px;
        --font-size-link: 15px;
    }

    body {
        font-size: var(--font-size-paragraph);
        line-height: 24px;
    }

    section,
    header {
        padding: 0 12px;
    }



    h2 {
        font-size: calc(var(--font-size-h2) - 24px) !important;
    }

    h4 {
        font-size: calc(var(--font-size-h2) - 26px) !important;
    }

    p {
        font-size: calc(var(--font-size-paragraph)) !important;
    }

    a {
        font-size: var(--font-size-link) !important;
    }

    a:hover {
        color: currentColor;
    }

    .pb-lg {
        padding-bottom: 40px;
    }

    .pt-lg {
        padding-top: 40px;
    }

    img[alt="design-heading"] {
        width: 209px;
        vertical-align: top;
    }



    .navbar-brand {
        width: 220px !important;
        display: block;
        padding: 0;
    }

    .menu {
        background: var(--primary-color) !important;
        padding: 20px 12px;
        overflow-y: scroll;
    }

    .menu .navbar-nav .nav-item:first-child a>i {
        font-size: 25px;
    }

    .homeslider {
        min-height: 400px;
    }

    .slick-prev:before,
    .slick-next:before {
        visibility: visible;
        height: 30px;
        width: 30px;
        background: none;
        box-shadow: none;
    }

    .slick-prev {
        left: 12px;
    }

    .slick-next {
        right: 20px;
    }

    .category-card:hover {
        transform: scale(1);
    }

    .homeslider img {
        aspect-ratio: 1/1.2;
    }

    .homeslider~img {
        width: 40px;
    }

    .dropmenu-link>.nav-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .dropmenu-link>.nav-link.show:after {
        content: "\F2EA";
    }

    .dropmenu-link>.nav-link:after {
        content: "\F4FE";
        display: inline-block;
        height: 40px;
        width: 40px;
        font-family: bootstrap-icons !important;
        text-align: center;
        line-height: 40px;

    }

    .dropmenu-link {
        border-bottom: 1px solid #fff;
    }


    header .menu .nav-link {
        padding: 16px 0px !important;
    }

    .dropmenu {
        width: 100%;
        height: 0;
        padding: 0px 10px;
        transform: translateY(-10px);
        overflow: hidden;

    }

    .dropmenu.show {
        opacity: 1;
        transition: .3s;
        visibility: visible;
        height: auto;
        transform: translateY(0px);
        overflow: visible;

    }

    .category .container-fluid h2+img {
        width: 125px;
        top: 27px !important;
    }

    .categoryslide {
        padding: 16px 0px;
    }

    .centerflower {
        display: none;
    }

    .fighterslider {
        padding-top: 10px;
    }

    .fighter-content {
        padding-right: 12px;
        margin-top: 16px;

    }

    img.img-fluid.flower {
        max-width: 133px;
        min-width: 49px;
    }

    .addition-card::after {
        display: none;
    }

    .inner-banner {
        flex-direction: column;
    }

    .breadcrumb {
        position: static;
        margin: 10px auto;
    }

    .addition-card:hover.addition-card::before {
        height: 10px;
    }

    .fighterslider img {

        border-radius: 2%;
        width: 100%;
        height: 200px !important;
    }

    .fighterslider .slick-dots {
        position: static;
    }

    .fighterslider .slick-dots li button:before {
        font-size: 24px;
    }

    .fighterslider .slick-dots li {
        margin: 0 -4px;
    }

    .fighterslider .slick-prev,
    .fighterslider .slick-next {
        top: 100px;
    }

    .footer-bootmbg {
        padding-left: 12px;
        padding-right: 12px;
    }

    .footer-heading {

        font-size: calc(var(--font-size-h3) - 9px);
        border-bottom-width: 4px;
        border-bottom-style: solid;
        margin-bottom: 18px;
        padding-top: 20px;
    }

    .gallary {
        gap: 6px;
    }

    .gallary a {
        width: 49%;
    }

    .forest-wrapper-header {
        height: 245px;
    }

    .mobile-tample .tapmle-card img {
        aspect-ratio: 2/2;
    }

    .ngo-card .ngo-title {
        font-size: calc(var(--font-size-h2) - 32px) !important;
    }

    .feature-city-image {
        display: none;
    }

    .feature-city-content {
        min-height: 320px;
    }

    .eventdetails-baner {
        max-width: 95%;
        top: -85px;
    }

    .eventdetails-baner .container-fluid>h4 {
        width: auto !important;
    }

    .eventdetails-baner .container-fluid>.row>.col-lg-8 {
        order: 2;
    }

    .footer-link .bi-facebook {
        background: #1877F2;
        color: #fff !important;
    }

    .footer-link .bi-instagram {
        background: linear-gradient(to right,
                #833ab4, #fd1d1d, #fcb045);
        color: #fff !important;
    }

    .footer-link .bi-twitter-x {
        background: #000;
        color: #fff !important;
    }

    .Actors .card .card-title,
    .Notable-Person .card .card-title {
        height: max-content;
    }

    .Social-Workers .card .card-body .card-title {
        font-weight: 500;
        font-size: 16px;
    }

    .Social-Workers .card {
        border-radius: 0.5rem !important;
    }

    .cavesinfo>.container-fluid>.row:nth-child(odd)>.col-lg-6:nth-child(1) {
        order: 1;
    }

    .figures-btn {
        font-size: calc(var(--font-size-h3) - 21px) !important;
        padding: 8px;
        font-weight: 400;
    }

    .managelist {
        column-count: 1;
    }

    .movies-banner {
        background-position: center;
    }

    .songs-category-details {
        bottom: 0;
    }
}

/* 
// Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 768px) {


    .menu {
        background: var(--primary-color) !important;
        padding: 20px 12px;
        overflow-y: scroll;
    }

    header .menu .nav-link {
        padding: 16px 0px !important;
    }

    .dropmenu-link {
        border-bottom: 1px solid #fff;
    }



    .dropmenu {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        list-style: none;
        background: #fff;

        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        transition: .3s;
        opacity: 0;
        visibility: hidden;
        cursor: pointer;
        width: 100%;
        height: 0;
        padding: 0px 10px;
        transform: translateY(-10px);
        overflow: hidden;
    }

    .dropmenu.show {
        opacity: 1;
        transition: .3s;
        visibility: visible;
        height: auto;
        transform: translateY(0px);
        overflow: visible;
    }

    .managelist {
        column-count: 2;
    }

    .eventdetails-baner {
        max-width: 95%;
        top: -85px;
    }

    .eventdetails-baner .container-fluid>h4 {
        width: auto !important;
    }

    .cavesinfo>.container-fluid>.row:nth-child(odd)>.col-lg-6:nth-child(1) {
        order: 1;
    }

    .figures-btn {
        font-size: calc(var(--font-size-h3) - 21px) !important;
        padding: 8px;
        font-weight: 400;
    }

    .grid>a {
        width: calc(50% - 20px);
    }

    .songs-category-details {
        bottom: 0;
    }
}

/* 
// Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width:992px) {
    .cavesinfo>.container-fluid>.row:nth-child(odd)>.col-lg-6:nth-child(1) {
        order: 1;
    }

    .grid>a {
        width: calc(25% - 20px);
    }

    .managelist {
        column-count: 3;
    }
}


/* 
// Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1200px) {
    :root {
        --primary-color: #F78F1E;
        --secondary-color: #FCC975;
        --layout-color: #F2F2F2;
        --dark-color: #414141;
        --white-color: #fff;
        --font-size-h1: 64px;
        --font-size-h2: 48px;
        --font-size-h3: 36px;
        --font-size-paragraph: 14px;
        --font-size-link: 13px;
    }

    header .menu .nav-link {
        text-align: center;
        padding: 24px 26px 24px 0px !important;
    }

    a {
        font-size: var(--font-size-link);
    }

    a:hover {
        color: var(--primary-color);
    }

    img.img-fluid.flower {
        width: 90px;
    }

    .menu {
        transform: translateX(0%) !important;
        visibility: visible;
        position: static !important;
        background: transparent;
        display: flex;
        width: 100%;
        max-width: 80%;
        align-items: center;
        justify-content: end;
        border: none !important;

    }

    .dropmenu {
        position: absolute;
        transform: translateX(-50%) scaleY(0);
        top: 74px;
        left: 50%;
    }

    .dropmenu-link:hover .dropmenu {

        opacity: 1;
        transition: .3s;
        visibility: visible;
        transform: translateX(-50%) scaleY(1);


    }

    .Social-Workers .row .col {
        width: 20%;
        margin-bottom: 24px;
    }

    .border-right-lg {
        border-right: 1px solid #8d8d8d;
    }

    .footer-heading {
        border-bottom-width: 4px;
        border-bottom-style: solid;
    }

    .grid>a {
        width: calc(20% - 20px);
    }

    .managelist {
        column-count: 4;
    }
}

/* 
// X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width:1920px) {

    .grid>a {
        width: calc(25% - 20px);
    }

    .col-2-5 {
        flex: 0 0 auto;
        width: 20%;
    }

    a:hover {
        color: var(--primary-color);
    }

    img.img-fluid.flower {
        width: 90px;
    }

    .menu {
        transform: translateX(0%) !important;
        visibility: visible;
        position: static !important;
        background: transparent;
        display: flex;
        width: 100%;
        max-width: 80%;
        align-items: center;
        justify-content: end;
        border: none !important;

    }

    .dropmenu {
        position: absolute;
        transform: translateX(-50%) scaleY(0);
        top: 74px;
        left: 50%;
    }

    .dropmenu-link:hover .dropmenu {

        opacity: 1;
        transition: .3s;
        visibility: visible;
        transform: translateX(-50%) scaleY(1);


    }

    .Social-Workers .row .col {
        width: 20%;
        margin-bottom: 24px;
    }

    .border-right-lg {
        border-right: 1px solid #8d8d8d;
    }

    .footer-heading {
        border-bottom-width: 4px;
        border-bottom-style: solid;
    }

}