.map {
    margin: auto;
    position: relative
}

.map svg {
    max-width: 500px;
    max-height: 500px;
    stroke: #fff;
    stroke-opacity: 5;
    display: block;
    margin: auto;
    stroke-width: 2px;
    width: 100%;
    height: 100%
}

.map svg path {
    transition: .5s;
    fill: #d3d3d5;
    pointer-events: none
}

.map svg path:hover {
    fill: #4dac3b
}

.map svg path.current-color.active {
    fill: #b2ab2b
}

.current-content a {
    display: block;
    margin-top: 15px;
    background: #b2ab2b;
    width: fit-content;
    padding: 9px 22px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    border: 1px solid #b2ab2b
}

.current_description a:hover {
    border: 1px solid #b2ab2b;
    background: 0 0;
    color: #b2ab2b
}

.map-content h2 {
    font-size: 28px
}

.map svg path.current-color {
    fill: #e0b44f;
    pointer-events: auto;
    cursor: pointer;
    position: relative
}

.map svg path.current-color:hover {
    fill: #e0b44f;
    pointer-events: auto;
    cursor: pointer
}

.performing h2 span {
    padding: 5px 15px
}

.current-content-p {
    padding-top: 20px
}

.performing .current-content-box h2 span {
    padding: 5px 15px 20px
}

.current-content-box {
    height: 100%;
    overflow-y: auto;
    padding: 0 10px;
    max-height: 670px
}

.current-content-title h2 {
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 6px;
    font-family: roboto,sans-serif;
    position: relative;
    padding-left: 28px;
}

.current-content-title h2 i {
    margin-right: 0;
    color: #333;
    position: absolute;
    top: 4px;
    left: 0px;
}

.current-content-title h2 a {
    color: #333
}

.current-content-title h2 a:hover {
    color: #d69167
}

.all-content h2 {
    font-size: 20px;
    line-height: 1.5;
    padding-bottom: 8px
}

.all-content h2 i {
    margin-right: 5px
}

.all-content h2 a {
    color: #b2ab2b
}

.all-content h2 a:hover {
    color: #d69167
}

.current-content-box::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: #cbc899
}

.current-content-box::-webkit-scrollbar {
    width: 4px;
    background-color: #cbc899
}

.current-content-box::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #b2ab2b
}


.page-banner-title {
    text-align: center
}

.page-banner-title h2 {
    color: #fff;
    font-size: 30px
}

.page-banner-title h2 span {
    border: 2px solid #fff;
    padding: 8px 40px
}

.page-banner-bg {
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 184px !important;
}

.faq-bg {
    background-image: url(../images/faq-bg.jpg)
}

.faqs-section {
    background-color: #f1f1f1
}

.inner-title {
    color: #666258;
    font-size: 40px;
    font-family: playfair display,serif;
    margin: 0 0 30px;
    text-align: center
}

.faq-row1 {
    max-width: 800px;
    width: 100%;
    margin: auto
}

.faqs-section .panel-title {
    font-size: 19px;
    font-family: playfair display,serif
}

.faqs-section .panel-body p {
    font-size: 17px;
    color: #666258
}

.faq-row-space {
    padding-top: 25px;
    border-top: 2px dotted #d9d7d3;
    margin: 35px auto 0
}

.faq-p {
    text-align: center;
    font-size: 22px;
    color: #232323;
    font-family: playfair display,serif
}

.faq-p a {
    color: #232323;
    text-decoration: underline;
    font-weight: 700
}

.faqs-section .panel-body ul {
    padding-bottom: 20px
}

.faqs-section .panel-body ul li {
    font-size: 17px;
    color: #666258;
    padding-bottom: 7px;
    list-style: none;
    position: relative;
    padding-left: 26px
}

.faqs-section .panel-body ul li:before {
    content: "\e83f";
    font-family: feather!important;
    speak: none;
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 4px;
    left: 0;
    color: #da9368;
    font-size: 20px
}

.faqs-section .panel-body ul li ul {
    padding-bottom: 0;
    padding-left: 17px;
    padding-top: 10px
}

.faqs-section .panel-body ul li ul li {
    list-style: circle;
    padding-left: 0;
    padding-bottom: 3px
}

