@media (min-width: 1921px) and (max-width: 2560px) {
  :root {
    --h1: 50px;
    --transition: 0.3s ease-in-out;
    --h2: 45px;
    --h2a: 35px;
    --h3: 32px;
    --h3a: 24px;
    --h5: 24px;
    --baseFont: 16px;
    --smallFont: 14px;
  }

  div.index_logo_caption {
    font-size: 1.5em !important;
  }

  div.contact_page {
    font-size: 1.2em;
  }

  div.contact_caption>.h1 {
    font-size: 4rem !important;
  }

  div.contact_form,
  div.contact_form .btn-container>* {
    font-size: 1.1em !important;
  }

  div.contact_caption>div.contact_sub_caption {
    font-size: 1.5rem !important;
  }

  div.contact_links {
    font-size: 1.2em !important;
  }

  div.about_caption>.h1 {
    font-size: 2.5rem !important;
  }

  div.about_caption>.h5 {
    font-size: 1.8rem !important;
  }

  div.about_caption>.text {
    font-size: 1.5em !important;
  }

  div.about_caption .btn-container>* {
    font-size: 1.3em !important;
  }

  div.about_card_cover {
    transform: scale(1.4);
    margin-top: 5rem;
    margin-left: 8rem;
  }

  div.video_caption_title {
    font-size: 4em !important;
  }

  div.video_caption_subtext {
    font-size: 2em !important;
  }

  div.video_self_container {
    gap: 10rem;
  }
}

@media (min-width: 1441px) and (max-width: 1920px) {
  :root {
    --h1: 50px;
    --transition: 0.3s ease-in-out;
    --h2: 40px;
    --h2a: 30px;
    --h3: 28px;
    --h3a: 24px;
    --h5: 20px;
    --baseFont: 16px;
    --smallFont: 14px;
  }

  div.contact_page {
    font-size: 1.2em;
  }

  /* div.contact_caption>.h1 {
    font-size: 3em !important;
  } */

  div.contact_caption>div.contact_sub_caption {
    font-size: large;
  }

  div.about_caption>.text {
    font-size: 1.2em !important;
  }

  div.video_caption_title {
    font-size: 3em !important;
  }

  div.video_caption_subtext {
    font-size: 1.5em !important;
  }

  div.video_self_container {
    gap: 10rem;
  }
}

@media (min-width: 1281px) and (max-width: 1440px) {
  :root {
    --h1: 40px;
    --transition: 0.3s ease-in-out;
    --h2: 35px;
    --h2a: 30px;
    --h3: 28px;
    --h3a: 24px;
    --h5: 20px;
    --baseFont: 16px;
    --smallFont: 14px;
  }

  div.about_card_cover {
    transform: scale(1.1);
    margin-top: 0px;
    margin-left: -45px;
  }

  div.contact_page {
    font-size: 1.2em;
  }

  div.contact_caption>.h1 {
    font-size: 2.5rem !important;
  }

  div.contact_caption>div.contact_sub_caption {
    font-size: large !important;
  }

  video.video_player {
    margin-top: -106px;
    margin-left: -264px;
  }

  .contact_page .conatct-img {
    right: 101px;
    width: 100%;
    position: relative;
    transform: scale(1.5);
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  :root {
    --h1: 35px;
    --h2: 35px;
    --transition: 0.3s ease-in-out;
    --h2a: 30px;
    --h3: 30px;
    --h3a: 25px;
    --h5: 20px;
    --baseFont: 14px;
    --smallFont: 14px;
  }

  div.about_card_cover {
    transform: scale(0.8);
    margin-top: -60px;
    margin-left: -69px;
  }

  div.about_master_splitter {
    grid-template-columns: 50% 50%;
    grid-auto-flow: column;
  }

  div.about_caption>.text {
    font-size: 1em !important;
  }

  div.about_images {
    padding-left: 0px !important;
  }

  div.about_caption {
    padding-right: 0px !important;
  }

  video.video_player {
    transform: scale(0.8);
    margin-top: -106px;
    margin-left: -478px;
  }

  .contact_page .conatct-img {
    right: 101px;
    width: 100%;
    position: relative;
    transform: scale(1.5);
  }
}


@media (min-width: 0px) and (max-width: 1200px) {
  #header {
    background-color: #000000a8 !important;
    padding-bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1022px) {
  :root {
    --h1: 60px;
    --h2: 50px;
    --transition: 0.3s ease-in-out;
    --h2a: 40px;
    --h3: 35px;
    --h3a: 30px;
    --h5: 25px;
    --baseFont: 24px;
    --smallFont: 16px;
  }

  div.about_master_splitter {
    grid-template-columns: auto;
    grid-auto-flow: row;
  }

  div.about_caption>.text {
    font-size: 1em !important;
  }

  div.about_card_cover {
    justify-content: flex-start;
    transform: scale(1);
    margin-left: 0px;
    margin-top: 0px;
  }

  div.about_caption,
  div.about_images {
    flex-flow: row wrap;
    justify-content: center;
  }

  div.about_images {
    padding: 0px !important;
  }

  video.video_player {
    transform: scale(0.8);
    margin-top: -106px;
    margin-left: -600px;
  }

  div.video_caption_subtext {
    width: 40%;
  }

  div.video_caption_body {
    padding-left: 2rem !important;
  }

  .contact_input {
    height: 40px;
  }

  div#yourMessage {
    height: 121px;
  }

  .contact_page .conatct-img {
    right: 50px;
    width: 100%;
    position: relative;
    transform: scale(1.6);
  }

}

