/*    Global styles   */
html
{

    background-image:
        linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        /*url('../_images/background_1536_864.png');*/
        url('../_images/background_1600_897.png');

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    margin: 0;
    padding: 0;
    max-height: 100vh;
    overflow-x: hidden; /* Prevent horizontal scrolling */
    overflow-y: auto; /* Enable vertical scrolling */
    /*border: 2px solid blue;*/
}

main
{
  /*min-height: 712px;*/
  /*height: 100vh;*/
  /*border: 2px solid red;*/
  height: 100vh;
  overflow-y: auto; /* Enable vertical scrolling */

}

body
{
  margin: 0;
  padding: 0;
  /*border:2px solid black;*/
}




.dynamic_header
{
  background-color: transparent;
  padding-top: 30px;
  padding-bottom: 10px;
  font-family: Montserrat;
  font-size: 12px;
  font-weight:600;
  display: grid;
  grid-template-columns: 45% 55%;
  /*border: 2px solid red;*/
}

.hidden
{
  display: none;
}

.pub_nav_left{
}

.pub_nav_right{
  display: grid;
  grid-template-columns: 70% 30%;
  text-transform: uppercase;
  /*border: 2px solid black;*/
  padding: 0;
  margin: 0;
}

.public_pages{
  /*border: 2px solid pink;*/
  margin-left: 0%;
}


.public_pages ul{
  /*display:flex;*/
  display: grid;
  grid-template-columns: 15% 15% 25% 30%;
  /*grid-template-columns: 130px 110px 150px 180px ;*/
  grid-column-gap: 20px;
  list-style: none;
  margin-left: 5%;
  padding-left: 0%;
  /*border: 2px solid blue;*/
}

.public_pages ul li{
  margin-right: 0px;
  margin-left: 0px;
  /*border: 2px solid white;*/
  text-align: center;
}


.public_pages a {
  color: white;
  text-decoration: none;
  padding: 0px 0px;
  display: flex;
  justify-content: center;
}


.login_signup{
  /*display: grid;
  grid-template-columns: auto auto ;*/
  /*align-items: center;
  text-align: center;*/
  /*border: 2px solid blue;*/
  /*position: absolute;*/
  padding: 0;
  margin: 0;
}

.login_signup_container
{
  /*border: 2px solid red;*/
  /*border: 2px solid red;*/
  padding: 0;
  margin: 0;
}


.institution_info
{
  /*border: 2px solid orange;*/
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  position: relative;
}

.L_and_S
{
  /*border: 2px solid yellow;*/
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  padding: 0px 40px 0px 10px;
}

.login{
  width: 100%;
  position: relative;
}

.signup{
  width: 100%;
  position: relative;
}

.loginoptions_dropdown_btn {
  background-color: transparent;
  color: #D59B30;
  font-size: 12px;
  border: 3px solid white;
  border-radius: 3px;
  padding: 8px 10px 7px 10px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.signupoptions_dropdown_btn {
  background-color: transparent;
  color: #D59B30;
  font-size: 12px;
  border: 3px solid white;
  border-radius: 3px;
  padding: 8px 10px 7px 10px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}



input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}

.login_options {
  visibility: hidden;
  position: absolute;
  background-color: transparent;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: center;
  transform: translateY(-1em);
  transition: transform ease 0.7s;
  width: 100%;

}

.signup_options {
  visibility: hidden;
  position: absolute;
  background-color: transparent;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: center;
  transform: translateY(-1em);
  transition: transform ease 0.7s;
  width: 100%;
}



input[type="checkbox"]:checked ~ .login_options {
  visibility: visible;
  transform: translateY(0);
}

input[type="checkbox"]:checked ~ .signup_options {
  visibility: visible;
  transform: translateY(0);
}

.login_options a {
  color: white;
  padding: 10px 5px 7px 5px;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #D99E30;
}

.signup_options a {
  color: white;
  padding: 10px 5px 7px 5px;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #D99E30;
}


.login_options a:hover {
  color: #D59B30
}


.signup_options a:hover {
  color: #D59B30
}


