@media only screen and (max-width:1200px){
    .web-header .nav-menu nav>ol.breadcrumb>li.breadcrumb-item>a {
         /* color: red;  */
    }
}
@media only screen and (max-width:992px){
    .web-header .nav-menu nav>ol.breadcrumb>li.breadcrumb-item>a {
        /* color: yellow;  */
        font-size: 11px;
    }
    .web-header .imp-link .nav .nav-item{
        min-height: 90px;
    }
    .web-header .imp-link .nav .nav-item a.nav-link{
        padding: 12px;
        font-size: 12px;
        height: 60px;
    }
    .middle .news-box .item .thumbnail .caption.box h3,
    .middle .news-box .item .thumbnail .caption.inline h3 {
        font-size: 14px;
    }
    .middle .news-box .item .thumbnail .caption.box h3 span{
        font-size: 12px;
    }
    .middle .news-box .item .thumbnail .caption.box h3 {
        min-height: 110px;
    }
    
}
@media only screen and (max-width:768px){
    .item .thumbnail .caption.inline p,
    .web-header .nav-menu nav>ol.breadcrumb>li.breadcrumb-item>a {
          /* color: green ; */
    }
    .web-header .imp-link {
        margin-bottom: 10px;   
    }
    .web-header .imp-link .nav .nav-item {
        width: 25%;
        min-height: unset;
        border:none;
    }
    .web-header .imp-link .nav .nav-item a.nav-link:hover{
        height: unset;
    }
    .web-header .imp-link .nav .nav-item:last-child{
        border:none;
    }
    .web-header .imp-link .nav .nav-item a.nav-link{
        clip-path: none;
        height: unset;
        padding: 5px 10px;
        border-radius: 20px;
        text-align: center;
    }
    .web-header .nav-menu nav .btn-close{
        border: none;
        border-radius: 100%;
        background: #e31e24;
        color: #fff;
        position: fixed;
        z-index: 9;
        right: 20px;
        display: inherit;
    }
    .web-header .imp-link .nav .nav-item.collaspse-menu{
        display: initial;
    }
    .web-header .imp-link .nav .nav-item.collaspse-menu .nav-link.green{
        background: #454445;
    }
    .web-header .imp-link .nav .nav-item a.nav-link.green{
        background: #579b18;
    }
    .web-header .imp-link .nav .nav-item a.nav-link.blue{
        background: #00b3d4 ;
    }
    .web-header .imp-link .nav .nav-item a.nav-link.pink{
        background: #a90177  ;
    }
    .web-header .nav-menu nav{
        position: fixed;
        top:0;
        left: 0;
        width:100%;
        height: 100%;
        z-index: 99;
        background: #7a6ea7;
        overflow-x: auto;
        display: none;
        padding: 20px;
    }
    .web-header .nav-menu nav.open{
        display: initial;
    }
    .web-header .nav-menu nav>ol.breadcrumb{
            border: none;
    display: flex;
    flex-direction: column;
    }
    .web-header .nav-menu nav>ol.breadcrumb li::before{
        display: none;
    }
    .web-header .nav-menu nav>ol.breadcrumb>li.breadcrumb-item.dropdown.show>ul,
    .web-header .nav-menu nav>ol.breadcrumb>li.breadcrumb-item.dropdown>ul{
        display: block !important; 
        position: unset !important;
        width: 100%;
        padding-left: 20px;
        background: transparent;
        box-shadow: none;
        font-size: 12px;
        transform:none !important;
    }
    .web-header .nav-menu nav>ol.breadcrumb li a,
    .web-header .nav-menu nav>ol.breadcrumb li{
        padding: 0;
    }
    .web-header .nav-menu nav>ol.breadcrumb>li.breadcrumb-item>a{
        color:#fff;
        font-size: 14px;
    }
    .middle .news-box .item .thumbnail .caption.inline h3,
    .middle .news-box .item .thumbnail .caption.inline p{
        min-height: unset;
    }
    .middle .news-box .item .thumbnail .caption.box h3{
        min-height: 75px;
        padding-bottom: 50px;
    }
    .middle .news-box .item{
        border:none;
    }
    .middle{
        margin: 0;
    }
}
@media only screen and (max-width:600px){
    .item .thumbnail .caption.inline p,
    .web-header .nav-menu nav>ol.breadcrumb>li.breadcrumb-item>a {
         /* color: pink;  */
    }    
    .middle .news-box .item .thumbnail .caption.box h3 {
        min-height: unset;
        padding-bottom: 50px;
    }
    .web-header .imp-link .nav .nav-item a.nav-link{
        font-size: 10px;
    }
}
@media only screen and (max-width:500px){
    .web-header .nav-menu nav>ol.breadcrumb>li.breadcrumb-item>a {
         /* color: red;  */
    }
    
}
@media only screen and (max-width:480px){
    .web-header .nav-menu nav>ol.breadcrumb>li.breadcrumb-item>a {
         /* color: silver;  */
    }
    
}
@media only screen and (max-width:320px){
    
}