.blog-filter{width:100%;float:left;border-top:0px solid #fff;position: relative;height:60px}
.blog-filter:before{height:61px;background:#45576f;content:" ";position: absolute;width:100%;z-index:-1}
.blog-filter .row{max-width:1604px;}
.blog-filter .lbl{color:#a1b8d7;font-size:18px;font-family:"Roboto";display:inline-block;margin:15px 0 0}
.blog-filter .lbl.r{float:right}
.blog-filter .cat ul{display:block;list-style:none;margin:0px;padding:0px;font-size:0px}
.blog-filter .cat ul > li{display:inline-block;border-left:1px solid #7285a0;height:60px}
.blog-filter .cat ul > li:last-child{border-right:1px solid #7285a0}
.blog-filter .cat ul > li > a{position:relative;padding:16px 30px 16px 30px;color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;display:inline-block;vertical-align:top}
.blog-filter .cat ul > li.hsub > a:after{width:0; 
  height: 0; 
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #fff;position:absolute;right:30px;top:25px;content:" ";}
  .blog-filter .cat ul > li.hsub > a{padding-right:50px}
.blog-filter .cat > ul > li:hover > a{background-color:#fff;color:#4f4949}
.blog-filter .cat > ul > li:hover > a:after{border-top-color:#4f4949 }
.blog-filter .cat ul ul{display:none;width:100%;position: absolute;top:60px}
.blog-filter .cat ul ul:before{position: absolute;top:0px;left:-100%;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;content:" ";width:200%;background:#fff;height:96px}
.blog-filter .cat > ul > li:hover ul{display:block}
.blog-filter .cat ul li li{border:none!important;margin:25px 10px}
.blog-filter .cat ul li li a{color:#4f4949!important;font-size:18px;text-transform:none;font-weight:400;display:inline-block;border-radius:25px;border:1px solid #d6d6d6;padding:8px 25px}
.blog-filter .cat ul li li a.active,
.blog-filter .cat ul li li a:hover{border-color:#f4b73d;color:#f4b73d!important;font-weight:500;}
.blog-filter .cat ul li li a:after{display:none}
.blog-filter .txtsearch{display: block;width:100%}
.blog-filter .txtsearch .btn_search{width:31px;height:29px;background:url("../images/btn_search.jpg") 0 0 no-repeat;float:right;vertical-align:top;margin-top:15px}
.blog-filter .txtsearch .btn_search:hover{opacity:0.4;cursor: pointer;}
.blog-filter .txtsearch input[type="text"]{border:none;float:right;max-width:250px;box-shadow:none;margin:11px 0 0 10px;font-size:14px;width:0px;padding:0px}
.blog-filter .txtsearch input[type="text"].active{width:100%;padding:10px}
.blog-filter .txtsearch ::-webkit-input-placeholder { 
  color: #21334c;opacity:0.8;
}
.blog-filter .txtsearch ::-moz-placeholder { 
  color: #21334c;opacity:0.8;
}
.blog-filter .txtsearch :-ms-input-placeholder { 
  color: #21334c;opacity:0.8;
}
.blog-filter .txtsearch :-moz-placeholder { 
  color: #21334c;opacity:0.8;
}

.blog-filter .btn_filter{display:none;border:1px solid #fff;text-align:center;border-radius:5px;font-size:16px;padding:10px 15px;margin-top:7px;color:#fff}
.blog-filter .btn_filter:hover{background:#637793;color:#fff}

.popup_filter h4{margin-bottom:41px;font-size:30px;color:#fff;text-transform:uppercase}
.popup_filter h5{font-size:18px;text-transform:uppercase;color:#fff;margin:0 0 15px 7px}
.popup_filter ul{display:block; list-style:none;padding:0px;margin:0px 0 15px}
.popup_filter ul li{display:block;position: relative;}
.popup_filter ul li.hsub:after{width:9px;height:3px;background:url("../images/menu-plus.jpg") center center no-repeat;content:" ";position: absolute;right:10px;top:12px;width:16px;height:16px}
.popup_filter ul > li > a{text-transform:uppercase;padding:2px 7px;display:block;color:#fff;border-top:1px solid #5d6f88;border-bottom:1px solid #5d6f88;font-size:22px;font-weight:700}
.popup_filter ul li a.active,
.popup_filter ul li a:hover{color:#f4b73d}
.popup_filter ul li li a{padding-left:10px;font-size:20px;color:#8ea1bb;text-transform:none;border:none;}
.popup_filter ul li ul{display:none;}
.popup_filter ul li li:after{background:none}
.popup_filter ul li.active ul{display:block;}
.popup_filter ul li.active:after{background:url("../images/menu-minus.jpg") center center no-repeat;}
.popup_filter ul li:hover li:after{display:none}
.popup_filter ul.cols-2{column-count:2;-moz-column-count:2;max-width:210px;margin-bottom:41px}
#show_filter{background:#45576f;border:none;border-radius:0px;padding:32px 32px;}
#show_filter .close-button{right:36px;top:41px}
@media screen and (max-width: 1606px){
  .blog-filter .cat ul ul{left:10px}
}
@media screen and (max-width: 1503px){
  .blog-filter .cat ul li li a{font-size:13px}
  .blog-filter:before{height:100%;}
}
  
  @media screen and (max-width:1279px){
    .blog-filter .lbl{font-size:14px;margin-top:21px}
    .blog-filter .cat ul > li > a{font-size:16px;padding-bottom:20px}
    .blog-filter .cat ul li li a{font-size:12px}
    .blog-filter .cat ul ul{left:10px}
    .blog-filter .cat ul li li{margin:25px 2px}
  }
  
  @media screen and (max-width: 1200px){
    .hide_tablet_mobile{display:none}
    .blog-filter .cat ul{display:none!important}
    .blog-filter .btn_filter{display:inline-block}
  }

  @media screen and (max-width:1023px){
    .filterby{display:none}
    .sortby{display:none}
    .blog-filter .txtsearch input[type="text"]{max-width:calc(100% - 50px);}
    
  }



  @media screen and (max-width:905px){
    .blog-filter .txtsearch input[type="text"]{max-width:calc(100% - 50px)}
  }

  @media screen and (max-width:639px){
  
    .blog-filter .btn_filter{display:block;}
    .blog-filter:before{height:109px}
    .blog-filter .cat ul > li{border-left:none}
    .blog-filter .cat ul > li > a{padding-left:10px;padding-right:10px}
    .blog-filter .cat ul > li:last-child{border:none}
    .blog-filter .cat ul ul{z-index:999}
    .blog-filter .txtsearch input[type="text"]{max-width:calc(100% - 50px);width:calc(100% - 50px);padding:10px}
  }

  @media screen and (max-width:320px){
    .popup_filter ul > li > a{font-size:18px}
    .popup_filter ul li li a{font-size:14px}
  }