.index_main_content
{
  width: 99%;
  /*max-height: 900px;*/
  /*background-image: linear-gradient(180deg, #4E187C , #351054);*/
  /*border: 2px solid red;*/
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.logo
{
  display:flex;
  justify-content:center;
  padding-top: 150px;
  /*border: 2px solid red;*/
}



.logo img
{
  height: 100px;
}


.logo_img path
{
  fill: #FFFFFF;
}


.logo_v
{
  display:flex;
  justify-content:center;
  /*border: 2px solid blue;*/
  /*padding-top: 150px;*/
}


.logo_v video
{
  height: 150px;
  /*border: 2px solid red;*/
  padding-bottom: 0px;
  margin-bottom: -30px;/*To reduce the gap between the video and the slogan*/
}



.slogan
{
  display: flex;
  justify-content:center;
  /*border: 2px solid red;*/
}

.slogan p{
font-size: 22px;
padding: 5px;
font-family: Montserrat;
}


.slogan p:nth-child(1){
color: white;
}

.slogan p:nth-child(2){
  color: #D99E30;
  text-transform: uppercase;
}


.slogan p:nth-child(3){
color: white;
}

.slogan p:nth-child(4){
color: white;
}


.slogan p:nth-child(5){
  color: #D99E30;
  text-transform: uppercase;
}

.website_search
{
  /*display: flex;
  justify-content:center;*/
  margin-top: 0px;

}


/*.search_border*/
/*{
  background: white;
  width: 50%;
  height: 40px;*/
  /*text-align: center;*/
  /*margin-left: 25%;*/
  /*border-radius: 20px;
  border-top: 2px solid #707070;
  align-items: center;
  display: flex;
  margin: 2px solid red;
}*/



.search_border
{
  background: white;
  width: 50%;
  height: 40px;
  /*text-align: center;*/
  /*margin-left: 25%;*/s
  border-radius: 20px;
  border-top: 2px solid #707070;
  align-items: center;
  display: flex;
  /*border: 2px solid red;*/
  margin: auto;

}



.search_border input
{
  font-size: 14px;
  width: 80%;
  align-items: center;
  height: 33px;
  border-radius: 20px;
  padding-left: 20px;
  border: white;
  outline: none;
  margin-top: 0px;
  background: white;
  /*border: 2px solid red;*/
}


.search_border input:focus
{
  background: white;
  /*border: 2px solid red;*/
}


.search_border input:active
{
  background: white;
  /*border: 2px solid red;*/
}



.search_border button
{
  margin-left: 45px;
  border-radius: 15px;
  font-size: 12px;
  text-transform: uppercase;
  background: #351054;
  color: white;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
}


/***************************************************************   Errors   *************************************************************/

.errors {
  display: inline-block;
  border: 2px solid red;
  color: red;
  padding: 0.5em;
  /*margin-bottom: 1em;*/
  font-size: 12px;
  margin-left: 14%;
  margin-top: 0px;
  margin-bottom: 10px;
}

.errors ul {
  margin-bottom: 0;
  padding-left: 1em;
}




/*************************************************************  Loggedin drop down  *******************************/
.loggedinoptions_dropdown_btn {
  background-color: transparent;
  color: #D59B30;
  font-size: 12px;
  border: 2px solid white;
  border-radius: 3px;
  padding: 8px 0px 7px 0px;
  width: 80%;
  text-align: center;
  cursor: pointer;
  margin-top: 3px;
}




.signedin_options {
  visibility: hidden;
  position: absolute;
  background-color: transparent;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: center;
  transform: translateY(-1em);
  transition: transform ease 0.7s;
  width: 80%;
  margin-left: 0px;
  margin-top: 40px;
  padding-bottom: 0px;
}




input[type="checkbox"]:checked ~ .signedin_options {
  visibility: visible;
  transform: translateY(0);
}


.signedin_options a {
  color: white;
  padding: 12px 5px 10px 5px;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #D99E30;
}



.signedin_options a:hover {
  color: #D59B30
}


.teacher_info
{
  /*border: 2px solid orange;*/
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  position: relative;
}





.loggedinoptions_dropdown_btn2 {
  background-color: transparent;
  color: #D59B30;
  font-size: 12px;
  border: 2px solid white;
  border-radius: 3px;
  padding: 8px 0px 7px 0px;
  text-align: center;
  cursor: pointer;
  margin-top: 3px;
  width: 80%;
}


.signedin_options2 {
  visibility: hidden;
  position: absolute;
  background-color: transparent;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: center;
  transform: translateY(-1em);
  transition: transform ease 0.7s;
  /*width: 185px;*/
  /*width: 11.5%;*/
  /*width:11.6vw;*/
  width: 80%;
  margin-left: 0px;
  margin-top: 40px;
  padding-bottom: 0px;
}




input[type="checkbox"]:checked ~ .signedin_options2 {
  visibility: visible;
  transform: translateY(0);
}


.signedin_options2 a {
  color: white;
  padding: 10px 5px 10px 5px;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #D99E30;
}



.signedin_options2 a:hover {
  color: #D59B30
}






/*****************************************************************************************  Responsive  ******************************************************/

@media screen and (min-width:2550px) and (max-width:3439px)
{
  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_3840_2153.png');
  }

  .dynamic_header
  {
    grid-template-columns: 40% 60%;
    font-size: 25px;
    padding-top: 75px;
  }

  .pub_nav_right
  {
    display: grid;
    grid-template-columns: 70% 30%;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    /*border: 2px solid white;*/
  }

  .loginoptions_dropdown_btn {
    font-size: 25px;
    padding: 15px 0px 15px 0px;
    display: flex;
    justify-content: center;
  }

  .signupoptions_dropdown_btn {
    font-size: 25px;
    padding: 15px 0px 15px 0px;
    display: flex;
    justify-content: center;
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 25px;
    padding: 15px 0px 15px 0px;
    width: 80%;
    display: flex;
    justify-content: center;
  }

  .loggedinoptions_dropdown_btn2
  {
    width: 80%;
    font-size: 25px;
    padding: 15px 0px 15px 0px;

  }

  .login_options a
  {
    padding-bottom: 20px;
    padding-top: 20px;
  }

  .signup_options a
  {
    padding-bottom: 20px;
    padding-top: 20px;
  }


  .signedin_options a
  {
    font-size: 25px;
    padding: 15px 0px;
    /*border: solid 2px red;*/
  }


  .signedin_options2 a
  {
    font-size: 25px;
    padding: 15px 0px;
    /*border: solid 2px red;*/
  }

  .logo
  {
    padding-top: 350px;
  }

  .logo img
  {
    height: 220px;
  }


  .logo_v video
  {
    height: 250px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -30px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p
  {
    font-size: 35px;
  }

  .search_border
  {
    width: 55%;
    height: 85px;
    border-radius: 40px;
    /*margin-left: 22.5%;*/
    /*margin: auto;*/
    /*border: solid 5px red;*/
  }

  .search_border input
  {
    font-size: 28px;
    width: 84%;
    margin-left: 7px;
  }

  .search_border button
  {
    margin-left: 50px;
    font-size: 24px;
    padding: 10px 12px 7px 12px;
    border-radius: 20px;
  }


  .index_main_content
  {
    /*border: solid 2px white;*/
  }

  .signedin_options
  {
    /*padding-bottom: 5px;*/
    padding-top: 10px;
    margin-top: 60px;
  }

  .signedin_options2
  {
    /*padding-bottom: 5px;*/
    padding-top: 10px;
    margin-top: 60px;
  }


}

@media screen and (min-width:1920px) and (max-width:2549px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_2560_1440.png');
  }

  .dynamic_header
  {
    font-size: 22px;
    grid-template-columns: 35% 65%;
    padding-top: 40px;
  }

  .pub_nav_right
  {
    display: grid;
    grid-template-columns: 70% 30%;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    /*border: 2px solid white;*/
  }


  .loginoptions_dropdown_btn {
    font-size: 22px;
    padding: 13px 0px 13px 0px;
    display: flex;
    justify-content: center;
  }

  .signupoptions_dropdown_btn {
    font-size: 22px;
    padding: 13px 0px 13px 0px;
    display: flex;
    justify-content: center;
  }


  .loggedinoptions_dropdown_btn
  {
    font-size: 22px;
    padding: 15px 0px 15px 0px;
    width: 80%;
  }

  .loggedinoptions_dropdown_btn2
  {
    width: 80%;
    /*border: 2px solid red;*/
    font-size: 22px;
    padding: 15px 0px 15px 0px;
  }

  .signedin_options {
    padding-top: 10px;
    margin-top: 60px;
    /*border: solid 2px red;*/
  }

  .signedin_options2 {
    padding-top: 10px;
    margin-top: 60px;
    /*border: solid 2px red;*/
  }

  .signedin_options a
  {
    font-size: 20px;
    padding: 15px 0px;
    /*border: solid 2px red;*/
  }


  .signedin_options2 a
  {
    font-size: 20px;
    padding: 15px 0px;
    /*border: solid 2px red;*/
  }


  .login_options a
  {
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 20px;
  }

  .signup_options a
  {
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 20px;
  }


  .logo
  {
    padding-top: 210px;
  }

  .logo img
  {
    height: 170px;
  }

  .logo_v video
  {
    height: 200px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -30px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p
  {
    font-size: 28px;
  }

  .search_border
  {
    width: 55%;
    height: 60px;
    /*text-align: center;*/
    /*margin-left: 22.5%;*/
    border-radius: 30px;
    /*border: solid 2px red;*/
    padding-left: 10px;
  }

  .search_border input
  {
    font-size: 20px;
    width: 82%;
    height: 36px;
    padding: 9px 12px 7px 12px;
  }

  .search_border button
  {
    margin-left: 50px;
    font-size: 16px;
    padding: 9px 12px 7px 12px;
  }

}

@media screen and (min-width: 1600px) and (max-width: 1919px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_1920_1076.png');
  }

  .dynamic_header
  {
    font-size: 17px;
    grid-template-columns: 40% 60%;
    padding-top: 40px;
  }

  .pub_nav_right
  {
    display: grid;
    grid-template-columns: 70% 30%;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    /*border: 2px solid white;*/
  }

  .loginoptions_dropdown_btn {
    font-size: 17px;
    display: flex;
    justify-content: center;
  }

  .signupoptions_dropdown_btn {
    font-size: 17px;
    display: flex;
    justify-content: center;
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 17px;
    padding: 12px 0px 12px 0px;
    width: 80%;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 17px;
    padding: 12px 0px 12px 0px;
    width: 80%;
  }

  .signedin_options {
    padding-top: 10px;
    margin-top: 40px;
  }

  .signedin_options2 {
    padding-top: 10px;
    margin-top: 40px;
  }

  .signedin_options a
  {
    font-size: 16px;
    padding: 15px 0px;
    /*border: solid 2px red;*/
  }


  .signedin_options2 a
  {
    font-size: 16px;
    padding: 15px 0px;*/
    /*border: solid 2px red;*/
  }

  .login{
    width: 100%;
    position: relative;
  }

  .signup{
    width: 100%;
    position: relative;
  }

  .login_options {

  }

  .signup_options {
  }


  .login_options a
  {
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 15px;
  }

  .signup_options a
  {
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 15px;
  }

  .logo
  {
    padding-top: 190px;
  }

  .logo img
  {
    height: 130px;
  }

  .logo_v video
  {
    height: 170px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -30px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p
  {
    font-size: 24px;
  }

  .search_border
  {
    width: 55%;
    height: 50px;
    /*text-align: center;*/
    /*margin-left: 22.5%;*/
    border-radius: 30px;
    margin-bottom: 20px;
  }

  .search_border input
  {
    font-size: 18px;
    height: 36px;
  }

  .search_border button
  {
    margin-left: 58px;
    font-size: 12px;
    padding: 7px 12px 6px 12px;
  }

}

@media screen and (min-width:1440px) and (max-width:1535px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_1600_897.png');
  }

  .dynamic_header
  {
    font-size: 18px;
    grid-template-columns: 35% 65%;
    padding-top: 45px;
  }

  .pub_nav_right
  {
    display: grid;
    grid-template-columns: 70% 30%;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    /*border: 2px solid white;*/
  }

  .loginoptions_dropdown_btn {
    font-size: 15px;
    display: flex;
    justify-content: center;
  }

  .signupoptions_dropdown_btn {
    font-size: 15px;
    display: flex;
    justify-content: center;
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 15px;
    padding: 12px 0px 12px 0px;
    width: 80%;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 15px;
    padding: 12px 0px 12px 0px;
    width: 80%;
  }

  .signedin_options
  {
    padding-top: 10px;
    margin-top: 45px;
  }

  .signedin_options2 {
    padding-top: 10px;
    margin-top: 45px;
  }

  .signedin_options a
  {
    font-size: 14px;
    padding: 10px 0px;
    /*border: solid 2px red;*/
  }


  .signedin_options2 a
  {
    font-size: 14px;
    padding: 10px 0px;*/
    /*border: solid 2px red;*/
  }

  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 15px;
    padding: 0px 20px 0px 10px;
  }

  .login{
    width: 100%;
    position: relative;
  }

  .signup{
    width: 100%;
    position: relative;
    text-align: center;
  }

  .login_options {
    width: 100%;
    text-align: center;
  }

  .signup_options {
    width: 100%;
    text-align: center;
  }

  .login_options a
  {
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 14px;
  }

  .signup_options a
  {
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 14px;
  }

  .slogan p
  {
    font-size: 22px;
  }

  .logo
  {
    padding-top: 200px;
  }

  .logo img
  {
    height: 120px;
  }

  .logo_v video
  {
    height: 130px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -30px;/*To reduce the gap between the video and the slogan*/
  }

  .dynamic_header
  {
    font-size: 14px;
    grid-template-columns: 40% 60%;
  }

  .search_border
  {
    width: 55%;
    /*margin-left: 22.5%;*/
    height: 45px;
    margin-bottom: 20px;
    /*border: 2px solid red;*/
  }

  .search_border input
  {
    font-size: 16px;
    height: 32px;
  }

  .search_border button
  {
    margin-left: 50px;
  }
}

