.m-0 {
            margin: 0 !important;
        }
        
        .m-1 {
            margin: 0.25rem !important;
        }
        
        .m-2 {
            margin: 0.5rem !important;
        }
        
        .m-3 {
            margin: 1rem !important;
        }
        
        .m-4 {
            margin: 1.5rem !important;
        }
        
        .m-5 {
            margin: 3rem !important;
        }
        
        .mt-0 {
            margin-top: 0 !important;
        }
        
        .mr-0 {
            margin-right: 0 !important;
        }
        
        .mb-0 {
            margin-bottom: 0 !important;
        }
        
        .ml-0 {
            margin-left: 0 !important;
        }
        
        .mx-0 {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        
        .my-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
        
        .mt-1 {
            margin-top: 0.25rem !important;
        }
        
        .mr-1 {
            margin-right: 0.25rem !important;
        }
        
        .mb-1 {
            margin-bottom: 0.25rem !important;
        }
        
        .ml-1 {
            margin-left: 0.25rem !important;
        }
        
        .mx-1 {
            margin-left: 0.25rem !important;
            margin-right: 0.25rem !important;
        }
        
        .my-1 {
            margin-top: 0.25rem !important;
            margin-bottom: 0.25rem !important;
        }
        
        .mt-2 {
            margin-top: 0.5rem !important;
        }
        
        .mr-2 {
            margin-right: 0.5rem !important;
        }
        
        .mb-2 {
            margin-bottom: 0.5rem !important;
        }
        
        .ml-2 {
            margin-left: 0.5rem !important;
        }
        
        .mx-2 {
            margin-right: 0.5rem !important;
            margin-left: 0.5rem !important;
        }
        
        .my-2 {
            margin-top: 0.5rem !important;
            margin-bottom: 0.5rem !important;
        }
        
        .mt-3 {
            margin-top: 1rem !important;
        }
        
        .mr-3 {
            margin-right: 1rem !important;
        }
        
        .mb-3 {
            margin-bottom: 1rem !important;
        }
        
        .ml-3 {
            margin-left: 1rem !important;
        }
        
        .mx-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important;
        }
        
        .my-3 {
            margin-bottom: 1rem !important;
            margin-top: 1rem !important;
        }
        
        .mt-4 {
            margin-top: 1.5rem !important;
        }
        
        .mr-4 {
            margin-right: 1.5rem !important;
        }
        
        .mb-4 {
            margin-bottom: 1.5rem !important;
        }
        
        .ml-4 {
            margin-left: 1.5rem !important;
        }
        
        .mx-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important;
        }
        
        .my-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }
        
        .mt-5 {
            margin-top: 3rem !important;
        }
        
        .mr-5 {
            margin-right: 3rem !important;
        }
        
        .mb-5 {
            margin-bottom: 3rem !important;
        }
        
        .ml-5 {
            margin-left: 3rem !important;
        }
        
        .mx-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important;
        }
        
        .my-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important;
        }
        
        .mt-auto {
            margin-top: auto !important;
        }
        
        .mr-auto {
            margin-right: auto !important;
        }
        
        .mb-auto {
            margin-bottom: auto !important;
        }
        
        .ml-auto {
            margin-left: auto !important;
        }
        
        .mx-auto {
            margin-right: auto !important;
            margin-left: auto !important;
        }
        
        .my-auto {
            margin-bottom: auto !important;
            margin-top: auto !important;
        }
        
        .p-0 {
            padding: 0 !important;
        }
        
        .p-1 {
            padding: 0.25rem !important;
        }
        
        .p-2 {
            padding: 0.5rem !important;
        }
        
        .p-3 {
            padding: 1rem !important;
        }
        
        .p-4 {
            padding: 1.5rem !important;
        }
        
        .p-5 {
            padding: 3rem !important;
        }
        
        .pt-0 {
            padding-top: 0 !important;
        }
        
        .pr-0 {
            padding-right: 0 !important;
        }
        
        .pb-0 {
            padding-bottom: 0 !important;
        }
        
        .pl-0 {
            padding-left: 0 !important;
        }
        
        .px-0 {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        
        .py-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        
        .pt-1 {
            padding-top: 0.25rem !important;
        }
        
        .pr-1 {
            padding-right: 0.25rem !important;
        }
        
        .pb-1 {
            padding-bottom: 0.25rem !important;
        }
        
        .pl-1 {
            padding-left: 0.25rem !important;
        }
        
        .px-1 {
            padding-left: 0.25rem !important;
            padding-right: 0.25rem !important;
        }
        
        .py-1 {
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
        }
        
        .pt-2 {
            padding-top: 0.5rem !important;
        }
        
        .pr-2 {
            padding-right: 0.5rem !important;
        }
        
        .pb-2 {
            padding-bottom: 0.5rem !important;
        }
        
        .pl-2 {
            padding-left: 0.5rem !important;
        }
        
        .px-2 {
            padding-right: 0.5rem !important;
            padding-left: 0.5rem !important;
        }
        
        .py-2 {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
        }
        
        .pt-3 {
            padding-top: 1rem !important;
        }
        
        .pr-3 {
            padding-right: 1rem !important;
        }
        
        .pb-3 {
            padding-bottom: 1rem !important;
        }
        
        .pl-3 {
            padding-left: 1rem !important;
        }
        
        .py-3 {
            padding-bottom: 1rem !important;
            padding-top: 1rem !important;
        }
        
        .px-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }
        
        .pt-4 {
            padding-top: 1.5rem !important;
        }
        
        .pr-4 {
            padding-right: 1.5rem !important;
        }
        
        .pb-4 {
            padding-bottom: 1.5rem !important;
        }
        
        .pl-4 {
            padding-left: 1.5rem !important;
        }
        
        .px-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important;
        }
        
        .py-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important;
        }
        
        .pt-5 {
            padding-top: 3rem !important;
        }
        
        .pr-5 {
            padding-right: 3rem !important;
        }
        
        .pb-5 {
            padding-bottom: 3rem !important;
        }
        
        .pl-5 {
            padding-left: 3rem !important;
        }
        
        .px-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important;
        }
        
        .py-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important;
        }
        
        .multi-item-carousel .carousel-inner>.item {
            transition: 500ms ease-in-out left;
        }
        
        .multi-item-carousel .carousel-inner .active.left {
            left: -33%;
        }
        
        .multi-item-carousel .carousel-inner .active.right {
            left: 33%;
        }
        
        .multi-item-carousel .carousel-inner .next {
            left: 33%;
        }
        
        .multi-item-carousel .carousel-inner .prev {
            left: -33%;
        }
        
        p {
            margin-bottom: 20px;
            font-size: 14px !important;
        }
        
        @media all and (transform-3d),
        (-webkit-transform-3d) {
            .multi-item-carousel .carousel-inner>.item {
                transition: 500ms ease-in-out left;
                transition: 500ms ease-in-out all;
                -webkit-backface-visibility: visible;
                backface-visibility: visible;
                transform: none !important;
            }
        }
        
        .multi-item-carousel .carouse-control.left,
        .multi-item-carousel .carouse-control.right {
            background-image: none;
        }
        
        h1 {
            color: #ba2e32;
            font-size: 2.25em;
            text-align: left;
            margin-top: 1em;
            margin-bottom: 2em;
            /* text-shadow: 0px 2px 0px #ba2e32; */
        }
        
        .flex-column-text-center {
            display: flex;
            flex-direction: column;
            text-align: center;
        }
        
        .icon-center {
            top: 40%;
            position: absolute;
            font-size: 50px;
        }
        
        .carousel-control.left {
            background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.0001) 100%) !important;
            background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.0001) 100%) !important;
            background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.0001))) !important;
            background-image: linear-gradient( to right, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.00001) 100%) !important;
            filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
            background-repeat: repeat-x;
        }
        
        .carousel-control.right {
            right: 0;
            left: auto;
            background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.2) 100%) !important;
            background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.2) 100%) !important;
            background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.2))) !important;
            background-image: linear-gradient( to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.2) 100%) !important;
            filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
            background-repeat: repeat-x;
        }
        
        .div-center {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .img-bottom-text {
            color: inherit;
            background-color: inherit;
            border-color: #D7D7D7;
            display: block;
            position: relative;
            padding: 15px;
            border: solid;
            border-width: 0 1px 1px 1px;
            font-weight: 900;
            font-family: Georgia, "Times New Roman", Times, serif;
        }
        
        .bg-white {
            background-color: #ffffff;
        }
        
        .contact-address .address-info {
            border: 1px solid #f1f1f1;
            margin-bottom: 20px;
            padding: 0px;
        }
        
        .contact-address .address-info .address-info-icon {
            background-color: #ba2e32;
            border-right: 1px solid #f1f1f1;
        }
        
        .contact-address .address-info:hover .address-info-icon {
            background-color: #f7812e;
            border-right: 1px solid #f7812e;
        }
        
        .contact-address .address-info:hover .address-info-icon i {
            color: #fff;
        }
        
        .contact-address .address-info .address-info-icon i {
            position: relative;
            padding: 72px 0px;
            font-size: 30px;
            color: #dadada;
        }
        
        .center-block {
            display: block;
            margin-right: auto;
            margin-left: auto;
        }
        
        .address-info-desc p {
            line-height: 1.3;
        }
        
        #gotras_table td,
        th {
            padding: 10px;
        }
        /* .color-green {
  color: #1a516b;
} */
        
        .color-black {
            color: #000 !important;
        }
        
        .font-12 {
            font-size: 12px !important;
        }
        
        .laxmi-logo {
            width: 100%;
            margin: 0px 0 10px;
        }
        /* style */
        
        @keyframes slidy {
            0% {
                left: 0%;
            }
            20% {
                left: 0%;
            }
            25% {
                left: -100%;
            }
            45% {
                left: -100%;
            }
            50% {
                left: -200%;
            }
            70% {
                left: -200%;
            }
            75% {
                left: -300%;
            }
            95% {
                left: -300%;
            }
            100% {
                left: -400%;
            }
        }
        
        div#slider {
            overflow: hidden;
        }
        
        div#slider figure img {
            width: 20%;
            float: left;
        }
        
        div#slider figure {
            position: relative;
            width: 500%;
            margin: 0;
            left: 0;
            text-align: left;
            font-size: 0;
            animation: 30s slidy infinite;
        }
        
        .carousel-item {
            -webkit-transform: translateZ(0) !important;
            -moz-transform: translateZ(0) !important;
        }
        
        .mb-25 {
            margin-bottom: 25px;
        }
        
        .modal-body-arti {
            height: 400px;
            overflow-y: scroll;
        }
        
        .modal {
            position: absolute !important;
        }
        
        #myModalJayanti .modal-dialog {
            top: 20%;
            width: 80%;
        }
        
        #myModalJayanti .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalAcl .modal-dialog {
            top: 30%;
            width: 80%;
        }
        
        #myModalAcl .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalHoli .modal-dialog {
            top: 20%;
            width: 80%;
        }
        
        #myModalHoli .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalGanesh .modal-dialog {
            top: 40%;
            width: 80%;
        }
        
        #myModalGanesh .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalNavaratri .modal-dialog {
            top: 40%;
            width: 80%;
        }
        
        #myModalNavaratri .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalTeej .modal-dialog {
            top: 50%;
            width: 80%;
        }
        
        #myModalTeej .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalOther .modal-dialog {
            top: 50%;
            width: 80%;
        }
        
        #myModalOther .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalYuva .modal-dialog {
            top: 30%;
            width: 80%;
        }
        
        #myModalYuva .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalTree .modal-dialog {
            top: 30%;
            width: 80%;
        }
        
        #myModalTree .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalWater .modal-dialog {
            top: 45%;
            width: 80%;
        }
        
        #myModalWater .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalWomen .modal-dialog {
            top: 45%;
            width: 80%;
        }
        
        #myModalWomen .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalCovid .modal-dialog {
            top: 30%;
            width: 80%;
        }
        
        #myModalCovid .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalMedical .modal-dialog {
            top: 30%;
            width: 80%;
        }
        
        #myModalMedical .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalBlood .modal-dialog {
            top: 50%;
            width: 80%;
        }
        
        #myModalBlood .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalWorld .modal-dialog {
            top: 50%;
            width: 80%;
        }
        
        #myModalWorld .modal-body {
            height: 500px;
            overflow-y: scroll;
        }
        
        #myModalFirst .modal-dialog {
            top: 30%;
        }
        
        #myModalSecond .modal-dialog {
            top: 30%;
        }
        
        #myModalThird .modal-dialog {
            top: 30%;
        }
        
        #myModalForth .modal-dialog {
            top: 45%;
        }
        
        #myModalFifth .modal-dialog {
            top: 45%;
        }
        
        #myModalSixth .modal-dialog {
            top: 45%;
        }
        
        #myModal .modal-dialog {
            top: 50%;
        }
        
        #myModalImages .modal-dialog {
            top: 35%;
        }
        
        #myModalImages .modal-content {
            background-color: transparent !important;
            box-shadow: none !important;
            border: none !important;
        }
        
        .modal-dialog {
            width: 60%;
            margin: auto;
        }
        
        #myModalFirst .modal-content {
            background-color: transparent !important;
            box-shadow: none !important;
            border: none !important;
        }
        
        #myModalSecond .modal-content {
            background-color: transparent !important;
            box-shadow: none !important;
            border: none !important;
        }
        
        #myModalThird .modal-content {
            background-color: transparent !important;
            box-shadow: none !important;
            border: none !important;
        }
        
        #myModalForth .modal-content {
            background-color: transparent !important;
            box-shadow: none !important;
            border: none !important;
        }
        
        #myModalFifth .modal-content {
            background-color: transparent !important;
            box-shadow: none !important;
            border: none !important;
        }
        
        #myModalSixth .modal-content {
            background-color: transparent !important;
            box-shadow: none !important;
            border: none !important;
        }
        
        .modal-header {
            background-color: white !important;
        }
        
        .d-flex {
            display: flex;
        }
        
        .justify-content-center {
            justify-content: center;
        }
        
        .justify-content-between {
            justify-content: space-between;
        }
        
        .red-color {
            color: #ba2e32;
        }
        
        .border-img {
            box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
            border-radius: 20px;
        }
        
        .mb-40 {
            margin-bottom: 40px;
        }
        
        .disclaimer .tooltip {
            font-size: 14px !important;
            font-weight: 600 !important;
        }
        
        .shadow-none {
            box-shadow: none;
        }
        
        .border-r-none {
            border-radius: unset;
        }
        
        .border-b-none {
            border-radius: 20px 20px 0px 0px !important;
        }
        
        .imgover img {
            border-radius: 20px 20px 0px 0px !important;
        }
        
        .carousel-control {
            top: 0% !important;
            font-size: 50px !important;
            display: flex;
            justify-content: center;
        }
        
        .carousel-control i {
            background: black;
            border-radius: 100%;
            padding: 10px 20px;
            height: fit-content;
        }
        
        #myCarousel .carousel-control i {
            top: 50%;
        }
        
        .carousel-inner>.item {
            height: 50% !important;
        }
        
        .row-img {
            display: -ms-flexbox;
            /* IE10 */
            display: flex;
            -ms-flex-wrap: wrap;
            /* IE10 */
            flex-wrap: wrap;
            padding: 0 4px;
        }
        /* Create four equal columns that sits next to each other */
        
        .column {
            -ms-flex: 50%;
            /* IE10 */
            flex: 50%;
            max-width: 50%;
            padding: 0 4px;
        }
        
        .column img {
            margin-top: 8px;
            vertical-align: middle;
            width: 100%;
        }
        /* Responsive layout - makes a two column-layout instead of four columns */
        
        .column-25 {
            -ms-flex: 25%;
            /* IE10 */
            flex: 25%;
            max-width: 25%;
            padding: 0 4px;
        }
        
        .column-25 img {
            margin-top: 8px;
            vertical-align: middle;
            width: 100%;
            /* margin-bottom: 5px; */
        }
        /*tabs*/
        .nav-tabs {
    border-bottom: 1px solid #e47314;
}
        .nav-tabs > li > a {
    margin-right: 8px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background: linear-gradient(45deg, #ba2e32, #ff3415);
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #bb2f32;
    cursor: default;
    background: #fff !important;
    border: 1px solid #e47314;
    border-bottom-color: transparent;
}
        @media screen and (max-width: 800px) {
            .column {
                -ms-flex: 50%;
                flex: 50%;
                max-width: 50%;
            }
            #myModalJayanti .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
            #myModalAcl .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
            #myModalHoli .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
            #myModalGanesh .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
            #myModalNavaratri .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
            #myModalTeej .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
            #myModalOther .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
            #myModalYuva .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
            #myModalTree .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
            #myModalWater .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
            #myModalWomen .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
            #myModalCovid .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
            #myModalMedical .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
            #myModalBlood .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
            #myModalWorld .modal-body {
                height: 250px;
                overflow-y: scroll;
            }
        }
        /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
        
        @media screen and (max-width: 600px) {
            .column {
                -ms-flex: 100%;
                flex: 100%;
                max-width: 100%;
            }
        }
        
        .bg-light {
            background-color: linear-gradient(to bottom, #F4F4F4 55%, #FFFFFF 50%, #FFFFFF 100%) !important;
        }
        
        .carousel-indicators {
            bottom: 0 !important;
            margin-bottom: 0 !important;
        }
        
        .footer-add {
            font-size: 15px !important;
            align-self: flex-start;
            margin-right: 10px;
        }
        
        .color-white {
            color: white;
        }
        
        @media screen and (min-width: 2560px) {
            .hoc {
                max-width: 1440px;
            }
        }
        
        a {
            color: #ba2e32;
        }
        
        .color-red {
            color: #ba2e32;
        }
        
        @media only screen and (min-width:320px) and (max-width: 364px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 150px;
            }
            #myCarousel .carousel-control i {
                top: 40%;
            }
            .carousel-control i {
                padding: 5px 10px;
                font-size: 30px;
            }
        }
        
        @media only screen and (min-width:365px) and (max-width: 440px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 163px;
            }
            #myCarousel .carousel-control i {
                top: 40%;
            }
            .carousel-control i {
                padding: 5px 10px;
                font-size: 30px;
            }
        }
        
        @media only screen and (min-width:440px) and (max-width: 500px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 200px;
            }
            #myCarousel .carousel-control i {
                top: 40%;
            }
            .carousel-control i {
                padding: 5px 10px;
                font-size: 30px;
            }
        }
        
        @media only screen and (min-width: 500px) and (max-width: 600px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 225px;
            }
            #myCarousel .carousel-control i {
                top: 40%;
            }
            .carousel-control i {
                padding: 5px 10px;
                font-size: 30px;
            }
        }
        
        @media only screen and (min-width: 600px) and (max-width: 649px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 266px;
            }
            #myCarousel .carousel-control i {
                top: 40%;
            }
            .carousel-control i {
                padding: 5px 10px;
                font-size: 30px;
            }
        }
        
        @media only screen and (min-width: 650px) and (max-width: 750px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 300px;
            }
            #myCarousel .carousel-control i {
                top: 40%;
            }
            .carousel-control i {
                padding: 5px 10px;
                font-size: 30px;
            }
        }
        
        @media only screen and (min-width: 751px) and (max-width: 800px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 335px;
            }
        }
        
        @media only screen and (min-width: 800px) and (max-width: 900px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 355px;
            }
        }
        
        @media only screen and (min-width: 900px) and (max-width: 1025px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 400px;
            }
        }
        
        @media only screen and (min-width: 1025px) and (max-width: 1123px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 450px;
            }
        }
        
        @media only screen and (min-width: 1123px) and (max-width: 1275px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 500px;
            }
        }
        
        @media only screen and (min-width: 1350px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 600px;
            }
        }
        
        @media only screen and (min-width: 1465px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 650px;
            }
        }
        
        @media only screen and (min-width: 1580px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 700px;
            }
        }
        
        @media only screen and (min-width: 1690px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 750px;
            }
        }
        
        @media only screen and (min-width: 1800px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 800px;
            }
        }
        
        @media only screen and (min-width: 2024px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 900px;
            }
        }
        
        @media only screen and (min-width: 2250px) {
            #slider {
                max-height: 100%;
                min-height: 50%;
                height: 1000px;
            }
        }