/* ******************************
:: 1.0 COMMON CSS
****************************** */

@media (max-width: 768px) {
    .back-to-top {
        bottom: 15px;
    }
}


/* ******************************
:: 5.0 HEADER AREA CSS
****************************** */
@media (max-width: 992px) {
    #header .logo {
        font-size: 28px;
    }

    #header .logo img {
        max-height: 40px;
        position: absolute;
        top: -20px;
        bottom: 0;
        left: 12px;
        right: 0;
    }
}


/* ******************************
:: 6.0 NAVIGATION MENU CSS
****************************** */
@media (max-width: 1366px) {
    .nav-menu .drop-down .drop-down ul {
        left: -90%;
    }

    .nav-menu .drop-down .drop-down:hover > ul {
        left: -100%;
    }

    .nav-menu .drop-down .drop-down > a:after {
        content: "\ea9d";
    }
}


/* ******************************
:: 7.0 CAROUSEL INTRO CSS
****************************** */
@media (max-height: 500px) {
    #intro {
        height: 150vh;
    }
}

@media (max-width: 768px) {
    #intro h2 {
        font-size: 28px;
    }
}

@media (min-width: 1024px) {
    #intro p {
        width: 60%;
    }
}

@media (min-width: 1024px) {
    #intro .carousel-control-prev, #intro .carousel-control-next {
        width: 5%;
    }
}


/* ******************************
:: 8.0 SECTION PORTFOLIO DETAIL CSS
****************************** */
@media (max-width: 768px) {
    .portfolio-details .portfolio-description h2 {
        width: 100%;
    }

    .portfolio-details .portfolio-info {
        position: static;
        margin-top: 30px;
    }
}


/* ******************************
:: 8.10 SECTION CONTACT CSS
****************************** */
@media (min-width: 768px) {
    #contact .contact-address, #contact .contact-phone, #contact .contact-email {
        padding: 20px 0;
    }
}

@media (min-width: 768px) {
    #contact .contact-lines {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
}


/* ******************************
:: 8.11 SECTION MAPAEL CSS
****************************** */
@media screen and (min-width: 768px){
    .mapael .mapTooltip {
        position: absolute;
        top: 170px !important;
        left: 800px !important;
        -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.37);
        -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.37);
        box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.37);
        border-radius: 2px;
        background-color: rgb(255, 255, 255);
        padding : 20px;

    }
}


/* ******************************
:: 9 SECTION APP AND WEB CSS
****************************** */