@media screen and (min-width:1366px) and (max-width:1439px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_1440_807.png');
  }

  .dynamic_header
  {
    grid-template-columns: 45% 55%;
    padding-top: 30px;
  }


  .pub_nav_right
  {
    display: grid;
    grid-template-columns: 70% 30%;
    text-transform: uppercase;
    /*border: 2px solid white;*/
  }

  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
  }


  .loggedinoptions_dropdown_btn
  {
    padding: 8px 0px 8px 0px;
    width: 80%;
  }

  .loggedinoptions_dropdown_btn2
  {
    padding: 8px 0px 8px 0px;
    width: 80%;
  }

  .signedin_options {
    padding-top: 10px;
    margin-top: 30px;
  }

  .signedin_options2 {
    padding-top: 10px;
    margin-top: 30px;
  }


  .login_options {
    text-align: center;
  }

  .signup_options {
    text-align: center;
  }

  .login_options a
  {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 11px;
  }

  .signup_options a
  {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 11px;
  }

  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 15px;
    padding: 0px 20px 0px 10px;
  }

  .slogan p
  {
    font-size: 20px;
  }

  .logo
  {
    display:flex;
    justify-content:center;
    padding-top: 180px;
  }

  .logo img
  {
    height: 90px;
  }

  .logo_v video
  {
    height: 110px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -30px;/*To reduce the gap between the video and the slogan*/
  }

  .search_border
  {
    width: 55%;
    /*margin-left: 22.5%;*/
    /*border: solid 2px red;*/
    height: 40px;
    margin-bottom: 20px;
  }

  .search_border input
  {
    font-size: 14px;
    height: 28px;
    /*border: solid 2px blue;*/
  }

  .search_border button
  {
    margin-left: 45px;
    font-size: 11px;
    padding: 5px 10px 4px 10px;
  }

}

@media screen and (min-width:1280px) and (max-width:1365px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_1366_766.png');
  }

  .dynamic_header
  {
    grid-template-columns: 40% 60%;
    padding-top: 30px;
  }

  .pub_nav_right
  {
    display: grid;
    grid-template-columns: 73% 27%;
    text-transform: uppercase;
    /*border: 2px solid white;*/
  }

  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
  }

  .loggedinoptions_dropdown_btn
  {
    padding: 7px 0px 7px 0px;
    width: 80%;
  }

  .loggedinoptions_dropdown_btn2
  {
    padding: 7px 0px 7px 0px;
    width: 80%;
  }

  .signedin_options {
    padding-top: 10px;
    margin-top: 30px;
  }

  .signedin_options2 {
    /*width: 178px;*/
    padding-top: 10px;
    margin-top: 30px;
  }


  .login_options {
    text-align: center;
  }

  .signup_options {
    text-align: center;
  }

  .login_options a
  {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 11px;
  }

  .signup_options a
  {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 11px;
  }

  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 15px;
    padding: 0px 20px 0px 10px;
  }

  .logo
  {
    padding-top: 160px;
  }

  .logo img
  {
    height: 90px;
  }

  .slogan p
  {
    font-size: 18px;
    padding: 5px;
  }

  .logo_v video
  {
    height: 110px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -30px;/*To reduce the gap between the video and the slogan*/
  }

  .search_border
  {
    width: 55%;
    /*text-align: center;*/
    /*margin-left: 22.5%;*/
    height: 38px;
    /*border: solid 2px red;*/
    padding-top: 0px;
    margin-bottom: 20px;
  }

  .search_border input
  {
    font-size: 13px;
    width: 77%;
    height: 26px;
    /*border: solid 2px blue;*/
    margin-top: 0px;
  }

  .search_border button
  {
    margin-left: 50px;
    font-size: 11px;
  }

}

@media screen and (min-width:1024px) and (max-width:1279px)
{
  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_1280_717.png');
  }

  .dynamic_header{
    grid-template-columns: 30% 70%;
    font-size: 10px;
    padding-top: 40px;
  }

  .pub_nav_right
  {
    display: grid;
    grid-template-columns: 70% 30%;
    text-transform: uppercase;
    /*border: 2px solid white;*/
  }

  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 11px;
    padding: 6px 0px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 11px;
    padding: 6px 0px;
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 11px;
    padding: 6px 0px 6px 0px;
    width: 80%;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 11px;
    padding: 6px 0px 6px 0px;
    width: 80%;
  }

  .signedin_options {
    padding-top: 10px;
    margin-top: 25px;
  }

  .signedin_options2 {
    /*width: 173px;*/
    padding-top: 10px;
    margin-top: 25px;
  }

  .login_options {
    text-align: center;
  }

  .signup_options {
    text-align: center;
  }

  .login_options a
  {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 10px;
  }

  .signup_options a
  {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 10px;
  }

  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 15px;
    padding: 0px 20px 0px 10px;
  }

  .hidden
  {
    display: none;
  }

  .slogan p
  {
    font-size: 16px;
    padding: 5px;
  }

  .logo
  {
    padding-top: 170px;
  }

  .logo img
  {
    height: 85px;
  }


  .logo_v video
  {
    height: 100px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -20px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p{
  font-size: 16px;
  }


  .search_border
  {
    width: 60%;
    /*margin-left: 22.5%;*/
    height: 35px;
    /*text-align: center;*/
    /*margin-left: 20%;*/
    margin-bottom: 20px;
  }


  .search_border input
  {
    font-size: 12px;
    width: 75%;
    height: 22px;
  }

  .search_border button
  {
    margin-left: 45px;
    border-radius: 15px;
    font-size: 10px;
  }
}

@media screen and (min-width:990px) and (max-width:1023px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_1024_574.png');
  }


  .dynamic_header{
    grid-template-columns: 30% 70%;
    font-size: 10px;
  }

  .pub_nav_right
  {
    display: grid;
    grid-template-columns: 70% 30%;
    text-transform: uppercase;
    /*border: 2px solid white;*/
  }

  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 11px;
    padding: 6px 0px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 11px;
    padding: 6px 0px;
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 11px;
    padding: 6px 0px 6px 0px;
    width: 80%;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 11px;
    padding: 6px 0px 6px 0px;
    width: 80%;
  }

  .signedin_options {
    padding-top: 10px;
    margin-top: 25px;
  }

  .signedin_options2 {
    padding-top: 10px;
    margin-top: 25px;
  }

  .login_options {
    text-align: center;
  }

  .signup_options {
    text-align: center;
  }

  .login_options a
  {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 10px;
  }

  .signup_options a
  {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 10px;
  }

  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 15px;
    padding: 0px 20px 0px 10px;
  }

  .hidden
  {
    display: none;
  }

  .slogan p
  {
    font-size: 16px;
    padding: 5px;
  }

  .logo
  {
    padding-top: 170px;
  }

  .logo img
  {
    height: 85px;
  }

  .logo_v video
  {
    height: 110px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -30px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p{
  font-size: 16px;
  }


  .search_border
  {
    width: 60%;
    /*margin-left: 22.5%;*/
    height: 34px;
    /*text-align: center;*/
    /*margin-left: 20%;*/
    margin-bottom: 20px;
  }


  .search_border input
  {
    font-size: 12px;
    width: 75%;
    height: 22px;
  }

  .search_border button
  {
    margin-left: 45px;
    border-radius: 15px;
    font-size: 10px;
  }

}