.faqs-section .panel-body ul li ul li:before {
    content: ''
}

.form-section {
    background: #fff
}

.form-title {
}

.form-title p {
    font-size: 17px;
    color: #666258
}

.form-title ul {
}

.form-title ul li {
    font-size: 17px;
    color: #666258;
    padding-bottom: 7px;
    list-style: none;
    position: relative;
    padding-left: 26px
}

.form-title ul li:before {
    content: "\e83f";
    font-family: feather!important;
    speak: none;
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 4px;
    left: 0;
    color: #b3ab2b;
    font-size: 20px
}

.form-title ul li ul {
    padding-bottom: 0;
    padding-left: 17px;
    padding-top: 10px
}

.form-title ul li ul li {
    list-style: circle;
    padding-left: 0;
    padding-bottom: 3px
}

.form-title ul li ul li:before {
    content: ''
}

.form-title h2 {
    color: #b3ab2b
}

.app-form {
    max-width: 800px;
    margin: auto;
    padding-top: 37px;
    width: 100%
}

.form-row {
}

.form-input {
    margin-bottom: 0
}

.form-input label {
    font-size: 16px;
    color: #666258;
    line-height: 26px;
    display: block
}

.form-input input,.form-input select {
    border: 1px solid #ddd;
    background: 0 0;
    border-radius: 5px;
    height: 44px
}

.form-input input:hover,.form-input textarea:hover {
    border: 1px solid #dcb86b
}

.form-input label pre {
    display: contents;
    color: red
}

.form-input i {
    display: block;
    margin-top: -10px;
    color: #666
}

.form-input textarea {
    background: 0 0;
    border: 1px solid #ddd;
    border-radius: 3px!important
}

.form-submit {
    text-align: center;
    padding-top: 20px
}

.form-submit button {
    background: #b3ab2b;
    color: #fff;
    border: none;
    padding: 12px 27px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 5px
}

.form-submit button:hover {
    background: #d69167
}

.form-checkbox {
    position: relative;
    z-index: 1;
    margin-bottom: 25px
}

.form-checkbox input {
}

.form-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.form-checkbox label {
    position: relative;
    cursor: pointer
}

.form-checkbox label pre {
}

.form-checkbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #dcb86b;
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px
}

.form-checkbox input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    left: 7px;
    width: 5px;
    height: 11px;
    border: solid #dcb86b;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.checkbox-text {
    position: absolute;
    top: 0;
    padding-left: 28px;
    font-size: 16px;
    color: #666258;
    line-height: 26px;
    z-index: -1
}

.form-file {
    position: relative;
    z-index: 1;
    margin-bottom: 20px
}

.form-file p {
    font-size: 16px;
    color: #666258;
    line-height: 26px;
    margin-bottom: 0
}

.form-file p span {
    display: contents;
    color: red
}

.form-file i {
    font-style: normal;
    font-size: 13px
}

.file-input__input {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.file-input p {
}

.file-input__label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    padding: 10px 23px;
    background-color: #dcb86b;
    box-shadow: 0 0 2px rgba(0,0,0,.25);
    width: fit-content;
    justify-content: center;
    display: block;
    border: none;
    margin-top: 8px;
    margin-bottom: 0
}

.file-input__label .fa {
    margin-right: 4px
}

.show-text {
    border: none;
    font-size: 14px;
    position: absolute;
    left: 130px;
    top: 40px;
    background: 0 0;
    z-index: -1
}

.form-file i.feather {
    font-size: 14px;
    margin-right: 4px;
    color: #dda62f
}

.max-file-size {
    color: #d69167
}

.form-check1-box input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.form-check1-box label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    color: #666258!important;
    line-height: 26px
}

.form-check1-box label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #dcb86b;
    box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px
}

.form-check1-box input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 7px;
    width: 5px;
    height: 11px;
    border: solid #dcb86b;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.form-check1-label {
    font-size: 16px;
    color: #666258;
    line-height: 26px
}

.form-check1-label pre {
    display: contents;
    color: red
}

.form-check1 {
    margin-bottom: 25px
}

.form-check1-box {
    margin-bottom: 5px
}

