#sig{
    visibility: hidden;
}

#boy{
    background: -webkit-linear-gradient(left, #3931af, #00c6ff);
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    #boy{
  background: white;
    }
    
    #top{
        margin-top: 5px !important; 
        height: 70px;
    }
    .panel-default {
    border-color:#fff !important;
}
   .panel-body {
    padding: 0;
}
    
    .panel {
        padding: 2px !important;
        background-color: white !important;
    }
    .control-label,.table,.table-bordered{
        font-size:16px !important;
    }
    
    .form-control {
    font-size: 18px !important;
    border-radius: 0px !important;
    }
    
    #bksub{
    padding: 15px;
    width: 100% !important;
    border-radius: 50px;
    font-weight: bold;
    font-size: 18px;
    }
    
    .morti{
        font-size:18px !important;
    }
    .ti1 {
        font-size:20px;
     }
    .bkapti{
        font-size:22px;
    }
    .eptil {
       font-size:24px;
    }
    .eprtil,.bktil {
        font-size:24px;
        font-weight: bold;
    }
    .form-control {
        font-size:18px !important;
    }
    
    .ti2,.bkdisl {
        font-size:16px;
    }
    .eptil2{
       font-size: 16px !important;
    }
    .ent{
        font-size:13px;
    }
       .ti3{
        font-size:px;
    }
    .ti4{
        font-size:8px;
    }
    #pnl{
       padding: 10px !important; 
    }
    
    .sr {
        margin-top: -15px;
    }
    .vn {
  color: #fff !important;
font-size: 22px !important;
margin-top: -20px;
background-color: #981919e6;
border-radius: 50px;
padding: 10px;
    }
    .sn{
        color: red !important;
font-size: 16px !important;
padding: 10px;
    }
    
    
    
  .serv {
        padding: 0px !important;
    font-size: 15px;
    }
    
    .fot{
        font-size:16px !important;
    }
    
    #exit{
    background-color: red;
    padding: 12px !important;
    color: whitesmoke;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px !important;
    }
    
    #printPageButton{
        padding: 10px !important;
    border-radius: 50px !important;
      margin-left: 5px !important;
      font-size: 12px !important;
margin-left: 5px;
width: 120px !important;
   
    }
}

@media print {
  #printPageButton,#exit {
    display: none;
  }
  #sig{
    visibility: visible;
}
footer{
    display: none;
}
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    
}