@media screen and (min-width:820px) and (max-width:989px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_990_555.png');
  }


  .dynamic_header{
    grid-template-columns: 20% 80%;
    font-size: 11px;
    padding-top: 50px;
  }

  .pub_nav_right{
    display: grid;
    grid-template-columns: 70% 30%;
    text-transform: uppercase;
  }

  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 11px;
    padding: 6px 0px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 11px;
    padding: 6px 0px;
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 11px;
    padding: 6px 0px 6px 0px;
    width: 80%;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 11px;
    padding: 6px 0px 6px 0px;
    width: 80%;
  }

  .signedin_options {
    padding-top: 10px;
    margin-top: 25px;
  }

  .signedin_options2 {
    padding-top: 10px;
    margin-top: 25px;
  }

  .login_options {
    text-align: center;
  }

  .signup_options {
    text-align: center;
  }

  .login_options a
  {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 10px;
  }

  .signup_options a
  {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 10px;
  }

  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 15px;
    padding: 0px 20px 0px 10px;
  }

  .hidden
  {
    display: none;
  }

  .logo
  {
    padding-top: 300px;
  }



  .logo img
  {
    height: 100px;
  }

  .logo_v video
  {
    height: 120px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -10px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p{
  font-size: 20px;
  }

  .search_border
  {
    width: 75%;
    height: 45px;
    /*text-align: center;*/
    /*margin-left: 12.5%;*/
    margin-bottom: 20px;
    /*border: 2px solid red;*/
  }

  .search_border input
  {
    font-size: 14px;
    width: 75%;
    height: 22px;
  }

  .search_border button
  {
    margin-left: 30px;
    font-size: 14px;
  }

}

@media screen and (min-width:800px) and (max-width:819px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_820_460.png');
  }


  .dynamic_header{
    grid-template-columns: 20% 80%;
    font-size: 10px;
  }

  .pub_nav_right{
    display: grid;
    grid-template-columns: 70% 30%;
  }


  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 10px;
    padding: 6px 0px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 10px;
    padding: 6px 0px;
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 10px;
    padding: 6px 0px 6px 0px;
    width: 80%;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 10px;
    padding: 6px 0px 6px 0px;
    width: 80%;
  }


  .signedin_options {
    padding-top: 10px;
    margin-top: 25px;
  }

  .signedin_options2 {
    padding-top: 10px;
    margin-top: 25px;
  }

  .signedin_options a
  {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .signedin_options2 a
  {
    padding-top: 7px;
    padding-bottom: 7px;
  }



  .login_options {
    text-align: center;
  }

  .signup_options {
    text-align: center;
  }

  .login_options a
  {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 10px;
  }

  .signup_options a
  {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 10px;
  }

  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 15px;
    padding: 0px 20px 0px 10px;
  }


  .hidden
  {
    display: none;
  }

  .logo
  {
    padding-top: 300px;
  }

  .logo img
  {
    height: 95px;
  }

  .logo_v video
  {
    height: 100px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -10px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p{
  font-size: 18px;
  }

  .search_border
  {
    width: 80%;
    height: 45px;
    /*text-align: center;*/
    /*margin-left: 10%;*/
    margin-bottom: 20px;
  }

  .search_border input
  {
    font-size: 14px;
    width: 75%;
    height: 22px;
  }

  .search_border button
  {
    margin-left: 35px;
  }


}

@media screen and (min-width:768px) and (max-width:799px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_800_448.png');
  }


  .dynamic_header
  {
    grid-template-columns: 15% 85%;
    font-size: 8px;
  }

  .pub_nav_right{
    display: grid;
    grid-template-columns:70% 30%;
  }

  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 10px;
    padding: 6px 0px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 10px;
    padding: 6px 0px;
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 8px;
    padding: 6px 0px 6px 0px;
    width: 80%;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 8px;
    padding: 6px 0px 6px 0px;
    width: 80%;
  }

  .signedin_options {
    padding-top: 8px;
    margin-top: 25px;
  }

  .signedin_options2 {
    padding-top: 8px;
    margin-top: 25px;
  }

  .signedin_options a
  {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .signedin_options2 a
  {
    padding-top: 7px;
    padding-bottom: 7px;
  }


  .login_options {
    text-align: center;
  }

  .signup_options {
    text-align: center;
  }

  .login_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 8px;
  }

  .signup_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 8px;
  }

  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 15px;
    padding: 0px 20px 0px 10px;
  }


  .hidden
  {
    display: none;
  }

  .logo
  {
    padding-top: 220px;
  }

  .logo_v video
  {
    height: 90px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -10px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p{
  font-size: 16px;
  }

  .search_border
  {
    width: 80%;
    height: 40px;
    /*text-align: center;*/
    /*margin-left: 10%;*/
    margin-bottom: 30px;
  }

  .search_border input
  {
    font-size: 14px;
    width: 72%;
    height: 22px;
  }

  .search_border button
  {
    margin-left: 37px;
  }

}

@media screen and (min-width:670px) and (max-width:767px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_768_430.png');
  }


  .dynamic_header
  {
    grid-template-columns: 15% 85%;
    font-size: 8px;
  }

  .pub_nav_right{
    display: grid;
    grid-template-columns:70% 30%;
  }

  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 8px;
    padding: 6px 0px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 8px;
    padding: 6px 0px;
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 8px;
    padding: 6px 0px 6px 0px;
    width: 80%;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 8px;
    padding: 6px 0px 6px 0px;
    width: 80%;
  }

  .signedin_options {
    padding-top: 8px;
    margin-top: 25px;
  }

  .signedin_options2 {
    padding-top: 8px;
    margin-top: 25px;
  }

  .signedin_options a
  {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .signedin_options2 a
  {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .login_options {
    text-align: center;
  }

  .signup_options {
    text-align: center;
  }

  .login_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 8px;
  }

  .signup_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 8px;
  }

  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 15px;
    padding: 0px 20px 0px 10px;
  }


  .hidden
  {
    display: none;
  }

  .logo
  {
    padding-top: 220px;
  }

  .logo_v video
  {
    height: 90px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -10px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p{
  font-size: 16px;
  }

  .search_border
  {
    width: 80%;
    height: 40px;
    /*text-align: center;*/
    /*margin-left: 10%;*/
    margin-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .search_border input
  {
    font-size: 14px;
    width: 72%;
    height: 22px;
  }

  .search_border button
  {
    margin-left: 37px;
  }


}

@media screen and (min-width:590px) and (max-width:669px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_670_375.png');
  }


  .dynamic_header{
    font-size: 12px;
    grid-template-columns: 50% 50%;
    padding-top: 30px;
    /*grid-gap: 10px;*/
    /*border: 2px solid white;*/
  }

  .pub_nav_right{
    display: grid;
    grid-template-columns: 80% 20%;
    /*margin-left:60%;*/
    /*border: 2px solid pink;*/
  }


  .login_signup
  {
    /*border: 2px solid blue;*/
    /*width: 100%;*/
  }

  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 20px;
    /*padding: 4px 10px 0px 10px;*/
    padding: 0;
    margin: 0;
    /*width: 100%;*/
  }

  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 10px;
    padding: 6px 0px;
    margin-bottom: 0px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 10px;
    padding: 6px 0px;
    margin: 0px;
  }

  .login{
    width: 100%;
    position: relative;
  }

  .signup{
    width: 100%;
    position: relative;
  }

  .login_options {
    text-align: center;
    /*position: absolute;
    width: 100%;
    padding: 0px 0px;*/
  }

  .signup_options {
    text-align: center;
    /*width: 100%;*/
  }


  .login_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 9px;
  }

  .signup_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 9px;
  }

  .public_pages{
    display: none;
  }

  .hidden
  {
    display: block;
    /*border: 2px solid red;*/
    /*width: 100%;*/
    text-align: center;
    padding-left: 20%;
    /*padding-top: 2px;*/
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 10px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 10px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
  }

  .signedin_options {
    padding-top: 10px;
    margin-top: 25px;
    margin-left: 20%;
  }

  .signedin_options2 {
    padding-top: 10px;
    margin-top: 25px;
    margin-left: 20%;
  }

  .signedin_options a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 10px;
  }

  .signedin_options2 a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 10px;
  }


  /*************  Drop down Menu     */
  .hidden a:hover
  {
    background-color: #D99E30;
    color: black;
    cursor: pointer;
  }

  .hidden_linksArea_link_dropdown_btn {
    background-color: transparent;
    color: #D59B30;
    font-size: 12px;
    border: 2px solid white;
    border-radius: 3px;
    padding: 6px 0px 6px 0px;
    width: 30%;
    text-align: center;
    cursor: pointer;
    margin: 0;
  }

  .myLinks
  {
    visibility: hidden;
    position: absolute;
    background-color: transparent;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: center;
    transform: translateY(-1em);
    transition: transform ease 0.7s;
    width: 35%;
    margin-left: 0px;
  }

  input[type="checkbox"]:checked ~ .myLinks {
    visibility: visible;
    transform: translateY(0);
  }

  .myLinks a {
    color: white;
    padding: 8px 5px 8px 5px;
    display: block;
    font-size: 12px;
    text-decoration: none;
  }

  .hidden_linksArea_link{
    list-style-type: none;
    text-align: center;
    margin-left: 0px;
    padding-left: 0px;
  }


  /************Index Logo*************/

  .logo
  {
    padding-top: 220px;
  }


  .logo img
  {
    height: 80px;
  }


  .logo_v video
  {
    height: 90px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -10px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p
  {
    font-size: 15px;
  }


  .search_border
  {
    width: 85%;
    height: 40px;
    /*text-align: center;*/
    /*margin-left: 7.5%;*/
    margin-bottom: 20px;
  }

  .search_border input
  {
    font-size: 14px;
    width: 72%;
    height: 22px;
  }

  .search_border button
  {
    margin-left: 35px;
  }


}

