/* 
  ##Device = Desktops
  ##Screen = 1360px to higher resolution desktops
*/
@media (min-width: 1360px) {
  
  //CSS
  #homelink{
    /*min-width: 60% !important; 
    margin-left: 1% !important;*/
    margin-left: 12% !important;
  }

  #homelink img{
    width: 62% !important;
    margin-left: 68px !important;
  }
  
  .input-group-seamless{
    padding-left: 10% !important;
    margin-top: 0.5% !important;
  }

  .input-group-seamless a{
    margin-right: 1% !important; 
  }

  #filter_modal{
    position: absolute;
    z-index: 1;
    margin-left: 66% !important;
  }

  #btnmuser{
    margin-left: 85%;
  }

  #btnmprac{
    margin-left: 76%;
  }

  .ltext {
    margin-left: 12px;
    font-weight: 500;
  }
  
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  //CSS
  #homelink{
    /*min-width: 60% !important; 
    margin-left: 1% !important;*/
    margin-left: 12% !important;
  }

  #homelink img{
    width:37% !important;
    margin-left: 68px !important;
  }
  .input-group-seamless{
    /* padding-left: 10% !important; */
    padding-left: 5% !important;
    margin-top: 0.5% !important;
  }

  .input-group-seamless a{
    margin-right: 1% !important; 
  }


  #filter_modal{
    position: absolute;
    z-index: 1;
    margin-left: 71%;
  }

  #btnmuser{
    margin-left: 85%;
  }

  #btnmprac{
    margin-left: 76%;
  }

  .ltext {
    margin-left: 10%;
    font-weight: 500;
  }

}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  //CSS
  #homelink{
    margin-left: 12% !important;
  }
  
  #homelink img{
    width: 62% !important;
    margin-left: 58% !important;
  }

  .input-group-seamless{
    padding-left: 3% !important;
    margin-top: 0.5% !important;
  }
  .input-group-seamless a{
    margin-right: 1% !important; 
  }

  #filter_modal{
    position: absolute;
    z-index: 1;
    margin-left: 56%;
    margin-top: 0.2%;
  }

  #btnmuser{
    margin-left: 82%;
  }

  #btnmprac{
    margin-left: 76%;
  }

  .logoimg img {
    width: 53%;
    margin-top: 17%;
    position: absolute;
    padding-left: 43%;
  }  

  label{
    font-size: 13px !important;
  }

  .ltext {
    margin-left: 12px;
    font-weight: 500;
  }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  //CSS
  
  #homelink{
    margin-left: 5% !important;
  }
  
  #homelink img{
    width: 60% !important;
    margin-left: 24% !important;
  }
  
  .input-group-seamless{
    padding-left: 1% !important; 
    margin-top: 1% !important;
  }
  
  .input-group-seamless a{
    margin-right: 1% !important; 
  }

  .d-none{
    display: none !important;
  }
  .dropdown-menu {
     left:auto !important;
  }

  #filter_modal{
    position: absolute;
    z-index: 1;
    margin-left: 55%;
    margin-top: 0.2%;
  }

  .main-navbar .navbar .navbar-nav .dropdown-menu {
    position: absolute;
    right: 1.5%;
    width: 188px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
  }

  #btnmuser{
    margin-left: 80%;
  }

  #btnmprac{
    margin-left: 61%;
  }

 .logoimg img {
    width: 53%;
    margin-top: 17%;
    position: absolute;
    padding-left: 43%;
  }  

  label{
    font-size: 11px !important;
  }

  .ltext {
    margin-left: 3px;
    font-weight: 500;
  }

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  //CSS
  #homelink{
    margin-left: 5% !important;
  }
 
  #homelink img{
    width: 60% !important;
    margin-left: 24% !important;
  }
  .input-group-seamless{
    padding-left: 1% !important; 
    margin-top: 1% !important;
  }
  .input-group-seamless a{
    margin-right: 1% !important; 
  }

  .d-none{
    display: none !important;
  }

  .main-navbar .navbar .navbar-nav .dropdown-menu {
    position: absolute;
   /* right: 1.5%;
    width: 188px;*/
    right: 0%;
    width: 255px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
  }

  #filter_modal{
    position: absolute;
    z-index: 1;
    margin-left: 55%;
    margin-top: 0.2%;
  }

  #btnmuser{
    margin-left: 80%;
  }

  #btnmprac{
    margin-left: 61%;
  }

  label{
    font-size: 11px !important;
  }

  .ltext {
    margin-left: 3px;
    font-weight: 500;
  }
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  //CSS
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  //CSS
  
}