@media screen and (max-width: 1200px) and (min-width: 992px) {
 
}


@media screen and (max-width: 990px) and (min-width: 768px) {
 
}   


@media screen and (max-width: 767px){
    
    
    .Header .LogoArea{padding:20px 10px}
    .Header .LogoArea .Logo{width:165px}
    .Header .LogoArea .User{margin:10px 0;width:50%}
    .Header .LogoArea .User ul{margin:0 0 0 -195px;display:flex}
    .Header .LogoArea .User ul li{margin:0 0 0 10px}
    .Header .LogoArea .User ul li+li:before{left:-15px}
    .User form input[type=text]:focus{background-color:#fff}
    .User form:after{z-index:9}
    .Header .navbar{padding:15px 15px;justify-content:flex-end}
    .Header .navbar ul.navbar-nav li{margin:0 0 20px 0}
    .navbar-dark .navbar-toggler{background:#274667!important}
    .Header .LogoArea .User ul li .dropdown-menu{transform:translate(-10px,30px)!important}
    .SliderArea{overflow:hidden}
    .SliderArea .carousel-item{padding:70px 30px 50px}
    .SliderArea .SliderContent{width:100%}
    .SliderArea .SliderContent h6{font-size:16px;margin:0 0 10px 0}
    .SliderArea .SliderContent h3{font-size:22px;margin:0 0 10px 0;line-height:35px}
    .SliderArea .SliderContent a{font-size:20px}
    .TopicsArea{padding:50px 0 20px}
    .Heading h1{font-size:25px}
    .Heading a{padding:9px 25px;font-size:15px;margin:0 0 0 0}
    .PopularArea{padding:50px 0 20px}
    .Footer{padding:50px 0}
    .Footer .Foot ol{text-align:left}
    .FilterBox form select{min-width:43%;margin:0 5px 10px 5px}
    .search-input{min-width: 43%;margin: 0 5px 10px 5px;}
    .FilterBox form button{width:45%}
    .DirectorieArea{padding:50px 0 20px}
    .PublicationsArea{padding:0 0}
    .PublishBox{padding:50px 20px 110px 20px;min-height:auto}
    .PublishBox h3{font-size:25px;line-height:40px}
    .PublishBox .PublishLink{width:90%!important;padding:0 15px!important;bottom:-60px}
    .DirectoryDetailsArea .DirectoryDetailsLeft ul li{margin:0 10px;display:inline-block}
    .DirectoryDetailsArea{padding:50px 0 50px 0}



}