.services-div-css .btn
    {
      position: fixed;
      bottom: 15px;
      background-color:#fff;
      padding: unset;
      width: 42px;
      border-radius: 50%;
      border: 2px solid #6db6e5;
      color:#6db6e5;
      z-index: 999;
      margin-bottom: 0px;
    }
    #exampleModalLong .modal-header h5, #exampleModalLong .modal-header .close
    {
        display: inline-block;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    #exampleModalLong .modal-header .close
    {
        opacity: unset;
    }
    #exampleModalLong .modal-dialog
    {
        margin: 0px;
    }
    #exampleModalLong .modal-content
    {
        border-radius: 0px;
        height: 100vh;
    }
    #exampleModalLong .modal-header
    {
        background: #12a4bb;
    }
    #exampleModalLong ul li 
    {
        border-bottom: 1px dashed #EEEEEE;
        line-height: 250%;
    }
    #exampleModalLong ul li .fa
    {
        color: #0099FF;
        padding-right: 10px;
    }
    #exampleModalLong .sub-heading
    {
        color: #12a4bb;
        margin-top: 22px;
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    .services-div-css .btn-primary:active, .services-div-css .btn-primary:focus
    {
        color: #204d74;
    }
    #exampleModalLong a 
    {
        color: #424242;
    }


    .tablet-div button.btn.btn-primary 
    {
        position: fixed;
        top: 45%;
        right: -95px;
        /* width: 42px; */
        height: 42px;
        padding: 12px;
        background: #12a4bb;
        color: #fff;
        opacity: unset;
        transform: rotate(90deg);
        margin: 0;
    }
    .mobilesidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        right: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.5s;
    }

.mobilesidenav a:hover {
    color: #f1f1f1;
}

.mobilesidenav .closebtn {
    position: absolute;
    top: 18px;
    right: 20px;
    font-size: 36px;
    margin-left: 50px;
    color: #fff;
}
.mobilesidenav h4
{
    margin-bottom: 0px;
    margin-top: 0px;
    color: #fff;
    background: #12a4bb;
    padding: 20px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.mobilesidenav ul li
{
    font-size: 16px;
    line-height: 300%;
    border-bottom: 1px dashed #E0E0E0;
}
.mobilesidenav ul
{
    padding-left: 20px;
}
.mobilesidenav a 
{
    color: #424242;
}
.mobilesidenav a .fa
{
    color: #12a4bb;
}

@media screen and (max-height: 450px) {
  .mobilesidenav {padding-top: 15px;}
  .mobilesidenav a {font-size: 18px;}
}

/*----------------------- Mobile Portrait--------------------*/
@media screen and (max-width: 768px) and (orientation: portrait)
{
  .tablet-div
  {
    display: none;
  }
  .container.web-maintainance .box-blue.sidemenus
  {
    display: none;
  }
}
/*----------------------- mobile landspace ------------------*/
@media screen and (max-device-width: 768px) and (orientation: landscape)
{
  .tablet-div
  {
    display: none;
  }
    .container.web-maintainance .box-blue.sidemenus
  {
    display: none;
  }
}
/*----------------------- Second Query for labtop --------------------*/
@media screen and (min-width: 1025px)
{
 .tablet-div
  {
    display: none;
  }
  .services-div-css
  {
    display: none;
  }
  #exampleModalLong
  {
    display: none !important;
  }
}
/*---------------------- ipad portrait -------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait)
{
 .tablet-div
  {
    display: block;
  }
  .services-div-css
  {
    display: none;
  }
    #exampleModalLong
  {
    display: none !important;
  }
  .modal-backdrop
  {
    position: unset;
    background-color: unset;
  }
    .container.web-maintainance .box-blue.sidemenus
  {
    display: none;
  }
}
/*---------------------- ipad landscape -----------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape)
{
 .tablet-div
  {
    display: none;
  }
  .services-div-css
  {
    display: none;
  }
    #exampleModalLong
  {
    display: none !important;
  }
}