.form-radio-box [type=radio]:checked,.form-radio-box [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.form-radio-box [type=radio]:checked+label,.form-radio-box [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666
}

.form-radio-box [type=radio]:checked+label:before,.form-radio-box [type=radio]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #dcb86b;
    border-radius: 100%;
    background: #fff
}

.form-radio-box [type=radio]:checked+label:after,.form-radio-box [type=radio]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #dcb86b;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.form-radio-box [type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.form-radio-box [type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.form-radio {
    margin-bottom: 25px
}

.form-radio p {
    font-size: 16px;
    color: #666258;
    line-height: 26px;
    margin-bottom: 5px
}

.form-radio p span {
    color: red
}

.form-radio-box {
    display: inline-block;
    margin-right: 20px
}

.mobile-input .iti {
    width: 100%
}

.iti__country-list::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: #cbc899
}

.iti__country-list::-webkit-scrollbar {
    width: 6px;
    background-color: #cbc899
}

.iti__country-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #b2ab2b
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgb(80 14 14/0%)!important;
    border-right: 1px solid #ddd!important
}

.raj-map-pin {
    position: absolute;
    top: 9px;
    left: 9px
}

.raj-map1 {
    top: 183px;
    left: 143px;
}

.raj-map2 {
    top: 157px;
    left: 164px;
}

.raj-map3 {
    top: 180px;
    left: 95px;
}

.up-map-pin {
    position: absolute;
    left: 103px
}

.up-map1 {
    top: 193px;
    left: 145px
}

.up-map2 {
    top: 160px;
    left: 124px;
}

.utar-map-pin {
    position: absolute;
    left: 89px;
    top: -40px
}

.utar-map1 {
    top: 158px;
    left: 129px
}

.utar-map2 {
    top: 156px;
    left: 111px
}

.sakkim-map-pin {
    position: absolute;
    left: 218px;
    top: -1px
}

.sakkim-map1 {
    top: 166px;
    left: 132px
}

.kat-map-pin {
    position: absolute;
    left: 172px;
    bottom: 77px
}

.kat-map1 {
    bottom: 24px;
    left: 7px;
}

.kat-map2 {
    bottom: 25px;
    left: -6px;
}

.ker-map-pin {
    position: absolute;
    left: 179px;
    bottom: 32px
}

.ker-map1 {
    bottom: 31px;
    left: -10px
}

.tamil-map-pin {
    position: absolute;
    left: 203px;
    bottom: 7px;
}

.tamil-map1 {
    bottom: 36px;
    left: -9px
}

.tamil-map2 {
    bottom: 61px;
    left: -5px
}

.tamil-map3 {
    bottom: 59px;
    left: -4px
}

.map-pin {
    position: absolute
}

.current-content-box p span {
    max-width: 600px;
    width: 100%
}

.pr-raj {
    top: 0;
    left: 0
}

.pr-utar {
    left: 80px
}

.pr-tamil {
    bottom: 36px
}

.katkatha-bg {
    background-image: url(../images/katkatha-puppet-residency-bg.jpg);
    position: relative;
    z-index: 1
}

.katkatha-bg:before {
    content: '';
    background: #000;
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.pulse {
    position: absolute;
    top: 0;
    left: 8px;
    display: block;
    width: 9px;
    height: 9px;
    background: #49453b;
    border-radius: 100%;
    cursor: pointer
}

.pulse:before,.pulse:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: #49453b;
    border-radius: 100%;
    opacity: .5;
    transform: translate(-50%,-50%) scale(1);
    -webkit-animation: ripple 1s infinite ease-in;
    animation: ripple 1s infinite ease-in
}

.map-pin i {
    z-index: 2;
    position: absolute;
    -webkit-animation: hover 1s infinite ease-in;
    animation: hover 1s infinite ease-in;
    font-size: 16px;
    color: red
}

.delhi-map-pin {
    position: absolute;
    top: 9px;
    left: 9px
}

.delhi-map1 {
    top: 137px;
    left: 172px
}

@keyframes ripple {
    0% {
        transform: translate(-50%,-50%) scale(1);
        opacity: .5
    }

    100% {
        transform: translate(-50%,-50%) scale(2);
        opacity: 0
    }
}

@keyframes hover {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: 5px
    }
}

