ul.ex {
    display: flex;
    flex-wrap: wrap;
    
    }
    .subcat-list {
      padding: 1px ;
        margin: 2px 20px;
      direction:ltr;
        white-space: nowrap;
     }
     
    .dropdown-arrow {
      height: 0;
      width: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #31ff00;
      position: relative;
      top: 5px;
      left: 10px;
    }
    
    .searchDiv:hover .dropdown-arrow {
      top: 35px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #333;
      border-top: 10px solid transparent;
    }
    
    .dropdown-menus {
      list-style-type: none;
      display: none;
      background: #555; /* Non-rgba compatable browsers */
      background: rgba(33, 33, 33, 0.9);
    }
    
    .searchDiv:hover .dropdown-menus {
      display: block; 
      margin-top: 20px;
      /*top: 107%;*/
      right:0;
      position: absolute;
    
    }
    
    .dropdown-menus ul li {
      list-style-type: none;
      display: block;
      height: 40px;
      width: 200px;
      font-size: 1em;
      line-height: 2.5em;
      color: #fff;
      border-bottom: 2px solid #333;
      padding: 5px;
    }
    
    .dropdown-menus ul li:last-child {
      border-bottom: none;
    }
    
    .dropdown-menus ul li:hover {
      background: #333;
      color: #fff;
    }
    a:hover{
        text-decoration: none;
    }
    @media (min-width:700px) {
      .blog-block{
        max-height: 340px;
    }
    }
    @media(max-width: 1324px){
        .blog-block{
            max-height: 100% !important;
        }
        .subcat-list {
          font-size: .9em;
            padding: 0;
            margin: 6px 6px;
            margin-right: 15px;
        }
        
        
    }
    
    @media (max-width: 600px) {
    .header-content .animation img {
         width: 70% !important;
        transform: translateY(-52px) !important;
    }
    }

    p{
      color: white;
    }
    .text-grey {
      color: #a3a3a3;
    }
    .nav-previous , .nav-next {
      white-space: nowrap;
    }
    .navigation.posts-navigation {
        width: 100%;
        height: auto;
      }
    .nav-next, .post-navigation  .nav-next {
       float: none !important; 
      text-align: center !important; 
       width: auto !important; 
  }
    
    
    @media screen and (min-width: 900px) {
      .nav-links {
      display: block;
      width: 100%;
      
    }
      
      .nav-next {
        margin-left: 30px;
      }
    }
    
    @media screen and (max-width: 900px) {
      .nav-links {
      width: 100%;
    }
    }