/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .login-div{
    width: 80%;
    display: block;
    margin: 150px auto;
  }
   .navbar .nav-item .nav-link {
      padding: 10px 20px !important;
  }
  /*.navbar .nav-item{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }*/

  .box-left-container h3{
    font-size: 20px !important;
  }
  p{
    font-size: 14px !important;
  }
  .box-left-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .btn{
    font-size: 12px !important;
    font-weight: normal;
  }
  .content-adjust .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
  }
  .detail-grid .row .col-md-4{
    flex: 0 0 100%;
      max-width: 100%;
      min-height: 120px;

  }
  .detail-grid .row .col-md-8{
    flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
  }
  .progress-bar-circle {
      position: relative !important;
      width: 100px !important;
      margin: 0px auto !important;
  }
  .logout{
    padding-left: 25px !important;
  }
  .gridbox-heading{
    font-size: 14px !important;
  }
  .search-input{
    height: 34px !important;
  }
  .gridbox-heading .self-managed{
    float: inherit !important;
    font-weight: normal;
    padding: 3px 5px;
  }
  .navbar .nav-item .nav-link{
    padding: 10px 42px !important;
    }
  .login-div{
    width: 80% !important;
  }
  .box-grid{
    min-height: 290px !important;
  }
  /* a */
  .box-availble-amounts h4{
    font-size: 17px !important;
  }
  .detail-grid{
    padding: 25px 5px 0px !important;
  }

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
     .login-div{
    width: 80%;
    display: block;
    margin: 150px auto;
  }
   .navbar .nav-item .nav-link {
      padding: 10px 20px !important;
  }
  /*.navbar .nav-item{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }*/

  .box-left-container h3{
    font-size: 20px !important;
  }
  p{
    font-size: 14px !important;
  }
  .box-left-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .btn{
    font-size: 12px !important;
    font-weight: normal;
  }
  .content-adjust .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
  }
  .detail-grid .row .col-md-4{
    flex: 0 0 100%;
      max-width: 100%;
      min-height: 120px;

  }
  .detail-grid .row .col-md-8{
    flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
  }
  .progress-bar-circle {
      position: relative !important;
      width: 100px !important;
      margin: 0px auto !important;
  }
  .logout{
    padding-left: 25px !important;
  }
  .gridbox-heading{
    font-size: 14px !important;
  }
  .search-input{
    height: 34px !important;
  }
  .gridbox-heading .self-managed{
    float: inherit !important;
    font-weight: normal;
    padding: 3px 5px;
  }
  .navbar .nav-item .nav-link{
    padding: 10px 42px !important;
    }
  .login-div{
    width: 80% !important;
  }
  .box-grid{
    min-height: 290px !important;
  }
   .box-availble-amounts h4{
    font-size: 17px !important;
  }
  .detail-grid{
    padding: 25px 5px 0px !important;
  }

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
     .login-div{
    width: 80%;
    display: block;
    margin: 150px auto;
  }
   .navbar .nav-item .nav-link {
      padding: 10px 20px !important;
  }
  /*.navbar .nav-item{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }*/

  .box-left-container h3{
    font-size: 20px !important;
  }
  p{
    font-size: 14px !important;
  }
  .box-left-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .btn{
    font-size: 12px !important;
    font-weight: normal;
  }
  .content-adjust .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
  }
  .detail-grid .row .col-md-4{
    flex: 0 0 100%;
      max-width: 100%;
      min-height: 120px;

  }
  .detail-grid .row .col-md-8{
    flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
  }
  .progress-bar-circle {
      position: relative !important;
      width: 100px !important;
      margin: 0px auto !important;
  }
  .logout{
    padding-left: 25px !important;
  }
  .gridbox-heading{
    font-size: 14px !important;
  }
  .search-input{
    height: 34px !important;
  }
  .gridbox-heading .self-managed{
    float: inherit !important;
    font-weight: normal;
    padding: 3px 5px;
  }
  .navbar .nav-item .nav-link{
    padding: 10px 42px !important;
    }
  .login-div{
    width: 80% !important;
  }
  .box-grid{
    min-height: 290px !important;
  }
   .box-availble-amounts h4{
    font-size: 17px !important;
  }
  .detail-grid{
    padding: 25px 5px 0px !important;
  }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
     .login-div{
    width: 80%;
    display: block;
    margin: 150px auto;
  }
   .navbar .nav-item .nav-link {
      padding: 10px 20px !important;
  }
  /*.navbar .nav-item{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }*/

  .box-left-container h3{
    font-size: 20px !important;
  }
  p{
    font-size: 14px !important;
  }
  .box-left-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .btn{
    font-size: 12px !important;
    font-weight: normal;
  }
  .content-adjust .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
  }
  .detail-grid .row .col-md-4{
    flex: 0 0 100%;
      max-width: 100%;
      min-height: 120px;

  }
  .detail-grid .row .col-md-8{
    flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
  }
  .progress-bar-circle {
      position: relative !important;
      width: 100px !important;
      margin: 0px auto !important;
  }
  .logout{
    padding-left: 25px !important;
  }
  .gridbox-heading{
    font-size: 14px !important;
  }
  .search-input{
    height: 34px !important;
  }
  .gridbox-heading .self-managed{
    float: inherit !important;
    font-weight: normal;
    padding: 3px 5px;
  }
  .navbar .nav-item .nav-link{
    padding: 10px 42px !important;
    }
  .login-div{
    width: 80% !important;
  }
  .box-grid{
    min-height: 290px !important;
  }
   .box-availble-amounts h4{
    font-size: 17px !important;
  }
  .detail-grid{
    padding: 25px 5px 0px !important;
  }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
     .login-div{
    width: 80%;
    display: block;
    margin: 150px auto;
  }
   .navbar .nav-item .nav-link {
      padding: 10px 20px !important;
  }
  /*.navbar .nav-item{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }*/
 
  .box-left-container h3{
    font-size: 20px !important;
  }
  p{
    font-size: 14px !important;
  }
  .box-left-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .btn{
    font-size: 12px !important;
    font-weight: normal;
  }
  .content-adjust .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
  }
  .detail-grid .row .col-md-4{
    flex: 0 0 100%;
      max-width: 100%;
      min-height: 120px;

  }
  .detail-grid .row .col-md-8{
    flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
  }
  .progress-bar-circle {
      position: relative !important;
      width: 100px !important;
      margin: 0px auto !important;
  }
  .logout{
    padding-left: 25px !important;
  }
  .gridbox-heading{
    font-size: 14px !important;
  }
  .search-input{
    height: 34px !important;
  }
  .gridbox-heading .self-managed{
    float: inherit !important;
    font-weight: normal;
    padding: 3px 5px;
  }
  .navbar .nav-item .nav-link{
    padding: 10px 42px !important;
    }
  .login-div{
    width: 80% !important;
  }