.utar-map3 {
    top: 161px;
    left: 122px
}

.tamil-map6 {
    bottom: 58px;
    left: -9px
}

.tamil-map7 {
    bottom: 77px;
    left: -5px
}

.tamil-map8 {
    bottom: 88px;
    left: 11px;
}

.form-section .dz-remove {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1000;
    font-size: 1.2em!important;
    line-height: 1em;
    border: 1px solid gray!important;
    border-radius: 1.2em;
    color: gray;
    background-color: #fff;
    opacity: .5
}

.form-section .dz-remove:hover {
    text-decoration: none!important;
    opacity: 1
}

.form-section .dropzone {
    min-height: auto;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer;
    border: 1px dashed #dcb86b;
    background-color: #fff8e9;
    border-radius: .65rem!important;
    margin-top: 5px
}

.form-section .dropzone .dz-message {
    margin: 0;
    display: flex;
    text-align: left
}

.form-section .ms-4 {
    margin-left: 1rem!important
}

.form-section .dropzone .text-primary {
    color: #dda62f!important
    }
.form-section .text-gray-900 {
    color: #666258!important
    }
.form-section .fw-bolder {
    font-weight: 600!important
    }
.form-section .fs-5 {
    font-size: 1.15rem!important
    }
.form-section .fs-6 {
    font-size: 1.075rem!important
    }
.form-section .text-gray-700 {
    color: #5e6278!important
    }
.form-section .fs-3x {
    font-size: 3rem!important
    }
.current-content p {
    font-size: 17px
    }
    .raj-map4{
        top: 176px;
        left: 155px;
    }
    .bihar-map{
        position: absolute;
        left: 374px;
        top: 222px;
    }
    /* .map-border{
        border: 1px solid #ddd;
    } */
    .goa-map{
        left: 125px;
        bottom: 0;
        top: 355px;
    }
    .bhopal-map{
        top: 225px;
        left: 187px;
    }
    .loader {
        border: 16px solid #f3f3f3; /* Light grey */
        border-top: 16px solid #E0B44F; /* Blue */
        border-radius: 50%;
        width: 80px;
        height: 80px;
        animation: spin 2s linear infinite;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
      }
    
      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
    #map-content{
        overflow: hidden !important;
    }
    .active-circle {
        fill: #b2ab2b !important;
    }
    .f-residencies .current-content  h2 span{
        display: block;
        width: fit-content;
    }
    .f-residencies .current-content  h2{    font-size: 24px;
        line-height: 1.5;}
    
    .current-color1{
        fill: #d3d3d5 !important;
    }
    .delhi-map5{}
    .Kerala_map {
        position: absolute;
        left: 206px;
        bottom: 9px;
    }
    .Kerala_map1{
        position: absolute;
        left: 168px;
        bottom: 64px;
    }

@media only screen and (max-width:1199px) and (min-width:992px){
    .pulse {
        left: -45px;
    }
  
}

@media(max-width: 991px) {
    .nav-tabs li:nth-child(1), .nav-tabs li:nth-child(2), .nav-tabs li:nth-child(3) {
    width: 100% !important;
}
    .page-banner-bg{
        height: 100%;
        min-height: 115px;
        display: flex;
        align-items: center;

        /* background-image: none !important;
        background-color:#DA9368 !important; */
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        }
        .breadcrumb-bg::after{
        content:none !important;
        }
        .page-banner-title h3 {
               line-height: 28px;
               margin-top:10px;
        }

    .current-content-title h2 {
        font-size:16px
    }

    .current-content-title {
        height: 100%;
        overflow-y: auto;
        padding: 20px 0 0
    }

    .map {
        max-width:500px;
        max-height: 500px;
        width: 100%;
        height: 100%
    }

    .page-banner-title h2 {
        font-size: 21px;
        line-height: 1.5
    }

    .page-banner-title h2 span {
        border: 0 solid #ddd;
        padding: 0
    }

    .page-banner-bg {
        height: 100%;
    }

    .inner-title {
        font-size: 26px;
        line-height: 1.5
    }

    .faqs-section .panel-title {
        font-size: 17px;
        line-height: 1.5
    }

    .faqs-section .panel-body p {
        font-size: 15px;
        line-height: 1.6
    }

    .form-check1-box label {
        font-size: 15px;
        line-height: 24px
    }

    .form-input label {
        font-size: 15px;
        line-height: 24px
    }

    .form-submit {
        padding-top: 75px
    }

    .form-submit button {
        padding: 8px 25px
    }

    .map-content h2 {
        font-size: 17px
    }

    .performing .current-content-box h2 span {
        padding: 5px 7px 20px
    }
}


