@media (max-width: 360.98px) {
     .main-img{
        height:100%;
        width:100%;
    }
    .menu-btn{
        justify-content:flex-end !important;
    }
    .box{
       width: 6% !important; 
       height: 2.2% !important;
    }
    .logo img{
        width:80px !important;
    }
    .header-content p{
        font-size: 15px !important;
        text-align:center;
    }
    .tables{
        position:relative !important;
        padding: 30px 15px !important;
    }
    #pin-1{
        top: 4% !important;
        left: 55% !important;
        height: 2.2% !important;
        
    }
    #pin-2{
        top: 4% !important;
    left: 80% !important;
    
        
    }
    #pin-3{
        top: 13% !important;
    left: 58% !important;
    }
    #pin-4{
        top: 12% !important;
    left: 47% !important;
    }
    #pin-5{
        top: 11% !important;
    left: 38% !important;
    }
    #pin-6{
        top: 15% !important;
    left: 41% !important;
    }
    #pin-7{
        top: 13% !important;
    left: 30% !important;
    }
    #pin-8{
        top: 15% !important;
    left: 19% !important;
    }
    #pin-9{
        top: 18.5% !important;
    left: 12% !important;
    }
    #pin-10{
        top: 21.5% !important;
    left: 10% !important;
    }
    #pin-11{
        top: 20.5% !important;
    left: 31% !important;
    }
    #pin-12{
        top: 23% !important;
    left: 30% !important;
    }
    #pin-13{
        top: 21% !important;
    left: 43% !important;
    }
    #pin-14{
        top: 23% !important;
    left: 42% !important;
    }
    #pin-15{
        top: 26% !important;
    left: 52% !important;
    }
    #pin-16{
            top: 17% !important;
    left: 75% !important;
    }
    #pin-17{
        top: 11% !important;
    left: 84% !important;
    }
    .page-links{
        top: 4% !important;
        left: 41% !important;
        height: 1.2% !important;
        width: 12% !important;
    }
    .page-links1{
        top: 8% !important;
        width: 12% !important;
        height: 1% !important;
        left: 65% !important;
    }
    .page-links2{
        top: 10% !important;
        width: 9% !important;
        height: 1.5% !important;
        left: 33% !important;
    }
    .page-links3{
        top: 20% !important;
        width: 13% !important;
        height: 1% !important;
        left: 26% !important;
    }
    .acknow-content p{
        font-size: 16px !important;
        text-align: center !important;
    }
    .insta-wrap,.ack-page{
        width:25% !important;
    }
    .safe-img img{
        width: 130px !important;
    }
    .page-space{
        padding-top:0px !important;
    }
    .header{
        position:absolute !important;
    }
    .page-wrap{
        position: relative !important;
        top: 10px !important;
    }
    .logo-wraps,.ack-logo-wrap{
        bottom:-85px !important;
    }
    .insta-wrap{
        top: 16px;
        margin-left: 7px !important;
        display: inline-block !important;
    }
    .title-div{
        width: 58% !important;
    }
    .title-div h1{
        font-size:40px !important;
        padding-top: 24px !important;
        top: -22px !important;
        position: relative !important;
    }
    .legend-img,.legend1-img,.legends-img{
        width:20% !important;
    }
    .logo-wrap{
        bottom:-50px !important;
    }
    .mobile-map{
        display:block !important;
    }
    .web-map{
        display:none !important;
    }
    .menu-right ul li a{
        font-size:15px !important;
    }
    .insta-wrap img{
        width: 35px !important;
    }
    .insta-wrap{
        padding-top:3px !important;
    }
    .tables {
  width:100%;
    background-image:   url("../image/mob-bg.png");
   background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
#pin-1:hover .hover-box{
    display:none !important;
    background:#d1e2d0;
    outline:1px solid #000;
}
#pin-2:hover .hover-box1,#pin-3:hover .hover-box2,#pin-4:hover .hover-box3,#pin-5:hover .hover-box4,#pin-6:hover .hover-box5,#pin-7:hover .hover-box6,#pin-8:hover .hover-box7,
#pin-9:hover .hover-box8,#pin-10:hover .hover-box9,#pin-11:hover .hover-box10,#pin-12:hover .hover-box11,#pin-13:hover .hover-box12,#pin-14:hover .hover-box13,#pin-15:hover .hover-box14,
#pin-16:hover .hover-box15,#pin-17:hover .hover-box16{
    display:none !important;
    background:#d1e2d0;
    outline:1px solid #000;
}
.number-icon3{
    width: 53% !important;
}
.number-icon4{
    width: 35% !important;
}
.number-icon5{
    width: 38% !important;
    margin: 0px 0px 10px 130px !important;
}
.header-text{
    text-align:center !important;
    width: 65% !important;
    margin: 0 auto !important;
}
.header-text h1{
    font-size: 45px !important;
    top: -19px !important;
    position:relative !important;
    left: -7px !important;
}
.header{
    width: 50% !important;
    margin-left: 50% !important;
}
.acknow-content{
    margin-top: 30px !important;
}
.icon{
    margin: 0px 5px !important;
}
.time-icon{
    margin: 7px 7px !important;
}
.dis-icon{
    margin: 15px 6px !important;
}
.number-icon15{
    width: 44% !important;
    margin: 0px 0px 10px 130px !important;
}
.number-icon16{
    width: 41% !important;
    margin: 0px 0px 10px 106px !important;
}
.number-icon17{
    width: 42% !important;
    margin: 0px 0px 10px 158px !important;
}
.icon-naming{
    font-size:10px !important;
}
.number-icon6{
    width: 39% !important;
    margin: 0px 0px 10px 105px !important;
}
.number-icon7{
    width: 34% !important;
    margin: 0px 0px 10px 128px !important;
}
.number-icon8{
    margin: 0px 0px 10px 163px !important;
    width: 35% !important;
}
.number-icon9{
    margin: 0px 0px 10px 82px !important;
    width: 38% !important;
}
.number-icon9{
    margin: 0px 0px 10px 83px !important;
    width: 38% !important;
}
.number-icon11{
    width: 38% !important;
    margin: 0px 0px 10px 107px !important;
}
.number-icon19{
    width: 35% !important;
}
.number-icon3{
    margin: 0px 0px 10px 30px !important;
    width: 35% !important;
}
.phoenix2,.phoenix1{
    margin-right:0px !important;
}
.number-icon26{
    margin: 0px 0px 10px 174px !important;
    width: 35% !important;
}
.number-icon10{
    margin: 0px 0px 10px 99px !important;
    width:36% !important;
}
}

