/*=============  MEDIA 992px - 1199px   =============*/
    @media(min-width:992px) and (max-width:1199px) {
        .department .fact{
            margin-top:20px;
            margin-bottom:20px;
        }
        .department .tab-content .tittle{
            margin-top:20px;
            margin-bottom:10px;
        }
        .department .margin-l-20{
            margin-left:0px;
        }
        .department .btn{
            min-width:inherit;
        }
        .department .btn{
            min-width:inherit;
            padding:12px 20px;
        }
        .department .fact p{
            line-height:20px;
            margin-bottom:10px;
        }
        .department .dep-sec-nav{
            width:100%;
            position:relative;
        }
        .department .nav-tabs li {
            float:left;
            width:14.2%;
        }
        .department .nav-tabs li a{
            font-size:13px;
            letter-spacing:0px;
            font-weight:normal;
            border:none;
        }
        .department .nav-tabs{
            padding:0px;
            padding-top:0px;
        }
        .department .nav-tabs li.active a:before{
            top:auto;
            left:0px;
            right:0px;
            display:none;
            content:"\f0d7";
        }
        .department .tab-content{
            margin-top:-5px;
        }
        .department .dep-sec-img{
            width:50%;
        }
        .department .dep-sec-txt{
            width:50%;
        }
        .department .fact li{
            width:100%;
        }
        .department .tab-content .tittle h2{
            font-size:36px;
        }
        
        .depart-style-2 .nav-tabs li{
            width:100%;
        }
        }
        /*=============  MEDIA 768px - 991px   =============*/
        @media(min-width:768px) and (max-width:991px) {
        .department .fact{
            margin-top:20px;
            margin-bottom:20px;
        }
        .time-line-sec:before{
            display:none;
        }
        .about-us h2{
            width:100%;
        }
        .department .tab-content .tittle{
            margin-top:20px;
            margin-bottom:10px;
        }
        .department .margin-l-20{
            margin-left:0px;
        }
        .department .btn{
            min-width:inherit;
        }
        .department .btn{
            min-width:inherit;
            padding:12px 20px;
        }
        .department .fact p{
            line-height:20px;
            margin-bottom:10px;
        }
        .department .dep-sec-nav{
            width:100%;
            position:relative;
        }
        .department .nav-tabs li {
            float:left;
            width:14.2%;
        }
        .department .nav-tabs li a{
            font-size:13px;
            letter-spacing:0px;
            font-weight:normal;
            border:none;
        }
        .department .nav-tabs{
            padding:0px;
            padding-top:0px;
        }
        .department .nav-tabs li.active a:before{
            top:auto;
            left:0px;
            right:0px;
            display:none;
            content:"\f0d7";
        }
        .department .tab-content{
            margin-top:-5px;
        }
        .department .dep-sec-img{
            width:50%;
        }
        .department .dep-sec-txt{
            width:50%;
        }
        .department .fact li{
            width:100%;
        }
        .department .tab-content .tittle h2{
            font-size:36px;
        }
        .blog{
            text-align:center;
        }
        .blog .text-section{
            min-height:inherit;
            padding-bottom:20px;
        }
        .tittle h2{
            width:100%;
            text-align:center;
        }
        header nav li a{
            padding:30px 7px;
            font-size:14px;
            padding-top:40px;
        }
        .header-2 nav li a{
            padding: 0px 6px;
        }
        .depart-style-2 .nav-tabs li{
            width: 16.66666%;
        }
        }
        
        /*=============  MEDIA 767px   =============*/
        @media(max-width:767px) {
        
        .department .dep-sec-nav{
            width:100%;
            position:relative;
        }
        .department .nav-tabs li {
            float: left;
            width: 32% !important;
            height: auto !important;
            border: none;
        }
        .department .nav-tabs li a{
            font-size:10px;
            letter-spacing:0px;
            font-weight:normal;
            border:none !important;
        }
        .department .nav-tabs{
            padding:0px;
            padding-top:0px;
        }
        .department .nav-tabs li.active a:before{
           display: none;
        }
        .department .tab-content{
            margin-top:-5px;
        }
        .department .dep-sec-img{
            width:100%;
        }
        .department .dep-sec-txt{
            width:100%;
        }
        .department .fact li{
            width:0%;
            float:left;
        }
        .department .tab-content{
            min-height:inherit;
        }
        .department .tab-content .tittle h2{
            font-size:36px;
        }
        .department .img-bg-dep{
            position:relative;
              height: 400px;
        }
        .tittle{
            margin-bottom:20px;
        }
        .tittle h2{
            width:100%;
            font-size:30px;
        }
            .bg-dark-gray, .bg-dark-gray:focus {
        background-color: transparent;
        height: auto !important;
        }
        .page-title-big-typography {
        margin-top: 0px;
        }
       
        
        }