.box-grid{
    min-height: 290px !important;
  }
   .box-availble-amounts h4{
    font-size: 17px !important;
  }
  .detail-grid{
    padding: 25px 5px 0px !important;
  }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
     .login-div{
    width: 80%;
    display: block;
    margin: 150px auto;
  }
   .navbar .nav-item .nav-link {
      padding: 10px 20px !important;
  }
  /*.navbar .nav-item{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }*/

  .box-left-container h3{
    font-size: 20px !important;
  }
  p{
    font-size: 14px !important;
  }
  .box-left-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .btn{
    font-size: 12px !important;
    font-weight: normal;
  }
  .content-adjust .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
  }
  .detail-grid .row .col-md-4{
    flex: 0 0 100%;
      max-width: 100%;
      min-height: 120px;

  }
  .detail-grid .row .col-md-8{
    flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
  }
  .progress-bar-circle {
      position: relative !important;
      width: 100px !important;
      margin: 0px auto !important;
  }
  .logout{
    padding-left: 25px !important;
  }
  .gridbox-heading{
    font-size: 14px !important;
  }
  .search-input{
    height: 34px !important;
  }
  .gridbox-heading .self-managed{
    float: inherit !important;
    font-weight: normal;
    padding: 3px 5px;
  }
  .navbar .nav-item .nav-link{
    padding: 10px 42px !important;
    }
  .login-div{
    width: 80% !important;
  }
