/* ==========================================================================
   Responsive CSS
   ========================================================================== */

   #masthead .hidemobile{
      display: none;
   }
   #masthead .hidedesktop{
      display: block;
   }



   .cda-crm-iframe-container{
      -webkit-overflow-scrolling: touch;
      /* overflow-y: scroll !important; */
   }



   @media screen and (min-width:960px) {

      #masthead .hidemobile{
         display: inline-block;
      }
      #masthead .hidedesktop{
         display: none;
      }

      #main-logo a > * { max-width: 150px; }
      #main-logo .navbar-brand img { max-width: 226px; }

       .menu-horizontal .menu-smart > .mega-menu .mega-menu-inner {
            display: block;
            position: fixed !important;
            left: 0 !important;
            right: 0 !important;
            margin: 0 auto !important;
            padding-left: 2% !important;
            padding-right: 2% !important;
            width: 96% !important;
            min-width: auto !important;
            max-width: 100% !important;
          /*  overflow: initial !important;
            min-height: 600px;
           */
           max-height: 300px;
           overflow-y: scroll;
            height: auto;

            font-size: 0;
            text-align: left;
            table-layout: initial !important;
            -webkit-box-sizing: initial !important;
            -moz-box-sizing: initial !important;
            box-sizing: initial !important;
            direction: initial !important;
       }

       ul.menu-smart ul{ margin-top: 0 !important; }

       #menu-main-navigation > .mega-menu:nth-of-type(3) .mega-menu-inner {
           margin-left: -520px !important;
           max-width: 1040px !important;
       }

           body.hmenu .menu-container .navbar-nav {
               white-space: normal !important;
           }

           .menu-horizontal .mega-menu-inner > li.menu-item {
                display: inline-block;
                width: auto !important;
                max-width: 240px !important;
                height: auto;
                vertical-align: top;
           }

         .menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li {
             padding: 0 1% 30px;
             width: auto !important;
         }

           .menu-smart, .menu-smart ul, .menu-smart li {
               direction: inherit;
           }

   }

   @media screen and (min-width:1050px) {
     /*#main-logo a > * { max-width: 150px; }
     #main-logo .navbar-brand img { max-width: 150px; }*/
   }


   @media screen and (max-width:1540px) {

     .impact-tiles .tmb:last-child .t-entry-title { font-size: 25px; }


   }

   @media screen and (max-width:1280px) {

     .impact-tiles .tmb:last-child .t-entry-title { font-size: 20px; }

     body[class*="hmenu-"] .menu-wrapper [class*="col-lg-"]:not(.logo-container) {
        padding-left: 0;
        padding-right: 0;
    }

    .menu-wrapper div.middle[class*="col-lg-"] {
        vertical-align: middle;
    }

    .menu-wrapper .row-menu .row-menu-inner {
        padding: 0px 2% 0px 2%;
    }

    .sub-header li a,
    .menu-container ul.menu-smart > li > a,
    .menu-horizontal ul ul a {
        font-size: 9px; font-size: 0.9rem;
    }

    .menu-container ul.menu-smart > li > a {
        padding: 0 5px;
        letter-spacing : normal;
    }

   }

    @media screen and (min-width:960px) {
    /* 960px and less (mobile and small screens only) */

        body[class*="hmenu-"] .menu-wrapper [class*="col-lg-"]:not(.logo-container) {
            height: 136px;
        }
    }
   @media screen and (max-width:960px) {
    /* 960px and less (mobile and small screens only) */


    .sub-header {
      padding-right: 0;
      width: 100%;
      max-width: 305px;
      min-height: auto;
       position: absolute;
       right: 100px;
       display: none;
    }

    #nav_menu-4 { display: none; }

    aside.sidebar-widgets > div {
      display: none;
    }
    /*aside.sidebar-widgets > div.menu-industry-container, aside.sidebar-widgets > div.menu-media-container {
      display: block;
    }*/

    .main-container .row-container .double-bottom-padding { padding-bottom: 0; }
    .main-container .row-container .double-top-padding { padding-top: 0; }


    .btn-view-all {
        display: block !important;
        margin: 0 auto 30px !important;
        width: 100% !important;
        max-width: 200px !important;
        transform: none !important;
        transform-origin: initial !important;
    }


   }

   @media screen and (max-width:450px) {

     .sub-header {
        padding-right: 0;
        width: 100%;
        max-width: 305px;
        min-height: auto;
        position: absolute;
        right: 50px;
        top: 400px;
        display: none;
    }

   }


   .notshowed {

     display: none;
   }