table, td{
        border:none;
        padding:11px;
    }

    #btn_submit{
        background-color: black;
        color: white;
        border-radius: 16px;
        height: 50px;
        width: 205px;
        font-size: 19px;
        border: none;
        padding: 13px;
    }
    .chkContainer {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 15pxpx;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    /* Hide the browser's default checkbox */
    .chkContainer input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }

    /* Create a custom checkbox */
    .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 20px;
      width: 20px;
      /*background-color: #eee;*/
      border: 1px solid gray;
      border-radius: 5px;
    }

    /* On mouse-over, add a grey background color */
    .chkContainer:hover input ~ .checkmark {
      /*background-color: #ccc;*/
    }

    /* When the checkbox is checked, add a blue background */
    .chkContainer input:checked ~ .checkmark {
      background-color: black;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }

    /* Show the checkmark when checked */
    .chkContainer input:checked ~ .checkmark:after {
      display: block;
    }

    /* Style the checkmark/indicator */
    .chkContainer .checkmark:after {
      left: 7px;
      top: 2px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    a:hover{
        text-decoration: none;
    }
    #btn_submit{
        border-radius:7px;
        padding-top:5px;
        padding-bottom: 5px;
        font-weight: 400;
    }    

    #shipping_dest{
        font-size:20px; 
        padding:10px; 
        margin-bottom:5px; 
        margin-top:-12px;
    }

    .cls_where{
        float:left;
        width: 50%;
        text-align: center;
    }

    #Total{
        font-size:20px;
        text-align:right;
    }
    #PriceTotal{
        font-size:20px;
    }

    .div_where{
        float: left;
        width: 50%;
        text-align: center;
        font-size:12px;
    }

/* Specific to the large screens */
@media only screen and (min-width:990px){
     #bb_number{
        margin-bottom:50px;
        width:500px
    }
    #bb_where{
        text-align:left; 
        width:500px; 
        margin:auto;
    }
    #sign_in_div.BB{
        margin-bottom:50px; 
        width:890px; 
        max-width:700px;/*950px; */
        margin-right:auto; 
        margin-left:auto;/*50px; 
        padding:15px; */
        padding-top:15px;
        margin-top:100px;
        /*background-color:rgba(100,100,100,0.1);*/
        text-align:center;
        margin-left: calc(50% - 350px);
    }
    h2{
        font-size:35px;
    }
    

    
}
         

/* Specific to the medium screens */
@media only screen and (max-width:990px) and (min-width:750px){
    #bb_number{
        margin-bottom:50px;
        width:90%;
        max-width:660px;
    }
    #bb_where{
        text-align:left; 
        width:100%; 
        margin:auto;
    }
    #sign_in_div.BB{
        margin-bottom:50px; 
        width:90%; 
        max-width:950px; 
        margin-right:auto; 
        margin-left:auto; 
        padding:15px; 
        margin-top:100px;
        /*background-color:rgba(100,100,100,0.1);*/
    }
    
    #div_contents{
        max-width: 90%;
        text-align: center;
    }
    
    h2{
        font-size:35px;
    }
}

@media only screen and (max-width:750px) and (min-width:500px){
    #bb_number{
        max-width: 660px;
        width: 90%;
        font-size:12px;
    }
    #bb_where{
        text-align:left; 
        width:100%; 
        margin:auto;
    }
    #sign_in_div.BB{
        margin-bottom:50px; 
        width:90%; 
        max-width:950px;  
        margin-right:auto; 
        margin-left:auto; 
        padding:15px; 
        margin-top:100px;
        /*background-color:rgba(100,100,100,0.1);*/
    }
    
    #div_contents{
        max-width: 90%;
        text-align: center;
    }
    
    h2{
        font-size:25px;
    }
    
    #Total{
        font-size:16px;
        text-align:right;
    }
    #PriceTotal{
        font-size:14px;
    }
    #shipping_dest{
        font-size:14px;
    }
    #bb_where{
        font-size:14px;
    }
    .div_where{
        float: left;
        width: 50%;
        text-align: center;

    }
    #div_logo{
        width:44%;
    }
    #div_logo img {
        width: 250px;
        width: 160px;
        max-width: 200px;
        margin-top: 5px;
    }
    #left_menu {
        width: 54%;
        font-size:12px;
    }
    
}



/* Specific to the small screens */
@media only screen and (max-width:500px){

    #bb_number{
        margin-bottom:50px;
        width:100%;
    }
    #bb_where{
        text-align:left; 
        width:100%; 
        margin:auto;
    }
    #sign_in_div.BB{
        margin-bottom:50px; 
        /*width:80%; */
        width:86%;
        max-width:100%; 
        margin-right:auto; 
        margin-left:auto; 
        padding:15px; 
        margin-top:100px;
        /*background-color:rgba(100,100,100,0.1);*/
        
        
        padding:1px;
        max-width:94%; 
    }
    
    #div_contents{
        /*max-width: 90%;*/
        max-width:100%;
        text-align: center;
        margin:unset
    }
    h2{
        font-size: 16px;
    }
    th{
        font-size: 12px;
    }
    td{
        font-size: 12px;
    }
    
    #confirm_form{
        font-size: 12px;
    }
    
    
    .chkContainer {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 15pxpx;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    /* Hide the browser's default checkbox */
    .chkContainer input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }

    /* Create a custom checkbox */
    .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 15px;
      width: 15px;
      /*background-color: #eee;*/
      border: 1px solid gray;
      border-radius: 5px;
    }

    /* On mouse-over, add a grey background color */
    .chkContainer:hover input ~ .checkmark {
      /*background-color: #ccc;*/
    }

    /* When the checkbox is checked, add a blue background */
    .chkContainer input:checked ~ .checkmark {
      background-color: black;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }

    /* Show the checkmark when checked */
    .chkContainer input:checked ~ .checkmark:after {
      display: block;
    }

    /* Style the checkmark/indicator */
    .chkContainer .checkmark:after {
      left: 5px;
      top: -1px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    
    
    #btn_submit{
        border-radius:7px;
        padding-top:5px;
        padding-bottom: 5px;
        font-weight: 400;
        font-size:13px;
    }  
    
    #shipping_dest{
        font-size:14px; 
        padding:10px; 
        margin-bottom:5px; 
        margin-top:-12px
    }
    
    .div_where{
        float:left;
        width: 50%;
        text-align: center;
    }
    .radio_labels{
        font-size:12px;
    }
}