@media only screen and (min-width: 1920px){
    .container {
        max-width: 1440px;
    }
}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .8rem;
        padding-left: .8rem;
    }
}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) 
{

}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991px) 
{ 
    .offcanvas-header{ 
        display:block;    
        border-bottom: 1px dotted #cccccc; 
    }
    .offcanvas-header .btn {
        position: relative;
        top: 0px;
        font-weight: bold;
        padding: 3px;
        border: 0px;
        font-size: 30px;
        margin-right: 20px;
    }
    .navbar-collapse {
        position: fixed;
        top:0; 
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #ffffff;
        transition: visibility .2s ease-in-out, transform .2s ease-in-out;
        z-index: 100;
    }
    .navbar-collapse.show {
        visibility: visible;
        transform: translateX(-100%);
    }
    .looking-service{
        margin-bottom: 15px;
    }
    .navbar-toggler {
        display: block;
        color: rgba(0,0,0,.5);
        border-color: rgba(0,0,0,0);
    }
    .navbar-toggler-icon {
        background-image: url(../images/bar.svg);
    }
    .bottom-bar .dropdown-toggle::after {
        position: relative;
        top: 9px;
        float: right;
    }
    .offcanvas-header img {

    }
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) 
{ 
    .bottom-bar .btn-link[data-abbr]::after { 
        content: attr(data-abbr); 
    }

    /* Hide the original label */
    .bottom-bar .btn-link > span { 
        display: none; 
    }
    .bottom-bar .btn-link {
        font-size: 21px;
        position: absolute;
        right: 15px;
    }
    .bottom-bar .btn-link.mobile-menu{
        font-size: 21px;
        position: absolute;
        left: 15px;
        margin-top: 15px;
        bottom: 30px;
    }
    menu {
        margin-top: 0px;
    }

    .service-place .nav-pills .nav-link{
        border: 0px;
    }
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 576px) 
{
    .footer-links .list-inline .list-inline-item:first-child img {
        width: 105px;
    }
    .footer-contact .btn-dark{
        letter-spacing: 0;
    }

}