@media only screen and (max-width:991px) and (min-width:768px){
    .mum-map-pin {
    bottom: 210px !important;
    left: 86px !important;
}

    .raj-map-pin {
        position: absolute;
        top: 9px;
        left: -23px;
    }
    .up-map2 {
        top: 165px;
        left: 102px;
    }
    .delhi-map1 {
        top: 136px;
        left: 139px;
    }
    .ker-map1 {
        bottom: 26px;
        left: -37px;
    }
    .kat-map-pin {
        position: absolute;
        left: 146px;
        bottom: 79px;
    }
    .tamil-map-pin {
        position: absolute;
        left: 176px;
        bottom: 5px;
    }
    .sakkim-map1 {
        top: 163px;
        left: 105px;
    }
    .up-map1 {
        top: 190px;
        left: 110px;
    }
    .bhopal-map {
        top: 225px;
        left: 194px;
    }

    .utar-map2 {
        top: 154px;
        left: 86px;
    }
    .Kerala_map1 {
        position: absolute;
        left: 140px;
        bottom: 64px;
    }
    .Kerala_map {
        position: absolute;
        left: 176px;
        bottom: 17px;
    }
}


@media only screen and (max-width: 379px) and (min-width: 361px) {
    .bihar-map {
        position: absolute !important;
        left: 179px !important;
        top: 28px !important;
    }
    .map {
        max-width: 300px !important;
        max-height: inherit;
    }
}
@media only screen and (max-width: 767px) and (min-width:380px) {
    .mum-map-pin {
    bottom: 143px !important;
    left: 37px !important;
}
    .map {
        max-width: 300px !important;
        max-height: inherit;
    }
    .bihar-map {
        position: absolute !important;
        left: 177px !important;
        top: 10px !important;
    }
    .raj-map1 {
        top:-8px;
        left: 15px
    }

    .raj-map2 {
        top: -36px;
        left: 36px;
    }

    .raj-map3 {
        top: -25px;
        left: -7px;
    }

    .raj-map-pin {
        top: 150px;
        left: 40px
    }

    .delhi-map1 {
        top: 20px;
        left: 16px
    }

    .delhi-map-pin {
        top: 80px;
        left: 64px;
    }

    .pulse {
        width: 7px;
        height: 7px
    }

    .utar-map-pin {
        left: 22px;
        top: -52px
    }

    .utar-map1 {
        top: 162px;
        left: 124px
    }

    .up-map-pin {
        left: -6px;
        top: -49px;
    }

    .sakkim-map-pin {
        left: 122px;
        top: -22px
    }

    .kat-map-pin {
        left: 74px;
        bottom: 47px;
    }

    .ker-map-pin {
        left: 81px;
        bottom: 12px
    }

    .tamil-map-pin {
        left: 93px;
        bottom: -24px;
    }
    .raj-map4 {
        top: -25px !important;
        left: 29px !important;
    }
    .utar-map2 {
        top: 131px;
        left: 77px;
    }
    .up-map1 {
        top: 179px;
        left: 132px;
    }
    .sakkim-map1 {
        top: 133px;
        left: 75px;
    }
    .bhopal-map {
        top: 9px;
        left: 53px;
    }
    .goa-map {
        left: 10px;
        bottom: 0;
        top: 98px;
    }
    .tamil-map7 {
        bottom: 81px;
        left: 0px;
    }
    .Kerala_map {
        position: absolute;
        left: 100px;
        bottom: 9px;
    }
    .Kerala_map1 {
        position: absolute;
        left: 75px;
        bottom: 38px;
    }
}

