/**
 * This will display them grid elements as block rather than inline for mobile browsers 
 * (essentially anything smaller than the narrow grid size, and media query declares. 
 */
/*.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}
*/
/* Grid panels inside blocks need their margins negated. */
/*.container-12 .block .omega-grid,
.container-16 .block .omega-grid,
.container-24 .block .omega-grid {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
}
*/
/* - - - - - - new mobile stuff - - - - - -  - - */

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10,
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19,
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24 {
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

/* Grid panels inside blocks need their margins negated. */
.container-12 .block .omega-grid,
.container-16 .block .omega-grid,
.container-24 .block .omega-grid {
}

/*  Custom style  */

@media screen
    and (max-width:979px){
      body{
        min-width:320px;
      }
      .zone-content-wrapper{
        max-width:100%;
      }
      #region-content{
        max-width: 100%;
      }
      #breadcrumb,
      .tabs{
        width:90% !important;
        padding-left:5px;
      }
      #zone-content{
      }
      .pannone-12-threecol-3-6-3{
        background:none !important;
      }
      /*left col*/
      .left{ /*.grid-3*/
        background-color:#004582;
        float:left;
        max-width:20%;
        border-radius: 5px;
      }
      /*Centre col*/
      .grid-6{
        max-width:50% !important;
        float:left;
      }
      /*Home page center col*/
      .main.grid-9{
        width:70% !important;
        float:left;
      }
      .grid-6 img{
        max-width:100%;
        height:auto;
      }
      /*right col*/
      .right{ /*.grid-3*/
        max-width:211px;
        float:right;
        margin-left:10px;
        margin-right:3px !important;
        padding-top:8px !important;
      }
      .right form{
        width: 97% !important;
      }
      .right form textarea{
        width: 103% !important;
      }
      .grippie{
        width:106%;
      }
      .right img{
        max-width:100%;
        height:auto;
      }
      .pannone-grid .panel-panel.right .inside{
        padding-left: 0px !important;
      }
      .view-pod-users .jcarousel-container-horizontal .jcarousel-item{
        background:#004c92 !important;
        max-width:285px !important;
      }
      .view-pod-users .views-field-field-full-name,
      .grid-3 .view-pod-users .view-header{
        background:none !important;
        background:#004c92 !important;
        max-height:30px;
      }
      .view-pod-users .jcarousel-container-horizontal .jcarousel-clip-horizontal img{
        margin-top:15px !important;
      }
      .view-pod-users .view-header{
        margin-bottom:-26px !important;
      }
      .view-pod_2-panel_pane_19 .views-field-field-sidebar-pod-title{
        background:none !important;
        background:#004c92 !important;
        margin-left:0px !important;
        font-size:18px;
        text-align:center;
      }
      .view-pod_2-panel_pane_19 .views-field-field-sidebar-pod-title a{
        color:#FFF !important;
      }
      .grid-3 .webform-client-form .form-text{
        width: 97% !important;
      }
      .grid-3 .webform-client-form .form-actions .form-submit{
        margin-left: 3px !important;
      }
      iframe{
        max-width:98% !important;
      }
      .logo-img img{
        width:145px;
        margin: -10px 0 10px 0;
      }
      .block-pannone-search{
        display:none !important;
      }
      .navigation{
        margin: -50px 0 24px 0 !important;
        /*text-align:center !important;*/
      
        /* width: 1050px; */
}
      .navigation li{
        overflow: hidden;
        white-space: nowrap;
        display:inline-block !important;
      }
      #block-pannone-search-pannone-search-block{
        display:none;
      }
      .region-menu ul li{
        padding: 0 7px 0 7px !important;
        font-size: 13px;
}

      /* - - - - - - - - - - - SFY / SFB / Our People - - - - - - - - - - */
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1290,
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1296{
        padding:0 10px 17px 10px !important;
        height:43px;
        border-radius: 5px 5px 0 0;
      }
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1290{
        /*background: url(../i/dropmenu-buts.png) 0 0 no-repeat !important;*/
        background:#00828A;
      }
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1296{
        /*background: url(../i/dropmenu-buts.png) 0 -39px no-repeat;*/
        background:#4D186E;
      }
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1290 > a,
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1296 > a{
        background: none !important;
        height:2px !important;
        margin:-10px 0 0 0 !important;
        padding:0 !important;
        /* width: 100px !important; */
      }
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1290.over{
        width:135px !important;
      }
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1296.over{
        width:161px !important;
      }
      #region-menu .block-nice-menus, #block-menu-menu-top-menu-second{
        float:none !important;
      }
      .block-nice-menus{
        display:block;
        margin-left:auto;
        margin-right: auto !important;
        width:500px;
      }
      /* drop down menus */
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1290 > ul,
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1296 > ul{
        width:347px;
        margin-top: 6px !important;
        opacity:0.9;
      }
      #webform-client-form-370 #webform-component-your-enquiry{
        float:none !important;
        margin:60px 10px 10px 0 !important;
      }
      /* - - - - - - peoples page - - - - - - */
      table.views-view-grid{
        width:100% !important;
      }
      table.views-view-grid tr td{
        display:inline-block;
      }
      /* - - - - - Hamepage bottom carousel  - - - - - */
      #mini-panel-homepage_carousel .prev{
        left:-7px !important;
      }
      #mini-panel-homepage_carousel .next{
        right:-9px !important;
      }
      #mini-panel-homepage_carousel .panel-panel{
        margin-left:21px; 
        margin-top:30px;
      }
      /* - - - - - - media centre - - - - -*/
      .page-media-centre-main .view-header,
      .pane-media-centre-social .title{
        background:none !important;
        background:#004c92 !important;
      }
      .page-media-centre-main .pane-views-panes,
      .pane-media-centre-social{
        width:100% !important;
      }
      .views-field-field-video-image{
        text-align:center;
      }
      .node-type-video .pane-node-field-video{
        width:100% !important;
        height:auto !important;
      }
      .media-youtube-player{
        width:100% !important;
      }
      /*  - - - - - footer  - - - - - */
      #zone-footer{
        background:none !important;
        /*background:#292929 !important;*/
      }
      #region-footer-second .block .content{
        color:#FFF !important;
        margin-left:-40px !important;
      }
      #region-footer-first #block-block-28{
        margin-bottom:40px !important;
      }
      /* - - - s&g group locations page - - - - */
      div.field-items table{
        width:100% !important;
      }
      div.field-items table tr td{
        padding-right:5px;
      }
}
@media screen
    and (max-width:880px){
      #zone-content{
        background:none !important;
      }
      header{
        height:124px !important;
      }
      .mob-phonenum{
        display:block !important;
        color:#FFF !important;
        right:0;
        font-size:22px !important;
        top:0;
        margin-top:10px;
        position:absolute;
      }
      .mob-phonenum a[href^=tel]{
        color:#FFF !important;
      }
      .navigation{
        text-align:center !important;
        margin:0 !important;
      }
      #breadcrumb{
        overflow-x:scroll !important;
      }
      .left{
        max-width:100%;
        float:none;
      }
      .left .menu li{
        display:inline-block;
        width:48%;
      }
      .left .menu li:hover{
        padding-left:5px !important;
      }
      .main.grid-9{
        width:auto !important;
        float:none;
      }
      .grid-6{
        max-width:100% !important;
        float:none;
      }
      .grid-6 .pane-page-title h1{
       /*background:#004c92 !important;*/
      }
      .grid-3 .webform-client-form .form-actions .form-submit{
        margin-left:auto !important;
        margin-right:auto;
      }
      .right{
        max-width:96%;
        float:none;
        background:#ECECEC;
      }
      .pane-contact-us,
      .pane-block-5,
      .pane-contact-us-pi,
      .pane-meg-neg-contact-us{
        width:96% !important;
        display:block !important;
        margin-left:auto !important;
        margin-right:auto !important;
      }
      .right form{
        width: 90% !important;
        display:block;
        margin-left:auto;
        margin-right:auto;
      }
      .right form input{
        min-height:30px !important;

      }
      .right form textarea{
        max-width:101.7% !important;
      }
      .right img{
        margin-left: auto;
        margin-right: auto;
        display: block;
      }
      .pannone-12-threecol-3-6-3 .panel-panel.grid-6{
        width: 97% !important;
      }
      .pannone-grid .panel-panel.right{
        margin-top:50px !important;
        clear:left;
      }
      .pane-webform-client-block-11,
      .pane-webform-client-block-3210{
        text-align:center !important;
        /* margin-left:1%; */
        margin-left: auto;
        width: 96% !important;
        margin-right: auto;
      }
      .pannone-grid .panel-panel.right form{
        text-align:left !important;
      }
      .right form textarea{
        width:99% !important;
      }
      .grippie{
        display:none;
      }
      #webform-client-form-370{
        padding-bottom:50px !important;
      }
      #webform-client-form-370 input,
      #webform-client-form-370 textarea{
        width:90% !important;
        /*background:#F00 !important;*/
      }
      #webform-client-form-370 #webform-component-phone-number{
        width:100%;
      }
      #webform-client-form-370 .form-submit{
        background:none;
        background:#004c92;
        /*margin:10px 0px !important;*/
        width:100% !important;
        height:30px;
      }
      .grid-3 .pane-pod-users-panel-pane-3{
        width:100% !important;
      }
      /* - - - - - - - - - - - people page rules - - - - - - - - - - - */
      .view-people-panel_pane_1 .view-people-attachment_1 .views-summary li{
        height:20px !important;
        width:25px !important;
        margin-bottom:5px !important;
        border-radius: 15px !important; 
        padding:0 5px 0 0;
        /*background:#004c92;*/
        color:#CCC !important;
        box-shadow: 0 2px 1px #999;
      }
      .view-people-panel_pane_1 .view-people-attachment_1 .views-summary li a{
        color:#004c92 !important;
        padding:0 0 0 5px !important;
      }
      .view-people-panel_pane_1 .view-people-attachment_1 .views-summary li .active{
        font-weight:bold;
        text-decoration:underline !important;
        box-shadow: 0 3px 5px #004c92 !important;
        display:block;
        border-radius: 15px !important;
        width:30px;
        padding:0 !important;
      }
}
@media screen
    and (max-width:650px){
      .left .menu li{
        width:100%;
      }
      .left .menu li:hover{
        /*padding-left:5px !important;*/
      }
    }