/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1022px) and (orientation: landscape) {
  :root {
    --h1: 60px;
    --h2: 50px;
    --transition: 0.3s ease-in-out;
    --h2a: 40px;
    --h3: 35px;
    --h3a: 30px;
    --h5: 25px;
    --baseFont: 24px;
    --smallFont: 16px;
  }

  div.contact_caption {
    margin-left: 0rem !important;

  }

  div.about_master_splitter {
    grid-template-columns: auto;
    grid-auto-flow: row;
  }

  div.about_card_cover {
    justify-content: flex-start;
    transform: scale(1);
    margin-left: 0px;
    margin-top: 0px;
  }

  video.video_player {
    transform: scale(0.8);
    margin-top: -106px;
    margin-left: -600px;
  }

  div.video_caption_subtext {
    width: 40%;
  }

  div.video_caption_body {
    padding-left: 2rem !important;
  }

  .contact_page .conatct-img {
    right: 0px;
    width: 100%;
    position: relative;
    transform: scale(1.6);
  }

}

@media (min-width: 300px) and (max-width: 767px) {
  .contact_form {
    margin-top: 1rem !important;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  :root {
    --h1: 40px;
    --h2: 36px;
    --transition: 0.3s ease-in-out;
    --h2a: 35px;
    --h3: 25px;
    --h3a: 25px;
    --h5: 20px;
    --baseFont: 20px;
    --smallFont: 16px;
  }

  div.contact_master_splitter {
    grid-template-columns: auto;
    grid-auto-flow: row;
  }

  div.contact_links {
    grid-auto-flow: row;
  }

  div.contact_caption {
    margin-left: 0rem !important;

  }

  div.about_master_splitter {
    display: block;
  }

  /* div.about_caption,
  div.about_images {
    text-align: center;
    flex-flow: row wrap;
  } */

  div.about_caption {
    margin-left: 0px !important;
  }

  div.about_images {
    padding: 0px !important;
  }

  div.about_card_cover {
    justify-content: flex-start;
    transform: scale(0.666);
    margin-left: 0px;
    margin-top: 0px;
  }

  video.video_player {
    transform: scale(0.8);
    margin-top: -106px;
    margin-left: -600px;
  }

  div.video_self_container {
    gap: 10rem;
  }

  div.video_caption_subtext {
    width: 100%;
  }

  div.video_caption_body {
    padding-left: 1rem !important;
  }

  div.about_caption,
  div.about_images {
    flex-flow: row wrap;
    justify-content: center;
  }

  .contact_page .conatct-img {
    right: 0;
    width: 100%;
    position: relative;
    transform: scale(1.3);
  }

  .what-is-myxd .what-is-myxd-img {
    top: unset;
    bottom: 24px !important;
  }

}

@media (min-width: 376px) and (max-width: 480px) {

  div.contact_master_splitter {
    grid-template-columns: auto;
    grid-auto-flow: row;
  }

  div.contact_links {
    grid-auto-flow: row;
  }

  div.contact_caption {
    margin-left: 0rem !important;

  }

  div.about_master_splitter {
    display: block;
  }

  /* div.about_caption,
  div.about_images {
    text-align: center;
    flex-flow: row wrap;
    justify-content: center;
  } */
  div.about_caption,
  div.about_images {
    flex-flow: row wrap;
    justify-content: center;
  }

  div.about_caption {
    margin-left: 0px !important;
  }

  div.about_caption>.text {
    font-size: 1em !important;
  }

  div.about_images {
    padding: 0px !important;
  }

  div.about_card_cover {
    justify-content: flex-start;
    transform: scale(0.666);
    margin-left: 0px;
    margin-top: 0px;
  }

  video.video_player {
    transform: scale(0.8);
    margin-top: -106px;
    margin-left: -600px;
  }

  div.video_self_container {
    gap: 10rem;
  }

  div.video_caption_subtext {
    width: 100%;
  }

  div.video_caption_body {
    padding-left: 1rem !important;
  }

  .contact_page .conatct-img {
    right: 0;
    width: 100%;
    position: relative;
    transform: scale(1.3);
  }

  .plan {
    padding-block: 0px;
  }


}

@media (min-width: 300px) and (max-width: 375px) {
  div.contact_master_splitter {
    grid-template-columns: auto;
    grid-auto-flow: row;
  }
  div.contact_links {
    grid-auto-flow: row;
  }
  .contact_page .conatct-img {
    right: 0;
    width: 100%;
    position: relative;
    transform: scale(1.3);
  }
}

@media (min-width: 320px) and (max-width: 375px) {
  .navbar-brand>.logo {
    margin-left: 0px !important;
  }

  div.contact_caption {
    margin-left: 0rem !important;

  }

  div.about_caption {
    margin-left: 0px !important;
  }

  div.about_caption>.text {
    font-size: 1em !important;
  }

  div.about_master_splitter {
    display: block;
  }

  /* div.about_caption,
  div.about_images {
    padding: 5vw 2vw !important;
    text-align: center;
    flex-flow: row wrap;
    justify-content: center;
  } */
  div.about_caption,
  div.about_images {
    flex-flow: row wrap;
    justify-content: center;
  }

  div.about_images {
    padding: 0px !important;
  }

  div.about_card_cover {
    justify-content: flex-start;
    transform: scale(0.5);
    margin-left: 0px;
    margin-top: 0px;
  }

  div.video_self_container {
    gap: 10rem;
  }

  div.video_caption_subtext {
    width: 100%;
  }

  div.video_caption_body {
    padding-left: 1rem !important;
  }

  .myxd-reality-col2 {
    margin-top: -13rem !important;
  }

}

/* X-Small devices (portrait phones, less than 576px) */
@media only screen and  (max-width: 575.98px)  and (min-width: 300px) {

  .fs-70 {
      font-size: 35px;
  }
  .fs-20 {
      font-size: 16px;
      line-height: 24px;
  }

  .fs-60 { font-size: 29px; }

  .fs-25 { font-size: 16px; }
  .fs-50 { font-size: 22px; }

  .fs-30 {
      font-size: 20px;
  }
  .fs-35 {
      font-size: 21px;
  }

  .fs-41 {
      font-size: 24px;
  }

}

/* Small devices (landscape phones, less than 768px) */
@media only screen and (max-width: 768.98px) and (min-width: 576px) {

  .fs-70 {
      font-size: 40px;
  }
  .fs-20 {
      font-size: 18px;
  }
  .fs-60 { font-size: 40px; }

  .fs-50 { font-size: 22px; }

  .fs-30 {
      font-size: 20px;
  }
  .fs-35 {
      font-size: 25px;
  }
  .fs-25 {
      font-size: 18px;
  }


  .fs-41 {
      font-size: 24px;
  }

}

/* Medium devices (tablets, less than 992px) */
@media only screen and (max-width: 991.98px) and (min-width: 769px)  {
  .fs-70 {
      font-size: 40px;
  }
  .fs-20 {
      font-size: 18px;
  }
  .fs-35 {
      font-size: 28px;
  }
  .fs-60 { font-size: 36px; }

  .fs-25 { font-size: 14px; }

  .fs-50 { font-size: 22px; }

  .fs-30 {
      font-size: 13px;
  }
  .fs-41 {
      font-size: 24px;
  }


}

/* Large devices (desktops, less than 1200px) */
@media only screen and (max-width: 1199.98px) and (min-width: 992px)  {        
  .fs-70 {
      font-size: 40px;
  }
  .fs-20 {
      font-size: 18px;
      line-height: 26px;
  }
  .fs-60 { font-size: 36px; }

  .fs-25 { font-size: 14px; }

  .fs-50 { font-size: 22px; }

  .fs-30 {
      font-size: 13px;
  }
  .fs-35 {
      font-size: 24px;
  }
  .fs-41 {
      font-size: 24px;
  }

}

/* X-Large devices (large desktops, less than 1400px) */
@media only screen and (max-width: 1399.98px) and (min-width: 1200px)  {    
  .fs-70 {
      font-size: 47px;
  }
  .fs-20 {
      font-size: 18px;
      line-height: 26px;
  }
  .fs-60 { font-size: 42px; }

  .fs-25 { font-size: 15px; }

  .fs-50 {
      font-size: 36px;
  }
  .fs-30 {
      font-size: 18px;
  }
  .fs-35 {
      font-size: 26px;
  }

  .fs-41 {
      font-size: 35px;
  }
  nav .nav-link {
    font-size: 14px;
}
.navbar-collapse .gap-4{
   gap: 1rem !important;
}
}



@media only screen and (max-width: 1800.98px) and (min-width: 1400px)  {
  .fs-70 {
      font-size: 47px;
  }
  .fs-20 {
      font-size: 20px;
  }
  .fs-60 { font-size: 47px; }

  .fs-25 { font-size: 20px; }

  .fs-50 { font-size: 31px; }

  .fs-30 {
      font-size: 18px;
  }
  .fs-35 {
      font-size: 25px;
  }
  .fs-41 {
      font-size: 35px;
  }
}




@media (max-width: 575.98px)
{
  nav .navbar-brand .logo {
    max-width: 75px;
}
}
@media (min-width: 768px) and (max-width: 991.98px)
{
  nav .navbar-brand .logo {
    max-width: 90px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px)
{
  nav .navbar-brand .logo {
  max-width: 90px;
}

}
@media (min-width: 1498.98px)
{

.customFileUpload .cohartGradientBtn {
  width: 33% !important;
}
}