.Bannerimglogo,
.H560,
.ie-panel {
    text-align: center
}

.ie-panel {
    display: none;
    background: #212121;
    padding: 10px 0;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .3);
    clear: both;
    position: relative;
    z-index: 1
}

.Imgmassageajman {
    background-image: url(https://jameelaspa.com/images/webp/Massage-Ajman.webp)
}

.Imagspaajmanwebp {
    background-image: url(https://jameelaspa.com/images/webp/Spa-Ajman.webp)
}

.BgImgAjmanSpa {
    background-image: url(https://jameelaspa.com/images/webp/Ajman-Spa.webp)
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.WhyHeightimg {
    height: 500px
}

html.ie-10 .ie-panel,
html.lt-ie-10 .ie-panel {
    display: block
}

.Bannerimglogo {
    background: #000;
    padding-top: 10px;
    padding-bottom: 20px
}

.FOntIcontwitter {
    height: 15px
}

.ms24G {
    position: absolute;
    top: 50vh;
    left: 10vh
}

p.forsm1 {
    text-align: left
}

.pb-0 {
    padding-bottom: 0
}

.pd_30px {
    padding: 30px!important
}

.p_t55 {
    padding-top: 35px
}

.bg2 {
    background-size: cover
}

.H560 {
    height: 450px;
    display: flex;
    justify-content: center;
    background: #b0551a
}

.H560 img {
    width: 100%;
    object-fit: cover
}

.sign {
    letter-spacing: 2;
    line-height: 50px;
    font-family: Clip;
    text-transform: uppercase;
    font-size: 2.5em;
    color: #ffe6ff;
    text-shadow: 0 0 .6rem #ffe6ff, 0 0 1.5rem #f5e310, -.2rem .1rem 1rem #fff70a, .2rem .1rem 1rem #fbff00, 0 -.5rem 2rem #ffd747, 0 .5rem 3rem #ffe108;
    animation: 2s forwards shine, 3s infinite flicker
}

.btn-bannertop a,
.call-bnr,
.forsm1 {
    color: #fff
}

@keyframes blink {
    0%,
    22%,
    36%,
    75% {
        color: #ffe6ff;
        text-shadow: 0 0 .3rem #ffe6ff, 0 0 1.5rem #ff65bd, -.2rem .1rem .5rem #ff65bd, .1rem .1rem .5rem #ff65bd, 0 -.5rem 1rem #ff2483, 0 .5rem 1.5rem #ff2483
    }
    28%,
    33% {
        color: #ff65bd;
        text-shadow: none
    }
    82%,
    97% {
        color: #ff2483;
        text-shadow: none
    }
}

.flicker {
    animation: 2s forwards shine, 3s 2s infinite blink
}

.fast-flicker {
    animation: 2s forwards shine, 10s 1s infinite blink
}

.forsm1 {
    font-size: 14px!important;
    text-align: right
}

.Aed99 {
    width: 33%
}

.Bannertanimation,
.XsLogoalign,
.xs24light {
    position: absolute;
    width: 100%
}

.Bannertanimation {
    top: 35vh!important;
    z-index: 999;
    padding: 0 5%
}

p {
    text-align: justify
}

.call-bnr {
    background-color: #d9d91a
}

.btn-bannertop {
    float: left;
    border: none;
    background: #181818;
    padding: 10px 30px;
    margin-top: 20px
}

.xsandsmbg {
    display: none
}

.xs24light {
    bottom: 25px
}

.XsLogoalign {
    top: 13%
}

@media (max-width:575px) {
    .forsm1,
    .ms24G,
    p.forsm1 {
        text-align: center
    }
    .WhyHeightimg {
        height: 400px
    }
    .sec-moblog {
        background-color: #000;
        height: 95vh;
        padding-top: 19vh
    }
    .HeightImg {
        height: 460px
    }
    .ms24G {
        position: unset;
        margin-top: 10px
    }
    .pd_30px {
        padding: 0!important
    }
    .navbar {
        z-index: 999999;
        position: fixed;
        width: 100%
    }
    .xsandsmbg {
        background: #000;
        height: 100vh;
        display: block
    }
    .H560 {
        display: none
    }
    .floating {
        position: fixed;
        z-index: 1000;
        bottom: 10%;
        right: 0;
        width: 120px
    }
    .Aed99 {
        width: 100%
    }
    .Bannertanimation {
        top: 9vh!important
    }
    .sign {
        font-size: 50px;
        margin-bottom: 15px
    }
}

@media (min-width:576px) and (max-width:767px) {
    .WhyHeightimg {
        height: 453px
    }
    p.forsm1 {
        text-align: center
    }
    .xsandsmbg {
        background: #000;
        height: 700px;
        display: block
    }
    .H560 {
        display: none
    }
    .text-sm-leftbanner {
        text-align: center!important
    }
    .Aed99,
    .forsm1,
    .ms24G {
        text-align: center
    }
    .spaBanner div span {
        font-size: 14px;
        text-align: center
    }
    .ms24G {
        position: unset;
        margin-top: 25px
    }
    .Aed99 {
        width: 100%
    }
    .Bannertanimation {
        top: 2vh!important
    }
    .sign {
        line-height: 26px!important;
        font-size: 26px!important;
        margin-bottom: 0!important
    }
    .forsm1 {
        font-size: 12px!important
    }
}

@media (max-width:768px) {
    .contact-top {
        display: none!important
    }
    .spaBanner h1 {
        font-size: 35px;
        font-weight: 900;
        color: #fff;
        text-align: left;
        padding-top: 55px!important
    }
    .spaBanner {
        margin-top: 55px
    }
    .H560 {
        height: auto;
        background: #fff
    }
}

@media (min-width:768px) and (max-width:991px) {
    .WhyHeightimg {
        height: 340px
    }
    .HeightImg {
        height: 300px
    }
    p.forsm1 {
        text-align: center
    }
    .Bannertanimation {
        top: 19vh!important
    }
    .Aed99 {
        width: 50%
    }
    .ms24G {
        position: absolute!important;
        top: 23vh;
        left: 1vh
    }
    .Bannerimglogo {
        padding-top: 83px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .HeightImg {
        height: 400px
    }
}