/* X-Small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    #space-section .position-relative{
        height: 165px;
    }
    .blue-rectangle,
    .pink-rectangle {
        height: 165px;
    }
    .g-maps {
        padding-bottom: 33%;
    }
    .section-borer-left-icon{
        position: absolute;
        margin-left: -42.5px;
        left:0;
        top: 0;
        background: white;
        padding: 1rem 0;
    }
    #pricelist-section .container-out-bg-30:after{
        display: block;
    }
    .slider-text{
        display: block;
        font-size: 2.6rem;
        line-height: 2.65rem;
        color: white;
        top: initial;
        bottom: 4rem;
        left:16.66666667%;
    }
    nav .nav-link {
        color: var(--text-color-dark-blue);
        font-size: 1.275rem;
    }
    nav .nav-link:hover{
        color: #4464ad;
    }

    nav .nav-link.active:after{
        content:'';
        background: var(--color-pink);
        width: 100%;
        height: 5px;
        display: inline-block;
        position: absolute;
        bottom: 0px;
        left: 0;
    }

}

 /*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .box{
        align-items: start;
        text-align:left:
    }
}

 /*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

 /*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

}