﻿@media screen and (max-width: 768px) {
    .container{width: 100%;max-width: 100%;padding-right: 0; padding-left: 0;}
    .header{min-height: 200px;padding-bottom: 0;padding-top: 1em;}

    .ve-menu-mobile{background-color: #333 !important;}
    .ve-menu-mobile li{width: 90% !important; margin: auto;}
    .ve-menu-mobile li a{padding: 5px 1em !important;text-align: left;border-bottom: 1px solid #616161 !important;}
    .ve-menu-mobile li a:hover { background-color: #00a651; }
    .menu-icon{margin-left: 0px !important;}   

    .ve-menu-icon{top: -12rem !important;margin-right: 2rem !important;}

    .pdo-site-logo{margin-top: 0px;}
    .pdo-site-logo img{width: 70%;}
    .pdo-site-site-tools {
        float: none;
        height: 60px;
        width: 100%;
        text-align: left;
    }
    .breaker{display: none;}
    .pdo-site-site-tools-nav{float: none;margin: 10px 0 10px;}
    .pdo-site-site-tools-nav ul li{float: none; margin: 0 10px;}
    .pdo-site-site-tools-search{float: none;margin-left: auto;width: 100%;}
    .pdo-site-site-tools-social{background: none; margin-left: auto; padding-left: 0px;width: 100%;display: flex;
        justify-content: center;flex-direction: row-reverse;}
    .pdo-site-site-tools-social a:link, .pdo-site-site-tools-social a:active, .pdo-site-site-tools-social a:visited{
        margin: 7px 7px;
    }
    .pdo-site-footer{text-align: center; display: block; margin-bottom: 1.5rem;}
    .pdo-site-footer-popular-ul li{
        display: block;
        width: auto !important;
        text-align: center;
        margin: 14px;}
    .pdo-site-footer-legal ul li{ float: none;}
    .pdo-site-footer-nav{text-align:center;}
    .pdo-site-footer-nav ul{float: none;padding-bottom: 10px;}
    .copyright{float: none;}

    .carousel-caption{ margin-left: 10% !important;  margin-right: 10%;text-align: center !important;top: 10px;padding-bottom: 50px;}
    .carousel-caption h2{font-size: 1rem;}
    .carousel-caption a{padding: 0.4em 1em;}
    .carousel-indicators{top: 88%;}
    .carousel-item { height: 100%; }
    .carousel-item img {
        max-width: 100%;
        width: 160px;
        display: block;
        margin: auto;
    }
    #slider_wrapper{height: 274px;}
    .d-playbox {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    video{height: auto;min-height: auto;}
    .ss-home img{max-height:none;}
    .px-1{padding-left: 0.8rem!important;padding-right: 0.8rem!important;}
    .quick-link{padding-right: 15px; padding-left: 15px;}
    .tool-container{padding: 1em;}
    .ip-bg{min-height: auto;}
    .ad-search{font-size: 13px; line-height: 2;}

    .safetyday{padding: 0px;}
    .safety-banner{min-height: 180px;}
    .key-roles{min-height:auto;}
    .materials{min-height:auto;}
    .materials h6{min-height:auto;}
    .safety-nav{display: block;}
    .safety-nav a:first-child{border-top-left-radius: 25px;border-top-right-radius: 25px;}
    .safety-nav a:last-child{border-top-right-radius:0px;}
    .safety-nav a{width: 100%;text-align: left;}
    .safety-nav a span{display: inline-block;margin-bottom: 0;margin-top: 0;margin-left: 0px;margin-right: 1em;line-height: 3;}
  }

  @media screen and (min-device-width: 768px) and (max-device-width: 1024px){
    .ss-home h3{min-height: 30px;}
    .perform-table h5{font-size: 11px;}
    .quick-link{min-height: 280px;}
  }
