/* Breakpoints
    // ========================================================================== */
    /* 320px */
    /* 480px */
    /* 599px */
    /* 600px */
    /* 768px */
    /* 967px */
    /* 960px */
    /* 1400px */
    /* Colors 
    // ========================================================================== */
    /* Convert px to ems
    // ========================================================================== */
    /* Mixins
    // ========================================================================== */
    /* Media Query Watcher
    // ========================================================================== */
    #getActiveMQ-watcher {
        font-family: "break-0";
    }

    @media (min-width: 20em) {
        #getActiveMQ-watcher {
            font-family: "break-1";
        }
    }

    @media (min-width: 30em) {
        #getActiveMQ-watcher {
            font-family: "break-2";
        }
    }

    @media (min-width: 37.5em) {
        #getActiveMQ-watcher {
            font-family: "break-3";
        }
    }

    @media (min-width: 48em) {
        #getActiveMQ-watcher {
            font-family: "break-4";
        }
    }

    @media (min-width: 60em) {
        #getActiveMQ-watcher {
            font-family: "break-5";
        }
    }

    /* =Map Pin Animation
    // ========================================================================== */
    @-webkit-keyframes pulsate {
        0% {
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            opacity: 0.8;
        }

        100% {
            -webkit-transform: scale(1.0);
            transform: scale(1.0);
            opacity: 0;
        }
    }

    @-moz-keyframes pulsate {
        0% {
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            opacity: 0.8;
        }

        100% {
            -webkit-transform: scale(1.0);
            transform: scale(1.0);
            opacity: 0;
        }
    }

    @keyframes pulsate {
        0% {
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            opacity: 0.8;
        }

        100% {
            -webkit-transform: scale(1.0);
            transform: scale(1.0);
            opacity: 0;
        }
    }

    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    @-webkit-keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateY(30px);
            transform: translateY(30px);
        }

        80% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateY(30px);
            -ms-transform: translateY(30px);
            transform: translateY(30px);
        }

        80% {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .bounceInDown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }

    #places-map .marker-kochi {
        left: 23%;
        top: 68%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;

    }

    /* =Places Map
    // ========================================================================== */
    #places-map {
        position: relative;
        display: flex;
        justify-content: center;
    }

    #places-map h1 {
        font-size: 1.3125em;
        margin-top: 0.9523809524em;
        text-align: center;
    }

    @media (min-width: 37.5em) {
        #places-map h1 {
            font-size: 2.1875em;
            margin-top: 0.9428571429em;
        }
    }

    #places-map .wu-logo {
        display: none;
        height: 3.875em;
        width: 11.3125em;
    }

    @media (min-width: 60em) {
        #places-map .wu-logo {
            background: url(https://jeffbridgforth.com/codepen/wu-logo.jpg) no-repeat;
            display: block;
            position: absolute;
            bottom: 1.875em;
            left: 2em;
        }
    }

    @media (min-width: 87.5em) {
        #places-map .wu-logo {
            left: 50%;
            margin-left: -43.75em;
        }
    }

    #places-map img {
        height: auto;
        position: relative;
        z-index: 1;
    }

    .secondary-page #places-map .content {
        margin: 0;
        position: relative;
    }

    @media (min-width: 60em) {
        .secondary-page #places-map .content {
            margin: 0 auto;
        }
    }

    #places-map .map {
        position: relative;
        text-align: center;
    }

    #places-map .map-pins {
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        width: 100%;
    }

    #places-map .smmap-location-marker {
        cursor: pointer;
        position: absolute;
        height: 30px;
        margin-top: -1.875em;
        margin-left: -0.7857142857em;
        width: 21px;
        z-index: 3;
    }

    #places-map .map-pin {
        background: url(../img/red-pin.png) no-repeat;
        background-size: contain;
        cursor: pointer;
        position: absolute;
        height: 21px;
        width: 15px;
        z-index: 3;
    }

    #places-map .map-location-marker {
        background: url(../img/red-pin.png) no-repeat;
        cursor: pointer;
        position: absolute;
        height: 21px;
        margin-top: -1.875em;
        margin-left: -0.7857142857em;
        width: 15px;
        z-index: 3;
    }

    @media (min-width: 48em) {
        .js #places-map .map-location-marker {
            visibility: hidden;
        }

        .js #places-map .map-location-marker.bounceInDown {
            visibility: visible;
        }
    }

    #places-map .marker-kasaragod {
        left: 11%;
        top: 6%;
        background: url(../img/bred-pin.png);
        width: 28px;
        height: 39px;
    }

    #places-map .marker-kannur {
        left: 18%;
        top: 14%;
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
        background: url(../img/bred-pin.png);
        width: 28px;
        height: 39px;
    }

    #places-map .marker-calicut {
        left: 30%;
        top: 37%;
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
        background: url(../img/bred-pin.png) no-repeat;
        width: 28px;
        height: 39px;
    }

    #places-map .marker-alappuzha {
        left: 41%;
        top: 71%;
        background: url(../img/red-pin.png) no-repeat;
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    #places-map .marker-pathanamthitta {
        left: 52%;
        top: 71%;
        background: url(../img/bred-pin.png) no-repeat;
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
        width: 28px;
        height: 39px;
    }

    @media (max-width: 767px) {
        #places-map .marker-pathanamthitta {
            left: 54% !important;
        }

    }


    #places-map .marker-palakad {
        left: 46%;
        top: 41%;
        background: url(../img/bred-pin.png) no-repeat;
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
        width: 28px;
        height: 39px;
    }

    #places-map .marker-malappuram {
        left: 34%;
        top: 33%;
        background: url(../img/bred-pin.png);
        width: 28px;
        height: 39px;
    }

    #places-map .marker-kottayam {
        left: 46%;
        top: 63%;
        background: url(../img/bred-pin.png);
        width: 28px;
        height: 39px;
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    #places-map .marker-attingal {
        left: 49%;
        top: 81%;
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #places-map .marker-thrissur {
        left: 37%;
        top: 48%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png);
        width: 15px;
        height: 21px
    }

    #places-map .marker-alangad {
        left: 44%;
        top: 56%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png);
        background-repeat: no-repeat;
        width: 28px;
        height: 39px;
    }

    #places-map .marker-arror {
        left: 39%;
        top: 64%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #places-map .marker-thiruvananthapuram {
        bottom: 10%;
        left: 54%;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        background: url(../img/bred-pin.png);
        width: 28px;
        height: 39px;
    }

    #places-map .marker-kollam {
        bottom: 16%;
        left: 56%;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        background: url(../img/red-pin.png) no-repeat;
    }

    /* New Kerala Markers */
    #places-map .marker-feroke {
        left: 28%;
        top: 30%;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    #places-map .marker-thamarassery {
        left: 31%;
        top: 28%;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    #places-map .marker-wadakkancherry {
        left: 39%;
        top: 46%;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    #places-map .marker-chevarambalam {
        left: 41%;
        top: 43%;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    #places-map .marker-edapally {
        left: 41%;
        top: 58%;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    /* New TN Markers */
    #places-map .marker-sankagiri3 {
        right: 47%;
        top: 34%;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    #places-map .marker-nilambur-tn {
        right: 70%;
        top: 46%;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    #places-map .marker-kalavasal {
        right: 51%;
        top: 62%;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    #places-map .smmap-location-marker:after {
        -webkit-animation: pulsate 2s ease-in-out infinite;
        -moz-animation: pulsate 2s ease-in-out infinite;
        animation: pulsate 2s ease-in-out infinite;
        background: transparent;
        border: 2px solid #fff;
        border-radius: 50%;
        content: "";
        display: block;
        height: 31px;
        left: 50% !important;
        opacity: 0;
        position: absolute;
        top: 50% !important;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        margin-left: -15.5px;
        margin-top: -15.5px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
        width: 31px;
        z-index: 2;
    }

    #places-map .map-location-marker:after {
        -webkit-animation: pulsate 2s ease-in-out infinite;
        -moz-animation: pulsate 2s ease-in-out infinite;
        animation: pulsate 2s ease-in-out infinite;
        background: transparent;
        border: 2px solid #fff;
        border-radius: 50%;
        content: "";
        display: block;
        height: 31px;
        left: 50%;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        margin-left: -15.5px;
        margin-top: -15.5px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
        width: 31px;
        z-index: 2;
    }

    #places-map .map-pin:after {
        -webkit-animation: pulsate 2s ease-in-out infinite;
        -moz-animation: pulsate 2s ease-in-out infinite;
        animation: pulsate 2s ease-in-out infinite;
        background: transparent;
        border: 2px solid #fff;
        border-radius: 50%;
        content: "";
        display: block;
        height: 31px;
        left: 50%;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        margin-left: -15.5px;
        margin-top: -15.5px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        transition: all 0.25s linear;
        width: 31px;
        z-index: 2;
    }

    #page-places {
        position: relative;
    }

    #map-info {
        background: #333;
        color: #fff;
        position: absolute;
        top: -1.5625em;
        left: 50%;
        margin-left: -7.8125em;
        padding: 10px 15px;
        width: 15.625em;
        z-index: 10;
        text-align: left;
    }

    #map-info h1 {
        text-align: left;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 1.2em;
        line-height: 1.2;
    }

    #map-info .close-btn {
        background: url(http://jeffbridgforth.com/codepen//close-btn.png) no-repeat;
        cursor: pointer;
        display: block;
        height: 0.6875em;
        width: 0.6875em;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    #map-info .brief-location {
        display: none;
    }

    #map-info .service-type {
        display: none;
    }

    #map-info a {
        display: block;
        margin-top: 5px;
        color: #fff;
        text-decoration: underline;
        font-size: 0.9em;
    }

    #map-info a:hover {
        color: #70B333;
        text-decoration: none;
    }

    #places-map .marker-madurai {
        right: 49%;
        top: 60%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.madurai {
        top: 59%;
        left: 54%;
    }

    #places-map .marker-kapplaur {
        right: 47%;
        top: 62.5%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.kapplaur {
        top: 61%;
        left: 56%;
    }

    #places-map .marker-theni {
        right: 56%;
        top: 62%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.theni {
        top: 61%;
        left: 48%;
    }

    #places-map .marker-dindigul {
        right: 54%;
        top: 54%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.dindigul {
        top: 53%;
        left: 50%;
    }

    #places-map .marker-namakkal {
        right: 49%;
        top: 40%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.namakkal {
        top: 39%;
        left: 55%;
    }

    #places-map .marker-namakkal1 {
        right: 53%;
        top: 38%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.namakkal1 {
        top: 37%;
        left: 51%;
    }

    #places-map .marker-pappinayakkanpatti {
        right: 44%;
        top: 38%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.pappinayakkanpatti {
        top: 37%;
        left: 59%;
    }

    #places-map .marker-karur {
        right: 50%;
        top: 45%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.karur {
        top: 44%;
        left: 53%;
    }

    #places-map .marker-trichy {
        right: 36%;
        top: 45%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.trichy {
        top: 44%;
        left: 67%;
    }

    #places-map .marker-pudukottai {
        right: 33%;
        top: 54%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.pudukottai {
        top: 53%;
        left: 71%;
    }

    #places-map .marker-perambulur {
        right: 34%;
        top: 40%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.perambulur {
        top: 39%;
        left: 70%;
    }

    #places-map .marker-ariyalur {
        right: 26%;
        top: 40%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.ariyalur {
        top: 39%;
        left: 76%;
    }

    #places-map .marker-tirunelveli {
        bottom: 14%;
        right: 58%;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.tirunelveli {
        left: auto;
        top: auto;
        right: 7%;
        bottom: 10%;
    }

    #places-map .marker-tuticorn {
        bottom: 19%;
        right: 51%;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.tuticorn {
        left: auto;
        top: auto;
        right: 1%;
        bottom: 15%;
    }

    #places-map .marker-nagarkoil {
        bottom: 9%;
        right: 64%;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.nagarkoil {
        left: auto;
        top: auto;
        right: 15%;
        bottom: 4%;
    }

    #places-map .marker-chennai {
        top: 13%;
        right: 10%;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.chennai {
        left: auto;
        top: auto;
        right: 15%;
        top: 11%;
    }

    #map-info.chennai:before {
        border-width: 13px 0 13px 11px;
        border-color: transparent transparent transparent #333;
        left: auto;
        right: -9px;
        bottom: 25px;
    }

    #places-map .marker-puzhal {
        top: 15%;
        right: 15%;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.puzhal {
        left: auto;
        top: auto;
        right: 21%;
        top: 14%;
    }

    #map-info.puzhal:before {
        border-width: 13px 0 13px 11px;
        border-color: transparent transparent transparent #333;
        left: auto;
        right: -9px;
        bottom: 25px;
    }

    #places-map .marker-vellore {
        top: 15%;
        right: 34%;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.vellore {
        left: auto;
        top: auto;
        right: 41%;
        top: 14%;
    }

    #map-info.vellore:before {
        border-width: 13px 0 13px 11px;
        border-color: transparent transparent transparent #333;
        left: auto;
        right: -9px;
        bottom: 25px;
    }

    #places-map .marker-villupuram {
        top: 35%;
        right: 20%;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.villupuram {
        left: auto;
        top: auto;
        right: 26%;
        top: 33%;
    }

    #map-info.villupuram:before {
        border-width: 13px 0 13px 11px;
        border-color: transparent transparent transparent #333;
        left: auto;
        right: -9px;
        bottom: 25px;
    }

    #places-map .marker-pondi {
        top: 50%;
        right: 15%;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.pondi {
        left: auto;
        top: auto;
        right: 21%;
        top: 48%;
    }

    #map-info.pondi:before {
        border-width: 13px 0 13px 11px;
        border-color: transparent transparent transparent #333;
        left: auto;
        right: -9px;
        bottom: 25px;
    }

    #places-map .marker-kanchi {
        top: 17%;
        right: 10%;
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.kanchi {
        left: auto;
        top: auto;
        right: 15%;
        top: 16%;
    }

    #map-info.kanchi:before {
        border-width: 13px 0 13px 11px;
        border-color: transparent transparent transparent #333;
        left: auto;
        right: -9px;
        bottom: 25px;
    }

    #places-map .marker-sankagiri {
        right: 49%;
        top: 33%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.sankagiri {
        top: 32%;
        left: 52%;
    }

    #places-map .marker-salem {
        right: 53%;
        top: 32%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.salem {
        top: 30%;
        left: 49%;
    }

    #places-map .marker-erode {
        right: 66%;
        top: 34%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.erode {
        top: 33%;
        left: 37%;
    }

    #places-map .marker-tiruchengode {
        right: 60%;
        top: 35%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.tiruchengode {
        top: 34%;
        left: 43%;
    }

    #places-map .marker-dharmapuri {
        right: 48%;
        top: 25%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.dharmapuri {
        top: 24%;
        left: 55%;
    }

    #places-map .marker-hosur {
        right: 53%;
        top: 15%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        background: url(../img/red-pin.png) no-repeat;
        width: 15px;
        height: 21px;
    }

    #map-info.hosur {
        top: 14%;
        left: 51%;
    }

    #places-map .marker-krishnagiri {
        right: 46%;
        top: 20%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }

    #map-info.krishnagiri {
        top: 19%;
        left: 58%;
    }

    #places-map .marker-coimbatore {
        right: 72%;
        top: 45%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }

    #map-info.coimbatore {
        top: 44%;
        left: 31%;
    }

    #places-map .marker-tirupur {
        right: 64%;
        top: 45%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }

    #map-info.tirupur {
        top: 44%;
        left: 40%;
    }

    #places-map .marker-pollachi {
        right: 70%;
        top: 51%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }

    #map-info.pollachi {
        top: 50%;
        left: 32%;
    }

    #places-map .marker-dasanayakkanpatty {
        right: 38%;
        top: 35%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }

    #map-info.dasanayakkanpatty {
        top: 34%;
        left: 65%;
    }

    #places-map .marker-karuppur {
        right: 41%;
        top: 32%;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }

    #map-info.karuppur {
        top: 31%;
        left: 62%;
    }

    #places-map .marker-neemuch {
        left: 11%;
        top: 34%;
        background: url(../img/bred-pin.png);
        width: 28px;
        height: 39px;
    }

    #map-info.neemuch {
        top: 34%;
        left: 16%;
    }

    #places-map .marker-ujjain {
        left: 9%;
        top: 55%;
        background: url(../img/bred-pin.png);
        width: 28px;
        height: 39px;
    }

    #map-info.ujjain {
        top: 56%;
        left: 15%;
    }

    #places-map .marker-ratlam {
        left: 16%;
        top: 56%;
        background: url(../img/bred-pin.png);
        width: 28px;
        height: 39px;
    }

    #map-info.ratlam {
        top: 56%;
        left: 21%;
    }

    #places-map .marker-indore {
        left: 19%;
        top: 68%;
        background: url(../img/bred-pin.png);
        width: 28px;
        height: 39px;
    }

    #map-info.indore {
        top: 67%;
        left: 25%;
    }

    #places-map .marker-sendhwa {
        left: 9%;
        top: 82%;
        background: url(../img/bred-pin.png);
        width: 28px;
        height: 39px;
    }

    #map-info.sendhwa {
        top: 83%;
        left: 14%;
    }



    @media (min-width: 30em) {
        #map-info {
            top: 50%;
            margin-top: -8.875em;
        }
    }

    @media (min-width: 60em) {
        #map-info {
            margin-left: -8.875em;
            width: 17.75em;
        }
    }

    @media (min-width: 48em) {
        #map-info {
            margin-left: 0;
            margin-top: 0;
        }

        #map-info:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 11px 10px 0;
            border-color: transparent #333 transparent transparent;
            position: absolute;
            left: -9px;
        }

        #map-info.kasaragod {
            left: 19%;
            top: 6%;
        }

        #map-info.kannur {
            left: 25%;
            top: 13%;
        }

        #map-info.calicut {
            left: 37%;
            top: 37%;
        }

        #map-info.malappuram {
            left: 42%;
            top: 32%;
        }

        #map-info.alappuzha {
            top: 70%;
            left: 47%;
        }

        #map-info.palakad {
            top: 40%;
            left: 54%;
        }

        #map-info.pathanamthitta {
            top: 72%;
            left: 60%;
        }

        #map-info.kottayam {
            top: 63%;
            left: 54%;
        }

        #map-info.attingal {
            top: 80%;
            left: 54%;
        }

        #map-info.kattappana {
            top: 55%;
            left: auto;
            right: 25%;

        }

        #map-info.kattappana:before {
            border-width: 13px 0 13px 11px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -9px;
            bottom: 25px;
        }

        #map-info.kochi {
            top: 64%;
            left: 24%;
        }

        #map-info.thrissur {
            top: 46%;
            left: 43%;
        }

        #map-info.alangad {
            top: 54%;
            left: 50%;
        }

        #map-info.arror {
            top: 63%;
            left: 44%;
        }

        #map-info.alamcode {
            left: auto;
            top: auto;
            right: 27%;
            bottom: 70px;
        }

        #map-info.alamcode:before {
            border-width: 13px 0 13px 11px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -9px;
            bottom: 25px;
        }

        #map-info.kollam {
            left: auto;
            top: auto;
            right: 46%;
            bottom: 15%;
        }

        #map-info.kollam:before {
            border-width: 13px 0 13px 11px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -9px;
            bottom: 25px;
        }


        #map-info.thiruvananthapuram {
            left: auto;
            top: auto;
            right: 48%;
            bottom: 7%;
        }

        #map-info.thiruvananthapuram:before {
            border-width: 13px 0 13px 11px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -9px;
            bottom: 25px;
        }

        /* New Map Info Positions */
        #map-info.feroke {
            left: 33%;
            top: 29%;
        }

        #map-info.thamarassery {
            left: 36%;
            top: 26%;
        }

        #map-info.wadakkancherry {
            left: 44%;
            top: 44%;
        }

        #map-info.chevarambalam {
            left: 46%;
            top: 42%;
        }

        #map-info.edapally {
            left: 48%;
            top: 58%;
        }

        /* New TN Map Info Positions */
        #map-info.sankagiri3 {
            top: 33%;
            left: 54%;
        }

        #map-info.nilambur-tn {
            top: 45%;
            left: 32%;
        }

        #map-info.kalavasal {
            top: 61%;
            left: 50%;
        }
    }

    #map-info h1 {
        float: left;
        font-size: 16px;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 0;
        color: #fff;
        font-weight: normal;
        width: 100%;
        text-align: left;
    }

    #map-info a {
        color: #70b333;
        display: block;
        font-size: 14px;
        float: left;
        margin-right: 2.5em;
        margin-top: 5px;
        text-decoration: none;
        font-weight: 500;
        line-height: normal;
    }

    #map-info img {
        height: auto;
        max-width: 100%;
    }

    @media (max-width:640px) {
        #map-info.kasaragod {
            left: 17%;
            top: 4%;
        }

        #map-info.kalpetta {
            left: 38%;
            top: 16.5%;
        }

        #map-info.thalasery {
            left: 28%;
            top: 19%;
        }

        #map-info.vadakara {
            left: 32%;
            top: 21.5%;
        }

        #map-info.payyanur {
            left: 22%;
            top: 13.5%;
        }

        #map-info.kakkad {
            left: 26%;
            top: 10.5%;
        }

        #map-info.kannur {
            left: 29%;
            top: 15%;
        }

        #map-info.chevarambalam {
            left: 48%;
            top: 27%;
        }

        #map-info.calicut {
            left: 40%;
            top: 29%;
        }

        #map-info.argentina {
            left: 32.5%;
            bottom: 0;
            top: auto;
        }

        #map-info.argentina:before {
            top: 152px;
        }

        #map-info.costa-rica {
            bottom: 5%;
            left: 20%;
            top: auto;
        }

        #map-info.costa-rica:before {
            top: 45px;
        }

        #map-info.kochi {
            top: 58%;
            left: 60%;
        }

        #map-info.angamaly {
            top: 55%;
            left: 63%;
        }

        #map-info.muvattupuzha {
            top: 55%;
            left: 69%;
        }

        #map-info.maradu {
            top: 60%;
            left: 66%;
        }

        #map-info.alappuzha {
            top: 64%;
            left: 60%;
        }

        #map-info.mavelikkara {
            top: 69%;
            left: 63%;
        }

        #map-info.thiruvalla {
            top: 74%;
            left: 62%;
        }

        #map-info.karunagapally {
            top: 77%;
            left: 69%;
        }

        #map-info.pathanamthitta {
            top: 74%;
            left: auto;
            right: 26%;
        }

        #map-info.pathanamthitta:before {
            border-width: 13px 0 13px 11px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -9px;
            bottom: 25px;
        }

        #map-info.pathanamthitta1 {
            top: 75%;
            left: auto;
            right: 18%;
        }

        #map-info.pathanamthitta1:before {
            border-width: 13px 0 13px 11px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -9px;
            bottom: 25px;
        }

        #map-info.pattambi {
            top: 38%;
            left: 69%;
        }

        #map-info.palakad {
            top: 47%;
            left: 73%;
        }

        #map-info.malappuram {
            top: 36%;
            left: 52%;
        }

        #map-info.manjeri {
            top: 33%;
            left: 57%;
        }

        #map-info.nilambur {
            top: 28%;
            left: 57%;
        }

        #map-info.kottakkal {
            top: 41%;
            left: 45%;
        }

        #map-info.kottayam {
            top: 69%;
            left: 70%;
        }

        #map-info.kattappana1 {
            top: 64%;
            left: auto;
            right: 18%;
        }

        #map-info.kattappana1:before {
            border-width: 13px 0 13px 11px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -9px;
            bottom: 25px;
        }

        #map-info.kattappana {
            top: 55%;
            left: auto;
            right: 25%;

        }

        #map-info.kattappana:before {
            border-width: 13px 0 13px 11px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -9px;
            bottom: 25px;
        }

        #map-info.thodupuzha {
            top: 58%;
            left: auto;
            right: 18%;
        }

        #map-info.thodupuzha:before {
            border-width: 13px 0 13px 11px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -9px;
            bottom: 25px;
        }

        #map-info.pala {
            top: 65%;
            left: 70%;
        }

        #map-info.nattakam {
            top: 67%;
            left: 75%;
        }

        #map-info.kunnamkulam {
            top: 45%;
            left: 57%;
        }

        #map-info.thrissur {
            top: 46%;
            left: 51%;
        }

        #map-info.vilnius {
            top: 10.5%;
            left: 54.5%;
        }

        #map-info.dubai {
            top: 35%;
            left: 66.5%;
        }

        #map-info.singapore {
            left: auto;
            top: auto;
            bottom: 0%;
            right: 24%;
        }

        #map-info.singapore:before {
            border-width: 13px 0 13px 16px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -16px;
            top: 55px;
        }

        #map-info.manila {
            left: auto;
            top: auto;
            bottom: 1.75%;
            right: 18.5%;
        }

        #map-info.manila:before {
            border-width: 13px 0 13px 16px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -16px;
        }

        #map-info.nedumangad {
            left: auto;
            top: auto;
            right: 15%;
            bottom: 70px;
        }

        #map-info.nedumangad:before {
            border-width: 13px 0 13px 11px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -9px;
            bottom: 25px;
        }

        #map-info.alamcode {
            left: auto;
            top: auto;
            right: 27%;
            bottom: 70px;
        }

        #map-info.alamcode:before {
            border-width: 13px 0 13px 11px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -9px;
            bottom: 25px;
        }

        #map-info.kollam {
            left: auto;
            top: auto;
            right: 22%;
            bottom: 10%;
        }

        #map-info.kollam:before {
            border-width: 13px 0 13px 11px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -9px;
            bottom: 25px;
        }

        #map-info.kottarakara {
            left: auto;
            top: auto;
            right: 31%;
            bottom: 13%;
        }

        #map-info.kottarakara:before {
            border-width: 13px 0 13px 11px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -9px;
            bottom: 25px;
        }

        #map-info.thiruvananthapuram {
            left: auto;
            top: auto;
            right: 17%;
            bottom: 0;
        }

        #map-info.thiruvananthapuram:before {
            border-width: 13px 0 13px 11px;
            border-color: transparent transparent transparent #333;
            left: auto;
            right: -9px;
            bottom: 25px;
        }

        #places-map .marker-kasaragod {
            left: 12%;
            top: 8%;
        }

        #places-map .marker-kalpetta {
            left: 34%;
            top: 20%;
            -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
        }

        #places-map .marker-vadakara {
            left: 29%;
            top: 26%;
            -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
        }

        #places-map .marker-kannur {
            left: 18% !important;
            top: 15% !important;
            -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
        }

        #places-map .marker-pathanamthitta {
            left: 78%;
            top: 78%;
            background: url(../img/bred-pin.png) no-repeat;
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }

        #places-map .marker-pathanamthitta1 {
            left: 85%;
            top: 80%;
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }

        #places-map .marker-palakad {
            left: 46%;
            top: 41%;
            background: url(../img/red-pin.png) no-repeat;
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
            width: 28px;
            height: 39px;
        }

        #places-map .marker-thrissur {
            left: 37%;
            top: 46%;
            -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
        }

        #places-map .marker-thiruvananthapuram {
            bottom: 10%;
            left: 54%;
            -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s;
        }

    }

    /* 
    -----------------------------------------
    Dealer Locator Unified Layout Styles
    -----------------------------------------
    */

    .dealer-locator-area {
        position: relative;
        z-index: 1;
    }

    .dealer-info-panel {
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        height: 85% !important;
    }

    .dealer-tabs .d-tab {
        transition: all 0.3s ease;
        cursor: pointer;
        font-family: 'Jost', sans-serif;
        outline: none !important;
    }

    .dealer-tabs .d-tab:hover {
        color: #003060 !important;
    }

    .dealer-tabs .d-tab.active {
        color: #333 !important;
        border-bottom: 2px solid #003060 !important;
        font-weight: 600 !important;
    }

    /* List Items */
    .dealer-item {
        padding: 15px;
        border-bottom: 1px solid #eee;
        transition: background-color 0.2s;
        cursor: pointer;
    }

    .dealer-item:hover {
        background-color: #f9f9f9;
    }

    .dealer-item.active-item {
        background-color: #eef4fb;
        border-left: 3px solid #003060;
    }

    .dealer-item h6 {
        font-size: 16px;
        margin-bottom: 5px;
        color: #003060;
        font-weight: 600;
    }

    .dealer-item p {
        font-size: 13px;
        line-height: 1.4;
        color: #666;
        margin-bottom: 0;
    }

    /* Service Badges */
    .service-badges {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .service-badge {
        display: inline-block;
        padding: 1px 10px;
        font-size: 11px;
        font-weight: 500;
        color: #003060;
        background-color: #ffffff00;
        border: 1px solid #003060;
        border-radius: 4px;
        text-transform: capitalize;
    }

    /* Map specific tweaks */
    /* Pin styles for new layout */
    .map-pin {
        display: none;
        position: absolute;
        width: 28px;
        height: 39px;
        z-index: 10;
        cursor: pointer;
        background: url(../img/bblue-pin.png) no-repeat;
        background-size: contain;
    }

    /* Pin pulsate animation */
    .map-pin:after {
        -webkit-animation: pulsate 2s ease-in-out infinite;
        animation: pulsate 2s ease-in-out infinite;
        background: transparent;
        border: 2px solid #fff;
        border-radius: 50%;
        content: "";
        display: block;
        height: 50px;
        width: 50px;
        left: -11px;
        opacity: 0;
        position: absolute;
        top: -5px;
    }

    /* Ensure popups are visible */
    #map-info {
        z-index: 1000 !important;
    }

    /* Ensure map image scales correctly and is centered */
    #map-bg-image {
        display: block;
        max-width: 100%;
        max-height: 750px;
        width: auto;
        height: auto;
        object-fit: contain;
    }

    /* Map container - sized exactly to image */
    #places-map .map {
        position: relative;
        display: inline-block;
        line-height: 0;
    }

    /* Wrapper to center the map */
    #places-map {
        position: relative;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 750px;
    }

    /* Map pins container - positioned over the map */
    #places-map .map-pins {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
    }

    #places-map .map-pins .map-pin {
        pointer-events: auto;
    }

    /* Mobile specific adjustments for dealer locator */
    @media (max-width: 767px) {
        .dealer-tabs .d-tab {
            line-height: 1.2 !important;
            padding: 10px 5px !important;
        }

        #places-map {
            min-height: 0px !important;
        }
    }