@media screen and (min-width:500px) and (max-width:589px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_590_375.png');
  }


  .dynamic_header
  {
    font-size: 12px;
    grid-template-columns: 50% 50%;
    /*border: 2px solid white;*/
  }

  .pub_nav_right{
    display: grid;
    grid-template-columns: 80% 20%;
    /*border: 2px solid pink;*/
  }

  .login_signup
  {
    /*border: 2px solid blue;*/
    /*width: 100%;*/
  }

  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 20px;
    /*padding: 4px 10px 0px 10px;*/
    padding: 0;
    margin: 0;
  }


  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 10px;
    padding: 6px 0px;
    margin-bottom: 0px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 10px;
    padding: 6px 0px;
    margin-bottom: 0px;
  }

  .login{
    width: 100%;
    position: relative;
  }

  .signup{
    width: 100%;
    position: relative;
  }

  .login_options {
    text-align: center;
    /*position: absolute;
    width: 100%;
    padding: 0px 0px;*/
  }

  .signup_options {
    text-align: center;
    /*width: 100%;*/
  }


  .login_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 9px;
  }

  .signup_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 9px;
  }


  .public_pages{
    display: none;
  }

  .hidden
  {
    display: block;
    /*border: 2px solid red;*/
    /*width: 100%;*/
    text-align: center;
    padding-left: 20%;
    padding-top: 0px;
  }


  .loggedinoptions_dropdown_btn
  {
    font-size: 10px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 10px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
  }


  .signedin_options {
    padding-top: 8px;
    margin-top: 25px;
    margin-left: 20%;
  }

  .signedin_options2 {
    padding-top: 8px;
    margin-top: 25px;
    margin-left: 20%;
  }

  .signedin_options a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 10px;
  }

  .signedin_options2 a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 10px;
  }


  .login
  {
    width: 100%;
    position: relative;
  }

  .signup
  {
    width: 100%;
    position: relative;
  }

  /*************  Drop down Menu     */
  .hidden a:hover
  {
    background-color: #D99E30;
    color: black;
    cursor: pointer;
  }

  .hidden_linksArea_link_dropdown_btn {
    background-color: transparent;
    color: #D59B30;
    font-size: 12px;
    border: 2px solid white;
    border-radius: 3px;
    padding: 6px 0px 6px 0px;
    width: 30%;
    text-align: center;
    cursor: pointer;
    margin: 0;
  }

  .myLinks
  {
    visibility: hidden;
    position: absolute;
    background-color: transparent;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: center;
    transform: translateY(-1em);
    transition: transform ease 0.7s;
    width: 35%;
    margin-left: 0px;
  }

  input[type="checkbox"]:checked ~ .myLinks {
    visibility: visible;
    transform: translateY(0);
  }

  .myLinks a {
    color: white;
    padding: 8px 5px 8px 5px;
    display: block;
    font-size: 11px;
    text-decoration: none;
  }

 .hidden_linksArea_link{
    list-style-type: none;
    text-align: center;
    margin-left: 0px;
    padding-left: 0px;
  }


  /************Index Logo*************/

  .logo
  {
    padding-top: 220px;
  }


  .logo img
  {
    height: 80px;
  }

  .logo_v video
  {
    height: 90px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -10px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p
  {
    font-size: 11px;
  }


  .search_border
  {
    width: 90%;
    height: 40px;
    /*text-align: center;*/
    /*margin-left: 5%;*/
    margin-bottom: 20px;
  }

  .search_border input
  {
    font-size: 14px;
    width: 62%;
    height: 22px;
  }

  .search_border button
  {
    margin-left: 60px;
  }
}

@media screen and (min-width:460px) and (max-width:499px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_500_280.png');
  }


  .dynamic_header{
    font-size: 12px;
    grid-template-columns: 50% 50%;
    /*border: 2px solid white;*/
  }

  .pub_nav_right{
    display: grid;
    grid-template-columns: 80% 20%;
    /*border: 2px solid pink;*/
  }


  .login_signup
  {
    /*border: 2px solid blue;*/
    /*width: 100%;*/
  }


  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 20px;
    /*padding: 4px 10px 0px 10px;*/
    padding: 0;
    margin: 0;
  }

  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 10px;
    padding: 6px 0px;
    margin-bottom: 0px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 10px;
    padding: 6px 0px;
    margin-bottom: 0px;
  }

  .login{
    width: 100%;
    position: relative;
  }

  .signup{
    width: 100%;
    position: relative;
  }


  .login_options {
    text-align: center;
    /*position: absolute;
    width: 100%;
    padding: 0px 0px;*/
  }

  .signup_options {
    text-align: center;
    /*width: 100%;*/
  }


  .login_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 9px;
  }

  .signup_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 9px;
  }


  .public_pages{
    display: none;
  }

  .hidden
  {
    display: block;
    /*border: 2px solid red;*/
    /*width: 100%;*/
    text-align: center;
    padding-left: 20%;
    padding-top: 0px;
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 11px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 11px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
  }


  .signedin_options {
    padding-top: 8px;
    margin-top: 30px;
    margin-left: 20%;
  }

  .signedin_options2 {
    padding-top: 8px;
    margin-top: 30px;
    margin-left: 20%;
  }

  .signedin_options a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 10px;
  }

  .signedin_options2 a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 10px;
  }


  .login
  {
    width: 100%;
    position: relative;
  }

  .signup
  {
    width: 100%;
    position: relative;
  }

  /*************  Drop down Menu     */
  .hidden a:hover
  {
    background-color: #D99E30;
    color: black;
    cursor: pointer;
  }

  .hidden_linksArea_link_dropdown_btn {
    background-color: transparent;
    color: #D59B30;
    font-size: 12px;
    border: 2px solid white;
    border-radius: 3px;
    padding: 5px 0px 5px 0px;
    width: 30%;
    text-align: center;
    cursor: pointer;
    margin: 0;
  }

  .myLinks
  {
    visibility: hidden;
    position: absolute;
    background-color: transparent;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: center;
    transform: translateY(-1em);
    transition: transform ease 0.7s;
    width: 35%;
    margin-left: 0px;
  }

  input[type="checkbox"]:checked ~ .myLinks {
    visibility: visible;
    transform: translateY(0);
  }

  .myLinks a {
    color: white;
    padding: 8px 5px 8px 5px;
    display: block;
    font-size: 11px;
    text-decoration: none;
  }

 .hidden_linksArea_link{
    list-style-type: none;
    text-align: center;
    margin-left: 0px;
    padding-left: 0px;
  }


  /************Index Logo*************/

  .logo
  {
    padding-top: 220px;
  }


  .logo img
  {
    height: 75px;
  }

  .logo_v video
  {
    height: 80px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -10px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p
  {
    font-size: 11px;
  }


  .search_border
  {
    width: 90%;
    height: 35px;
    /*text-align: center;*/
    /*margin-left: 5%;*/
    margin-bottom: 20px;
  }

  .search_border input
  {
    font-size: 14px;
    width: 62%;
    height: 22px;
  }

  .search_border button
  {
    margin-left: 50px;
  }
}

