@media screen and (min-width: 0px){
  body{
    font-family: Times New Roman;
  }
  a{
    text-decoration: none;
    color: white;
  }
  a:hover{
    color: wheat;
  }
  /* ##################################### Bootstrap Overrides ##################### */
  .navbar-dark .navbar-nav .nav-link{
    color: white;
  }
  .navbar-dark .navbar-nav .nav-link:hover{
    color: #da8a26;
    font-style: italic;
  }

  /* ################################## General Page setup ############################ */
  .page {
    display: flex;
    position: relative;
    height: 100vh;
    justify-content: center;
    background-color: black;
    margin: 0;
    color: white;
    overflow-x: hidden;
    align-items: center;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
  }
  .u_page{
    align-items: flex-start;
    height: auto;
    /* padding: 9vh 0 0 0; */
  }
  .extra_dark_back{
    background-blend-mode: hard-light;
  }
  .u_content{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15vh 0 5vh 0;
    /* background: #00000087;; */
    width: 97vw;
    padding: 2vh 0vw;
    min-height: 80vh;
    text-align: -webkit-center;;
  }
  .red_content{
    color: #fbdcdc;
  }
  .yellow_content{
    color: #fcf6dd;
  }
  .eventsu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }
  .eventsu a{
    text-decoration: none;
    color: wheat;
    margin: 1.5vw;
  }
  .eventsu_mem{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }
  .eventsu_mem a{
    text-decoration: none;
    color: wheat;
  }
  .member_zigzag{
    margin: 1.5vw 15vw 1.5vw 1.5vw;
  }
  .member_zigzag_r{
    margin: 1.5vw 1.5vw 1.5vw 15vw;
  }
  /* ##################################### Nav Bar ################################### */
  .logou{
    position: fixed;
    height: 3.5rem;
    top: 0;
    left: 0;
  }
  .fixed-top{
    left: 2rem;
  }
  /* ########################################### home Page ################################### */
  .home_1stpage{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #0000007a;
    padding: 4rem 2vw 2vw 2vw;
    text-align: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    color: #fffed6;
  }
  .home_1stpage img{
    box-shadow: 0.3vw 0.3vw 1vw 0.1vw #ffffff;;
  }
  .home_content{
    display: flex;
    flex-direction: column;
    padding: 12vh 4vw 6vh;
    height: 100vh;
    width: 100%;
    text-align: justify;
    justify-content: flex-start;
  }
  .home_content a{
    border: 0.3vh solid #ffff00ad;
    width: fit-content;
    padding: 0.5vh 1vw;
    background: #0082948a;
    box-shadow: 0.1vw 0.1vw 1vw 0.1vw #9c9c9cfc;
    border-radius: 1vh;
  }
  .home_content a:hover{
    background: #008294ff;
  }
  .home_puja{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    /* text-align: left;  */
    height: 100vh;
    padding: 12vh 4vw 0;
  }
  .home_puja_content{
    display: flex;
    position: absolute;
    bottom: 5vh;
    width: 90vw;
    height: 50vh;
    justify-content: space-between;
  }
  .home_puja_box {
    width: 15vw;
    height: 15vw;
    border-radius: 1vw;
    margin: 15vh 2vw 2vw 2vw;
    box-shadow: 0.2vw 0.2vw 2vw 0.3vw #ffffff80;
    background-size: cover;
    background-position: center;
  }
  .home_puja_box_r{
    margin: 2vw 2vw 15vh 2vw;
  }
  .home_puja_box:hover{
    border: 0.2vw solid #bdffab80;
    box-shadow: 0.2vw 0.2vw 2vw 0.35vw #bdffab80;
  }
  .home_event_content{
    display: flex;
    flex-direction: column;
    height: 80vh;
    width: 90vw;
    justify-content: space-evenly;
  }
  .h_e_box{
    display: flex;
    margin: 1vh 0;
    /* width: fit-content; */
    margin: 0 15vw 0 0;
    background: #c5e1a53b;
    box-shadow: 0.2vw 0.2vw 1vw 0.1vw black;
  }
  .h_e_box_r{
    flex-direction: row-reverse;
    background: #fdd8354a;
    margin: 0 0 0 15vw;
  }
  .h_e_box:hover{
    box-shadow: 0.2vw 0.2vw 1vw 0.1vw white;
  }
  .h_e_img{
    /* height: 10vh; */
    width: 30vw;
    background-size: contain;
    background-position: center;
  }
  .h_e_details{
    display: flex;
    width: 45vw;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .home_contact a{
    border: none;
    background: none;
    margin: 0 1vw;
  }
  .connected_with_us{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  .connected_with_us a{
    padding: 1vw;
  }
  .connected_with_us a img {
    height: 4vh;
  }
  /* ##################################### Home page additional ################################# */
  .h_pageadd{
    height:fit-content;
  }
  .h_pageadd img{
    width: 100%;
  }

  /* ######################################## All Events General ############################### */
  .event_boxu{
    display: flex;
    flex-direction: row;
    /* width: 80vw; */
    height: fit-content;
    justify-content: space-between;
    margin: 2%;
    background: #00000000;;
    box-shadow: 3px 3px 8px 1px #ff7043;
    border: 1vw solid #ffab9169;
  }
  .fine{
    box-shadow: 3px 3px 8px 1px #43dfff;
    border: 0.01vw solid #91ff9f;
  }
  .reverse{
    flex-direction: row-reverse;
    box-shadow: 3px 3px 8px 1px #c0ca33;
    border: 1vw solid #d4e15769;
  }
  .event_detailsu{
    display: flex;
    padding: 1vw;
    flex-direction: column;
    align-items: center;
    width: inherit;
    background: #dadada2e;
  }
  .event_detailsu h3, h5, p{
    padding: 0.2vw;
    margin: 0;
  }
  .event_detailsu p{
    text-align: justify;
  }
  .event_Signatureu img{
    width: 42vw;
    aspect-ratio: 1.5;
    border: 0.4vw solid white;
    border-color: #9c9c9259 #cfcfcb73 #ffffff6b #b1b1b15e;
  }
  .blak_shade{
    background: #00000091;
  }
  .blak_shade p{
    text-align: justify;
    margin:0 2vw;
  }
  .event_detailsu form input{
    background-color: #10101026;
    color: #9da8ff;
  }
  .event_detailsu form input:hover{
    background-color: #ffffff54;
    color: #00cfbc;
  }
  /* ################################################# Puja ####################################### */
  .puja_boxu{
    display: flex;
    flex-direction:column;
    background: #6a6a6a4f;
    padding: 2vw;
    border-radius: 0.5vw;
    box-shadow: 0vw 0vw 1vw 0.5vw #aaf2a58f;
    align-items: center;
    /* min-height: 65vh; */
    text-align: center;
  }
  .puja img{
    width: 25vw;
    border: 0.35vw solid white;
    border-color: #9c9c9259 #cfcfcb73 #ffffff6b #b1b1b15e;
    aspect-ratio: auto;
    /* max-height: 30vh; */
  }
  .red_puja_boxu{
    box-shadow: 0vw 0vw 1vw 0.5vw #f2a5a58f;
    color: #ffc4c4;
  }
  .yellow_puja_boxu{
    box-shadow: 0vw 0vw 1vw 0.5vw #f2eca58f;
    color: #fff7c0;
  }
  .white_puja_boxu{
    box-shadow: 0vw 0vw 1vw 0.5vw #ffffff9c;
    color: #fefefe;
  }
  /* ################################################ All Event Details General #################### */
  .all_images{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .land img{
    width: 42vh;
    aspect-ratio: 1.5;
  }
  .port img{
    width: 28vh;
    aspect-ratio: 0.6667;
  }
  .img_boxu{
    position: relative;
    margin: 1vw 2vw 2vw;
    /* background: black; */
    /* border-radius: 1.4vw; */
    width: auto;
    box-shadow: 3px 3px 8px 1px #fff9c4;
      border: 0.15vw solid #e6ee9c;
  }
  /* ############################################ About Us ####################################### */
  .about_us{
    width: 100%;
    padding: 0 4vw;
  }
  .about_us img{
    padding: 1vw;
  }
  .about_us_img{
    width: 70vw;
  }
  .about_us_inline img{
    width: 40vw
  }
  .about_us h5, h2{
    text-align: initial;
    color: #6afccb;
  }
  .about_us p{
    color: wheat;
  }
  .about_us_inline{
    display: flex;
    width: 90vw;
    justify-content: space-evenly;
  }
  /* ################################################ Member ####################################### */
  .year_list {
    padding: 0.5vh 1vw;
    margin: 1vw;
    background: #027c7c66;;
    border-radius: 1vw;
    color: wheat;
  }
  .year{
    color: #ab6f00;
  }
  .year_button{
    border: 0.3vh solid #ffff00ad;
  }
  .mem_dp{
    display: flex;
    flex-wrap: wrap;
    padding: 2vw;
    width: 90vw;
    justify-content: space-around;
    align-items: center;
  }
  .memver_card{
    display: flex;
    width: 20vw;
    height: fit-content;
    padding: 1vw;
    margin: 1vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #ffffff61;
    color: #ffe934;
    border-radius: 1vw
  }
  .memver_card img{
    width: 10vw;
    height: 10vw;
    border-radius: 10vw;
  }
  .memver_card h5{
    color: #9eff9e;
  }
  /* ############################################## Souvenir #################################### */
  .souvenir_back img{
    width: 20vw;
    /* height: 40vh; */
    aspect-ratio: unset;
  }
  .souvenir_boxu{
    width: max-content;
    box-shadow: 3px 3px 8px 1px #43fff6;
    border: 0.1vw solid #91ffcb;
  }
  embed{
    width: 99vw;
    height: 90vh;
  }
  .souvenir_content{
    margin: 9.4vh 0 0 0;
  }
  .souvenir_back img{
    /* width: 67.5vw; */
    border: unset;
  }
  /* ################################################ Announcement ################################# */
  .announce_detailsu{
    width: unset;
  }
  /* ################################################# Members #################################### */
  .member_boxu{
    display: flex;
    width: 70vw;
    height: max-content;
    padding: 1vh 0 0 0;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #644a498f;
    border-radius: 1vw;
    margin: unset;
    box-shadow: 3px 3px 8px 1px #ffe0b2;
    border: 0.1vw solid #ffab91b0;
  }

  /* ************************************* Channel **************************** */
  .video_box{
    display: flex;
    flex-direction: row;
    width: 95%;
    height: fit-content;
    justify-content: space-between;
    margin: 2vw;
    box-shadow: 5px 5px 15px 5px green;
    border: 0.15vw solid #00ffcda6;
  }
  .reverse{
    flex-direction: row-reverse
  }
  .video_details{
    display: flex;
    display: flex;
    padding: 1vw;
    flex-direction: column;
    align-items: center;
    width: inherit;
  }
  .video_details h3, h5, p{
    padding: 0.2vw;
    margin: 0;
  }
  .video{
    display: flex;
  }
  /* ############################################# Unismize ################################### */
  .unismize{
    padding: 2vh;
    display:flex;
    align-items: center;
    flex-direction: column;
    background: #000000;
    color: white;
  }
  .unismize a{
    font-family: monospace;
    text-decoration: none;
    font-size: large;
    font-weight: bold;
  }
  .unismize img{
    height: 4vw;
  }


}

@media screen and (max-width: 1200px) {
  .fixed-top {
    position: static;
  }
  .page{
    min-height: 100vh;
    height: fit-content;
  }
  .logou {
    height: 3.5rem;
    position: fixed;
    z-index: 2;
  }
  .fixed-top {
    left: 2rem;
  }
  .home_content{
    height: fit-content;
    min-height: 100vh;
  }
  .home_puja{
    height: fit-content;
    min-height: 100vh;
  }
  .P_off{
    display: none;
  }
  .u_content{
    margin: 0.5rem 0 2vh 0;
    width: 95vw;
  }
}

@media screen and (max-width: 600px) {

  /* .navbar-dark .navbar-toggler-icon {
    width: 7.5em;
    height: 7.5em;
  } */
  .fixed-top {
    position: sticky;
  }
  .home_1stpage{
    justify-content: center;
    min-height: 100vh;
  }

  /* .logou {
    height: 3.5rem;
  } */
  .home_content, .home_puja{
    padding: 7vh 4vw 0;
    align-items: center;
  }
  .home_content a {
    border: 0.3vw solid #ffff00ad;
  }
  .home_puja_content{
    flex-direction: column;
    height: 85vh;
    bottom: 2vh;
  }
  .home_puja_box, .home_puja_box_r{
    margin: 4vw;
    width: unset;
    height: 17vh;
  }
  .home_event_content {
    height: 90vh;
  }
  .h_e_box, .h_e_box_r{
    margin: unset;
  }
  .h_e_details{
    width: -webkit-fill-available;
    text-align: center;
  }
  .h_e_img {
    height: 10vh;
    width: 62vw;
    background-size: cover;
    background-position: center;
  }
  .about_us h5, h2{
    text-align: center;
  }
  .about_us_img {
    width: 85vw;

  }
  .about_us img{
    padding: 1vh;
  }
  .memver_card{
    width: 38vw;
    padding: 1vh;
    margin: 1vh;
  }
  .memver_card img {
    width: 25vw;
    height: 25vw;
    border-radius: 20vw;
  }
  .member_boxu{

  }
  .member_zigzag, .member_zigzag_r{
    margin: 0;
  }
  .event_boxu{
    flex-direction: column;
    width: 85vw;
    margin: 4vh 0;
  }
  .event_detailsu{
    width: -webkit-fill-available;
  }
  .event_Signatureu img {
    width: -webkit-fill-available;
    border: 1vw solid white;
    border-color: #9c9c9259 #cfcfcb73 #ffffff6b #b1b1b15e;
  }
  .eventsu a{
    margin: 4vw;
  }
  .puja img{
    width: 80vw;
  }
  .port img, .land img{
    width: 85vw;
  }
  .img_boxu{
    margin: 4vw;
  }
  .blak_shade p {
    margin: 0 4vw;
  }
  .souvenir_boxu{
    width: 70vw;
  }
  .souvenir_back img{
    width: 67.5vw;
    border: unset;
  }
  .souvenir_content {
    margin: 3.5rem 0 0 0;
  }
  .video_box {
    flex-direction: column;
  }
  .unismize img {
    height: 5vh;
  }

}