@media (min-width:361px) and (max-width: 410.98px){ 
     .main-img{
        height:100%;
        width:100%;
    }
    .menu-btn{
        justify-content:flex-end !important;
    }
    .logo img{
        width:80px !important;
    }
    .header-content p{
        font-size: 15px !important;
        text-align:center;
    }
    .tables{
        position:relative !important;
        padding: 30px 15px !important;
    }
    #pin-1{
        top: 4% !important;
    left: 55% !important;
    }
    #pin-2{
        top: 4.5% !important;
    left: 81% !important;
    }
    #pin-3{
        top: 12.8% !important;
    left: 59% !important;
    }
    #pin-4{
        top: 12.1% !important;
    left: 47% !important;
    }
    #pin-5{
        top: 11% !important;
    left: 38% !important;
    }
    #pin-6{
        top: 15% !important;
    left: 42% !important;
    }
    #pin-7{
        top: 13% !important;
    left: 31% !important;
    }
    #pin-8{
        top: 15.5% !important;
    left: 20% !important;
    }
    #pin-9{
        top: 19% !important;
    left: 13% !important;
    }
    #pin-10{
        top: 22% !important;
    left: 8% !important;
    }
    #pin-11{
        top: 20.7% !important;
    left: 32% !important;
    }
    #pin-12{
        top: 25% !important;
    left: 30% !important;
    }
    #pin-13{
        top: 20.8% !important;
    left: 43% !important;
    }
    #pin-14{
        top: 23.7% !important;
    left: 42% !important;
    }
    #pin-15{
        top: 26% !important;
    left: 52% !important;
    }
    #pin-16{
            top: 17.5% !important;
    left: 76% !important;
    }
    #pin-17{
        top: 11% !important;
    left: 85% !important;
    }
    .box{
        width:5% !important;

    }
    .acknow-content p{
        font-size: 16px !important;
        text-align: center !important;
    }
    .insta-wrap,.ack-page{
        width:25% !important;
    }
    .safe-img img{
        width: 130px !important;
    }
    .page-space{
        padding-top:0px !important;
    }
    .header{
        position:absolute !important;
    }
    .page-wrap{
        position: relative !important;
        top: 10px !important;
    }
    .logo-wraps,.ack-logo-wrap{
        bottom:-85px !important;
    }
    .insta-wrap{
        top: 16px;
        margin-left: 7px !important;
        display: inline-block !important;
    }
    .title-div{
        width: 58% !important;
    }
    .title-div h1{
        font-size:40px !important;
        padding-top: 24px !important;
        top: -22px !important;
        position: relative !important;
    }
    .legend-img,.legend1-img,.legends-img{
        width:20% !important;
    }
    .logo-wrap{
        bottom:-50px !important;
    }
    .mobile-map{
        display:block !important;
    }
    .web-map{
        display:none !important;
    }
    .menu-right ul li a{
        font-size:15px !important;
    }
    .insta-wrap img{
        width: 35px !important;
    }
    .insta-wrap{
        padding-top:3px !important;
    }
    .tables {
  width:100%;
    background-image:   url("../image/mob-bg.png");
   background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
#pin-1:hover .hover-box{
    display:none !important;
    background:#d1e2d0;
    outline:1px solid #000;
}
#pin-2:hover .hover-box1,#pin-3:hover .hover-box2,#pin-4:hover .hover-box3,#pin-5:hover .hover-box4,#pin-6:hover .hover-box5,#pin-7:hover .hover-box6,#pin-8:hover .hover-box7,
#pin-9:hover .hover-box8,#pin-10:hover .hover-box9,#pin-11:hover .hover-box10,#pin-12:hover .hover-box11,#pin-13:hover .hover-box12,#pin-14:hover .hover-box13,#pin-15:hover .hover-box14,
#pin-16:hover .hover-box15,#pin-17:hover .hover-box16{
    display:none !important;
    background:#d1e2d0;
    outline:1px solid #000;
}
.number-icon3{
    width: 53% !important;
}
.number-icon4{
    width: 35% !important;
    margin: 0px 0px 10px 145px !important;
}
.number-icon34{
    margin: 0px 0px 10px 143px !important;
width: 35% !important;
}
.number-icon35{
    margin: 0px 0px 10px 20px !important;
width: 38% !important;
}
.number-icon36{
    margin: 0px 0px 10px 20px !important;
width: 39% !important;
}
.number-icon5{
    width: 38% !important;
    margin: 0px 0px 10px 159px !important;
}
.header-text{
    text-align:center !important;
    width: 65% !important;
    margin: 0 auto !important;
}
.header-text h1{
    font-size: 45px !important;
    top: -19px !important;
    position:relative !important;
    left: -7px !important;
}
.header{
    width: 50% !important;
    margin-left: 50% !important;
}
.acknow-content{
    margin-top: 30px !important;
}
.icon{
    margin: 10px 5px !important;
}
.dog-icon{
    margin:10px 0px !important;
}
.time-icon{
    margin: 7px 2px !important;
}
.dis-icon{
    margin: 15px 6px !important;
}
.number-icon15{
    width: 38% !important;
    margin: 0px 0px 10px 125px !important;
}
.number-icon16{
    width: 37% !important;
    margin: 0px 0px 10px 98px !important;
}
.number-icon17{
    width: 37% !important;
    margin: 0px 0px 10px 153px !important;
}
.icon-naming{
    font-size:10px !important;
}
.number-icon6{
    width: 39% !important;
    margin: 0px 0px 10px 158px !important;
}
.number-icon7{
    width: 34% !important;
    margin: 0px 0px 10px 162px !important;
}
.number-icon8{
    margin: 0px 0px 10px 163px !important;
    width: 35% !important;
}
.number-icon9{
    margin: 0px 0px 10px 82px !important;
    width: 38% !important;
}
.number-icon9{
    margin: 0px 0px 10px 83px !important;
    width: 38% !important;
}
.number-icon11{
    width: 38% !important;
    margin: 0px 0px 10px 107px !important;
}
.number-icon19{
    width: 35% !important;
    margin: 0px 0px 10px 3px !important;
}
.number-icon3{
    margin: 0px 0px 10px 25px !important;
    width: 36% !important;
}
.phoenix2,.phoenix1{
    margin-right:0px !important;
}
.number-icon26{
    margin: 0px 0px 10px 174px !important;
    width: 35% !important;
}
.number-icon10{
    margin: 0px 0px 10px 99px !important;
    width:36% !important;
}
.page-links{
        top: 4.3% !important;
        left: 41% !important;
        height: 1.3% !important;
        width: 12% !important;
    }
    .page-links1{
        top: 8.2% !important;
        width: 12% !important;
        height: 1% !important;
        left: 65% !important;
    }
    .page-links2{
        top: 10.6% !important;
        width: 10% !important;
        height: 1% !important;
        left: 32% !important;
    }
    .page-links3{
        top: 20.8% !important;
        width: 13% !important;
        height: 1% !important;
        left: 27% !important;
    }
}