@media screen and (min-width:425px) and (max-width:459px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_460_258.png');


        /*width: 100%;*/
        /*border: 2px solid blue;*/
        /*padding-right: 20px;*/
        padding-bottom: 30px;
  }

  .dynamic_header
  {
    font-size: 12px;
    grid-template-columns: 50% 50%;
    /*border: 2px solid white;*/

    padding-top: 20px;
  }

  .pub_nav_right{
    display: grid;
    grid-template-columns: 80% 20%;
    /*border: 2px solid pink;*/
  }


  .login_signup
  {
    /*border: 2px solid blue;*/
    padding-top: 4px;
    /*width: 100%;*/
  }


  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 20px;
    /*padding: 4px 10px 0px 10px;*/
    padding: 0;
    margin: 0;
  }


  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 10px;
    padding: 6px 0px;
    margin-bottom: 0px;
    margin-top: 2px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 10px;
    padding: 6px 0px;
    margin-bottom: 0px;
    margin-top: 2px;
  }


  .login{
    width: 100%;
    position: relative;
  }

  .signup{
    width: 100%;
    position: relative;
  }


  .login_options {
    text-align: center;
    /*position: absolute;
    width: 100%;
    padding: 0px 0px;*/
  }

  .signup_options {
    text-align: center;
    /*width: 100%;*/
  }


  .login_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 8px;
  }

  .signup_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 8px;
  }

  .public_pages{
    display: none;
  }

  .hidden
  {
    display: block;
    /*border: 2px solid red;*/
    /*width: 100%;*/
    text-align: center;
    padding-left: 20%;
    padding-top: 7px;
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 10px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 10px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
  }


  .signedin_options {
    padding-top: 8px;
    margin-top: 30px;
    margin-left: 20%;
  }

  .signedin_options2 {
    padding-top: 8px;
    margin-top: 30px;
    margin-left: 20%;
  }

  .signedin_options a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 9px;
  }

  .signedin_options2 a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 9px;
  }


  .signup
  {
    width: 100%;
    position: relative;
  }

  .login
  {
    width: 100%;
    position: relative;
  }

  /*************  Drop down Menu     */
  .hidden a:hover
  {
    background-color: #D99E30;
    color: black;
    cursor: pointer;
  }

  .hidden_linksArea_link_dropdown_btn {
    background-color: transparent;
    color: #D59B30;
    font-size: 12px;
    border: 2px solid white;
    border-radius: 3px;
    padding: 5px 0px 5px 0px;
    width: 30%;
    text-align: center;
    cursor: pointer;
    margin: 0;
  }

  .myLinks
  {
    visibility: hidden;
    position: absolute;
    background-color: transparent;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: center;
    transform: translateY(-1em);
    transition: transform ease 0.7s;
    width: 35%;
    margin-left: 0px;
  }

  input[type="checkbox"]:checked ~ .myLinks {
    visibility: visible;
    transform: translateY(0);
  }

  .myLinks a {
    color: white;
    padding: 8px 5px 8px 5px;
    display: block;
    font-size: 11px;
    text-decoration: none;
  }

 .hidden_linksArea_link{
    list-style-type: none;
    text-align: center;
    margin-left: 0px;
    padding-left: 0px;
  }


  /************Index Logo*************/

  .logo
  {
    padding-top: 220px;
  }


  .logo img
  {
    height: 70px;
  }


  .logo_v video
  {
    height: 90px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -10px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p
  {
    font-size: 11px;
  }


  .search_border
  {
    width: 90%;
    height: 35px;
    /*text-align: center;*/
    /*margin-left: 5%;*/
    margin-bottom: 20px;
  }

  .search_border input
  {
    font-size: 14px;
    width: 62%;
    height: 22px;
  }

  .search_border button
  {
    margin-left: 35px;
  }
}

@media screen and (min-width:400px) and (max-width:424px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_425_238.png');
  }

  .dynamic_header{
    font-size: 12px;
    grid-template-columns: 50% 50%;
    /*border: 2px solid white;*/

    padding-top: 20px;
  }

  .pub_nav_right{
    display: grid;
    grid-template-columns: 80% 20%;
    /*border: 2px solid pink;*/
  }


  .login_signup
  {
    /*border: 2px solid blue;*/
    padding-top: 0px;
    /*width: 100%;*/
  }


  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 20px;
    /*padding: 4px 10px 0px 10px;*/
    padding: 0;
    margin: 0;
  }


  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 9px;
    padding: 6px 0px;
    margin-bottom: 0px;
    margin-top: 7px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 9px;
    padding: 6px 0px;
    margin-bottom: 0px;
    margin-top: 7px;
  }


  .login{
    width: 100%;
    position: relative;
  }

  .signup{
    width: 100%;
    position: relative;
  }


  .login_options {
    text-align: center;
    /*position: absolute;
    width: 100%;
    padding: 0px 0px;*/
  }

  .signup_options {
    text-align: center;
    /*width: 100%;*/
  }


  .login_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 7px;
  }

  .signup_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 7px;
  }


  .public_pages{
    display: none;
  }

  .hidden
  {
    display: block;
    /*border: 2px solid red;*/
    /*width: 100%;*/
    text-align: center;
    padding-left: 20%;
    padding-top: 7px;
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 9px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
    margin-top: 8px;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 9px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
    margin-top: 8px;
  }


  .signedin_options {
    padding-top: 5px;
    margin-top: 30px;
    margin-left: 20%;
  }

  .signedin_options2 {
    padding-top: 5px;
    margin-top: 30px;
    margin-left: 20%;
  }

  .signedin_options a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 8px;
  }

  .signedin_options2 a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 8px;
  }


  /*************  Drop down Menu     */
  .hidden a:hover
  {
    background-color: #D99E30;
    color: black;
    cursor: pointer;
  }

  .hidden_linksArea_link_dropdown_btn {
    background-color: transparent;
    color: #D59B30;
    font-size: 11px;
    border: 2px solid white;
    border-radius: 3px;
    padding: 5px 0px 5px 0px;
    width: 30%;
    text-align: center;
    cursor: pointer;
    margin: 0;
  }

  .myLinks
  {
    visibility: hidden;
    position: absolute;
    background-color: transparent;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: center;
    transform: translateY(-1em);
    transition: transform ease 0.7s;
    width: 35%;
    margin-left: 0px;
  }

  input[type="checkbox"]:checked ~ .myLinks {
    visibility: visible;
    transform: translateY(0);
  }

  .myLinks a {
    color: white;
    padding: 8px 5px 8px 5px;
    display: block;
    font-size: 9px;
    text-decoration: none;
  }

 .hidden_linksArea_link{
    list-style-type: none;
    text-align: center;
    margin-left: 0px;
    padding-left: 0px;
  }


  /************Index Logo*************/

  .logo
  {
    padding-top: 220px;
  }


  .logo img
  {
    height: 65px;
  }

  .logo_v video
  {
    height: 80px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -10px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p
  {
    font-size: 11px;
  }


  .search_border
  {
    width: 90%;
    height: 30px;
    /*text-align: center;*/
    /*margin-left: 5%;*/
    margin-bottom: 20px;
  }

  .search_border input
  {
    font-size: 14px;
    width: 62%;
    height: 22px;
  }

  .search_border button
  {
    margin-left: 30px;
    font-size: 11px;
  }


}

