@media (max-width:1210px){
    .nav-menu>ul>li>a {
        padding: 0 0.5rem;
        line-height: 4.5rem;
        color: var(--bs-dark);
        display: block;
        text-transform: uppercase;
        font-size: 12px;
    }
    .nav-btn>li:not(:last-child) {
        margin-right: 5px;
        margin-left: 5px;
    }
    .nav-menu>ul>li>span.over{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height:100%;
        z-index: 2;
    }
}
@media (min-width:992px){
    .bst input{
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .post-thumb .owl-nav{
        visibility: hidden;
        opacity: 0;
        transition: var(--trans);
    }
    .post-thumb:hover .owl-nav{
        opacity: 1;
        visibility: visible;
    }
    .grid-post .post-thumb .img{
        width:315px;
    }.grid-post .post-thumb .img{
        padding-right:0;
    }
    .grid-post .post-thumb .img img{
        width:100%;
    }
    .bst select{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right:0;
    }
    .home-search{
        height:440px;
    }
    .blog-thumb-fs{
        flex-basis: auto;
    }
    .blog-thumb-fs .blog-thumb{
        height: 100%;
        flex-direction: column;
        display: flex;
    }
    .blog-thumb-fs .blog-thumb .img{
        flex: 1;
    }
    .blog-thumb-fs .blog-thumb .img a{
        height: 100%;
    }
    .in-margin > .mb-3:last-child{
        margin:0 !important;
    }
    .blog-thumb-fs .blog-thumb h3{
        font-size:20px;
    }
    .blog-thumb-fs .blog-thumb .info{
        font-size:16px;
    }
    .grid-post .post-thumb{
        display: flex;
        flex-direction: row;
    }
    .grid-post .post-thumb .info{
        position: relative;
        flex: 1;
    }
    .blog-grid-sm-2 .blog-thumb .img a{
        width: 200px;
        height: 150px;
    }
}
@media (min-width:1400px){
    .home-search,
    .home-search .owl-carousel .owl-stage-outer{
        height:462px;
    }
}
@media (max-width:991.8px){
    .page-header .logo{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        height: calc(100% - 10px);
        width: 100px;
        padding: 0;
    }
    .hdlogo img{
        height: 50px !important;
    }
    .tphd2{
        position: relative;
    }
    .mb-hd-show .tphd2{
        position: sticky;transition: var(--trans);
    }
    .mb-hd-show .hdlogo img{
        visibility: hidden;
    }
    .mb-hd-show  .bxsearch {
        position: absolute;
        top: 11px;
        right: 53px;
        left: 0.75rem;
        background: white;
        padding: 0 !important;
        border-radius: 0.375rem;
        transition: var(--trans);
    }
    .mb-hd-show .bxsearch .btn{
        color:gray;
        transition: var(--trans);
    }
    .ss-title .desc{
        width:100%;
    }
    .loca-thumb{
        margin-bottom:1rem;
        height: 30vw;
    }
    .grid-post .user-thumb{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .grid-post .user-thumb .user-img,
    .grid-post .user-thumb h4{
        margin-bottom:0 !important;
        margin-top:0 !important;
    }
    #backtotop{
        bottom: 5rem;
    }
    .mb-hide{
        display:none !important;
    }
    .mb-on{
        display: block !important;
    }
    .mb-hide{
        display: none;
    }
    .mb-menu{
        position: fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index: 1000;
        transition: all 0.5s ease;
        transform: translate(100%,0);
    }
    .bg-menu-ovelay {
        background: rgba(0,0,0,0.5);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        transform: translate(100%,0);
    }
    body.show-menu .mb-menu,
    body.show-menu .bg-menu-ovelay{
        transform: translate(0,0);
    }
    .mb-menu .content{
        width:100%;
        max-width: 320px;
        background: white;
        margin-left:auto;
    }
    .mb-menu-hd{
        text-transform: uppercase;
        background: var(--primary);
        color: #fff;
    }
    .mb-menu-hd a{
        color: white;
    }
    .mb-menu-bd{
        height:calc(100vh - 54px);
        overflow-x:hidden;
        overflow-y: auto;
        background: var(--bs-gray-100);
        position: relative;
    }
    .mb-nav-menu {
        list-style: none;
        padding:0 ;
    }
    .mb-nav-menu a{
        line-height: 30px;
        font-weight: 400;
        text-transform: uppercase;
        margin-right: 50px;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    color: var(--bs-dark);
    }
    .mb-nav-menu >li >a{
        font-family: 'Asap-Medium';
        font-size: 1rem;
        margin-left:1rem;
    }
    .mb-nav-menu > li{
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid hsla(0,0%,87%,.5);
        align-items: center;
    }
    .mb-nav-menu > li>span{
        padding:0 5px;
        color: var(--light);
        line-height: 30px;
        font-size: 12px;
        cursor: pointer;
        margin-right: 1rem;
    }
    .mb-menu-bd .submenu{
        position: absolute;
        top:0;
        left:0;
        height:100%;
        width:100%;
        background: white;
        transition: all 0.3s;
        z-index: 999;
        transform: translate(100%,0);
        visibility: hidden;
    }
    .mb-menu-bd .sub-heading{
        display: flex;
        padding: 0;
        justify-content: space-between;
        margin-bottom: 15px;
        align-items: center;
        margin-left: -1rem;
        margin-right: -1rem;
        margin-top: 0;
        background: var(--bs-gray-100);
    }
    .mb-menu-bd .sub-heading a,
    .mb-menu-bd .sub-heading>span{
        line-height: 30px;
        padding: 10px 0;
        cursor: pointer;
        color: var(--primary);
        text-transform: uppercase;
        height: 50px;
    }
    .mb-menu-bd .sub-heading a{
        width:calc(100% - 30px);
        font-size:16px;
        padding-left:1rem;
    }
    .mb-menu-bd .sub-heading>span{
        width: 30px;
        font-size: 12px;
        background: var(--bs-gray-200);
        text-align: center;
    }
    .mb-menu-bd .sub-heading>span i{
        line-height: 30px;
    }
    .mb-menu-bd .sub-heading>span:hover{
        color: var(--primary);
    }
    .mb-menu-bd .sub-heading a:hover{
        color: var(--light);
    }
    .mb-menu-bd .submenu ul{
        list-style: none;
        margin:0;
        padding:0;
    }
    .mb-menu-bd .submenu li>a{
        text-transform: capitalize;
        font-size: 14px;
        color: var(--light);
        padding: 0;
        line-height: 30px;
        font-weight: 400;
    }
    .mb-menu-bd .submenu .col{
        padding: 0 1.7rem;
        margin-bottom: 1.5rem;
    }
    .mb-menu-bd .mb-nav-menu{
        transition: all 0.3s;
        transform: translate(0,0);
        transition-delay: 100ms;
        flex-direction: column;
    }
    .mb-menu-bd.show-sub .mb-nav-menu{
        transform: translate(-100%,0);
    }
    .mb-menu-bd.show-sub .submenu.active{
        visibility: visible;
        transform: translate(0,0);
    }
    .submenu {
        display: flex;
        flex-direction: column;
        padding: 0 1rem;
        list-style: none;
    }
    .sub-menu-level1>a{
        font-family: "Asap-Medium";
    }
    .btn-menu {
        cursor: pointer;
        width: 25px;
        height: 25px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 15px 0;
    }
    .btn-menu>span {
        width: 100%;
        display: inline-block;
        height:2px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background-color: var(--primary);
    }
    .home-page .btn-menu>span{
        background-color: var(--primary);
    }
    .btn-menu>span:nth-child(2) {
        width: 12px;
    }
    .btn-menu:hover>span:nth-child(2) {
        width: 100%;
    }
    .section-story{
        background-position: center right;
    }
    .cate-slide-item {
        padding: 0 15px;
    }
    .shs .inner .layer-2{
        font-size:45px;
    }
    .shs .inner .layer-1 img{
        height:80px
    }
    .three-banner .inner{
        flex-wrap: wrap;
    }
    .three-banner .inner .banner-thumb{
        max-height: none;
        flex: 100%;
        margin: 5px 0;
    }
    .three-banner{
        margin: 0;
    }
    .header-mobile-fixed{
        display: block;
        position: fixed;
        bottom:0;
        left:0;
        width:100%;
        background: white;
        z-index: 997;
        border: var(--border);
        border-width: 1px 0 0;
    }
    .header-mobile-fixed ul{
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
    }
    .header-mobile-fixed ul a{
        width:45px;
        height:45px;
        display: inline-block;
        font-size:20px;
        text-align: center;
        padding-top:10px;
    }
    .rightp-pop .pdt-nav-slidebar{
        padding:25px 15px;
    }
    .bg-filter-ovelay{
        position: fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index: 999;
        background: rgba(0,0,0,0.5);
    }
    .filter-box{
        position: fixed;
        left:0;
        padding:25px 20px;
        overflow: auto;
        max-width: 330px;
        top:0;
        width:100%;
        height: 100%;
        z-index: 1000;
        background: white;
        border:var(--border);
        border-width:0 1px 0 0;
    }
    .bg-filter-ovelay,
    .filter-box{
        transform: translatex(-100%);
        transition: all 0.4s;
    }
    .show-filter-box .bg-filter-ovelay,
    .show-filter-box .filter-box{
        transform: translatex(0);
    }
    .section-contact .contact-content{
        padding:50px 20px;
    }
    .bg-mb-primary{
        background:var(--primary);
        color: white;
    }
    .mb-nav-menu > li{
        flex-wrap:wrap;
    }
    .mb-nav-menu > li >ul{
        flex:0 0 100% ;
        background: white;
        border-top:1px solid var(--bs-gray-200);
    }
    .mb-nav-menu > li >ul>li{
        visibility:hidden;
        opacity: 0.5;
        transition: var(--trans);
        transition-delay: 0.25s;
        transform:translatex(10%);
    }
    .mb-nav-menu > li.show-child >ul>li{
        visibility: visible;
        opacity: 1;
        transform:translatex(0);
    }
    .mb-nav-menu > li .show-ul{
        transition: var(--trans);
    }
    .mb-nav-menu > li.show-child .show-ul{
        transform: rotate(180deg);
    }
    .mb-nav-menu > li >ul li>a{
        font-family: Asap !important;
        margin-left: 1.5rem;
        display: block;
        font-size: 0.95rem;
        margin-right: 0;
    }
    .mb-nav-menu > li >ul li{
        border-bottom:1px solid var(--bs-gray-200);
    }
    .mb-nav-menu > li >ul li:last-child{
        border-bottom:0;
    }
    .btn-menu>span:nth-child(2){
        width:100%;
    }
    .tphd2{
        background: var(--primary);
    }
    .btn-menu>span{
        background:white;
    }
    .mb-nav-menu > li >ul ul{
        padding:0;
        border-top:1px solid var(--bs-gray-200);
        text-transform: capitalize;
    }
    .mb-nav-menu > li >ul ul>li>a{
        text-transform: capitalize;
        padding-left: 0.5rem;
    }
    .mb-menu-hd .icon{
        border: 1px solid;
        width: 30px;
        height: 30px;
        text-align: center;
        border-radius: 50%;
    }
    .mb-menu-hd .icon i{
        line-height: 27px;
    }
    .mb-nav-menu > li.show-child>a{
        color: var(--primary);
    }
    body.show-menu{
        overflow: hidden;
    }
    body.show-menu{
        overflow: hidden;
    }
    body:not(.nav-menu-sm) .tphd2{
        background: white;
    }
    body:not(.nav-menu-sm) .btn-menu>span{
        background: var(--primary);
    }
    body:not(.nav-menu-sm) .bxsearch{
        background: var(--primary);
        margin-left: -1rem;
        margin-right: -1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.5rem;
    }
}