@media (min-width:412px) and (max-width: 767.98px) { 
    .main-img{
        height:100%;
        width:100%;
    }
    .menu-btn{
        justify-content:flex-end !important;
    }
    .logo img{
        width:80px !important;
    }
    .header-content p{
        font-size: 15px !important;
        text-align:center;
    }
    .tables{
        position:relative !important;
        padding: 30px 15px !important;
    }
    #pin-1{
        top: 5% !important;
    left: 55% !important;
    }
    #pin-2{
        top: 5% !important;
    left: 80% !important;
    }
    #pin-3{
        top: 15% !important;
    left: 58% !important;
    }
    #pin-4{
        top: 14% !important;
    left: 47% !important;
    }
    #pin-5{
        top: 13.4% !important;
    left: 38% !important;
    }
    #pin-6{
        top: 17.4% !important;
    left: 41% !important;
    }
    #pin-7{
        top: 15.8% !important;
    left: 30% !important;
    }
    #pin-8{
        top: 18% !important;
    left: 19% !important;
    }
    #pin-9{
        top: 21.7% !important;
    left: 12% !important;
    }
    #pin-10{
        top: 25% !important;
    left: 8% !important;
    }
    #pin-11{
        top: 23.8% !important;
    left: 31% !important;
    }
    #pin-12{
        top: 29% !important;
    left: 30% !important;
    }
    #pin-13{
        top: 24.3% !important;
    left: 42% !important;
    }
    #pin-14{
        top: 27.3% !important;
    left: 42% !important;
    }
    #pin-15{
        top: 31% !important;
    left: 51% !important;
    }
    #pin-16{
            top: 20% !important;
    left: 76% !important;
    }
    #pin-17{
        top: 13% !important;
    left: 84% !important;
    }
    .page-links{
        top: 5% !important;
        left: 41% !important;
        height: 1.2% !important;
        width: 12% !important;
    }
    .page-links1{
        top: 9% !important;
        width: 12% !important;
        height: 2% !important;
        left: 65% !important;
    }
    .page-links2{
        top: 12% !important;
        width: 9% !important;
        height: 1.5% !important;
        left: 33% !important;
    }
    .page-links3{
        top: 24% !important;
        width: 13% !important;
        height: 1% !important;
        left: 26% !important;
    }
    .box{
        width:6% !important;
    }
    .acknow-content p{
        font-size: 16px !important;
        text-align: center !important;
    }
    .insta-wrap,.ack-page{
        width:25% !important;
    }
    .safe-img img{
        width: 130px !important;
    }
    .page-space{
        padding-top:0px !important;
    }
    .header{
        position:absolute !important;
    }
    .page-wrap{
        position: relative !important;
        top: 10px !important;
    }
    .logo-wraps,.ack-logo-wrap{
        bottom:-85px !important;
    }
    .insta-wrap{
        top: 16px;
        margin-left: 7px !important;
        display: inline-block !important;
    }
    .title-div{
        width: 58% !important;
    }
    .title-div h1{
        font-size:40px !important;
        padding-top: 24px !important;
        top: -22px !important;
        position: relative !important;
    }
    .legend-img,.legend1-img,.legends-img{
        width:20% !important;
    }
    .logo-wrap{
        bottom:-50px !important;
    }
    .mobile-map{
        display:block !important;
    }
    .web-map{
        display:none !important;
    }
    .menu-right ul li a{
        font-size:15px !important;
    }
    .insta-wrap img{
        width: 35px !important;
    }
    .insta-wrap{
        padding-top:3px !important;
    }
    .tables {
  width:100%;
    background-image:   url("../image/mob-bg.png");
   background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
#pin-1:hover .hover-box{
    display:none !important;
    background:#d1e2d0;
    outline:1px solid #000;
}
#pin-2:hover .hover-box1,#pin-3:hover .hover-box2,#pin-4:hover .hover-box3,#pin-5:hover .hover-box4,#pin-6:hover .hover-box5,#pin-7:hover .hover-box6,#pin-8:hover .hover-box7,
#pin-9:hover .hover-box8,#pin-10:hover .hover-box9,#pin-11:hover .hover-box10,#pin-12:hover .hover-box11,#pin-13:hover .hover-box12,#pin-14:hover .hover-box13,#pin-15:hover .hover-box14,
#pin-16:hover .hover-box15,#pin-17:hover .hover-box16{
    display:none !important;
    background:#d1e2d0;
    outline:1px solid #000;
}
.number-icon3{
    width: 53% !important;
}
.number-icon4{
    width: 28% !important;
    margin: 0px 0px 10px 150px !important;
}
.number-icon5{
    width: 34% !important;
    margin: 0px 0px 10px 180px !important;
}
.header-text{
    text-align:center !important;
    width: 65% !important;
    margin: 0 auto !important;
}
.header-text h1{
    font-size: 45px !important;
    top: -19px !important;
    position:relative !important;
    left: -7px !important;
}
.header{
    width: 50% !important;
    margin-left: 50% !important;
}
.acknow-content{
    margin-top: 30px !important;
}
.icon{
    margin: 10px 5px !important;
}
.time-icon{
    margin: 7px 7px !important;
}
.dis-icon{
    margin: 15px 6px !important;
}
.number-icon15{
    width: 35% !important;
    margin: 0px 0px 10px 156px !important;
}
.number-icon16{
    width: 35% !important;
    margin: 0px 0px 10px 160px !important;
}
.number-icon17{
    width: 35% !important;
    margin: 0px 0px 10px 158px !important;
}
.icon-naming{
    font-size:10px !important;
}
.number-icon6{
    width: 35% !important;
    margin: 0px 0px 10px 177px !important;
}
.number-icon7{
    width: 30% !important;
    margin: 0px 0px 10px 188px !important;
}
.number-icon8{
    margin: 0px 0px 10px 170px !important;
    width: 28% !important;
}
.number-icon9{
    margin: 0px 0px 10px 82px !important;
    width: 38% !important;
}
.number-icon9{
    margin: 0px 0px 10px 103px !important;
    width: 35% !important;
}
.number-icon11{
    width: 30% !important;
    margin: 0px 0px 10px 109px !important;
}
.number-icon19{
    width: 33% !important;
    margin: 0px 0px 10px 4px !important;
}
.number-icon3{
    margin: 0px 0px 10px 21px !important;
    width: 34% !important;
}
.phoenix2{
    margin-right:25px !important;
}
.phoenix1{
    margin-right:55px !important;
}
.number-icon26{
    margin: 0px 0px 10px 186px !important;
    width: 33% !important;
}
.number-icon10{
    margin: 0px 0px 10px 106px !important;
    width:34% !important;
}
.number-icon34{
    margin: 0px 0px 10px 134px !important;
    width: 33% !important;
}
.number-icon36{
    margin: 0px 0px 10px 28px !important;
    width: 30% !important;
}
.number-icon38{
    margin: 0px 0px 10px 178px !important;
    width: 33% !important;
}
.number-icon39{
    margin: 0px 0px 10px 185px !important;
    width: 33% !important;
}
.number-icon35{
    margin: 0px 0px 10px 22px !important;
    width: 33% !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .main-img{
        height:600px;
        width:100%;
        
    }
    .map img{
    	display: none;
    }
    .insta-wrap img{
    	display: block;
    }
    
    .menu-btn{
        justify-content:flex-end !important;
    }
    .main img{
        height:600px !important;
    }
    .insta-wrap{
        height: 66px !important;
    }
    .header nav{
        padding: 14px 0px !important;
     }
    .legend-img img,.legend1-img img,.legends-img img{
        height: 30px !important;
    }
    .mobile-footer{
    display:flex;
}
.logo-wrap-mob{
bottom: 0px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.web-footer{
    display:none;
}
    .tables{
        position:relative !important;
        padding-top:10px !important;
        background-image: url("../image/mob-bg.png");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .legend-img,.legend1-img,.legends-img{
        display: flex !important;
        justify-content: center !important;
        align-content: center !important;
    }
    .legend-wrap{
        padding:10px 0px !important;
    }
    .box{
        width:15% !important;
    }
    .title-div h1{
        font-size: 62px !important;
    }
    #pin-1{
        top: 7% !important;
    left: 37% !important;
    }
    #pin-2{
        top: 7% !important;
    left: 53% !important;
    }
    #pin-3{
        top: 19% !important;
    left: 40% !important;
    }
    #pin-4{
        top: 16.4% !important;
    left: 34% !important;
    }
    #pin-5{
        top: 16% !important;
    left: 18% !important;
    }
    #pin-6{
        top: 22.5% !important;
    left: 31% !important;
    }
    #pin-7{
        top: 20% !important;
    left: 13% !important;
    }
    #pin-8{
        top: 23% !important;
    left: 15% !important;
    }
    #pin-9{
        top: 27% !important;
    left: 1% !important;
    }
    #pin-10{
        top: 31% !important;
    left: 1% !important;
    }
    #pin-11{
        top: 29% !important;
    left: 24% !important;
    }
    #pin-12{
        top: 36% !important;
    left: 12% !important;
    }
    #pin-13{
        top: 30.6% !important;
    left: 32% !important;
    }
    #pin-14{
        top: 33.5% !important;
    left: 31% !important;
    }
    #pin-15{
        top: 38% !important;
    left: 37% !important;
    }
    #pin-16{
            top: 25% !important;
    left: 52% !important;
    }
    #pin-17{
            top: 16% !important;
    left: 55% !important;
    }
  
  .page-links{
      top: 6% !important;
  }
  .page-links1{
      top: 12% !important;
  }
  .page-links2{
      top: 15% !important;
  }
  .page-links3{
      top: 29.3% !important;
  }
   #pin-1:hover .hover-box{
    display:none !important;
    background:#d1e2d0;
    outline:1px solid #000;
}
#pin-2:hover .hover-box1,#pin-3:hover .hover-box2,#pin-4:hover .hover-box3,#pin-5:hover .hover-box4,#pin-6:hover .hover-box5,#pin-7:hover .hover-box6,#pin-8:hover .hover-box7,
#pin-9:hover .hover-box8,#pin-10:hover .hover-box9,#pin-11:hover .hover-box10,#pin-12:hover .hover-box11,#pin-13:hover .hover-box12,#pin-14:hover .hover-box13,#pin-15:hover .hover-box14,
#pin-16:hover .hover-box15,#pin-17:hover .hover-box16{
    display:none !important;
    background:#d1e2d0;
    outline:1px solid #000;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .main-img{
        height:100% !important;
        width:100% !important;
    }
    
}