@media screen and (min-width:375px) and (max-width:399px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_400_224.png');
  }


  .dynamic_header{
    font-size: 12px;
    grid-template-columns: 50% 50%;
    padding-top: 17px;
    /*border: 2px solid white;*/
  }

  .pub_nav_right{
    display: grid;
    grid-template-columns: 80% 20%;
    /*border: 2px solid pink;*/
  }

  .login_signup
  {
    /*border: 2px solid blue;*/
    padding-top: 0px;
    /*width: 100%;*/
  }

  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 20px;
    /*padding: 4px 10px 0px 10px;*/
    padding: 0;
    margin: 0;
  }


  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 9px;
    padding: 6px 0px;
    margin-bottom: 0px;
    margin-top: 7px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 9px;
    padding: 6px 0px;
    margin-bottom: 0px;
    margin-top: 7px;
  }


  .login{
    width: 100%;
    position: relative;
  }

  .signup{
    width: 100%;
    position: relative;
  }


  .login_options {
    text-align: center;
    /*position: absolute;
    width: 100%;
    padding: 0px 0px;*/
  }

  .signup_options {
    text-align: center;
    /*width: 100%;*/
  }


  .login_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 7px;
  }

  .signup_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 7px;
  }


  .public_pages{
    display: none;
  }

  .hidden
  {
    display: block;
    /*border: 2px solid red;*/
    /*width: 100%;*/
    text-align: center;
    padding-left: 20%;
    padding-top: 7px;
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 9px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
    margin-top: 7px;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 9px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
    margin-top: 7px;
  }


  .signedin_options {
    padding-top: 5px;
    margin-top: 30px;
    margin-left: 20%;
  }

  .signedin_options2 {
    padding-top: 5px;
    margin-top: 30px;
    margin-left: 20%;
  }

  .signedin_options a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 8px;
  }

  .signedin_options2 a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 8px;
  }

  /*************  Drop down Menu     */
  .hidden a:hover
  {
    background-color: #D99E30;
    color: black;
    cursor: pointer;
  }

  .hidden_linksArea_link_dropdown_btn
  {
    background-color: transparent;
    color: #D59B30;
    font-size: 11px;
    border: 2px solid white;
    border-radius: 3px;
    padding: 4px 0px 4px 0px;
    width: 30%;
    text-align: center;
    cursor: pointer;
    margin: 0;
  }

  .myLinks
  {
    visibility: hidden;
    position: absolute;
    background-color: transparent;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: center;
    transform: translateY(-1em);
    transition: transform ease 0.7s;
    width: 35%;
    margin-left: 0px;
  }

  input[type="checkbox"]:checked ~ .myLinks {
    visibility: visible;
    transform: translateY(0);
  }

  .myLinks a {
    color: white;
    padding: 8px 5px 8px 5px;
    display: block;
    font-size: 9px;
    text-decoration: none;
  }

 .hidden_linksArea_link{
    list-style-type: none;
    text-align: center;
    margin-left: 0px;
    padding-left: 0px;
  }


  /************Index Logo*************/

  .logo
  {
    padding-top: 220px;
  }


  .logo img
  {
    height: 65px;
  }


  .logo_v video
  {
    height: 80px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: -10px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan p
  {
    font-size: 10px;
  }


  .search_border
  {
    width: 90%;
    height: 35px;
    /*text-align: center;*/
    /*margin-left: 5%;*/
    margin-bottom: 20px;
  }

  .search_border input
  {
    font-size: 14px;
    width: 62%;
    height: 22px;
  }

  .search_border button
  {
    margin-left: 27px;
    font-size: 10px;
  }


}

@media screen and (min-width:320px) and (max-width:374px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_400_224.png');


    width: 100%;
    /*border: 2px solid blue;*/
    /*padding-right: 20px;*/
    padding-bottom: 30px;
  }


  .dynamic_header{
    font-size: 12px;
    grid-template-columns: 50% 50%;
    padding-top: 17px;
    /*border: 2px solid white;*/
  }

  .pub_nav_right{
    display: grid;
    grid-template-columns: 85% 15%;
    /*border: 2px solid pink;*/
  }


  .login_signup
  {
    /*border: 2px solid blue;*/
    padding-top: 0px;
    /*width: 100%;*/
  }


  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 10px;
    /*padding: 4px 10px 0px 10px;*/
    padding: 0;
    margin: 0;
  }


  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 9px;
    padding: 6px 0px;
    margin-bottom: 0px;
    margin-top: 7px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 9px;
    padding: 6px 0px;
    margin-bottom: 0px;
    margin-top: 7px;
  }


  .login{
    width: 100%;
    position: relative;
  }

  .signup{
    width: 100%;
    position: relative;
  }


  .login_options {
    text-align: center;
    /*position: absolute;
    width: 100%;
    padding: 0px 0px;*/
  }

  .signup_options {
    text-align: center;
    /*width: 100%;*/
  }


  .login_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 7px;
  }

  .signup_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 7px;
  }

  .public_pages
  {
    display: none;
  }

  .hidden
  {
    display: block;
    /*border: 2px solid red;*/
    /*width: 100%;*/
    text-align: center;
    padding-left: 15%;
    padding-top: 7px;
  }

  .loggedinoptions_dropdown_btn
  {
    font-size: 9px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
    margin-top: 7px;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 9px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
    margin-top: 7px;
  }


  .signedin_options {
    padding-top: 5px;
    margin-top: 30px;
    margin-left: 20%;
  }

  .signedin_options2 {
    padding-top: 5px;
    margin-top: 30px;
    margin-left: 20%;
  }

  .signedin_options a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 8px;
  }

  .signedin_options2 a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 8px;
  }


  /*************  Drop down Menu     */
  .hidden a:hover
  {
    background-color: #D99E30;
    color: black;
    cursor: pointer;
  }

  .hidden_linksArea_link_dropdown_btn
  {
    background-color: transparent;
    color: #D59B30;
    font-size: 11px;
    border: 2px solid white;
    border-radius: 3px;
    padding: 4px 0px 4px 0px;
    width: 30%;
    text-align: center;
    cursor: pointer;
    margin: 0;
  }

  .myLinks
  {
    visibility: hidden;
    position: absolute;
    background-color: transparent;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: center;
    transform: translateY(-1em);
    transition: transform ease 0.7s;
    width: 35%;
    margin-left: 0px;
  }

  input[type="checkbox"]:checked ~ .myLinks {
    visibility: visible;
    transform: translateY(0);
  }

  .myLinks a {
    color: white;
    padding: 7px 5px 7px 5px;
    display: block;
    font-size: 9px;
    text-decoration: none;
  }

 .hidden_linksArea_link{
    list-style-type: none;
    text-align: center;
    margin-left: 0px;
    padding-left: 0px;
  }


  /************Index Logo*************/

  .logo
  {
    padding-top: 180px;
  }


  .logo img
  {
    height: 60px;
    margin-left: 2%;
    margin-bottom: 20px;
  }

  .logo_v video
  {
    height: 70px;
    /*border: 2px solid red;*/
    padding-bottom: 0px;
    margin-bottom: 0px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan
  {
    display: inline;
    text-align: center;
  }

  .slogan p
  {
    font-size: 12px;
    margin-left: 4%;
  }


  .search_border
  {
    width: 80%;
    height: 30px;
    /*margin-left: 12%;*/
    margin-bottom: 20px;
  }

  .search_border input
  {
    font-size: 12px;
    width: 55%;
    height: 22px;
  }

  .search_border button
  {
    margin-left: 23px;
    font-size: 8px;
    padding: 5px;
  }





}


@media (max-width: 320px) {
  html, body {
    min-width: 400px;
    overflow-x: auto;
  }
}