@media only screen and (max-width: 379px) and (min-width:361px) {
    .raj-map1 {
        top:-8px;
        left: 15px
    }

    .raj-map2 {
        top: -18px;
        left: 35px;
    }
    .raj-map3 {
        top: -5px;
        left: -8px;
    }
    .raj-map4 {
        top: -5px !important;
        left: 27px !important;
    }
    .raj-map-pin {
        top: 134px;
        left: 40px
    }

    .delhi-map1 {
        top: 5px;
        left: 5px;
    }

    .delhi-map-pin {
        top: 95px;
        left: 78px;
    }

    .pulse {
        width: 7px;
        height: 7px
    }

    .utar-map-pin {
        left: 8px;
        top: -61px;
    }

    .utar-map1 {
        top: 162px;
        left: 124px
    }

    .up-map-pin {
        left: -7px;
        top: -49px;
    }

    .sakkim-map-pin {
        left: 95px;
        top: -36px;
    }

    .kat-map-pin {
        left: 73px;
        bottom: 43px;
    }

    .ker-map-pin {
        left: 83px;
        bottom: 12px
    }

    .tamil-map-pin {
        left: 93px;
        bottom: -24px;
    }
    .utar-map2 {
        top: 140px;
        left: 90px;
    }
    .up-map1 {
        top: 176px;
        left: 136px;
    }
    .sakkim-map1 {
        top: 148px;
        left: 103px;
    }
    .bhopal-map {
        top: 27px;
        left: 53px;
    }
    .goa-map {
        left: 18px;
        bottom: 0;
        top: 119px;
    }
    .tamil-map7 {
        bottom: 81px;
        left: 5px;
    }
    .Kerala_map {
        position: absolute;
        left: 100px;
        bottom: 9px;
    }
    .Kerala_map1 {
        position: absolute;
        left: 75px;
        bottom: 38px;
    }
}

@media only screen and (max-width: 360px) {
    .map {
        max-width: 300px !important;
        max-height: inherit;
    }
    .raj-map1 {
        top:-8px;
        left: 15px
    }

    .raj-map2 {
        top: -12px;
        left: 41px;
    }

    .raj-map3 {
        top: 0px;
        left: -5px;
    }
    .raj-map4 {
        top: 0px !important;
        left: 36px !important;
    }
    .raj-map-pin {
        top: 128px;
        left: 33px
    }

    .delhi-map1 {
        top: 0;
        left: 0
    }

    .delhi-map-pin {
        top: 99px;
        left: 82px;
    }

    .pulse {
        width: 7px;
        height: 7px
    }

    .utar-map-pin {
        left: -6px;
        top: -68px
    }

    .utar-map1 {
        top: 162px;
        left: 124px
    }

    .up-map-pin {
        left: -10px;
        top: -49px;
    }
    .bihar-map {
        position: absolute !important;
        left: 187px !important;
        top: 35px !important;
    }
    .sakkim-map-pin {
        left: 86px;
        top: -42px
    }

    .kat-map-pin {
        left: 76px;
        bottom: 47px;
    }

    .ker-map-pin {
        left: 85px;
        bottom: 6px;
    }

    .tamil-map-pin {
        left: 91px;
        bottom: -25px;
    }
    .utar-map2 {
        top: 150px;
        left: 108px;
    }
    .up-map1 {
        top: 176px;
        left: 136px;
    }
    .sakkim-map1 {
        top: 152px;
        left: 111px;
    }
    .bhopal-map {
        top: 35px;
        left: 60px;
    }
    .goa-map {
        left: 18px;
        bottom: 0;
        top: 119px;
    }
    .tamil-map7 {
        bottom: 81px;
        left: 5px;
    }
    .Kerala_map {
        position: absolute;
        left: 100px;
        bottom: 9px;
    }
    .Kerala_map1 {
        position: absolute;
        left: 75px;
        bottom: 38px;
    }
}

@media (max-width:320px){

    .raj-map-pin { top:110px; }
    .pulse { left: 4px;}
    .raj-map1 { top: -7px; left: 20px; }
    .sakkim-map1 { top: 149px; left: 109px; }
    .delhi-map1 { top: -13px; left: -6px; }
}

 .mum-map-pin{
    position: absolute;
    bottom: 210px;
    left: 116px;
 }
.mum-map1{
    top:0;
    left:0;
}