@media screen
    and (max-width:600px){
      #region-menu .block-nice-menus .nice-menu{
        /*margin: 23px 0px 0 -10px !important;*/
        margin-top: 23px !important;
}
      #region-menu .block-nice-menus .nice-menu li ul,
      #block-menu-menu-top-menu-second .nice-menu li ul{
       top:37px !important;
      }
      #region-menu .block-nice-menus .nice-menu li.first,
      #region-menu .block-nice-menus .nice-menu li.odd,
      #region-menu .block-nice-menus .nice-menu li.even{
        padding: 0 !important;
      }
      .logo-img img{
         max-width:103px;
      }
      #section-header{
        height:139px !important;
      }
      .block-nice-menus{
        width: 100%;
        text-align:center;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }
      .block-nice-menus li{
        background:none !important;
      }
      .block-nice-menus li a{
        font-size:16px;
      }
      li.menu-path-node-1290,
      li.menu-path-node-1296{
        display:inline-block !important;
        max-width: 200px;
        border-radius:5px;
        min-height:30px;
      }
      li.menu-path-node-1290 a,
      li.menu-path-node-1296 a{
              padding: 5px 3px !important;
      }
      li.menu-path-node-1290{
        background:#00828A !important;
      }
      li.menu-path-node-1296{
        background:#4D186E !important;
      }
      li.menu-path-people a{
        display:none !important;
      }
      #region-menu .block-nice-menus .nice-menu .menuparent > a,
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1296 > a,
      #region-menu .block-nice-menus .nice-menu .menu-path-solicitors-1 > a,
      #block-menu-menu-top-menu-second .nice-menu .menuparent > a,
      #block-menu-menu-top-menu-second .nice-menu .menu-path-node-1296 > a,
      #block-menu-menu-top-menu-second .nice-menu .menu-path-solicitors-1 > a{
       /*width:auto !important;*/
       font-size: 13px;
      }
      #region-menu .block-nice-menus .nice-menu .menuparent > a,
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1296 > a{
        /* width: 0% !important; */
        /* background-position:380% 0% !important; */
      }
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1290 > ul,
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1296 > ul{
        width: 100%;
        margin:0;
      }
      #region-menu .block-nice-menus .nice-menu li ul .view-content{
        text-align:left;
      }
      #region-menu .block-nice-menus .nice-menu li,
      #block-menu-menu-top-menu-second .nice-menu li{
        /*float:left !important;*/
      }
      #region-menu .block-nice-menus .nice-menu .menuparent.over > a,
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1296.over > a{
        width:100% !important;
      }
      h1.title,
      .pane-page-title h1{
        max-width:90% !important;
      }
      #region-footer-first #block-block-28{
        margin-left:2%;
      }
      #region-footer-first #block-block-28 p a{
        margin-left:4% !important;
      }
    }
    @media screen
    and (max-width:500px){
      #section-header{
        height:160px !important;
      }
      #region-menu .block-nice-menus .nice-menu .menu-path-node-1296{
        width:161px;
      }
       #breadcrumb{
        direction: rtl;
        font-size:12px;
      }
      #breadcrumb span{
        border-radius:3px;
        padding:0 2px;
        max-height:200px !important;
      }
    }