/******** For mobile device ********/
/******************************/
/*---- Responsive base screen witdh ------- */
/* width - 30 */
/* Tablet Devices Resizing */
@media only screen and (max-width: 1403px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 1240px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 1100px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 1024px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 980px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 955px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 880px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 800px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 780px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 768px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 740px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 720px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 640px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 620px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 600px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 568px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 563px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 549px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 534px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 480px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 360px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 338px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 330px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
 
@media only screen and (max-width: 320px) {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

@media all and (min-width: 50px)   {  body  { font-size:0.1em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 100px)  {  body  { font-size:0.2em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 200px)  {  body  { font-size:0.4em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 300px)  {  body  { font-size:0.6em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 400px)  {  body  { font-size:0.8em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 500px)  {  body  { font-size:1.0em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 600px)  {  body  { font-size:1.2em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 700px)  {  body  { font-size:1.4em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 800px)  {  body  { font-size:1.6em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 900px)  {  body  { font-size:1.8em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 1000px) {  body  { font-size:2.0em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 1100px) {  body  { font-size:2.2em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 1200px) {  body  { font-size:2.4em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 1300px) {  body  { font-size:2.6em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 1400px) {  body  { font-size:2.8em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 1500px) {  body  { font-size:3.0em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 1500px) {  body  { font-size:3.2em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 1600px) {  body  { font-size:3.4em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
@media all and (min-width: 1700px) {  body  { font-size:3.6em;  }#hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  } }
 
@media print {
 #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}
/*---- end Responsive base screen witdh ------- */
@media screen and (max-width: 600px) {
  #hidden_on_mobile {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
  .row.table-row {
    display: block;
    margin: 0;
    width: 100%;
    display: -webkit-box;   
    display: -moz-box;      
    display: -ms-flexbox;   
    display: -webkit-flex;  
    display: flex !important;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .v-job-right {
    order: 1 !important;
    -webkit-order: 1 !important;
    -moz-order: 1 !important;
    -ms-order: 1 !important;
  }
  .v-job-left {
    min-height: auto;
    order: 2 !important;
    -webkit-order: 2 !important;
    -moz-order: 2 !important;
    -ms-order: 2 !important;
  }
  .top-job {
    height: 470px !important;
    overflow: auto !important;
    margin-bottom: 10px !important;
}

  .top-job-item {
      min-height: 94px !important;
  }
}