@media (min-width: 768px){
.col-md-6{
max-width:47%;
}

.col-md-6-with-space{
margin-right:5%;
}

.nav-link{
margin-top:16px;
}

#headlineDOIcontainer{
margin-bottom:30px;
}


.custom-control-input:checked~.custom-control-label::before{
border-color: #fff !important;

}
.custom-switch{
margin-bottom:11.5px;
}
    /* Set a fixed width for the form container */
    .custom-form-container {
      max-width: 1366px; /* Adjust the maximum width as needed */
      margin: 0 auto; /* Center the form horizontally */
margin-top:70px !important;
margin-bottom:55px !important;
    }
   #Logo{
   width:250px;
     height:48px;
     padding-left:4.125rem;
     margin-top:20px;
     margin-bottom:40px;
   }
   .form-check{
   margin-top:20px;
   }
   .accordion-content {
      display: none;
    }
#beurer-link-shop{
margin-bottom:20px;
background-color:#c50050;
border-color:#c50050;
}

#submitted{
margin-bottom:10px;
background-color:#c50050;
border-color:#c50050;
}



   @media screen and (max-width: 767px) {
    #Logo {
       width:150px;
height:40px;
margin-left:20px;
      padding-left:0rem;
      }

#social_media_table {
    width: auto;
    max-width: 100%;

  }



#td_empty{
width:0 !important;
}
#logo_section{
width: 200px;
}
  /* Center-align the content in the table cells on mobile */
  #sm_icon {
    text-align: center;
  }
  /* Reduce spacing between table cells on mobile */
  td.contentspace {
    width: auto !important;
  }
  /* Make social media icons inline-block for horizontal alignment */
  td.align-icons {
    text-align: center;
  }
  /* Add some margin between icons on mobile */
  td.align-icons img {
    margin-right: 10px;
  }
#LogoPic{
height:30px !important;
}
#social_media_links{
padding-right:0% !important;
}
}


header{
margin-bottom:0px !important;
}


    }
#thank_you{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji !important;

}
  
    /* Toggle switch color when checked */
    .custom-switch .custom-control-label::before {
      background-color: #fff; /* Default background color when unchecked */
    }
    .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
      background-color: #C50050; /* Color when checked (true) */
    }




.container{
max-width:1366px;
}

#social_media_links{

flex-direction:row;
}
@media (max-width: 767px) {
            .navbar-brand {
                margin-right: auto; /* Center the logo on small screens */
            }
            .navbar-nav {
                margin-left: auto; /* Center the social icons on small screens */
            }
.nav-link{
margin-top:20px;
}
   {
      margin-left: auto !important;
    }
  }
           
        }

.nav-item{
margin-right:7px;
}
.mt-5, .my-5 {
    margin-top: 0.2rem!important;
}



hr{
width:100%;
}

.stylingblock-content-wrapper{
width:100%;
margin-left:auto;
margin-right:auto;


}
.mt-5, .my-5 {
    margin-top: 1.2rem!important;
}
#label_copy_container{
margin-bottom:45px;
}



 .custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

@media screen and (max-width: 768px) {
    h1, .h1 {
        font-size: 26px; /* Smaller font size for h1 on small screens */
margin-bottom:30px;
    }
    h2, .h2 {
        font-size: 20px; /* Smaller font size for h2 on small screens */
    }
.mt-5, .my-5 {
  margin-top: 0px !important; 
}

.btn-primary {
    color: #fff;
    background-color: #C50050;
    border-color: #C50050;
margin-bottom:30px;
}
}