.box-grid{
    min-height: 290px !important;
  }
   .box-availble-amounts h4{
    font-size: 17px !important;
  }
  .detail-grid{
    padding: 25px 5px 0px !important;
  }
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {

 .login-div{
    width: 80%;
    display: block;
    margin: 150px auto;
  }
   .navbar .nav-item .nav-link {
      padding: 10px 20px !important;
  }
  /*.navbar .nav-item{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }*/
  
  .box-left-container h3{
    font-size: 20px !important;
  }
  p{
    font-size: 14px !important;
  }
  .box-left-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .btn{
    font-size: 12px !important;
    font-weight: normal;
  }
  .content-adjust .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
  }
  .detail-grid .row .col-md-4{
    flex: 0 0 100%;
      max-width: 100%;
      min-height: 120px;

  }
  .detail-grid .row .col-md-8{
    flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
  }
  .progress-bar-circle {
      position: relative !important;
      width: 100px !important;
      margin: 0px auto !important;
  }
  .logout{
    padding-left: 25px !important;
  }
  .gridbox-heading{
    font-size: 14px !important;
  }
  .search-input{
    height: 34px !important;
  }
  .gridbox-heading .self-managed{
    float: inherit !important;
    font-weight: normal;
    padding: 3px 5px;
  }
  .navbar .nav-item .nav-link{
    padding: 10px 42px !important;
    }
  .login-div{
    width: 80% !important;
  }
  .box-grid{
    min-height: 290px !important;
  }
   .box-availble-amounts h4{
    font-size: 17px !important;
  }
  .detail-grid{
    padding: 25px 5px 0px !important;
  }
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
     .login-div{
    width: 80%;
    display: block;
    margin: 150px auto;
  }
   .navbar .nav-item .nav-link {
      padding: 10px 20px !important;
  }
  /*.navbar .nav-item{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }*/
  
  .box-left-container h3{
    font-size: 20px !important;
  }
  p{
    font-size: 14px !important;
  }
  .box-left-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .btn{
    font-size: 12px !important;
    font-weight: normal;
  }
  .content-adjust .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
  }
  .detail-grid .row .col-md-4{
    flex: 0 0 100%;
      max-width: 100%;
      min-height: 120px;

  }
  .detail-grid .row .col-md-8{
    flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
  }
  .progress-bar-circle {
      position: relative !important;
      width: 100px !important;
      margin: 0px auto !important;
  }
  .logout{
    padding-left: 25px !important;
  }
  .gridbox-heading{
    font-size: 14px !important;
  }
  .search-input{
    height: 34px !important;
  }
  .gridbox-heading .self-managed{
    float: inherit !important;
    font-weight: normal;
    padding: 3px 5px;
  }
  .navbar .nav-item .nav-link{
    padding: 10px 42px !important;
    }
  .login-div{
    width: 80% !important;
  }
  .box-grid{
    min-height: 290px !important;
  }
   .box-availble-amounts h4{
    font-size: 17px !important;
  }
  .detail-grid{
    padding: 25px 5px 0px !important;
  }

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
     .login-div{
    width: 80%;
    display: block;
    margin: 150px auto;
  }
   .navbar .nav-item .nav-link {
      padding: 10px 20px !important;
  }
  /*.navbar .nav-item{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }*/

  .box-left-container h3{
    font-size: 20px !important;
  }
  p{
    font-size: 14px !important;
  }
  .box-left-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .btn{
    font-size: 12px !important;
    font-weight: normal;
  }
  .content-adjust .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
  }
  .detail-grid .row .col-md-4{
    flex: 0 0 100%;
      max-width: 100%;
      min-height: 120px;

  }
  .detail-grid .row .col-md-8{
    flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
  }
  .progress-bar-circle {
      position: relative !important;
      width: 100px !important;
      margin: 0px auto !important;
  }
  .logout{
    padding-left: 25px !important;
  }
  .gridbox-heading{
    font-size: 14px !important;
  }
  .search-input{
    height: 34px !important;
  }
  .gridbox-heading .self-managed{
    float: inherit !important;
    font-weight: normal;
    padding: 3px 5px;
  }
  .navbar .nav-item .nav-link{
    padding: 10px 42px !important;
    }
  .login-div{
    width: 80% !important;
  }
  .box-grid{
    min-height: 290px !important;
  }
   .box-availble-amounts h4{
    font-size: 17px !important;
  }
  .detail-grid{
    padding: 25px 5px 0px !important;
  }

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .navbar .nav-item .nav-link {
      padding: 10px 20px !important;
  }
  /*.navbar .nav-item{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }*/

  .box-left-container h3{
    font-size: 20px !important;
  }
  p{
    font-size: 14px !important;
  }
  .box-left-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .btn{
    font-size: 12px !important;
    font-weight: normal;
  }
  .content-adjust .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
  }
  .detail-grid .row .col-md-4{
    flex: 0 0 100%;
      max-width: 100%;
      min-height: 120px;

  }
  .detail-grid .row .col-md-8{
    flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
  }
  .progress-bar-circle {
      position: relative !important;
      width: 100px !important;
      margin: 0px auto !important;
  }
  .logout{
    padding-left: 25px !important;
  }
  .gridbox-heading{
    font-size: 14px !important;
  }
  .search-input{
    height: 34px !important;
  }
  .gridbox-heading .self-managed{
    float: inherit !important;
    font-weight: normal;
    padding: 3px 5px;
  }
  .navbar .nav-item .nav-link{
    padding: 10px 42px !important;
    }
  .login-div{
    width: 80% !important;
  }
  .left-index{
    display: none !important;
  }
  .right-index{
    width: 100% !important;
    margin-left: 0px !important;
  }
 

  .background-bg-part{
    display: block;
  }
  .navbar .nav-item{
    margin: 20px 0px 0px 0px !important;
  }
  .box-grid{
    min-height: 290px !important;
  }
   .box-availble-amounts h4{
    font-size: 17px !important;
  }
  .detail-grid{
    padding: 25px 5px 0px !important;
  }

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
     .navbar .nav-item .nav-link {
      padding: 10px 20px !important;
  }
  /*.navbar .nav-item{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }*/
 
  .box-left-container h3{
    font-size: 20px !important;
  }
  p{
    font-size: 14px !important;
  }
  .box-left-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .btn{
    font-size: 12px !important;
    font-weight: normal;
  }
  .content-adjust .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
  }
  .detail-grid .row .col-md-4{
    flex: 0 0 100%;
      max-width: 100%;
      min-height: 120px;

  }
  .detail-grid .row .col-md-8{
    flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
  }
  .progress-bar-circle {
      position: relative !important;
      width: 100px !important;
      margin: 0px auto !important;
  }
  .logout{
    padding-left: 25px !important;
  }
  .gridbox-heading{
    font-size: 14px !important;
  }
  .search-input{
    height: 34px !important;
  }
  .gridbox-heading .self-managed{
    float: inherit !important;
    font-weight: normal;
    padding: 3px 5px;
  }
  .navbar .nav-item .nav-link{
    padding: 10px 42px !important;
    }
  .login-div{
    width: 80% !important;
  }
  .left-index{
    display: none !important;
  }
  .right-index{
    width: 100% !important;
    margin-left: 0px !important;
  }
  

  .background-bg-part{
    display: block;
  }
  .navbar .nav-item{
        margin: 20px 0px 0px 0px !important;
  }
  .box-grid{
    min-height: 290px !important;
  }
   .box-availble-amounts h4{
    font-size: 17px !important;
  }
  .detail-grid{
    padding: 25px 5px 0px !important;
  }

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    
   .navbar .nav-item .nav-link {
      padding: 10px 20px !important;
  }
  /*.navbar .nav-item{
      margin-left: 0px !important;
      margin-right: 0px !important;
  }*/
  
  .box-left-container h3{
    font-size: 20px !important;
  }
  p{
    font-size: 14px !important;
  }
  .box-left-container{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .btn{
    font-size: 12px !important;
    font-weight: normal;
  }
  .content-adjust .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
  }
  .detail-grid .row .col-md-4{
    flex: 0 0 100%;
      max-width: 100%;
      min-height: 120px;

  }
  .detail-grid .row .col-md-8{
    flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
  }
  .progress-bar-circle {
      position: relative !important;
      width: 100px !important;
      margin: 0px auto !important;
  }
  .logout{
    padding-left: 25px !important;
  }
  .gridbox-heading{
    font-size: 14px !important;
  }
  .search-input{
    height: 34px !important;
  }
  .gridbox-heading .self-managed{
    float: inherit !important;
    font-weight: normal;
    padding: 3px 5px;
  }
  .navbar .nav-item .nav-link{
    padding: 10px 42px !important;
    }
  .login-div{
    width: 80% !important;
  }
  .left-index{
    display: none !important;
  }
  .right-index{
    width: 100% !important;
    margin-left: 0px !important;
  }


  .background-bg-part{
    display: block;
  }
  .navbar .nav-item{
    margin: 10px 0px !important;
  }
  .box-grid{
    min-height: 290px !important;
  }
   .box-availble-amounts h4{
    font-size: 17px !important;
  }
  .detail-grid{
    padding: 25px 5px 0px !important;
  }

}
/*
@media (min-width: 1000px) and (max-width: 1100px){

    .navbar-brand img {
        height: 45px !important;
    }
    .navbar .nav-item .nav-link{
      padding: 10px 35px !important;
    }
   .navbar .nav-item {
      margin-left: 0px !important;
      margin-right: 20px !important;
    }
    
    .last-child{
      padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
        margin-right: 35px !important;
    }

}

@media (min-width: 1100px) and (max-width: 1200px){

    .navbar-brand img {
        height: 45px !important;
    }
    .navbar .nav-item .nav-link{
      padding: 10px 35px !important;
    }
   .navbar .nav-item {
      margin-left: 0px !important;
      margin-right: 45px !important;
    }
    
    .last-child{
      padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
    margin-right: 35px !important;
}

}
@media (min-width: 1200px) and (max-width: 1250px){

 
  .navbar .nav-item .nav-link{
      padding: 10px 55px !important;
    }
    .navbar .nav-item{
    margin: 17px 8px 0px !important;
    }
    
    .last-child{
      padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
        margin-right: 31px !important;
    }
}

@media (min-width: 1250px) and (max-width: 1300px){

 
  .navbar .nav-item .nav-link{
      padding: 10px 55px !important;
    }
    .navbar .nav-item{
    margin: 17px 8px 0px !important;
    }
    
    .last-child{
      padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
      margin-right: 31px !important;
    }

}
@media (min-width: 1300px) and (max-width: 1350px){

   .navbar .nav-item {
        margin-top: 28px;
        margin-left: 0px !important;
        margin-right: 26px !important;
  }
  .navbar .nav-item .nav-link{
      padding: 10px 55px !important;
    }
   
    .last-child{
      padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
       margin-right: 31px !important;
    }

}
@media (min-width: 1350px) and (max-width: 1400px){

   .navbar .nav-item {
        margin-top: 28px;
        margin-left: 0px !important;
        margin-right: 30px !important;
  }
  .navbar .nav-item .nav-link{
        padding: 10px 55px !important;
    }
   
    .last-child{
        padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
        margin-right: 29px !important;
    }

}
@media (min-width: 1400px) and (max-width: 1450px){

   .navbar .nav-item {
        margin-top: 28px;
        margin-left: 0px !important;
        margin-right: 36px !important;
  }
  .navbar .nav-item .nav-link{
        padding: 10px 55px !important;
    }
   
    .last-child{
        padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
        margin-right: 38px !important;
    }

}
@media (min-width: 1450px) and (max-width: 1500px){

   .navbar .nav-item {
        margin-top: 28px;
        margin-left: 0px !important;
        margin-right: 47px !important;
  }
  .navbar .nav-item .nav-link{
        padding: 10px 55px !important;
    }
   
    .last-child{
        padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
        margin-right: 38px !important;
    }

}
@media (min-width: 1500px) and (max-width: 1550px){

   .navbar .nav-item {
        margin-top: 28px;
        margin-left: 0px !important;
        margin-right: 57px !important;
  }
  .navbar .nav-item .nav-link{
        padding: 10px 55px !important;
    }
   
    .last-child{
        padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
        margin-right: 40px !important;
    }

}
@media (min-width: 1550px) and (max-width: 1600px){

  .navbar .nav-item {
        margin-top: 28px;
        margin-left: 0px !important;
        margin-right: 68px !important;
  }
  .navbar .nav-item .nav-link{
        padding: 10px 55px !important;
    }
   
    .last-child{
        padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
        margin-right: 40px !important;
    }


}

@media (min-width: 1600px) and (max-width: 1650px){

  .navbar .nav-item {
        margin-top: 28px;
        margin-left: 0px !important;
        margin-right: 85px !important;
  }
  .navbar .nav-item .nav-link{
        padding: 10px 55px !important;
    }
   
    .last-child{
        padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
        margin-right: 40px !important;
    }


}

@media (min-width: 1650px) and (max-width: 1700px){

  .navbar .nav-item {
        margin-top: 28px;
        margin-left: 0px !important;
        margin-right: 90px !important;
  }
  .navbar .nav-item .nav-link{
        padding: 10px 55px !important;
    }
   
    .last-child{
        padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
        margin-right: 40px !important;
    }


}
@media (min-width: 1700px) and (max-width: 1750px){

  .navbar .nav-item {
        margin-top: 28px;
        margin-left: 0px !important;
        margin-right: 95px !important;
  }
  .navbar .nav-item .nav-link{
        padding: 10px 55px !important;
    }
   
    .last-child{
        padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
        margin-right: 40px !important;
    }


}
@media (min-width: 1750px) and (max-width: 1800px){

  .navbar .nav-item {
        margin-top: 28px;
        margin-left: 0px !important;
        margin-right: 100px !important;
  }
  .navbar .nav-item .nav-link{
        padding: 10px 55px !important;
    }
   
    .last-child{
        padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
        margin-right: 45px !important;
    }


}
@media (min-width: 1800px) and (max-width: 1850px){

  .navbar .nav-item {
        margin-top: 28px;
        margin-left: 0px !important;
        margin-right: 110px !important;
  }
  .navbar .nav-item .nav-link{
        padding: 10px 55px !important;
    }
   
    .last-child{
        padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
        margin-right: 50px !important;
    }


}

@media (min-width: 1850px) and (max-width: 1900px){

  .navbar .nav-item {
        margin-top: 28px;
        margin-left: 0px !important;
        margin-right: 120px !important;
  }
  .navbar .nav-item .nav-link{
        padding: 10px 55px !important;
    }
   
    .last-child{
        padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
        margin-right:55px !important;
    }


}
@media (min-width: 1900px) and (max-width: 1919px){

  .navbar .nav-item {
        margin-top: 28px;
        margin-left: 0px !important;
        margin-right: 125px !important;
  }
  .navbar .nav-item .nav-link{
        padding: 10px 55px !important;
    }
   
    .last-child{
        padding-right: 0px !important;
    }
    .navbar-nav li:last-child {
        margin-right: 60px !important;
    }


}*/