/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

@media screen and (max-width: 1215px) {
    .post-nav-header .sf-menu > li ul {
     float: left;
     background-color: white;
     width: 96%;
     left: 0;
     margin: 0;
     padding: 0;
     border-width: 0;
     border-radius: 0;
     border-top: 5px solid #115fa4;
     border-bottom: 5px solid #115fa4;
     border-left: 1px solid #a9a3a1;
     box-shadow: none;
     margin: 2%;
   }
   .post-nav-header .sf-menu > li ul .menu-item {
     margin-right: 0;
     border-right: 1px solid #a9a3a1;
     border-bottom: 1px solid #a9a3a1;
     padding: 8px 0;
     overflow: hidden;
     background-color: rgba(169, 163, 161, 0.1);
   }
   .post-nav-header .sf-menu > li ul .menu-item:hover {
     background-color: #ffffff;
   }
   .post-nav-header .sf-menu > li ul .menu-item.das-x-row-first {
     top: 0;
     border-right: 1px solid #a9a3a1;
     height: 125px;
   }
   .post-nav-header .sf-menu > li ul .menu-item.x-column.x-1-2 {
     width: 100%;
   }
   .post-nav-header .sf-menu > li ul .menu-item.x-column.x-2-2 {
     width: 100%;
   }
   .post-nav-header .sf-menu > li ul .menu-item.x-column.x-1-3 {
     width: 100%;
   }
   .post-nav-header .sf-menu > li ul .menu-item.x-column.x-2-3 {
     width: 66.66666667%;
   }
   .post-nav-header .sf-menu > li ul .menu-item.x-column.x-3-3 {
     width: 100%;
   }
   .post-nav-header .sf-menu > li ul .menu-item.x-column.x-1-4 {
     width: 25%;
   }
   .post-nav-header .sf-menu > li ul .menu-item.x-column.x-2-4 {
     width: 50%;
   }
   .post-nav-header .sf-menu > li ul .menu-item.x-column.x-3-4 {
     width: 75%;
   }
   .post-nav-header .sf-menu > li ul .menu-item.x-column.x-4-4 {
     width: 100%;
   }
   .post-nav-header .sf-menu > li ul .menu-item.x-column.x-1-5 {
     width: 20%;
   }
   .post-nav-header .sf-menu > li ul .menu-item.x-column.x-2-5 {
     width: 40%;
   }
   .post-nav-header .sf-menu > li ul .menu-item.x-column.x-3-5 {
     width: 60%;
   }
   .post-nav-header .sf-menu > li ul .menu-item.x-column.x-4-5 {
     width: 80%;
   }
   .post-nav-header .sf-menu > li ul .menu-item.x-column.x-5-5 {
     width: 100%;
   }
   .post-nav-header .sf-menu > li ul .menu-item a {
     font-size: 16px;
     height: 100%;
     padding: 0 0 0 10px;
     white-space: normal;
     display: block;
     text-align: left;
   }
   .post-nav-header .sf-menu > li ul .menu-item a:hover .h-feature-headline span {
     color: #fbc323;
   }
   .post-nav-header .sf-menu > li ul .menu-item a:hover .h-feature-headline span i:before {
     color: #fbc323;
   }
   .post-nav-header .sf-menu > li ul .menu-item a > span {
     color: #000;
   }
   .post-nav-header .sf-menu > li ul .menu-item .h-feature-headline {
     margin: 0 0 0 -10px;
     text-align: left;
     color: #213367;
     font-size: 1.6em;
   }
   .post-nav-header .sf-menu > li ul .menu-item .h-feature-headline span i {
     background-color: transparent;
   }
   .post-nav-header .sf-menu > li ul .menu-item .h-feature-headline span i:before {
     color: #213367;
   }
 }