/* ======================================== */
/* == 768 PX == */
/* ======================================== */
@media (min-width:768px) and (max-width: 991px){ 
  /* header */
  #zone-user{
    width: 768px;
  }
  #zone-user #block-sealfailure-main-menu a {
    font-size: 10px;
    padding-right: 0px;
  }
  /* USED TO MANAGE HAMBURGER PLACEMENT */
  #zone-user #block-sealfailure-main-menu a.is-active,
  #zone-user #block-sealfailure-main-menu a.active-trail {
    padding: 35px 5px 28px 0px;
  }
  #zone-user #block-sealfailure-main-menu a.resources::before {
    background-size: 20px;
    padding-right: 0px;
  }
  #zone-user #block-sealfailure-main-menu .diagnose-failure::before {
    padding-right: 0px;
    background-size: 20px;
  }
  #zone-user #block-sealfailure-main-menu .ask-expert::before {
    background-size: 20px;
    padding-right: 0px;
  }
  #zone-user #block-sytem-main-menu .find-service-center::before {
    background-size: 15px;
    padding-right: 0px;
  }
  #zone-user #block-sealfailure-main-menu .learning-center::before {
    background-size: 20px;
    padding-right: 0px;
  }
  ul.menu li {
    padding: 0px;
    margin: 0px;
  }
  li.leaf {
    padding: 0px;
  }
  .site-logo-block {
    margin-right: 5px;
    margin-left: 15px;
  }
  .site-logo-block img {
    width: 100px;
  }
  #zone-user .user-menu-toggler-block {
    margin-right: 20px;
  }
  .hamburger-toggler {
    width: 23px;
    height: 23px;
  }

  /* home page styles */
  img.home-banner{
    max-width: 768px;
    height: auto;
    margin-top: -80px;
  }
  .home-icon img{
    max-width: 140px;
    height: auto;
  }
  .home-title {
    font-size: 40px;
    margin: 120px 60px 0px 60px;
  }
  .home-welcome-overlay h3 {
    font-size: 18px;
  }
  .component-seal-failure-types-desktop-block{
    width: 530px;
  }
  
  /* RESOURCES */
  .resources-icons img {
    width: 157px;
    height: 157px;
  }
  .rule,
  .hrule {
	width:100%;
	height:1px;
	font-size:1px;
	background:#c1c1c1;
	margin:15px 0;
	padding:0;
  }
  
  #node-resource-316 .corrosion-wrapper img:first-child {
    padding-top: 20px;
  }
  
  .corrosion-wrapper img {
	max-width:95%;
	height:auto;  
  }
  
  img.app-d-1,
  img.app-d-2,
  img.app-d-3 {
	  max-width:95%;
	  height:auto;
  }
  .app-d-1 {
	margin-bottom:20px;  
  }
  
  /* User Profile */
  .profile {
    margin-left: 20px;
    margin-right: 20px;
  }
  
  /* storelocation */
  .node-type-store-location article {
    margin: 0px 20px;
  }
  
  /* video library */
  .video-library-desktop-block .views-row,
  .view-video-library-listing .views-row {
    width: 75%;
    height: 320px;
  }
  .video-library-desktop-block a img,
  .view-video-library-listing a img {
    width: 100%;
    height: auto;
  }
  .video-library-desktop-block .video-title,
  .video-library-desktop-block .video-body {
    font-size: 18px;
  }
}