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

@media (min-width: 1281px) {
   /*body{
    background: pink;
  }*/
}

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

@media (min-width: 1025px) and (max-width: 1280px) {
   /*body{
    background: yellow;
  }*/
}

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

@media (min-width: 1024px) and (max-width: 1366px) {
   /*body{
    background: orange;
  }*/
}

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

@media (min-width: 768px) and (max-width: 1024px) {}

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

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

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

@media (max-width: 915px) {
   .gridimagebox {
      min-height: 175px;
   }

   .gridimagebox img {
      max-height: 175px;
   }

   .specialgrid {
      padding-bottom: 10px;
   }
}

@media (min-width: 481px) and (max-width: 767px) {
   .navbar-light .navbar-brand img {
      max-width: 190px;
   }

   .navbar {
      padding: 0rem 1rem;
   }

   .menubar {
      border-bottom: none;
      /* padding-bottom: 14px; */
      background: #ffffff;
   }

   .navbar-light .navbar-toggler {
      color: #fff;
      border-color: rgb(33 175 241);
      background: #21aff1;
   }

   .navbar-nav {
      background: #f4f4f4;
   }

   .menubar .navbar-light .navbar-nav .nav-link {
      color: #3b286e;
      padding: 4px 7px;
      font-weight: 500;
      font-size: 13px;
      border-bottom: 1px solid #3333;
   }

   .menubar .navbar-light .navbar-nav .nav-link i {
      font-size: 20px;
      color: #21aff1;
      margin-left: 1px;
      position: relative;
      top: 0;
      vertical-align: middle;
   }

   .menubar ul.dropdown-menu.megamenu {
      background: #f8f8f8;
      width: 100%;
      max-width: 379px;
      padding: 0;
      min-width: 100%;
   }

   .accountinfo ul li a {
      display: block;
      color: #fff;
      padding: 0 4px;
      text-decoration: none;
      font-size: 1.2rem;
   }

   .accountinfo {
      position: absolute;
      top: -33px;
      right: 23px;
      z-index: 9999;
   }

   .recentmenu {
      background: #21aff1;
      padding: 5px 0;
   }

   .recentmenu ul {
      align-items: center !important;
      justify-content: center !important;
   }

   .recentmenu ul li a {
      padding: 0px 8px;
      color: #fff;
      text-transform: capitalize;
      font-weight: 600;
      font-size: 11px;
      display: block;
   }

   .emaildata ul li a {
      display: block;
      color: #fff;
      padding: 0 5px;
      text-decoration: none;
      font-size: 13px;
   }

   .dropdown-submenu .dropdown-menu.plantmenu2 {
      position: sticky;
      background: #21aff1;
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
      left: 31.4rem;
      top: 0;
      margin: 0;
   }

   .gridimagebox {
      min-height: 175px;
   }

   .gridimagebox img {
      max-height: 175px;
   }

   .specialgrid {
      padding-bottom: 10px;
   }

   .sectionhead h3 {
      font-size: 1.25rem;
   }

   .sectioncards .card {
      width: 9rem;
   }

   .sectioncards {
      padding-bottom: 10px;
   }
	.menubar li.nav-item.active2.dropdown.show a.nav-link {
    	background: #555;
	}	

   .homescrollcont h2 {
      font-size:1.25rem;
   }
   .homescrollcont h2 {
      padding-top:30px;
   }
   .scrollbody {
      margin-left:-50px;
      margin-right:-50px;
   }
   .scrollarrow,
   .scrollarrow a,
   .scrollarrow a:link,
   .scrollarrow a:visited {
	   background-color: rgba(0,0,0,.25);
   }

	   
}

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

@media (min-width: 320px) and (max-width: 480px) {
   .section_grid {
      padding-left: 15px;
      padding-right: 15px;
   }

   .navbar-light .navbar-brand img {
      max-width: 190px;
   }

   .navbar {
      padding: 0rem 1rem;
   }

   .menubar {
      border-bottom: none;
      /* padding-bottom: 14px; */
      background: #ffffff;
   }

   .navbar-light .navbar-toggler {
      color: #fff;
      border-color: rgb(33 175 241);
      background: #21aff1;
   }

   .navbar-nav {
      background: #f4f4f4;
   }

   .menubar .navbar-light .navbar-nav .nav-link {
      color: #3b286e;
      padding: 4px 7px;
      font-weight: 500;
      font-size: 13px;
      border-bottom: 1px solid #3333;
   }

   .menubar .navbar-light .navbar-nav .nav-link i {
      font-size: 20px;
      color: #21aff1;
      margin-left: 1px;
      position: relative;
      top: 0;
      vertical-align: middle;
   }

   .menubar ul.dropdown-menu.megamenu {
      background: #f8f8f8;
      width: 100%;
      max-width: 379px;
      padding: 0;
      min-width: 100%;
   }

   .accountinfo ul li a {
      display: block;
      color: #fff;
      padding: 0 4px;
      text-decoration: none;
      font-size: 1.2rem;
   }

   .accountinfo {
      position: absolute;
      top: -33px;
      right: 23px;
      z-index: 9999;
   }

   .recentmenu {
      background: #21aff1;
      padding: 5px 0;
   }

   .recentmenu ul {
      align-items: center !important;
      justify-content: center !important;
   }

   .recentmenu ul li a {
      padding: 0px 8px;
      color: #fff;
      text-transform: capitalize;
      font-weight: 600;
      font-size: 11px;
      display: block;
   }

   .emaildata ul li a {
      display: block;
      color: #fff;
      padding: 0 5px;
      text-decoration: none;
      font-size: 13px;
   }

   .dropdown-submenu .dropdown-menu.plantmenu2 {
      position: sticky;
      background: #21aff1;
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
      left: 31.4rem;
      top: 0;
      margin: 0;
   }

   .gridimagebox {
      min-height: 175px;
   }

   .gridimagebox img {
      max-height: 175px;
   }

   .specialgrid {
      padding-bottom: 10px;
   }

   .sectionhead h3 {
      font-size: 1.15rem;
   }

   .sectioncards .card {
      width: 9rem;
      padding-bottom: 10px;
   }

   .sectioncards {
      padding-bottom: 10px;
   }

   .moreinfo {
      padding-bottom: 10px;
   }

   .announcemessage {
      padding: 30px 20px;
   }
	.menubar li.nav-item.active2.dropdown.show a.nav-link {
    	background: #555;
	}

   .homescrollcont h2 {
      font-size:1.25rem;
   }
   .homescrollcont h2 {
      padding-top:20px;
   }
   .scrollbody {
      margin-left:-50px;
      margin-right:-50px;
   }
   .scrollarrow,
   .scrollarrow a,
   .scrollarrow a:link,
   .scrollarrow a:visited {
	   background-color: rgba(0,0,0,.25);
   }

}