@media screen and (min-width:200px) and (max-width:299px)
{

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_400_224.png');

    width: 100%;
    /*border: 2px solid blue;*/
    /*padding-right: 40px;*/
    padding-bottom: 70px;
  }

  .dynamic_header{
    font-size: 12px;
    grid-template-columns: 30% 70%;
    padding-top: 17px;
    /*border: 2px solid white;*/
  }

  .pub_nav_right{
    display: grid;
    grid-template-columns: 90% 10%;
    /*border: 2px solid pink;*/
  }


  .login_signup
  {
    /*border: 2px solid blue;*/
    padding-top: 0px;
    /*width: 100%;*/
  }


  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 5px;
    /*padding: 4px 10px 0px 10px;*/
    padding: 0;
    margin: 0;
  }


  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 7px;
    padding: 5px 0px;
    margin-bottom: 0px;
    margin-top: 7px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 7px;
    padding: 5px 0px;
    margin-bottom: 0px;
    margin-top: 7px;
  }


  .login{
    width: 100%;
    position: relative;
  }

  .signup{
    width: 100%;
    position: relative;
  }


  .login_options {
    text-align: center;
    /*position: absolute;
    width: 100%;
    padding: 0px 0px;*/
  }

  .signup_options {
    text-align: center;
    /*width: 100%;*/
  }


  .login_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 7px;
  }

  .signup_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 7px;
  }

  .public_pages
  {
    display: none;
  }

  .hidden
  {
    display: block;
    /*border: 2px solid red;*/
    /*width: 100%;*/
    text-align: center;
    padding-left: 15%;
    padding-top: 7px;
  }

  .loginoptions_dropdown_btn
  {
    font-size: 9px;
  }

  .signupoptions_dropdown_btn
  {
    font-size: 9px;
  }



  .loggedinoptions_dropdown_btn
  {
    font-size: 9px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
    margin-top: 7px;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 9px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
    margin-top: 7px;
  }


  .signedin_options {
    padding-top: 5px;
    margin-top: 30px;
    margin-left: 20%;
  }

  .signedin_options2 {
    padding-top: 5px;
    margin-top: 30px;
    margin-left: 20%;
  }

  .signedin_options a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 8px;
  }

  .signedin_options2 a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 8px;
  }


  /*************  Drop down Menu     */
  .hidden a:hover
  {
    background-color: #D99E30;
    color: black;
    cursor: pointer;
  }

  .hidden_linksArea_link_dropdown_btn
  {
    background-color: transparent;
    color: #D59B30;
    font-size: 11px;
    border: 2px solid white;
    border-radius: 3px;
    padding: 4px 0px 4px 0px;
    width: 30%;
    text-align: center;
    cursor: pointer;
    margin: 0;
  }

  .myLinks
  {
    visibility: hidden;
    position: absolute;
    background-color: transparent;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: center;
    transform: translateY(-1em);
    transition: transform ease 0.7s;
    width: 45%;
    margin-left: 0px;
  }

  input[type="checkbox"]:checked ~ .myLinks {
    visibility: visible;
    transform: translateY(0);
  }

  .myLinks a {
    color: white;
    padding: 5px 5px 5px 5px;
    display: block;
    font-size: 8px;
    text-decoration: none;
  }

 .hidden_linksArea_link{
    list-style-type: none;
    text-align: center;
    margin-left: 0px;
    padding-left: 0px;
  }


  /************Index Logo*************/

  .logo
  {
    padding-top: 130px;
  }


  .logo img
  {
    height: 60px;
    margin-left: 2%;
    margin-bottom: 20px;
  }


  .logo_v video
  {
    height: 50px;
    /*border: 2px solid red;*/
    margin-top: 80px;
    padding-bottom: 20px;
    margin-bottom: -20px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan
  {
    display: inline;
    text-align: center;
  }

  .slogan p
  {
    font-size: 12px;
    margin-left: 4%;
  }


  .search_border
  {
    width: 85%;
    height: 25px;
    /*margin-left: 8%;*/
  }

  .search_border input
  {
    font-size: 10px;
    width: 45%;
    height: 18px;
  }

  .search_border button
  {
    margin-left: 20px;
    font-size: 6px;
    padding: 5px;
  }


}

@media screen and (min-width:100px) and (max-width:199px)
{

  html
  {

    width: 100%;
    /*border: 2px solid blue;*/
    /*padding-right: 100px;*/
    padding-bottom: 90px;
    margin-right: -25px;
  }

  html
  {
    background-image:
    linear-gradient(hsla(273 , 69% , 30%, 0.7),50%, black),
        url('../_images/background_400_224.png');
  }

  .dynamic_header{
    font-size: 12px;
    grid-template-columns: 30% 70%;
    padding-top: 17px;
    /*border: 2px solid white;*/
  }

  .pub_nav_right{
    display: grid;
    grid-template-columns: 90% 10%;
    /*border: 2px solid pink;*/
  }


  .login_signup
  {
    /*border: 2px solid blue;*/
    padding-top: 0px;
    /*width: 100%;*/
  }


  .L_and_S
  {
    /*border: 2px solid yellow;*/
    gap: 5px;
    /*padding: 4px 10px 0px 10px;*/
    padding: 0;
    margin: 0;
  }


  .loginoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 7px;
    padding: 5px 0px;
    margin-bottom: 0px;
    margin-top: 7px;
  }

  .signupoptions_dropdown_btn {
    border: 2px solid white;
    text-align: center;
    font-size: 7px;
    padding: 5px 0px;
    margin-bottom: 0px;
    margin-top: 7px;
  }


  .login{
    width: 100%;
    position: relative;
  }

  .signup{
    width: 100%;
    position: relative;
  }


  .login_options {
    text-align: center;
    /*position: absolute;
    width: 100%;
    padding: 0px 0px;*/
  }

  .signup_options {
    text-align: center;
    /*width: 100%;*/
  }


  .login_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size: 5px;
  }

  .signup_options a
  {
    padding-bottom: 8px;
    padding-top: 8px;
    font-size:5px;
  }

  .public_pages
  {
    display: none;
  }

  .hidden
  {
    display: block;
    /*border: 2px solid red;*/
    /*width: 100%;*/
    text-align: center;
    padding-left: 15%;
    padding-top: 7px;
  }

  .loginoptions_dropdown_btn
  {
    font-size: 9px;
  }

  .signupoptions_dropdown_btn
  {
    font-size: 9px;
  }



  .loggedinoptions_dropdown_btn
  {
    font-size: 5px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
    margin-top: 3px;
  }

  .loggedinoptions_dropdown_btn2
  {
    font-size: 5px;
    padding: 6px 0px 6px 0px;
    width: 80%;
    margin-left: 20%;
    margin-top: 3px;
  }


  .signedin_options {
    padding-top: 5px;
    margin-top: 30px;
    margin-left: 20%;
  }

  .signedin_options2 {
    padding-top: 5px;
    margin-top: 30px;
    margin-left: 20%;
  }

  .signedin_options a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 5px;
  }

  .signedin_options2 a
  {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 5px;
  }


  /*************  Drop down Menu     */
  .hidden a:hover
  {
    background-color: #D99E30;
    color: black;
    cursor: pointer;
  }

  .hidden_linksArea_link_dropdown_btn
  {
    background-color: transparent;
    color: #D59B30;
    font-size: 11px;
    border: 2px solid white;
    border-radius: 3px;
    padding: 4px 0px 4px 0px;
    width: 30%;
    text-align: center;
    cursor: pointer;
    margin: 0;
  }

  .myLinks
  {
    visibility: hidden;
    position: absolute;
    background-color: transparent;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: center;
    transform: translateY(-1em);
    transition: transform ease 0.7s;
    width: 45%;
    margin-left: 0px;
  }

  input[type="checkbox"]:checked ~ .myLinks {
    visibility: visible;
    transform: translateY(0);
  }

  .myLinks a {
    color: white;
    padding: 12px 5px 10px 5px;
    display: block;
    font-size: 12px;
    text-decoration: none;
  }

 .hidden_linksArea_link{
    list-style-type: none;
    text-align: center;
    margin-left: 0px;
    padding-left: 0px;
  }


  /************Index Logo*************/

  .logo
  {
    padding-top: 130px;
  }


  .logo img
  {
    height: 60px;
    margin-left: 2%;
    margin-bottom: 20px;
  }


  .logo_v video
  {
    height: 50px;
    /*border: 2px solid red;*/
    margin-top: 80px;
    padding-bottom: 20px;
    margin-bottom: -20px;/*To reduce the gap between the video and the slogan*/
  }

  .slogan
  {
    display: inline;
    text-align: center;
  }

  .slogan p
  {
    font-size: 12px;
    margin-left: 4%;
  }


  .search_border
  {
    width: 85%;
    height: 25px;
    /*margin-left: 8%;*/
  }

  .search_border input
  {
    font-size: 10px;
    width: 45%;
    height: 18px;
  }

  .search_border button
  {
    margin-left: 20px;
    font-size: 6px;
    padding: 5px;
  }
}