@media screen and (min-width: 992px){
    .sidebar-wrapper{
        display: none !important;
    }
    .map{
        height: 450px 
    }
}
@media screen and (min-width: 1600px){
    html,body{
        font-size: 18px;
    }
    .map{
        height: 550px 
    }
}

@media screen and (max-width: 991.98px){
    .wrapper{
        width: calc(100vw + 18rem)
    }
    .page-wrapper{
        width: calc(100% - 18rem)
    }
    .header .navbar-brand{
        padding: .7rem 0px;
    }
    .menubar-container{
        display: none;
    }
    .menubar-toggler{
        display: block;
        width: 35px;
        height: 35px;
        background: var(--client-primary);
        border-radius: 2px;
        text-align: center;
    }
    .menubar-toggler span{
        display: block;
        width: 70%;
        height: 2px;
        background: #fff;
        margin: auto;
        transition: .4s all
    }
    .menubar-toggler span:first-child{
        transform: translateY(11px);
    }
    .menubar-toggler span:last-child{
        transform: translateY(-11px);
    }
    .map{
        height: 400px 
    }
}






@media screen and (max-width: 767.98px){
    html,body{
        font-size: 16px;
    }
    .container{
        max-width: 100%;
        width: 100%
    }
    .header .navbar-brand{
        max-width: 160px;
        padding: 1rem 0px;
    }
    /* .menubar-toggler.active span:nth-child(2){
        transform: scaleX(0);
    }
    .menubar-toggler.active span:first-child{
        transform: rotate(40deg) translate(1px, 2px);
    }
    .menubar-toggler.active span:last-child{
        transform: rotate(-40deg) translate(1px, -1px);
    } */
    .mainslider .slide-inner .slide-caption h3{
        font-size: 1.3rem;
    }
    .mainslider .slide-inner .slide-caption p{
        font-size: .85rem;
    }    
    .title-main-h1{
        font-size: 2rem;
    }
    footer .footer-content p, footer .footer-content li, .custom.dot li{
        font-size: .9rem;
    }
    footer .form-control{
        font-size: .9rem;
        font-weight: 500;
        color: rgba(255,255,255,.7)
    }
    .bg-client-secondary p{
        font-weight: 500;
    }

    .timeline-wrapper:before{
        left: 0;
    }
    .timeline-badge{
        left: 15px;
    }
    .timeline:nth-child(even) .timeline-badge:after{
        right: auto;
        left: 100%
    }
    .timeline:nth-child(odd) .timeline-panel{
        margin-right: auto;
        margin-left: 20px
    }
    .timeline:nth-child(even) .timeline-date{
        text-align: left;
        margin-left: 30px;
        margin-right: auto
    }
    .timeline:nth-child(odd) .timeline-panel:after, .timeline:nth-child(odd) .timeline-panel:before {
        left: auto;
        right: 100%;
        border-left: 0px;
        border-right: 12px solid rgba(240,240,240,1);
    }
    .timeline:nth-child(odd) .timeline-panel:before {
        border-right: 13px solid rgba(180,180,180,1);
    }
    .map{
        height: 350px 
    }
    .portfolio-group{
        padding: .4rem 1rem;
        margin-right: 5px
    }
}