* {
    outline: none !important;
    -webkit-overflow-scrolling: touch;
}

html, body, #root {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    font-family: 'Roboto', sans-serif;
    box-sizing: border-box;
}

div {
    box-sizing: border-box;
}

/*---------------------- Elements -----------------------  */
 p, input, div, span, ul, li {
    font-family: 'Roboto', sans-serif;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}


/* ----------------------- Font -----------------------  */
.text-bold {
    font-weight: bold!important;
}
.text-semibold {
    font-weight: 500 !important;
}
.text-s40{
    font-size: 40px !important;
}
.text-s20{
    font-size: 20px !important;
}
.text-s18{
    font-size: 18px !important;
}
.text-s17 {
    font-size: 17px !important;
}
.text-s16 {
    font-size: 16px !important;
}
.text-s15 {
    font-size: 15px !important;
}
.text-s14 {
    font-size: 14px !important;
}
.text-s13 {
    font-size: 13px !important;
}
.text-s12 {
    font-size: 12px !important;
}
.text-s11 {
    font-size: 11px !important;
}
.text-s10 {
    font-size: 10px !important;
}
.text-s9 {
    font-size: 9px !important;
}
.text-red {
    color: #FF0000 !important;
}
.text-darkblack {
    color: #404040 !important;
}
.text-orange {
    color: #FFAB2E !important;
}
.text-blue {
    color: #1971D5 !important;
}
.text-dark {
    color: #1B1B1B;
}

.text-gray {
    color: #707070;
}

.bg-blue {
    background-color: #1971D5 !important;
}
.bg-orange {
    background-color: #FF9100 !important;
}

.bg-dark {
    background-color: #000 !important;
}

.bg-red {
    background-color: #E05F64 !important;
}

.bg-ash {
    background-color: #F9F9F9;
}
/* ----------------------- General Styles -----------------------  */
.pointer {
    cursor: pointer !important;
}

textarea {
    resize: none;
}

a:hover {
    text-decoration: none;
    color: #000;
}

.image-property {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
/* ----------------------- Sub Nav ----------------------- */

/* -------------------------- Single-Slider -------------------------- */

/* --------------- Grid ---------------*/

.grid-container {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 2fr 1fr;
    justify-items: stretch;
    grid-template-areas: "Screen-1 Screen-2 Screen-2" "Screen-1 Screen-3 Screen-4";
    height: 25rem;
    grid-gap: 5px;
}

.Screen-1 { grid-area: Screen-1; }

.Screen-2 { grid-area: Screen-2; }

.Screen-3 { grid-area: Screen-3; position: relative; }

.Screen-4 { grid-area: Screen-4; position: relative; }

.mediacarousel{
    height: 100%;
    height: -moz-available;          /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    height: fill-available;
}

.image-box {
    height: 100%;
}

.slider-prev {
    position: relative;
    top: -45px;
    left: 84%;
    display: inline;
    padding: 10px 0 0 5px;
}

.slider-next {
    position: relative;
    top: -45px;
    left: 84%;
    display: inline;
    padding: 10px 3px 0 5px;
}


.slider-previous {
    left: 84%;
    position: relative;
}

.carousel-next {
    position: relative;
    left: 84%;
    width: 5%;
}

.carousel-item {
    height: 100%;
}

.media-carousel-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.small-text {
    font-size: 14px;
    color:#CFCFCF;
}

.image-text p {
    color: #fff;
}

.border-none {
    border: 0;
}

.h-9 {
    height: 9rem;
}

.h-5 {
    height: 5rem;
}

.side-img {
    opacity: 0.8;
    filter: brightness(50%);
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.card-flag {
    width: 25%;
    background-color: #DF8E3E;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
}

.card-flag-text {
    font-size: 24px;
    line-height: 1.3;
}

/* -------------------------- Second-Slider -------------------------- */
.carouselimage img {
    height: 18rem;;
}

.carouselindicators {
    top: -40px;
    display: flex;
    justify-content: flex-end;
    margin-left: 0%;
    margin-right: 0%;
}

.carousel-indicators .prev {
    background-color: #fff;
    border: 1px solid #ccc;
    background-image: url(../Image/Group\ 1519.svg);
    background-repeat: no-repeat;
    background-position: 40%;
    width: 24px;
    height: 20px;
    margin-top: 10px;
}

.carousel-indicators .next {
    background-color: #fff;
    border: 1px solid #ccc;
    background-image: url(../Image/Group\ 1520.svg);
    background-position: 40%;
    width: 24px;
    height: 20px;
    margin-top: 10px;
}

.carousel-indicators p {
    display: flex;
    justify-content: flex-start;
    align-items: normal;
    width: 100%;
    color: #1B1B1B;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
}

.underline-text {
    margin-top: 0px;
    margin-left: 4px;
    height: 0;
    color:#FFAB2E;
}

.bottom-left {
    position: absolute;
    bottom: 30px;
    left: 16px;
    color: #fff;
    font-weight: 700;
}

.text-bottom-left {
    position: absolute;
    bottom: 8px;
    left: 28px;
    color: #fff;
}

.img-card-text {
    font-size: 25px;
}

.card-img-top {
    border-radius: 0 !important;
}

.carousel-height {
    height: 5rem;
}

.card-wrapper {
    display: flex;
    margin-left: 1.2rem;
}

/* -------------------- Card-Side text -------------------- */
.main-text {
    position: relative;
    top: -35px;
    display: flex;
    justify-content: flex-start;
    color: #1B1B1B;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 0;
    margin-left: 2rem;
}

.sub-text {
    position: relative;
    top: -35px;
    margin-left: 2rem;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    text-align: justify;
}

.tour-block {
    border-bottom: 1px solid #eee;
    padding-bottom: 0rem;
    display: flex;
    justify-content: space-between;
}

.box-field {
    display: flex;
    justify-content: space-between;
}

.group-img {
    position: relative;
    top: -45px;
    display: flex;
    margin-left: 2rem;
    justify-content: center;
}

.group-img img {
    height: 6.5rem;
    position: relative;
}

.box-img {
    display: flex;
}

.box-img-one {
    display: flex;
}

.single-img-box {
    position: relative;
}

.media-main-img {
    display: flex;
    justify-content: space-between
}

.centertext {
    margin: 0;
    max-width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    background-image: linear-gradient(#ffc22e,#ff91006e);
    color: #fff;
    opacity: 1;
}

/* ---------------- Card Hover In Popular Tour ---------------- */
.single-img-box {
    cursor: pointer;
    z-index: 0;
    margin: 0 5px 5px 0;
}

.single-img-box:hover {
    background-color: transparent;
    background-image: linear-gradient(#ffc22e,#ff91006e);
    opacity: 1;
}

.single-img-box:hover .centertext {
    background-image: none;
    color: #000;
    font-weight: 500;
}

.img-box:hover,
.single-img-box:hover img {
    opacity: 0.1;
}

.centertext p {
    padding: 5px 15px;
    margin-bottom: 0;
    font-size: 12px;
    position: relative;
    z-index: 2;
}

.center-text {
    font-size: 13px;
    width: 70%;
    text-align: center;
    padding: 5px;
    cursor: pointer;
}


.borderbottom {
    border-bottom: 1px solid #eee;
}

.h-50 {
    height: 50%;
}

.media-ads {
    width: 728px;
}

/* ------------------------ News & Events ------------------------ */
.news-title {
    position: relative;
    top: 0px;
    display: flex;
    justify-content: flex-start;
    color: #1B1B1B;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 0;
}

.news-borderbottom {
    border-bottom: 1px solid #FF960D;
}

.news-img {
    height: 11rem;
    margin-top: 1rem;
    width: 17rem;
}

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

.card-mediaimg {
    margin-bottom: 0.74rem;
    height: 3.5rem;
    width: 5rem;
}

.news-text {
    color: #1B1B1B;
    font-size: 15px;
    font-weight: 500;
    text-align: justify;
}

.news-text a {
    color: #1B1B1B;
}

.date-field {
    display: flex;
    justify-content: space-between;
}

.date-text {
    display: flex;
    align-items: baseline;
}

.date-text img {
    margin-top: -16px;
    margin-right: 7px;
    width: 10.7px;
}

.date-text p {
    color:#ABABAB;
    font-size: 12px;
}

.like-btn {
    background-color: #1B1B1B;
    border-radius: 2px;
    box-shadow: none;
    color: #fff;
    font-size: 8px;
    margin-right: 2rem;
    height: 18px;
    border: 1px solid #1B1B1B;
}

.news-sub-text {
    font-size: 14px;
    line-height: normal;
    color: #707070;
    width:92%;
    text-align: justify;
}

.tab-head {
    display: flex;
    width: 100%;
}

.w-44 {
    width: 44%;
}

/* ------------------------ Tab ------------------------ */
.newstabs .nav-pills li.active {
    color: #fff;
    background-color: #FF960D;
    width: 50%;
    text-align: center;
}

.newstabs .nav-pills li.active a {
    color: #fff;
    font-size: 12px;
}

.newstabs .nav-pills {
  border: 1px solid #FF960D;
  margin-top: 5px;
}

.newstabs .nav-pills li {
    width: 50%;
    text-align: center;
}

.newstabs .nav-pills li a {
  text-decoration: none;
  font-size: 12px;
  color: #000;
}

.festival_img {
    width: 7rem;
    height: 4rem;
    padding-top: 0.5rem;
}

.festival_img img {
    width: 5.6rem;
    object-fit: cover;
}

.citycard-text a {
    color: #000;
}

.cityinfo-title a {
    color: #000;
}
/* -------------------------- Tab Contnet -------------------------- */

.tab-text {
    font-size: 12px;
    line-height: 1.2;
    overflow: hidden;
}

.tab-footer {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.footer-box {
    margin-left: 1rem;
}

.borderbottom-blue {
    border-bottom:2px solid #1971D5;
    padding-bottom: 5px;
}

.borderbottom-red {
    border-bottom:2px solid #FF0000;
}

/* ------------------------- Helpful Info ------------------------- */
.title-text {
    display: flex;
    justify-content: flex-start;
    font-weight: bold;
    font-size: 18px;
}

.help-centertext {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    background-image: linear-gradient(rgba(255, 0, 0, 0.65), rgba(255, 0, 0, 0.65));
    color: #fff;
    opacity: 1;
}

.help-centertext p {
    padding: 5px 15px;
    margin-bottom: 0;
    font-size: 12px;
    position: relative;
    z-index: 2;
}

/* ---------------- Card Hover In Helpful Info ---------------- */
.helpsingle-img-box:hover {
    background-color: transparent;
    background-image: linear-gradient(rgba(255, 0, 0, 0.65), rgba(255, 0, 0, 0.65));
    opacity: 1;
}

.helpsingle-img-box:hover .help-centertext {
    background-image: none;
    color: #000;
    font-weight: 500;
}

.img-box:hover,
.single-img-box:hover img {
    opacity: 0.1;
}

.helpgroup-img {
    position: relative;
    top: -28px;
    display: flex;
    margin-left: 1.25rem;
    justify-content: center;
}

.helpgroup-img-one {
    position: relative;
    top: -28px;
    display: flex;
}

.helpgroup-img-one img {
    height: 8.5rem;
    width: 8.5rem;
    position: relative;
}

.helpgroup-img img {
    height: 7.5rem;
    width: 7.9rem;
    position: relative;
}

.mediatitle-text {
    display: flex;
    justify-content: flex-start;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 1rem;
    margin-left: 2rem;
}

.mediatitle-text-one {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 1rem;
}

.titlesubtext {
    margin-left: 1rem;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.title-subtext {
    margin-left: 2rem;
    color: #000000;
    line-height: 1.4;
    font-size: 12px;
    font-weight: 400;
    text-align: justify;
}

.title-subtext-one {
    color: #000000;
    line-height: 1.4;
    font-size: 12px;
    font-weight: 400;
    text-align: justify;
}

.newgroup-img {
    position: relative;
    margin-left: 0rem;
}

.new-img {
    margin-top: 2rem;
}

.new-img img {
    height: 9rem;
}

.cardfooter {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.jobs-footer {
    width: 104%;
}

.title-img {
    width: 19rem;
}

.hover-card-style {
    border:1px solid #000;
}

.hover-card-style:hover{
    padding: 0;
    border:1px solid #DF8E3E;
    box-sizing: border-box;
}

.hover-card-style:hover img {
    opacity: 0.1;
}

.hover-card-style:hover .festival-para{
    color:#DF8E3E !important;
}

.cardbottomleft {
    position: absolute;
    bottom: 8px;
    left: 16px;
    color: #fff;
    font-weight: 700;
}

.title-img {
    width: 19rem;
}

.card-img {
    border-radius:0 !important;
}

/* ------------------------ City Life ------------------------ */
.cityinfo-para {
    color: #707070;
    text-align: justify;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    line-height: normal;
}

.fest-text {
    color: #fff;
    font-size: 13px;
}

.city-card a:hover {
    color: #FF960D;
}

.other-card a:hover {
    color: #FF0000;
}

.tabcard:hover {
    color: #FF960D;
}

.tabcard p a:hover {
    color: #FF960D;
}

.tabcard p a {
    color: #000;
}

.card-wrapper .fest-text a:hover {
    color: #FF960D;
}

.rect-para a {
    color: #fff;
}

rect-para a:hover {
    color: #000;
}

.city-subtext {
    font-size: 14px;
    text-align: justify;
}

.para-media {
    text-align: justify;
}

/* ---- Clamp para [Mozilla] ----- */

.line-clamp {
    position: relative;
    overflow: hidden;
    height: 3.6em; /* exactly three lines */
}

.line-clamp:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    height: 1.2em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

.top-link {
    z-index: 1;
}

@supports (-webkit-line-clamp: 3) {
    .line-clamp {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height:3.6em; /* I needed this to get it to work */
        height: auto;
    }
    .line-clamp:after {
        display: none;
    }
}


.line-overflow {
    position: relative;
    overflow: hidden;
    height: 4em; /* exactly three lines */
    line-height: 1.4;
}

.line-overflow:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    height: 1.2em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

@supports (-webkit-line-overflow: 3) {
    .line-overflow {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height:3.6em; /* I needed this to get it to work */
        height: auto;
    }
    .line-overflow:after {
        display: none;
    }
}

.w-lg-95 {
    width: 95% !important;
}

.rectangle-top-left {
    border:1px solid #FFFFFF;
    position: absolute;
    top: 35%;
    left: 8%;
    width: 36%;
    height: 15%;
}

.rectangle-top-right {
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 35%;
    left: 45%;
    width: 36%;
    height: 15%;
}

.rectangle-middle-left {
    border:1px solid #FFFFFF;
    position: absolute;
    top: 51%;
    left: 8%;
    width: 36%;
    height: 15%;
}

.rectangle-middle-right {
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 51%;
    left: 45%;
    width:36%;
    height: 15%;
}
.rectangle-bottom-left {
    border:1px solid #FFFFFF;
    position: absolute;
    top: 67%;
    left: 8%;
    width:36%;
    height: 15%;
}

.rectangle-bottom-right {
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 67%;
    left: 45%;
    width:36%;
    height: 15%;
}

.rect-para {
    font-size: 13px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    height: 100%;
    margin-bottom: 0;
    align-items: center;
}

.rectagle-hover:hover {
    background-color: #fff;
    color: #000;
}

.rectagle-hover:hover  p.rect-para a{
    background-color: #fff;
    color: #000 !important;
}

.top-row-img {
    position: absolute;
    top: 10rem;
    width: 100%;
}

.festcard-img {
    padding-top: 0.8rem;
    margin-bottom: 0.8rem;
    width: 5.6rem;
}

.fest-img {
    width: 5rem;
}

.image-key {
    font-size: 18px;
    position: absolute;
    top: 15%;
    left: 18%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: bold;
}

.jobs-subpara {
    font-size: 12px;
    position: absolute;
    top: 78%;
    left: 40%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: bold;
}

.jobs-subpara a {
    color: #fff;
}

.wrapper {
    display: grid;
    grid-template-columns: repeat(2, 137px);
    grid-auto-rows: 143px;
    grid-gap: 5px;
    margin-top: 1rem;
  }
  * {box-sizing: border-box;}

.company-list-img {
    height:18rem;
}

.company-list {
    margin-top: 1.5rem;
    line-height: 2rem;
    background-color: #FF9100;
    padding: 0.45rem 1rem 0.45rem 1rem;
    height: 18rem;
    width: 96%;
    margin-left: 1.5rem;
}

.direct-para {
    margin-left: 1.5rem;
}

.w-lg-75 {
    width: 75% !important;
}

.company-list li:hover {
    color: #000;
    background-image: url(../Image/Group1354.svg);
    background-position: 100% 50%;
    background-size: 21px;
    background-repeat: no-repeat;
}

.company-list li {
    border-bottom: 1px solid #ffffff36;
}

.list-items {
    font-size: 11px;
    font-weight: 500;
    color:#fff;
    list-style-type: none;
}

.list-items a {
    color:#fff;
}

.list-items:last-child {
    border-bottom: none;
}

.arrow-icon {
    width:20px;
}

.jobs-group-img {
    position: relative;
    object-fit: cover;
}

.jobmedia-img {
    margin-left: 0;
}

.arrow-btn {
    height: 25px;
}

.other-info-cardimg {
    width: 88px;
}

.bottom-text {
    position: absolute;
    bottom: 0;
    float: right;
    width: 100%;
}

.bg-img {
    height: 64.5%;
}

input[type=search]::-webkit-clear-button {
    display: none;
}

.topimg {
    width: 12rem;
    height:11.5rem;
    overflow: hidden;
}

.cardimg {
    width: 100%;
}

.topimg:hover img,
img.cardimg:hover {

    -moz-transform: scale(1.2) translateY(0);
    -webkit-transform: scale(1.2) translateY(0);
    -o-transform: scale(1.2) translateY(0);
    transform: scale(1.2) translateY(0);
    -moz-transition: all .5s cubic-bezier(0,0.01,0.01,0.98);
    -webkit-transition: all .5s cubic-bezier(0,0.01,0.01,0.98);
    -o-transition: all .5s cubic-bezier(0,0.01,0.01,0.98);
    transition: all .5s cubic-bezier(0,0.01,0.01,0.98);
    display: block;
}


.shoppingcard {
    overflow: hidden;
}

.shoppingcard:hover img,
img.cardimg:hover {

    -moz-transform: scale(1.2) translateY(0);
    -webkit-transform: scale(1.2) translateY(0);
    -o-transform: scale(1.2) translateY(0);
    transform: scale(1.2) translateY(0);
    -moz-transition: all .5s cubic-bezier(0,0.01,0.01,0.98);
    -webkit-transition: all .5s cubic-bezier(0,0.01,0.01,0.98);
    -o-transition: all .5s cubic-bezier(0,0.01,0.01,0.98);
    transition: all .5s cubic-bezier(0,0.01,0.01,0.98);
    display: block;
}
/* --------------------------------------- Footer ---------------------------------------*/

.link-block {
    display: flex;
    flex-direction: column;
}

.link-block a {
    color: #fff;
    padding: 0.35rem 0;
    font-size: 14px;
    font-weight: 500;
}

.link-block a:hover {
    text-decoration: none;
    color: #fff;
}
.social-icon {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 1.25rem;
    width: 63%;
}

.footer-img {
    height: 4.3rem;
    width: 100%;
    object-fit: cover;
}

.input-text {
    background-image: url(../Image/mail.svg);
    background-position: 4% 59%;
    background-repeat: no-repeat;
    border: 1px solid #D9D9D9;
    padding: 5px 10px 5px 50px;
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
    height: 41px;
}

::placeholder {
    font-size: 12px;
    text-align: left;
    line-height: 1;
}

.subscribe-btn {
    background-color: #FFC22E;
    color: #000;
    font-weight: 700;
    box-shadow: none;
    border: 0px solid #FFC22E;
    font-size: 14px;
    width: 100%;
    height: 35px;
    margin: 0.5rem 0 0;
    padding: 3px 0;
}

.subscribe-card {
    width: 15.9rem;
    height: 13rem;
    margin-left: 0.5rem;
    padding: 1rem 1.3rem 1.35rem 1.3rem;
}

.sub-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
}

.sub-footer a {
    text-decoration: none;
    color: #fff;
}

.footer-img-group {
    height: 12rem;
    width: 18rem;
    margin-left: -34px;
    display: flex;
    justify-content: center;
}

.logo-text {
    font-weight: bold;
}

.subscribe-text {
    font-size: 19px;
    line-height: 1.30;
    width: 82%;
    margin: 0 auto;
}

.play-img {
    position: absolute;
    left: -72px;
    bottom: 10px;
}

.view-text {
    position: absolute;
    font-size: 12px;
    bottom: 12px;
    right:62px;
    color: #FFC22E;
}

/* ------------------------ Livingindubai ------------------------ */
.top-page-link {
    margin-top:-2%;
}

.living-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 140px);
    grid-auto-rows: 135px;
    grid-gap: 5px;
    margin-top: 1rem;
}


.greater-arrow{
    height: 0.6rem;
    padding: 0 7px;
    margin-top: 6px;

}

.top-page-link-text {
    color:#FFFFFF;
    font-size: 14px;
}

.top-page-link-text:hover {
    color:#FFA024;
}

.top-page-link-text.active {
    color:#FFA024;
}

.icon-group {
    padding:2%;
    position: absolute;
}

.text-para {
    font-size: 16px;
    text-align: justify;
}

.img-groups {
    width: 100%;
    height: 16rem;
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
}

.img-groups:hover .group-text {
    background-color: #FF960D;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 16rem;
}

.img-groups.active .group-text {
    background-color: #FF960D;
    opacity: 1;
    position: absolute;
    top:0;
    height:16rem;
    width: 100%;
}

.img-group-single {
    height: 14rem;
}

.img-bottom-text {
    font-size: 20px;
    color: #fff;
    top: 12.5rem;
    position: absolute;
    font-weight: bold;
}

.text-underline-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-underline {
    padding-top: 2%;
    border-bottom: 4px solid #FFA024;
    font-size: 20px;
    position: absolute;
    top: 14rem;
    width: 13rem;
    margin-top: 1.38rem;
}

.group-text {
    opacity: 0;
    color:#fff;
    padding: 5px;
    line-height: 1.2rem;
}

.img-top-text {
    font-weight: bold;
    padding-top: 2%;
    font-size: 20px;
    margin-bottom: 1%;
}

.img-sub-text {
    font-size: 14px;
    text-align: justify;
    padding: 0.4rem;
    margin-bottom: 1%;
}

.top-footer-text {
    display: flex;
    justify-content: center;
}

.image-top-para {
    display: flex;
    justify-content: center;
}

.img-footer-text {
    margin-bottom: 2%;
    font-weight: bold;
    font-size:11px;
    border-bottom: 3px solid #fff !important;
    text-align: center;
    width:22%;
    color: #FFF !important;
}

.living-news-tag {
    margin-right: 0.8rem;
}

.center-img {
    display: flex;
    justify-content: center;
}

/* ------------------------ Second Column ------------------------ */
.ads-img {
    width: 17.6rem;
    height: 17rem;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.service-block {
    width: 100%;
}

.visit-btn {
    color:#FFF;
    font-weight: bold;
    font-size: 16px;
    background-color: #FF9100;
    position: absolute;
    top: 13.7rem;
    left: 25%;
    padding: 4px 39px 4px 38px;
    border-radius: 0.4rem;
}

.visit-btn-second {
    color:#FFF;
    font-weight: bold;
    font-size: 16px;
    background-color: #FF9100;
    position: absolute;
    top: 82.7rem;
    left: 4.8rem;
    padding: 4px 39px 4px 38px;
    border-radius: 0.4rem;
}

/* ------------------------ Dubai Government Departments ------------------------ */
.side-logo {
    border:1px solid #CFCFCF;
    background-color: #fff;
    height: 6rem;
    width: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.side-logo img {
    width: 5rem;
    object-fit: contain;
}

.side-title {
    font-size: 17px;
    padding-top: 7px;
    font-weight: bold;
    display:flex;
    justify-content: flex-start;
}

.side-title:hover {
    color: #FFC22E;
}

.border-card {
    display: flex;
    border: 1px solid #FFC22E;
    height: 2rem;
    padding:0 0.50rem;
    align-items: center;
    margin-top: 0.80rem;
}

.border-card .web-text {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    text-align: center;
}

.border-card .phone-num {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    text-align: left;
    padding-left: 10px;
}

.border-card img {
    height: 22px;
    width: 22px;
}

.border-card:hover {
    background-color: #FFC22E;
}

.side-para {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.4;
    text-align: justify;
}

.link-para {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding-left: 1rem;
}

.link-para p {
    margin-bottom: 0px;
    font-size: 14px;
}

.visa-text {
    color: #FFC22E;
    padding-left: 1rem;
    margin-top: 0.70rem;
    font-style: italic;
}

.single-card-content {
    margin-left: 1rem;
}

.large-card {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.large-card:hover {
    border-bottom: 3px solid #FE9600;
}

.large-card:hover .side-title a {
    color: #FE9600;
}

.large-card:hover .side-title {
    color: #FE9600;
}


.large-card .side-title a {
    color: #000;
}

/* ---------------- pagination ---------------- */
.pagination {
    justify-content: center;
    margin-bottom: 2.5rem;
}

.pagination img {
    height: 25px;
    width: 25px;
}

.page-number {
    display: flex;
    cursor: pointer;
}

.page-number p {
    height: 25px;
    width: 25px;
    border: 1px solid #EEEEEE;
    color: #000;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0rem 3px 0 3px;
    font-size: 11px;
}

.page-number p:hover {
    background-color: #FE9600;
    color: #fff;
}

.page-number p.active {
    background-color: #FE9600;
    color: #fff;
}

.borderbottom-orange {
    border-bottom: 1px solid #FE9600;
}

/* ---------------- Related Links ---------------- */
.link-wrapper {
    margin-right:0;
    margin-bottom: 1rem;
}

.link-blocks {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0 0 0 1rem;
    height: 42px;
    cursor: pointer;
}


.link-blocks a {
    padding-left: 0.8rem;
    color: #000;
    font-weight: 700;
    font-size: 17px;
}

.link-blocks img {
    margin-left: 1rem;
    height: 30px;
}

/* ---------------- Related Links hover ---------------- */
.link-blocks:hover {
    background-color: #FE9600;
    width: 100%;
    margin: 0 0 0 1rem;
    color: #fff;
}

.link-blocks:hover .active-img {
    position: absolute;
    display: block;
}

.link-blocks:hover a {
    color: #fff;
}

/* ---------------- Related Links active ---------------- */
.active-img {
    display: none;
}

.link-blocks.active a {
    color: #fff;
}

.link-blocks.active {
    background-color: #FE9600;
    width: 100%;
    margin: 0 0 0 1rem;
    color: #fff;
}

.link-blocks.active .active-img {
    position: absolute;
    display: block;
}

/* ------------------------ Freezones & Industrial Parks ------------------------ */
.maincontent-title{
    font-weight: bold;
    font-size: 20px;
}

/* ---------------- Tab ---------------- */
.zonetabs .nav-pills li.active {
    color: #fff;
    background-color: #FFC22E;
    width: 50%;
    text-align: center;
    height: 1.70rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zonetabs .nav-pills li.active a {
    color: #1B1B1B;
}

.zonetabs .nav-pills {
    border: 1px solid #FFC22E;
    border-bottom: 0;
    margin-top: 5px;
    width: 85%;
}

.zonetabs .nav-pills li {
    width: 50%;
    text-align: center;
    height: 1.70rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zonetabs .nav-pills li a {
    text-decoration: none;
    font-size: 14px;
    color: #1B1B1B;
    font-weight: 500;
}

.zones-borderbottom{
    border-bottom:1px solid #FFC22E;
}

.text-highlight{
    font-weight: bold;
    font-size: 12px;
}

.visit-btn-third{
    color: #FFFF;
    font-weight: bold;
    font-size: 16px;
    background-color: #FF9100;
    position: absolute;
    top: 50rem;
    left: 4.8rem;
    padding: 4px 39px 4px 38px;
    border-radius: 0.4rem;
}

/* ------------------------ Banks / Money Exchanges ------------------------ */

/* ---------------- Tabs ---------------- */
.bankstabs .nav-pills {
    border: 1px solid #FFC22E;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 90%;
    border-bottom: 0;
}

.bankstabs .nav-pills li.active {
    color: #000;
    background-color: #FFC22E;
    text-align: center;
    width: 33.2%;
}

.bankstabs .nav-pills li.active a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
}

.border-card .active{
    display: flex;
    border: 1px solid #FFC22E;
    height: 2.20rem;
    padding:0 0.50rem;
    align-items: center;
    margin-top: 0.80rem;
}

.link-title {
    font-weight: bold;
    font-size: 20px;
    margin-left: 5%;
    margin-bottom: 1%;
}

.bankstabs .nav-pills li {
    width: 33.4%;
    text-align: center;
    height: 1.70rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


.bankstabs .nav-pills li a {
    color: #000 !important;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
}

.bankstabs .nav-pills li {
    border-right: 1px solid #FFC22E;
}


.bankstabs .nav-pills li:last-child {
    border-right: 0;
}

/* ------------------- Card Content ------------------- */

.side-sub-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px !important;
}

.side-sub-title span {
    font-size: 14px;
    font-weight: 400;
    padding-left: 7px;
}


/* ------------------------ Hospitals & Healthcare ------------------------ */
/* ---------------- Tabs ---------------- */
.hospitalstabs .nav-pills {
    border: 1px solid #FFC22E;
    border-bottom: 0;
    width: 80.5%;
}

.clincstabs {
    width: 17%;
    text-align: center;
}

.hospitaltab {
    width: 20%;
    text-align: center;
}

.therapytab {
    width: 35%;
    text-align: center;
}

.servicestab {
    width: 28%;
    text-align: center;
}

.hospitalstabs .nav-pills li {
    border-right: 1px solid #FFC22E;
}

.hospitalstabs .nav-pills li a {
    color: #000 !important;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
}

.hospitalstabs .nav-pills li:last-child {
    border-right: 0;
}

.hospitalstabs .nav-pills li.active {
    color: #000;
    background-color: #FFC22E;
    text-align: center;
}

.border-hr {
    border-color:#FFC22E;
}

.hospitals-sub-tabs .nav-pills {
    border: none;
    background-color: #F9F9F9;
    height: 3rem;
    display: flex;
    align-items: center;
    width: 100%;
}

.hospitals-sub-tabs .nav-pills li.active a {
    background-color: #F9F9F9 !important;;
    color: #FF9100 !important;
}

.hospitals-sub-tabs .nav-pills li {
    background-color: #F9F9F9;
    padding: 0 1rem;
}


.hospitals-sub-tabs .nav-pills li.active  {
    background-color: #F9F9F9 !important;;
    color: #FF9100 !important;
}


/* ------------------------ Newspaper & Media ------------------------ */
.visit-btn-fourth {
    color: #FFFF;
    font-weight: bold;
    font-size: 16px;
    background-color: #FF9100;
    position: absolute;
    top: 59rem;
    left: 4rem;
    padding: 4px 39px 4px 38px;
    border-radius: 0.4rem;
}

/* ------------------------ ShoppingMall ------------------------ */

.carouselitem img {
    height: 17rem;
}

.sliderprev {
    top: -20px;
    left: 19px;
    position: absolute;
}

.slidernext {
    top: -20px;
    left: 45px;
    position: absolute;
}

.textbottom-left {
    position: absolute;
    bottom: 25px;
    left: 45px;
    color: #fff;
    width: 90%;
    line-height: 1;
}

.textbottom-left p {
    font-size: 14px;
}

.carouselitem {
    height: 17rem;
}

/* ---------------------------------------------------- Travel Tips -------------------------------------------------- */
.subcontent-img {
    width:100%;
    height:18rem;
    padding: 3%;

}

.subcontent-para {
    font-size: 14px;
    padding: 1% 3% 2% 3%;
    font-weight: bold;
    text-align: justify;
}

.side-para-second {
    color:#484848;
    font-size: 14px;
    padding-left: 1rem;
    margin-bottom: 1%;
    width: 100%;
}

.side-sub-para {
    font-size: 14px;
    width:100%;
    color: #484848;
    font-weight: 600;
    padding-left:1rem;
    margin-bottom: 1%;
}

.side-sub-para-second {
    font-size: 14px;
    color: #484848;
    font-weight: 600;
    padding-left:1rem;
    margin-bottom: 1%;
    font-style: italic;
    width:100%;
}

/* ------------------------ Clubs & Organizations ------------------------ */
.top-links {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1%;
}

.top-link-text {
    font-size: 14px;
    color:#000;
    font-weight: 500;
}

.top-text-wrapper {
    height: 2rem;
    margin-right: 1rem
}

.visit-btn-fifth {
    color: #FFFF;
    font-weight: bold;
    font-size: 16px;
    background-color: #FF9100;
    position: absolute;
    top: 52rem;
    left: 5rem;
    padding: 4px 39px 4px 38px;
    border-radius: 0.4rem;
}

/* ------------------------ Tour Package ------------------------ */
.coverimage {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 22rem;
}

.coverimage img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
}

.bannerimage {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 22rem;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

.bannerimage img {
    display: block;
    width: 100%;
    height: 100%;
    position:relative;
    z-index:-1;
}

.title-para {
    font-size: 17px;
    font-weight: 500;
    text-align: justify;
}

.read-text {
    padding-bottom: 3px;
    border-bottom: 3px solid #FF0000;
    font-weight: bold;
    color: #000;
}

.cursor-pointer {
    cursor: pointer;
}

.tourcarousel .carousel-card-title {
    text-align: left;
    padding-left: 10px;
}

.tourcarousel img {
    height: 11rem;
    object-fit: cover;
}

.tourcarousel .card {
    border: 0;
}

.style-italic {
    font-style: italic;
}

.carousel-indicators .tournext {
    border: 1px solid #ccc;
    background-image: url(../Image/orangearrow.svg);
    background-position: 58%;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    opacity: 1;
}

.carousel-indicators .tourprev {
    background-color: #fff;
    border: 1px solid #ccc;
    background-image: url(../Image/Group\ 1519.svg);
    background-repeat: no-repeat;
    background-position: 40%;
    width: 24px;
    height: 23px;
    margin-top: 0;
}

.card-text {
    width: 93%;
}

.card-box:active {
    box-shadow: 0 1px 7px 0 rgba(0,0,0,0.2), 0 0px 0px 0 rgba(0,0,0,0.19);
}

.card-box:hover .carousel-card-body h1 a {
    color: #FFA024;
}

.dark-card:hover .carousel-dark-body h1 a {
    color: #FFA024;
}

.carousel-card-body {
    padding-bottom: 1rem;
}

.tourcarousel-indicators {
    position: relative;
    margin-left: 0;
    margin-right: 0;
}

.dark-hr {
    border-bottom: 1px solid rgba(241, 239, 239, 0.54);
}

.tourcarousel .main-img {
    height: 12rem;
    object-fit: cover;
}

.tourcarousel .badge-img {
    height: 3.3rem;
    position: absolute;
    right: 9px;
}

.dark-card:hover .carousel-dark-body {
    background-color: #fff;
}

.dark-card:hover .carousel-dark-body .white-text {
    color: #000 !important;
}

.dark-card .carousel-dark-body h1 a {
    color: #fff;
}

.carousel-dark-body .white-text {
    color: #fff !important;
}
.off-text {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
    padding-top: 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    right: 16px;
}

.off-text span {
    font-size: 15px;
    font-weight: normal;
}

.tourcarousel .card {
    border-radius: 0;
    border: 0;
}

.image-line {
    border-bottom: 4px solid #FFA024;
    width: 84%;
    z-index: 1;
    margin-top: -4px;
    margin-left: 0.9rem;
}

.carousel-card-title {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 0 0;
}

.carousel-card-title a {
    color: #000;
}

.carousel-indicators .tournext {
    border: 1px solid #ccc;
    background-image: url(../Image/orangearrow.svg);
    background-position: 58%;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    opacity: 1;
}

.card-text {
    font-size: 13px;
    text-align: center;
}

.card-box:hover {
    box-shadow: 0 1px 7px 0 rgba(0,0,0,0.2), 0 0px 0px 0 rgba(0,0,0,0.19);
}

.carousel-card-body {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #f1f1f1;
}

.tourcarousel-indicators {
    position: relative;
    margin-left: 0;
    margin-right: 0;
}

.carousel-dark-body {
    background-color: #000;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(241, 239, 239, 0.54);
}

.carousel-dark-body:hover {
    background-color: #fff;
}

.carousel-dark-body:hover .white-text {
    color: #000 !important;
}

.white-text {
    color: #fff !important;
}

/* ------------------------ Dubai Tours ------------------------ */
/* -------- Cover Page Carousel -------- */
.title-cover-img {
    font-size: 40px;
    font-weight: bold;
    width:100%;
}

.cover-carousel-wrapper {
    height: 17rem;
    width: 100%;
}

.carousel-cover-img {
    height: 17rem;
}

.carousel-cover-img img {
    height: 17rem;
    object-fit: cover;
}

.carousel-top-link {
    z-index: 1;
}

.carousel-top-text {
    z-index: 1;;
}

.carousel-cover-prev {
    position: relative;
    top: -11rem;
    left: 3%;
    opacity: 1;
    display: inline;
    padding: 10px 0 0 5px;
}

.carousel-cover-next {
    position: relative;
    top: -11rem;
    opacity: 1;
    left: 92%;
    display: inline;
    padding: 10px 0 0 5px;
}

.cover-img-arrow {
    height: 1.5rem;
}

.tour-border-card {
    display: flex;
    border: none;
    height: 2.20rem;
    padding:0 0.50rem;
    align-items: center;
    margin-top: 0.80rem;
}

.tour-border-card p {
    font-size: 12px;
    font-weight: 600;
    width: 100%;
    text-align: center;
}

.tour-border-card img {
    height: 17px;
    width: 18px;
    padding-right: 5%;
}

.rotate-text {
    transform: rotate(270deg);
    position: absolute;
    left: -1.5rem;
    top: 4rem;
}

.tour-link-text {
    font-size: 13px;
    color: #000;
}

.top-text-wrapper-one {
    margin-left: 2rem;
}

.para-box p {
    font-size: 14px;
}

.para-box {
    border: 3px solid #FFAB2E;
}

.carousel-indicators .darkprev {
    background-color: #000;
    border: 1px solid #757272;
    background-image: url(../Image/left_arrow_bg_black.svg);
    background-position: 40%;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    margin-top: 10px;
}


.carousel-indicators .darknext {
    background-color: #FFAB2E;
    border: 1px solid #757272;
    background-image: url(../Image/orange-right-arrow.svg);
    background-position: 40%;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    margin-top: 10px;
    opacity: 1;
}

.sub-icon {
    margin-right: 3px;
}

/*-------- Carousel ------------*/
.indicator-modidy {
    top:15rem;
}

.indicator-modidy li {
    background: none;
}

.carousel-prev-icon {
   background-image: none;

}

.tour-slider-prev {
   position: relative;
   top: 2rem;
   left: -1%;
   display: inline;
   padding: 10px 0 0 5px;
}

.tour-slider-next {
   position: relative;
   top: 2rem;
   left: 33.4rem;
   display: inline;
   padding: 10px 3px 0 5px;
}

.carousel-next-icon {
    background-image: none;
}

.tour-carousel-img-one {
    height: 19rem;
}

.tour-carousel-img-one img {
    height: 19rem;
    width:100%;
}

.tour-carousel-img {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.carousel-img-group {
    position: absolute;
    top: 5rem;
    height: 100%;
    width: 23%;
    object-fit: cover;
    margin-bottom: 1rem;
}

.carousel-img-one {
    left: -3.2rem;
}

.carousel-img-two {
    left: 3.5rem;
}

.carousel-img-three {
    left: 10.2rem;
}

.carousel-img-four {
    left: 16.8rem;
}

.carousel-img-five {
    left: 23.5rem;
}

/*-------- Accordion ------------*/
.accordion .card-header-start:after {
    font-family: 'FontAwesome';
    content: "\f196";
    color:rgb(156, 150, 150);
    font-size: 24px;
    float: right;
}


.accordion .card-header-start.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f147";
}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f147";
    color:rgb(156, 150, 150);
    font-size: 24px;
    float: right;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f196";
}

.accordian-header {
    padding: 0.1rem 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2.3rem;
    border-bottom: 1px solid #efefef4f;
    background-color: rgba(0,0,0,.125);
}

.accordion>.card .card-header {
    margin-bottom: 0px;
}

.accordian-title {
    font-weight: bold;
    font-size: 15px;
}

.accordian-para {
    font-size: 14px;
    text-align: justify;
}

.accordian-list-wrapper {
    font-size: 14px;
    list-style: square;
    padding-left: 3%;
}

#li accordian-list-wrapper ::before {
    color: #FF9100;
    /* color of bullet or square */
    content: "\25AA";
    /* Unicode of character to precede the list item */
    font-size: 1.5rem;
    padding-right: 1.1225em;
}

.list-block {
    align-items: baseline;
    display: flex;
    text-align: justify;
}

.dot {
    height: 6px;
    width: 7px;
    background-color: #FFC22E;
    border-radius: 20%;
    border: 3px;
    display: inline-block;
    margin-right: 2%;
}

.accordion>.card:first-of-type {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.price-list {
    list-style: none;
    width:100%;
}

.box-content {
    background-color: #FFC22E;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    font-size: 12px;
    font-weight: bold;
    color:#1B1B1B;
    border-bottom: 1px solid #fff;
}

.box-content-second {
    background-color: #FFC22E;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    font-size: 14px;
    font-weight: bold;
    color:#1B1B1B;
}

.box-text {
    padding: 1%;
    margin-bottom: 0;
    width:100%;
}

/* ----Booking Button---- */
.booking-btn-wrapper {
    display: flex;
    flex-direction: row;
}

.booking-btn {
    border: 1px solid #FF9100;
    border-radius: 0;
    font-size: 14px;
    font-weight: bold;
    color: #1B1B1B;
    display: block;
    width:100%;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.booking-btn:hover {
    background-color: #FF9100;
    color:#fff;
    outline: none;
}


/*----------------- Second Column -----------------*/
.price-box {
    border:1px solid #ece6ec;
    background-color: #F9F9F9;
    padding: 1rem;
    width:100%;
}

.box-content-one {
    width: 100%;
    padding-right: 1rem;
    font-size: 14px;
    margin-bottom: 3%;
}

.box-content-two {
    width:100%;
    padding-left: 1rem;
    margin-bottom: 3%;
    font-size: 15px;
    font-weight: bold;
}

/* ------ Visit Button ----- */
.visit-btn-sixth {
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    background-color: #FF9100;
    border-radius: 0.4rem;
    position: absolute;
    top: 33.7rem;
    left: 5rem;
    padding: 4px 39px 4px 38px;
}

.carousel-indicators.active {
    opacity: 1 !important;
}

/* ------------------------ Dubai News Details ------------------------ */
/* -------------------- Maincontent -------------------- */

.maincontent-title-second {
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
}

.newsdetail-img {
   width:100%;
   height: 409px;
}

.tourcarousel-indicators {
    position: relative;
    margin-left: 0;
    justify-content: center;
    align-items: center;
}

.group-img-one img {
    height: 6.5rem;
    margin: 0 5px 5px 0;
    position: relative;
}

.group-img-one img:hover {
    background-color: #1971D5;
}

/* ------------------------ Dubai News Details ------------------------ */
/* -------------------- Maincontent -------------------- */

.maincontent-title-second {
    font-size: 18px;
    font-weight: 500;
}

.medianews {
    font-size: 17px;
    text-align: justify;
}

.like-btn-second {
    height: 100%;
    margin-right: 0;
}

.newsdetail-img {
   width: 100%;
   height: 20rem;
   object-fit: cover;
   object-position: 50% 0%;
}

.news-para {
    font-size: 15px;
    text-align: justify;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 2rem;
}

.date-center-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.date-center-field .date-text {
    display: flex;
    align-items: center;
}

.date-center-field .date-text img {
    margin-top: 0;
    margin-right: 7px;
    width: 10.7px;
}

.date-center-field .date-text p {
    color:#ABABAB;
    font-size: 12px;
    margin: 0;
}

/*------------------------ Press Release Two ------------------------*/
.prelease-btn-wrapper {
    padding-bottom: 1rem;
}

.prelease-btn {
    background-color:#163C78;
    color:#FFFCFC;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0;
    border: none;
    padding: 0.5rem;
    width:100%;
}

.prelease-btn:hover {
    color:#FFFCFC;
}

.group-img-one {
    position: relative;
    top: -45px;
    display: flex;
    margin-left: 0;
    justify-content: center;
}

.group-img-one img {
    height: 6.5rem;
    margin: 0 5px 5px 0;
    position: relative;
}

.group-img-one img:hover {
    background-color: #1971D5;
}

/*------------------------ Register ------------------------*/
.register-bg-img {
    z-index: -1;
}

.register-bg-img img {
    width: 100%;
    position: absolute;
    left: 0;
    height: 35%;
    bottom: 0;
}

.form-heading {
    color: #FF9100;
    font-size: 28px;
    font-weight: bold;
    display: flex;
    justify-content: center;
}

/*--------- Register Form ----------*/
.login-group {
    position: relative;
    width: 100%;
    margin-top: 20px;
}

.login-group input {
    padding: 0px 14px;
    width: 100%;
    height: 38px;
    border: 1px solid #D6D6D6;
    background-color:#F9F9F9;
    border-radius: 5px;
    outline: none;
    box-sizing: border-box;
    box-shadow: none;
    position: relative;
    font-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
}

.reg-label-text {
    font-size: 11px;
    color: #000;
    font-weight: 500;
}

.login-group .reg-label-text {
    position: absolute;
    top: 12px;
    left: 20px;
    transition: .3s;
    pointer-events: none;
    display: flex;
    flex-direction: row;
    background-color:#F9F9F9;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    outline: thin solid rgba(0, 115, 170, 0.15);
    outline-offset: -4px;
}

input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
}

.login-group input:focus~span, .login-group input:valid~span {
    top: -12px;
    left: 12px;
    font-size: 11px;
    padding: 2px 4px;
    color: #000;
}

.label-star {
    color: #FF0000;
    margin-bottom:0;
}

.reg-btn {
    color:#030101;
    background-color: #FFC22E;
    font-size: 15px;
    font-weight: bold;
    padding: 0.5rem 0;
    width: 100%;
    border: 0;
}

.float-label .control {
    margin-top: 20px;
    float: left;
    width: 100%;
    height: 38px;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    outline: none;
    box-sizing: border-box;
    position: relative;
}

.float-label select {
    padding: 10px 10px;
    display: block;
    width: 100%;
    border: 0;
    outline: 0;
    resize: none;
    background: transparent;
}

.float-label select + label {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 10px;
    margin-left: 12px;
    font-size: 12px;
    color: #000;
    font-weight: 500;
    background-color:#F9F9F9;
}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
    top: -12px;
}

select {
	background: #F0F3FB;
	border: 1px solid #F0F3FB;
	border-radius: 4px;
	width: 100%;
	padding: 20px;
	font-size: 14px;
	color: #3F3F3F;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
	appearance: none;
}

.select-wrapper {
	position: relative;
}

.select-wrapper:after {
	font-family: FontAwesome;
    content: '\f107';;
    position: absolute;
    top: 5px;
    right: 7px;
    pointer-events: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px #f9f9f9 inset !important;
    -webkit-box-shadow: 0 0 0 1000px #f9f9f9 inset !important;
    -webkit-text-fill-color: #000 !important;
}

/* ------------------- Login ------------------- */

.facebook-text {
    font-size: 14px;
    color: #3B579D;
    font-weight: 600;
    width: 85%;
    margin: 0 auto;
    margin-bottom: 3rem;
}

.desert_tour{
    font-size: 20px;
    font-weight: bold;
}

/*------------------------ Tour Booking ------------------------*/
.tour-title {
    color: #FF9100;
    font-weight: bold;
    margin-bottom: 1rem;
}

.tour-price-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.tour-price-catagory {
    color:#FF9100;
    font-size: 16px;
    margin-bottom: 0;
}

.tour-price  {
    font-size: 15px;
    font-weight:bold;
    margin-bottom: 0;
}

.vertical-border {
    border-left: 1px solid #D9D9D9;
    height: 20px;
}

.login-group .small-input-left {
    width: 85%;
}

.login-group .small-input-right {
    width: 88%;
}

.login-group .tour-input-left {
    width:94%;

}

.login-group .message-box {
    height: 5rem;
}

/*------ Date Picker ------*/
[type="date"] {
    background:#fff url('../Image/Tour_date.svg')  97% 50% no-repeat ;
}

[type="date"]::-webkit-inner-spin-button {
    display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.booking-title {
    font-size: 20px;
}


/* -------------------- Dubai News -------------------- */
.cardnews-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.cardlike-btn {
    background-color: #1B1B1B;
    border-radius: 2px;
    box-shadow: none;
    color: #fff;
    font-size: 8px;
    height: 18px;
    border: 1px solid #1B1B1B;
}

.main-mediatext {
    display: flex;
    justify-content: flex-start;
    color: #1B1B1B;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 0;
}

.main-mediasubtext {
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    text-align: justify;
    word-break: break-word;
}

.mediagroup-img img {
    height: 6.5rem;
}

.google-ads {
    margin-left: 2.5rem;
}

.cardnews-img {
    height: 11rem;
    position: relative;
}

.side-links {
    margin-left: 1.5rem;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.side-links img {
    height: 23px;
    width: 28px;
}

.side-links:hover {
    background-color: #FE9600;
    width: 100%;
    margin-left: 1.5rem;
    color: #fff;
}

/* -------------------- Press Release -------------------- */
.general-block {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.mediarelease-img {
    width: 6rem;
}

.dateimg img {
    margin-top: -7px;
}

.main-wrapper {
    display: flex;
    flex-direction: column;
}

/* ---------------------- Press Release Table ---------------------- */
.press-table {
    overflow: hidden;
    box-sizing: border-box;
    display: block;
}

.press-table tbody {
    overflow: hidden;
    box-sizing: border-box;
    display: block;
}

.press-table tbody tr {
    overflow: hidden;
    box-sizing: border-box;
    display: block;
}

.press-table tbody td {
    overflow: hidden;
    box-sizing: border-box;
    display: block;
}

/* -------------------- City Life -------------------- */
.card-block img {
    width: 100%;
    object-fit: cover;
}

.card-block {
    width: 9.5rem;
}

.related-cardblock {
    width: 7rem;
}

.news-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding-left: 1rem;
}
/* ------------------------ Sales & Promotion ------------------------ */
.ar-coverimg {
    height: 22rem;
  }

  .dcblockin {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 30px;
    height: 92%;
    display: block;
  }

  .dcblockin .dc-img img {
    width: 100%;
  }

  .dcblockin .dc-tag {
    padding: 4px 7px;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
  }

  .dcblockin .dc-tag.bgdarkblue {
    background: #3C5B86;
  }

  .dcblockin .dc-tag.bgorange {
    background: #FF9100;
  }

  .dcblockin .dc-tag.green {
    background: #058A00;
  }

  .dcblockin .dc-tag.pink {
    background: #EC9695;
  }

  .dcblockin .dc-tag.red {
    background: #C42221;
  }

  .dcblockin .dc-sectpara {
    font-size: 14px;
    color: #1B1B1B;
    font-weight: 600;
    text-align: justify;
  }

  .dc-sectlisting .dc-listinone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dee2e6;
  }

  .dc-sectlisting .dc-listinone:hover .dc-text h3 {
    color: #FF9100;
  }

  .dc-sectlisting .dc-imgsect {
    width: 96px;
    height: 96px;
    border: 1px solid #dee2e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .dc-sectlisting .dc-text {
    padding-left: 28px;
    width: calc(100% - 96px);
  }

  .dc-sectlisting .dc-text h3 {
    font-size: 16px;
    color: #1B1B1B;
    font-weight: 500;
  }

  .dc-sectlisting .dc-text .offer {
    font-size: 14px;
    font-weight: 700;
    color: #058A00;
  }

  .dc-sectlisting .dc-text p {
    font-size: 12px;
    color: #484848;
    text-align: justify;
  }

  .dc-tags .bx1 {
    font-size: 12px;
    padding: 5px 10px;
    border: 1px solid #D1D1D1;
    color: #484848;
    font-weight: 700;
    margin-right: 8px;
    margin-bottom: 10px;
    display: inline-block;
  }

  .dc-helpfl .mediatitle-text {
    margin-left: 0;
  }

  .dc-helpfl .title-subtext {
    margin-left: 0;
  }

  .dc-helpfl .helpgroup-img {
    position: static;
    margin: 0;
  }

  .dc-helpfl .helpgroup-img img {
    width: 100%;
    height: auto;
  }

  .dc-helpfl .single-img-box {
    width: 50%;
  }
  .dc-helpfl .single-img-box:last-child{
      margin-right: 0;
  }
  .dc-helpfl .box-img {
    width: 100%;
  }

  .dc-gadds .ads-img {
    width: 100%;
    height: auto;
  }

  .dc-gadds .btn {
    top: auto;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 4px 0 4px 0;
    width: 153px;
  }

  .ellipsis-2 {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  .ellipsis-3 {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  .ellipsis-4 {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  .maincontent-title {
    font-size: 20px;
  }

  .dc-offerdetail .dc-image img {
    width: 100%;
  }

  .dc-offerdetail .dc-listinone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .dc-offerdetail .dc-imgsect {
    width: 107px;
    height: 107px;
    border: 1px solid #dee2e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .dc-offerdetail .dc-text {
    padding-left: 28px;
    width: calc(100% - 135px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .dc-offerdetail .dc-text h3 {
    font-size: 22px;
    color: #1B1B1B;
    font-weight: 500;
  }

  .dc-offerdetail .dc-text .offer {
    font-size: 14px;
    font-weight: 700;
    color: #058A00;
  }

  .dc-offerdetail .dc-text p {
    font-size: 12px;
    color: #484848;
    text-align: justify;
  }

  .dc-offerdetail p.para {
    font-size: 14px;
    text-align: justify;
  }

/* ------------------------------ Jobs Career ------------------------------ */

.dc-ritlinks a {
    padding: 10px 0 10px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
  }

  .dc-ritlinks a span {
    display: block;
    margin-right: 13%;
  }

  .dc-ritlinks .sbtjobs {
    background: #163C78;
    color: #fff;
  }

  .dc-ritlinks .feeds {
    background: #DCDCDC;
    color: #000;
  }

  .dc-jobcatlist {
    background: #F8F8F8;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
  }

  .dc-jobcatlist h2 {
    font-size: 18px;
    color: #1B1B1B;
    font-weight: 700;
    text-align: center;
    padding: 12px 0;
    border-bottom: 1px solid #DFDFDF;
    margin: 0;
  }


  .dc-jobcatlist p {
    font-size: 18px;
    color: #1B1B1B;
    font-weight: 700;
    text-align: center;
    padding: 12px 0;
    border-bottom: 1px solid #DFDFDF;
    margin: 0;
  }

  .dc-jobcatlist .dc-listin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .dc-jobcatlist .dc-listin .dc-listinone {
    width: 50%;
    margin: 25px 0;
  }

  .dc-jobcatlist .dc-listin .dc-listinone:first-child {
    border-right: 1px solid #DFDFDF;
  }

  .dc-jobcatlist .dc-listin .dc-listinone li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0;
    font-size: 18px;
    font-weight: 500;
  }

  .dc-jobcatlist .dc-listin .dc-listinone li a {
    font-size: 16px;
    color: #434343;
    font-weight: 500;
  }

  .dc-jobcatlist .dc-listin .dc-listinone li a:hover {
    color: #F78422;
  }

  .dc-jobcatlist .dc-listin .dc-listinone ul {
    margin: 0;
  }

  .dc-jobcatlist .dc-listin .dc-listinone .dc-leftsect {
    width: 75%;
  }

  .dc-jobcatlist .dc-listin .dc-listinone .dc-count {
    width: 20%;
    color: #F78422;
  }

  .dc-latestjob h2 {
    font-size: 18px;
    color: #FF9100;
  }

  .dc-latestjob p {
    font-size: 18px;
    color: #FF9100;
  }

  .dc-listsing .dc-desc p {
    font-size: 16px;
    color: #1B1B1B;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .dc-listsing {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        padding-left: 0;
        border-bottom: 1px solid #DFDFDF;
  }

  .dc-listsing:last-child {
      border-bottom:0;
      margin-bottom: 0 !important;
  }

    .dc-listsing .dc-desc {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .dc-listsing .dc-desc h1 {
        margin-bottom: 10px;
        font-size: 12px;
        color: #484848;
        font-weight: 400;
    }


    .dc-listsing .dc-desc h3 {
        margin-bottom: 10px;
        font-size: 12px;
        color: #484848;
        font-weight: 400;
        width: 80%;
    }

    .dc-listsing .dc-desc h1 a {
        font-size: 16px;
        color: #1B1B1B;
        font-weight: 500;
    }

    .dc-listsing .dc-desc h3 a {
        font-size: 16px;
        color: #1B1B1B;
        font-weight: 500;
    }

    .dc-listsing .dc-desc .date-text {
        width: 16%;
    }

    .dc-listsing:hover a {
        color: #F78422 !important;
    }

    .dc-listsing .dc-details {
        font-size: 12px;
        color: #484848;
        font-weight: 400;
        text-align: justify;
    }

    .dc-listsing .dc-desc .text-s11 {
        color: #ABABAB;
    }

    .jobs-heading h2 {
        font-size: 18px;
        text-align: justify;
        margin-bottom: 1rem;
    }

    .jobs-heading h1 {
        font-weight: bold!important;
        font-size: 18px !important;
        display: inline;
    }

    .common-heading h2 {
        font-size: 16px;
        text-align: justify;
        display: inline;
    }

    .common-heading h1 {
        font-weight: bold;
        font-size: 18px;
        display: inline;
    }

    .tour-box-card {
        display: flex;
        border: 1px solid #FFC22E;
        height: 2rem;
        padding: 0 0.50rem;
        align-items: center;
    }

  /* ----------- New row in  ----------- */

  .dc-listsingb  {
      display: flex;
      flex-direction:row;
  }

  .dc-listsingb .dc-no {
    width: 50px;
    font-size: 18px;
    color: #1B1B1B;
    font-weight: 500;
    line-height: 1;
  }

  .dc-decsect {
    border-bottom: 1px solid #DFDFDF;
  }

  .dc-listsingl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .dc-listsingl:hover h3 {
    color: #F78422 !important;
  }

  .dc-listsingl .dc-no {
    width: 35px;
    font-size: 18px;
    color: #1B1B1B;
    font-weight: 500;
    line-height: 1;
  }

  .dc-listsingl .dc-desc {
    width: calc(100% - 35px);
    border-bottom: 1px solid #DFDFDF;
  }

  .dc-listsingl .dc-desc h3 {
    font-size: 16px;
    color: #1B1B1B;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .dc-listsingl .dc-desc h3 a {
    font-size: 16px;
    color: #1B1B1B;
  }

  .dc-listsingl .dc-desc p {
    font-size: 12px;
    color: #484848;
    font-weight: 400;
    text-align: justify;
  }

  .dc-listsingl .dc-desc .text-s11 {
    color: #ABABAB;
  }

  .dc-listsingl .date-text img {
    margin-top: 0;
  }

  .dc-listsingl .date-text p {
    margin: 0;
  }

  .dc-featuredjob {
    padding: 20px;
    background: #F8F8F8;
    border: 1px solid #FF9100;
    border-radius: 10px;
  }

  .dc-featuredjob h2 {
    font-size: 18px;
    color: #1B1B1B;
    font-weight: 700;
  }

  .dc-featuredjob p {
    font-size: 18px;
    color: #1B1B1B;
    font-weight: 700;
    margin-bottom: 10px;
  }

  .dc-featuredjob .dc-desc {
    width: 100%;
  }

  .dc-featuredjob .dc-listsingl:last-child {
    margin-bottom: 0 !important;
  }

  .dc-featuredjob .dc-listsingl:last-child .dc-desc {
    border-bottom: none;
  }

  .dc-greybox {
    background: #F8F8F8;
    border: 1px solid #DFDFDF;
    border-radius: 10px;
  }

  .dc-gbox1 {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .dc-gbox1:hover {
    border: 1px solid #FF9100;
  }

  .dc-gbox1:hover .descrip h2 {
    color: #FF9100;
  }
  .dc-gbox1.active {
    border: 1px solid #FF9100;
  }

  .dc-gbox1.active .descrip h2 {
    color: #FF9100;
  }

  .dc-gbox1 .imgsect {
    width: 100px;
    margin-right: 20px;
  }

  .dc-gbox1 .imgsect img {
    width: 100%;
  }

  .dc-gbox1 .descrip {
    width: calc(100% - 120px);
  }

  .dc-gbox1 .descrip h2 {
    font-size: 16px;
    color: #373A3D;
    font-weight: 500;
  }

  .dc-gbox1 .descrip p {
    font-size: 12px;
    color: #484848;
    text-align: justify;
    margin: 0;
  }

  .dc-gbox1 .descrip .dc-linkz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .dc-gbox1 .descrip .dc-linkz a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 109px;
  }

  .dc-gbox1 .descrip .dc-linkz p {
    text-align: center;
  }

  .dc-gbox1 .descrip .dc-linkz .border-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 16px;
    width: 163px;
    margin-top: 15px;
    margin-bottom: 0;
  }

  .dc-newsdetail {
    border-bottom: 1px solid #DFDFDF;
  }

  .dc-newsdetail h3 {
    font-size: 20px;
    color: #1B1B1B;
    font-weight: 400;
  }

  .dc-newsdetail p {
    font-size: 14px;
    text-align: justify;
    line-height: 1.6;
  }
  .dc-newsdetail .date-text p{
    margin: 0;
  }
  .dc-newsdetail .date-text img{
    margin-top: 0;
  }
  .dc-secttwo h3 {
    font-size: 18px;
    color: #1B1B1B;
    font-weight: 700;
  }

  .dc-secttwo p {
    font-size: 14px;
    color: #484848;
  }

  .dc-secttwo a {
    font-size: 18px;
    color: #FFFFFF;
    max-width: 454px;
    width: 95%;
    padding: 10px 0;
    background: #FF9100;
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  .dc-yellowtext {
    font-size: 20px;
    color: #FF9100;
    font-weight: 700;
  }

  .dc-listin {
    padding: 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .dc-listin:nth-child(odd) {
    background: #F8F8F8;
  }

  .dc-listin .no {
    width: 48px;
   font-size: 14px;
    color: #1B1B1B;
    font-weight: 500;
    text-align: center;
  }

  .dc-listin h2 {
    width: calc(100% - 158px);
   font-size: 14px;
    color: #1B1B1B;
    font-weight: 500;
    margin: 0;
  }

  .dc-listin .datesect {
    width: 100px;
    margin-left: 10px;
  }

  .dc-listin .datesect .date-text img {
    margin-top: 0;
  }

  .dc-listin .datesect .date-text p {
    margin: 0;
  }

  .dc-two .dc-listin {
    padding: 6px 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .dc-two .dc-listin:hover h2 {
    color: #FF9100;
  }

  .dc-two .dc-listin h2 {
    width: calc(100% - 75px);
  }

  .dc-xml {
    padding: 5px 20px;
    font-size: 12px;
    color: #fff;
    background: #F78422;
    line-height: 1.1;
    display: block;
    border-radius: 5px;
  }

  /* -------------------- Bussiness Directory Details -------------------- */

.cardwrapper {
    padding: 1rem;
    width: 100%;
    flex-direction: column;
    display: flex;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    background-color: #F8F8F8;
}

.cardwrapper-row {
    display: flex;
    width: 100%;
}

.single-cardcontent {
    padding: 1rem;
}

.bg-lightgray {
    background-color: #F8F8F8;
}

.list-card {
    border: 1px solid #DFDFDF;
    padding: 1rem;
    border-radius: 5px;
    background-color: #F8F8F8;
    margin-bottom: 1rem;
}

.list-card:hover {
    border-color: #FE9600;
}

.single-cardcontent:hover .sidetitle a {
    color: #FE9600;
}


.single-cardcontent:hover .sidetitle {
    color: #FE9600;
}

.single-card-row {
    display: flex;
    margin-bottom: 10px;
    flex-direction: row;
    align-items: flex-start;
}

.single-card-row:hover .activeimg {
    position: absolute;
    display: block;
    margin-top: 3px;
}

.single-card-row:hover p {
    color: #FE9600!important;
}

.single-card-row:hover p a {
    color: #FE9600 !important;
}

.single-card-row p a {
    color:#000;
}

.side-subtitle {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 1rem;
}

.side-subtitle span {
    font-size: 14px;
    font-weight: normal;
    padding-left: 7px;
}

.sidetitle {
    font-size: 17px;
    padding-top: 7px;
    display: flex;
    justify-content: flex-start;
}

.sidetitle a {
    color: #000;
}

.activeimg {
    display: none;
}

.single-card-row p {
    margin-left: 10px;
    margin-bottom: 0;
    font-size: 14px;
}

.citycard-text {
    color: #000;
}

.city-card:hover .citycard-text  {
    color: #FE9600;
}

.phone-card {
    display: flex;
    justify-content: center;
    align-items: center;
}

.newtab  {
    margin-left: 1rem;
}

.borderbottom-none {
    border-bottom: none;
}

.cardbox:hover  {
    border-color: #FE9600;
}

.dark-inputfield {
    box-shadow: none;
    width: 100%;
    color: #fff;
    background-color: #000;
    border: 1px solid #9E9E9E;
    padding-left: 10px;
    border-radius: 2px;
}

.border-bottom-none {
    border-bottom: 0;
}

.btn-orange {
    background-color: #FE9600;
    color: #fff;
    width: 90%;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #FE9600;
}

.details-title {
    font-size: 18px;
    margin-bottom: 0.5rem;
}

.borderradius-5 {
    border-radius: 5px;
}

.sidelogo {
    border:1px solid #CFCFCF;
    background-color: #fff;
    height: 6rem;
    width: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ---------------- Modal---------------- */
.business-modal {
    width: 400px;
    height: 314px;
    z-index: 99!important;
    position: fixed;
    right: 36px;
    bottom: 13px;
    background-color: #FF9100;
}

.modalcontent {
    padding: 3px 40px;
    background-color: #FF9100;
}

.close-btn {
    display: flex;
    justify-content: flex-end;
    padding: 6px 15px !important;
    opacity: 1 !important;
}

.email-field {
    background-color: #FFB14A !important;
    border-color: #FF9100;
}

.email-field:active {
    box-shadow: none;
}

.email-field.form-control:focus {
    border-color: #FFB14A;
    box-shadow: none;
}

.apply-btn {
    width: 100%;
    margin-top: 11px;
    background-color: #fff;
    border: 1px solid #fff;
    padding: 5px 5px;
    border-radius: 4px;
    color: #FF9100;
    font-weight: 500;
}


/* ------------------ Checkbox ------------------ */
/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    padding-right: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default checkbox */
  .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #FF9100;
    border: 1px solid #fff;
    border-radius: 2px;
  }

  /* When the checkbox is checked, add a blue background */
  .container input:checked ~ .checkmark {
    background-color: #FF9100;
    border: 1px solid #fff;
    border-radius: 2px;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .container input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .container .checkmark:after {
    left: 8px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .container-label {
    font-size: 13px;
    margin-top: 10px;
  }

  .container-label span {
      color: #fff;
  }

  /* ----------------------- Education ----------------------- */
  .img-block {
      width: 50%;
  }

  .img-block img {
      width: 100%;
      height: auto;
  }

  .img-card {
      display: flex;
      margin-bottom: 1rem;
  }

  .inner-content-title {
      color: #1B1B1B;
      font-weight: 600;
      border-bottom: 1px solid #DFDFDF;
  }


  .inner-content-title p {
    margin-left: 2.1rem;
    margin-bottom: 0.5rem;
    font-size: 15px;
  }


  .img-block-content {
      width: 100%;
      border: 1px solid #DFDFDF;
      border-left: 0;
      background-color: #F8F8F8;
      border-radius: 1px;
      padding: 1rem 0 0 0;
  }

  .inner-content {
    padding-top: 1rem;
    display: flex;
    padding-left: 2rem;
  }

  .news-block {
    margin: 2rem 0 3rem 0;
    border: 1px solid #DFDFDF;
    padding: 1rem;
    border-radius: 5px;
  }

  .news-details {
      border-bottom: 1px solid #DFDFDF;
  }
  .news-details p {
      font-size: 14px;
      color: #000;
  }

  .news-details p:hover {
      color: #FF9100;
  }

  .news-details:last-child {
      border-bottom: none;
  }

  .news-details.active {
    color: #FF9100;
  }

  .card-header-img {
      height: 9rem;
      width: 100%;
  }

  .card-header-img  img {
      height: 100%;
      object-fit: cover;
  }

  /* -------------------------- Restaurent -------------------------- */
  .desc-title {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    margin-top: 3rem;
  }

  .desc-para {
    font-weight: 400;
    color:#484848;
    font-size: 14px;
    word-break: break-word;
  }

  .single-cardblock p {
      color: #000;
  }

  .r_card:hover .carousel-card-title a {
      color: #FF9100;
  }

  .single-cardblock:hover .carousel-card-title {
    color: #FF9100;
  }

  .tabcard:hover h1 a {
    color: #FF9100;
  }

  .tabcard h1 a {
    color: #000;
  }

  /* -------------- Modal -------------- */

.r_modal .fade {
    background-color: rgba(0, 0, 0, 0);
    overflow-y: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}

.r_modal .modal-dialog {
    max-width: 700px;
}

.r_modal .modal-content {
    border-radius: 0;
    padding: 0.5rem 1rem;
    max-height: calc(100vh - 0px);
    overflow-y: auto;
    margin-bottom: 1rem;
}

.r_modal .modal-header {
    padding: 0;
    border-bottom: 0;
}

.close-icon img {
    float: right;
    padding: 10px;
    width: 54px;
}

.r_modal .modal-body {
    padding-top: 0;
}
.r_modal .sidetitle {
    padding-top: 0;
    font-size: 20px;
}

.r_modal .modal-footer {
    border-top: 0;
    display: flex;
    flex-direction: column;
}

.r_modal .footer-title {
    font-size: 20px;
    font-weight: bold;
}

.r_carousel {
    width: 95%;
    margin: 0 auto;
    height: auto;
}

.r_carousel .carousel-img-one {
    left: -3.6rem;
}

.r_carousel .carousel-img-two {
    left: 3.5rem;
}

.r_carousel .carousel-img-three {
    left: 10.5rem;
}

.r_carousel .carousel-img-four {
    left: 17.5rem;
}

.r_carousel .carousel-img-five {
    left: 24.5rem;
}

.r_modal .tour-slider-next {
    left: 35rem;
}

/* ------------- Dubai ------------- */

.navigation-block {
    display: flex;
    border: 1px solid #DFDFDF;
    background-color: #F8F8F8;
    border-radius: 1px;
    padding: 0.8rem 2rem;
    margin-bottom: 2rem;
    justify-content: space-between;
}

.navigation-block .single-card-row {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.navigation-block .single-card-row:hover .activeimg {
    position: absolute;
    display: block;
    margin-top: 0px;
}

.navigation-block .single-card-row .new {
    margin-top: 0;
}

.desert_card {
    display: flex;
    width: 100%;
    background-color: #F8F8F8;
    border: 1px solid #DFDFDF;
    border-radius: 1px;
    margin-bottom: 2rem;
}

.right-news a {
    color:#FE9600;
    font-weight: bold;
}

.desert_img img {
    object-fit: cover;
    height:100%;
}

.desert_img {
    max-width: 15rem;
    max-height: 12rem;
    width: 212rem;
    height: 15rem;
    overflow: hidden;
}

.desert_content .title {
    padding: 1rem 2rem;
    color: #1B1B1B;
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #DFDFDF;
}

.desert_para p {
    border-bottom: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 14px;
    text-align: justify;
}

.show {
    background: rgba(0, 0, 0, 0);
}

/* Requirement Agencies page  styles*/

.recruitmentbox h3 a {
    font-size: 16px;
    color: #1B1B1B;
    font-weight: 500;
  }

  .recruitmentbox h3 a:hover {
    color: #FF9100;
  }

  .recruitmentbox ul {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .recruitmentbox ul li {
    list-style: none;
  }

  .recruitmentbox ul li:first-child {
    font-size: 12px;
    min-width: 60px;
    color: #484848;
    font-weight: 700;
  }

  .recruitmentbox ul li:last-child {
    font-size: 12px;
    color: #484848;
    font-weight: 400;
  }

  .recruitmentbox .dc-linkz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .recruitmentbox .dc-linkz a {
    color: #000;
  }

  .recruitmentbox .dc-linkz .border-card {
    min-width: 161px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .yellowbox {
    background: #F8F8F8;
    border: 1px solid #FF9100;
    border-radius: 10px;
  }

  /* submit jobs styles */
  .dc-sectsbtjobs h2 {
    font-size: 16px;
    color: #1B1B1B;
    font-weight: 500;
  }

  .dc-sectsbtjobs h3 {
    font-size: 14px;
    color: #1B1B1B;
    font-weight: 400;
  }

  .dc-sectsbtjobshead {
    font-size: 18px;
    color: #1B1B1B;
    font-weight: 700;
  }

  .dc-dbtsect2 h2 {
    font-size: 18px;
    color: #1B1B1B;
    font-weight: 500;
  }

  .dc-dbtsect2 p {
    font-size: 16px;
    color: #1B1B1B;
  }

  .dc-subtext{
    font-size: 20px;
    color: #1B1B1B;
    font-weight: 700;
  }


  .jobs-heading h3 {
    font-weight: bold!important;
    font-size: 18px !important;
    display: inline;
  }

  /* movies page style */

  .dc-detlbx h3{
    font-size: 11px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color:#4B4B4B;
  }
  .dc-detlbx h4{
      font-size: 15px;
  }
  .dc-tabs.nav-pills{
      border:0;
  }
  .dc-tabs.nav-pills li{
    width: auto;
    padding: 0px 10px;
    display: inline-block !important;
    border: 1px solid #FFC22E;
  }
  .dc-tabs.nav-pills li.active{
    width: auto;
    padding: 0px 20px;
    display: inline-block !important;
  }
.dc-table th{
    text-align: center;
    padding: 10px 0;
    background: #FFC22E;
    font-size: 16px;
}
.dc-table td{
    text-align: center;
    padding: 10px 0;
    border: 1px solid #e4e4e4;
    color:#4B4B4B;
    font-size: 14px;

}
.dc-table td:first-child{
    background: #f8f8f8;
}
.dc-table td:nth-child(2){
    background: #d3d3d3;
}
.dc-table td:last-child{
    background: #f8f8f8;
}

/* -------------------- Shopping -------------------- */

.shopping-news-para {
    font-size: 14px;
    line-height: 2;
    text-align: justify;
}

.shoppingcity-card:hover .citycard-text {
    color: #FFAB2E !important
}

.shopping-card-box {
    width: 11.5rem;
}

.add-wrapper {
    height: 224px;
    width: 100%;
    background-color: #FF3250; /* For browsers that do not support gradients */
    background-image: linear-gradient(to bottom right, #FF3250, #FFE778);
    margin-bottom: 2rem;
    padding: 1rem;
}

.addimg-block {
    width: 100%;
    height: 138px;
    overflow: hidden;
}

.addimg-block img {
    object-fit: cover;
    height: 100%;
}

.add-logo {
    height: 46px;
    margin-bottom: 0.5rem;
}

.brands-title {
    font-size: 20px;
    font-weight: bold;
}

.top-brands {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.top-brands-logo {
    width: 8rem;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F4F3F3;
    margin-bottom: 1.5rem;
    cursor: pointer;
}

.top-brands-logo:hover {
    background-color: #F8F8F8;
    cursor: pointer;
}

.top-brands-logo a {
    display: flex;
    justify-content: center;
}

.top-brands-logo img {
    width: 51%;
    object-fit: contain;
}

.add-flag-box {
    display: flex;
    width: 100%;
}

.single-add {
    width: 50%;
    height: 6rem;
    overflow: hidden;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}

.single-add:last-child {
    margin-right: 0;
}

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

.shoppingcity-card {
    width: 31%;
}

.shopping-block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/* ------------------- swiper ------------------- */

.shopping-swiper {
    width: 100%;
    height: 300px;
    margin: 20px auto;
  }

  .shopping-slide {
    height: 90% !important;
    padding: 0 5px !important;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .append-buttons {
    text-align: center;
    margin-top: 20px;
  }

  .shopping-swiper .shopping_title {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 0;
    }

    .shopping-swiper .shopping-buttonprev {
        opacity: 0;
        top: 3px !important;
        float: right;
        left: 90% !important;
    }

    .shopping-buttonprev {
        background-color: #fff;
        background-image: url(../Image/prevbutton.svg) !important;
        border: 1px solid #ccc;
        background-repeat: no-repeat !important;
        background-position: 40% !important;
        opacity: 1 !important;
        width: 24px !important;
        height: 23px !important;
        margin-top: 0 !important;
    }

    .shopping-buttonnext {
        top: 3px !important;
        float: right;
        left: 95% !important;
    }

    .shopping-buttonnext {
        background-color: #fff;
        background-image: url(../Image/orangearrow.svg) !important;
        border: 1px solid #ccc;
        background-repeat: no-repeat !important;
        background-position: 40% !important;
        opacity: 1 !important;
        width: 24px !important;
        height: 23px !important;
        margin-top: 0 !important;
    }

    .product-img {
        width: 105px;
        height: 130px;
        overflow: hidden;
        margin: 0 auto;
    }

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

    .shopping-swiper .price-text {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 5px;
      color: #000;
    }

    .shopping-swiper .shopping-slide-card {
      border: 1px solid #F4F3F3;
    }

    .shopping-swiper .shopping-slide-card:hover {
      background-color: #F8F8F8;
    }

    .shopping-swiper .price-subtext {
        font-size: 12px;
        font-weight: 600;
        color: #787878;
        text-decoration: line-through;
        margin-bottom: 5px;
    }

    .shopping-swiper .end-text {
      font-size: 11px;
      color: #FFA024;
    }

  /* ------------- Shopping Swiper ------------- */

  .shopping-swiper-slider {
        height: 22% !important;
        max-width: max-content;
        width: unset !important;
        margin: 0 3px;
    }

    .shopping-box {
        min-width: 6rem;
        border: 1px solid #DFDFDF;
        background-color: #F8F8F8;
        padding: 1rem 0.58rem;
        font-size: 14px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .shopping-box:hover {
        background-color: #FE9600;
        color: #fff;
    }

    .shopping-swiper-next, .shopping-swiper-prev {
        position: absolute !important;
        top: 45% !important;
        color: orange;
        width: 30px !important;
        height: 19px !important;
    }

    .shopping-swiper-next {
        background-image: url(../Image/slider-prev.svg) !important;
        background-repeat: no-repeat !important;
    }

    .shopping-swiper-prev {
        background-image: url(../Image/slider-next.svg) !important;
        background-repeat: no-repeat !important;
    }

    .details-swiper {
        border-bottom: 1px solid #eee;
        padding-bottom: 2rem !important;
    }

    .single-wrapper {
        height: 52px !important;
        align-items: center;
    }

    .swiperwrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .shopping-box p {
        margin-bottom: 0;
    }

    .add-flag-box:last-child {
        border-bottom: 1px solid #eee;
    }

    .tabcard-content {
        padding-left: 0.5rem;
        display: flex;
        width: 100%;
        justify-content: space-evenly;
        flex-direction: column;
    }

    .single-card-row:hover .new {
        display: none;
    }

    .single-card-row:hover p {
        margin-left: 24px;
    }

    .single-card-row .new {
        width: 14px;
        margin-top: 3px;
    }

    .single-card-row .activeimg {
        width: 14px;
    }

    .single-card-row a {
        display: flex;
        align-items: center;
    }

/* -------------------- Regular Event Details -------------------- */

.list-box {
    width: 100%;
    border-top: 1px solid rgba(0,0,0,.1);
}

.list-content {
    display: flex;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 10px 0;
}

.list-sub-title {
    width: 50%;
    padding-left: 2rem;
}

.list-sub-content {
    width: 50%;
}

.list-sub-content p {
    font-weight: 500;
    font-size: 14px;
}

.list-sub-title p {
    font-size: 14px;
}

.list-sub-content p:hover {
    color: #FF9100;
}

.list-sub-content:hover p a {
    color: #FF9100;
}

.list-content:last-child {
    border-bottom: 0;
}

.event-card {
    width: 7rem;
    margin-bottom: 0.8rem;
}
/* ----------------------- New Section ----------------------- */

/* ------- Section1 ------- */
.section-block {
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.section-content {
    display: flex;
}

.section-content img {
    width: 300px;
    float: right;
    height: 172px;
    padding-left: 2rem;
    object-fit: cover;
}

.section-content p {
    font-size: 14px;
}

.section-content .left-align-img {
    width: 300px;
    float: left;
    height: 172px;
    padding-right: 2rem;
    object-fit: cover;
    padding-left: 0;
}

.movies-list-content:last-child {
    border-bottom: 0;
}

/* ------- Section2 ------- */

.movies-title {
    font-size: 20px;
    font-weight: bold;
}

.movies-block {
    width: 100%;
}

.movie-list-block {
    width: 100%;
    border: 1px solid rgba(0,0,0,.1);
}

.movie-sub-title {
    width: 50%;
    padding: 10px 0rem 10px 2rem;
    background-color: #f1f1f1;
}

.movies-list-content {
    display: flex;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.movies-sub-content {
    padding: 10px 2rem 10px 2rem;
    width: 50%;
}

.list-title {
    display: flex;
    background-color: #FFC22E;
    padding: 8px 0;
}

.movies-list-content p {
    font-size: 14px;
}

.list-title p {
    font-weight: 700;
}


/* ------- Section2 ------- */
.sect-title {
    font-size: 18px;
    font-weight: bold;
}

/* ------- Section3 ------- */
.flag-logo {
    width: 9rem;
    margin-top: 13px;
}

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

.sect-card {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 1rem;
    padding-top: 0.5rem;
    cursor:pointer;
}

.sect-card:hover {
    border-bottom: 3px solid #FE9600;
}

/* ------- Section4 ------- */

.Eemergency_num_block {
    width: 100%;
}

.num-title {
    background-color: #FF0000;
}

.num-title p {
    color: #fff;
    font-size: 18px;
    padding: 8px 0 8px 33px;
    font-weight: bold;
}

.num-list-content {
    display: flex;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.Eemergency_num_block .num-list-content {
    background-color: #f1f1f1;
}

.Eemergency_num_block .num-list-content:nth-of-type(odd) {
    background-color: #fff;
}

.num-sub-title {
    width: 50%;
    padding-left: 2rem;
    padding: 10px 0rem 10px 2rem;
}

.num-list-content p {
    font-size: 14px;
}

.num-list-content:hover p {
    color: #FF9100;
}

.num-list-content:last-child {
    border-bottom: 0;
}

.num-sub-content {
    padding: 10px 0rem 10px 2rem;
    width: 50%;
}
.general-title {
    background-color: #FFC22E;
}

.general-title p {
    color: #fff;
    font-size: 18px;
    padding: 8px 0 8px 33px;
    font-weight: bold;
}


/* ------- Section5 ------- */
.para_block p {
    font-size: 14px;
}

.para-list h1 {
    font-size: 18px;
    font-weight: 700;
}

.list-para-content {
    display: flex;
}

.bullets {
    background-color: #FF9100;
    height: 8px;
    border-radius: 32%;
    width: 15px;
    margin-top: 5px;
}

.list-para-content p {
    padding-left: 12px;
}

.list-para-content p {
    font-size: 14px;
}

.tour-top-img-text {
    position: absolute;
    top: 69%;
    left: 28px;
}

.tour-top-img-text .card-flagtext {
    font-size: 23px;
    color: #fff;
    width: 89%;
}

.tour-top-img-text .card-flag {
    width: 16%;
    background-color: #FF9100;
    font-size: 11px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
}

.tour-banner {
    margin-bottom: 2rem;
    width: 100%;
}

.tour-banner .image-box {
    height: 23rem;
    position: relative;
}

.tour-mediaimg img {
    height: 6.9rem;
}

.flag-bottom-left {
    bottom: 8%;
    width: 4rem;
    position: absolute;
    left: 4%;
    color: #fff;
    font-size: 9px;
    background-color: #FFAB2E !important;
    padding: 0 6px;
}

.card-list {
    margin-bottom: 12px;
}

.top_title {
    margin-top: 1rem;
}

.tabcard-content p {
    color: #000;
    text-align: justify;
    word-break: break-word;
}

.tabcard-content p:hover {
    color:#FFAB2E !important
}

.sample-card-block {
    display: flex;
    padding: 10px;
}

.fest_cardbottomleft {
    position: absolute;
    bottom: 7px;
    left: 7px;
    color: #fff;
    font-weight: 700;
    top: 46%;
}

.fest_card {
    position: relative;
}

.fest_card_block {
    width: 19rem;
    padding: 10px;
}

.fest_card  .hover-card-style:hover {
    padding: 5px;
}

.popular_img {
    height: 7rem !important;
}

/* ---------------- Map ---------------- */
.map iframe {
    width: 100% !important;
}

.map {
    width: 100% !important;
}

.card-img-bottom {
    overflow: hidden;
    object-fit: cover;
}

.card-left-img {
    width: 18rem;
    height: 9rem;
    max-width: 12rem;
    max-height: 9rem;
    margin-right: 20px;
    float: left;
}

.details-card:hover .title-hover {
    color: #FF9100;
}

.details-card  {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.card_details {
    text-align: justify;
    word-wrap:break-word;
    font-size: 14px;
    width: 100%;
}

.card_details h3 {
    font-size: 17px;
    font-weight: bold;
}

.btn-more {
    background-color: #FF9100;
    color:#fff;
    font-size: 14px;
    font-weight: bold;
}

.btn-more:hover {
    color: #fff;
    opacity: 0.7;
}

.btn-link {
    font-weight: 400;
    font-size: 13px;
    color: #FF9100;
    text-decoration: none;
    padding: 0;
}

.main-title {
    font-size: 17px;
}

.card_details .leftalign-image {
    width: 12rem;
    float: left;
    margin-right: 19px;
    object-fit: cover;
}

.leftalign-image {
    width: 12rem;
    overflow: hidden;
    object-fit: cover;
}

.btn-link:hover {
    color: #FF9100;
    text-decoration: none;
}

.event_img {
    width: 7.8rem;
    height: 4.6rem;
    padding-top: 0.8rem;
    margin-bottom: 0.5rem;
}

.event_img img {
    object-fit: cover;
    width: 5.5rem;
    height: 4rem;
    padding-top: 0;
}

/* -------------- News List Image -------------- */
.news-list_img {
    width: 6.5rem;
    height: 4.6rem;
    margin-bottom: 0.5rem;
}

.news-list_img img {
    object-fit: cover;
    width: 5.5rem;
    height: 4rem;
    padding-top: 0;
}
/* -------------- News List Image -------------- */

.wrapper-text-card {
    text-align: justify;
    word-wrap: break-word;
    font-size: 14px;
}

.wrapper-text-card  h1 {
    font-size: 17px;
    font-weight: bold;
}

/* -------------------- Error Message -------------------- */
.error-block {
    margin: 5rem auto 5rem auto;
}

.error-img {
    width: 30rem;
    height: 7rem;
    overflow: hidden;
    margin: 0 auto;
}

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

.error-text {
    font-size: 19px;
    font-weight: bold;
    color: #FF9100;
    text-align: center;
}

.error-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.error-btn:hover {
    color: #fff;
    opacity: 0.7;
}

.error-btn {
    background-color: #000;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0 0 1rem 0;
}

.error-content .main-content {
    width: 75%;
    text-align: center;
}

.warning-card {
    text-align: center;
    margin-top: 5rem;
}

.warning-text {
    font-weight: bold;
    font-size: 20px;
    margin-top: 2rem;
}

.warning-para {
    width:75%;
    margin: 2rem auto;
}

.browser-box {
    display: inline;
    margin: 0 auto;
}

.browser-icon img {
    width: 50px;
}

.error-logo {
    width: 70px;
}

/* ---------------- Real State---------------- */
.table-block {
    display: flex;
    border: 1px solid #ccc;
   margin-top: 2rem;
    width: 100%;
}

.table-header {
    width: 100%;
    display: flex;
}

.table-first-block {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0 0.5rem 1rem;
    border-right: 1px solid #ccc;
}

.main-content {
    display: flex;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #ccc;
    padding: 0.5rem 0;
    align-items: center;
}

.main-content:last-child {
    border-bottom: none;
}

.table-second-block {
    width: 50%;
    display: flex;
    flex-direction: column;
    background-color: rgb(249, 249, 249);
    padding: 0.5rem 1rem 0.5rem 0rem;
}

.table-title {
    display: flex;
    padding-right: 1rem;
    width: 50%;
}

.table-title p {
    font-size: 13px;
    margin-bottom: 0px;
}

.table-content {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.description-block p {
    font-size: 14px;
    line-height: 1.8;
}

.table-content p {
    font-size: 13px;
    margin-bottom: 0px;
}

.title-right {
    font-weight: 700;
}

.biz-bg-dark {
    background-color: #000;
}

.page {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2rem 0;
}

.pagination-number p {
    font-size: 14px;
    color: #000;
    margin-bottom: 0;
    padding: 3px 6px;
}

.all-pagination img {
    height: 25px;
    width: 25px;
}

.all-pagination {
    display: flex;
    justify-content: center;
}

.all-pagination .prev-button {
    display: flex;
    cursor: pointer;
    align-items: flex-end;
}

.all-pagination .next-button {
    display: flex;
    cursor: pointer;
    align-items: flex-end;
}

.pagination-number {
    border: 1px solid #EEEEEE;
    width: max-content;
}

.orange-navigation-block {
    display: flex;
    border: 1px solid #DFDFDF;
    border-radius: 1px;
    margin-bottom: 2rem;
}

.orange-navigation-block .single-card-row {
    display: flex;
    width: 100%;
    margin-bottom: 0px;
    padding: 0.8rem 2rem;
    flex-direction: row;
    cursor: pointer;
    align-items: center;
}

.orange-navigation-block .single-card-row:hover .activeimg {
    margin-top: 0 !important;
}

.orange-navigation-block .single-card-row:hover p {
    line-height: normal;
}

.orange-navigation-block .single-card-row:hover {
    background-color: #D17700;
}

.orange-navigation-block .single-card-row:hover p a {
    color: #fff !important;
}

.contact-table {
    width: 100%;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    padding: 1rem;
  }

  .table-head {
      border-bottom: 1px solid #DFDFDF;
  }

    .table-head p {
      font-size: 18px;
      color: #FF9100;
      font-weight: 700;
    }

    .table-details {
      display: flex;
      border-bottom: 1px solid #dddddd;
      padding: 0.5rem 0;
    }

    .table-details p {
      margin-bottom: 0;
    }

    .details-list {
        width: 35%;
        border-right: 1px solid #ddd;
    }

    .details-content {
       padding-left: 1rem;
       width: 65%;
    }

    .details-list p {
       font-size: 14px;
       font-weight: 600;
    }

    .details-content {
        font-size: 14px;
    }

    .table-details:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .slider-image {
        height: 18rem !important;
    }

    .slider-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .slider-arrow {
        position: absolute;
        top: 50%;
        width: 27px;
        height: 44px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        background-size: 20px 24px !important;
        background-position: center;
        background-repeat: no-repeat;
    }
    .slider-image-next {
        background-image: url(../Image/B&W_Arrow_Right.svg) !important;
    }

    .slider-image-prev {
        background-image: url(../Image/B&W_Arrow_Left.svg) !important;
    }

    /* ---------------- Back Button ----------------*/
    .back-button {
        position: relative;
        top: -25px;
        width: 80%;
        margin: 0 auto;
    }

    .back-button a {
        position: absolute;
    }

    .back-button img {
       width: 55px;
       height: 55px;
    }

    /* ------------- Package ------------- */

    .card-topimg {
        height: 11rem;
    }

    .title-block {
        display: flex;
        justify-content: space-between;
        width: 100%;
        border-bottom: 1px solid #FF9100;
        margin-bottom: 1rem;
        padding-bottom: 5px;
    }

    .title-block p {
        margin-bottom: 0;
    }

    .book-block {
        display: flex;
        justify-content: space-between;
    }

    .badgeblock img {
        position: absolute;
        width: 50px;
        height: 41px;
        top: 0px;
        left: 42px;
    }

    .badgeblock-text {
        font-size: 13px;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        left: 54px;
    }

    .pak-card-img {
        width: 9.5rem;
    }

    .badge-card {
        display: flex;
        position: relative;
        cursor: pointer;
    }

    .badge-card .packagetext:hover {
        color: #FF960D;
    }

    .packagetext {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .badge-text-block {
        display: flex;
        flex-direction: column;
        padding-left:0.5rem;
        width: 100%;
    }

    .card-box:hover .carousel-card-body h4 a {
        color: #FFA024;
    }

    .dark-card .carousel-dark-body h4 a {
        color: #fff;
    }

    .dark-card:hover .carousel-dark-body h4 a {
        color: #FFA024;
    }

    .add-block {
        display: flex;
    }

    .footer-block {
        display: flex;
        justify-content: space-between;
    }

    .price-btn {
        border: 1px solid #707070;
        border-radius: 0;
        width: 69%;
        font-size: 14px;
        font-weight: 700;
    }

    .price-card-img {
        width: 26rem;
        height: 12rem;
        margin-right: 20px;
        float: left;
    }

    .price-card-img img {
        height: 100%;
    }

    .package-details-card {
        display: flex;
        width: 100%;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
    }

    .google-adds {
        border-bottom: 1px solid #d1d1d1;
        margin: 10px 0;
    }

    .accordian-img {
        width: 8rem;
        height: 6rem;
        margin-right: 10px;
    }

    .accordian-img_box {
        display: flex;
    }

    .image-block {
        height: 6rem;
        width: 3rem;
        background-color: orange;
    }

    .image-block p {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        justify-content: center;
        color: #fff;
    }

    .hotel-card-img {
        width: 9rem;
        height: 7rem;
        margin-right: 20px;
        float: left;
    }

    .hotel-details-card {
        display: flex;
        width: 100%;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        flex-direction: column;
    }

    .titleblock {
        display: flex;
        flex-direction: column;
    }

    .titleblock p {
        font-size: 13px;
    }

    .star-block {
        margin-left: 1rem;
    }

    .star-block img {
        height: 15px;
        width: 15px;
    }

    .main-titleblock {
        display: flex;
        align-items: center;
    }

    .main-titleblock h3 {
        display: flex;
        font-size: 18px;
        margin-bottom: 0;
    }

    .price-card {
        width: 35%;
        border: 1px solid #707070;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .price-card li {
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #707070;
    }

    .price-card li.active {
        background-color: #FF9100;
        color: #fff;
    }

    .price-card li a {
        color: #000;
        font-weight:700;
    }

    .price-card li.active a {
        color: #fff;
        font-weight:700;
    }

    .price-tab-content {
        margin-top: 1rem;
    }

    .last-collapse {
        max-height:100%;
    }

    .tour-border-top {
        border-top: 1px solid #d1d1d1;
    }

    .booking-btn-block {
        display: flex;
        justify-content: space-between;
    }

    .booking-btn-snigleblock {
        width: 48%;
        margin-bottom: 1rem;
    }

    .star-icon {
        color: #FF0000;
    }

    .price-text p {
        text-align: center;
        padding: 10px 0;
        margin-bottom: 0;
        font-size: 14px;
    }

    .swiper-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
      }
      .swiper-slide {
        background-size: cover;
        background-position: center;
      }
      .gallery-top {
        height: 80%;
        width: 100%;
      }
      .gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
      }
      .gallery-thumbs .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
      }

      .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
      }

      .package-main-swiper {
          height: 20rem;
      }

      .package-submain-swiper {
          height: 5rem;
      }

      .package-submain-swiper div {
        margin-top: 1rem;
        width: 85%;
        display: flex;
        justify-content: space-between;
      }

      .package-submain-swiper .swiper-slide {
        width: 92px !important;
        height: 4rem;
      }

      .package-tournext {
          background-image: url(../Image/Group1504.svg) !important;
          background-repeat: no-repeat !important;
          position: absolute !important;
            top: 98% !important;
            width: 27px;
            height: 44px;
          margin-top: -22px;
      }

      .package-tourprev {
        background-image: url(../Image/Group1505.svg) !important;
        background-repeat: no-repeat !important;
      }

      /* ----------------------- Contact Info ----------------------- */
      .des-textarea {
        resize: none;
        margin: 2rem 0;
        padding: 10px;
        width: 100%;
        background-color: #f9f9f9;
        border: 1px solid #d9d9d9;
        border-radius: 5px;
    }

    .des-textarea::placeholder {
        color: #000;
        padding: 7px 10px 10px 0px;
    }

    .send-btn {
        color: #fff;
        background-color: #FF9100;
        font-size: 16px;
        font-weight: bold;
        padding: 0.5rem 0;
        width: 50%;
        float: right;
        margin: 0rem 0 3rem 0;
        border: 0;
    }

    .send-btn:hover {
        opacity: 0.7;
    }

    .sub-title-text {
        font-size: 20px;
        margin-bottom: 1.8rem;
    }

    /* ------------------- Dubai Metro ------------------- */
    .map-container {
        display: flex;
        margin-bottom: 2rem;
    }

    .map-container .Screen-1 {
        width: 50%;
        height: 100%;
        margin-right: 3px;
    }

    .map-container .Screen-1 img {
        height: 100%;
    }

    .map-container .screen {
        display: grid;
        flex-direction: row;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 5px;
    }

    .map-container .Screen-2 {
        margin-bottom: 5px;
    }

    .map-container .Screen-4 {
        margin-bottom: 5px;
    }

    .map-container .main-screen img {
        height: 8rem !important;
        width: 10rem !important;
    }

    .metro-table thead th {
        border-bottom: none;
    }

    .metro-table {
        border: 1px solid #d1d1d1;
    }

    .metro-table thead {
        background-color: #FFC22E;
    }

    .metro-table thead tr th {
        font-size: 15px;
    }

    .line-title {
        width: 32%;
    }

    .Completion-title {
        width: 20%;
    }

    .metro-table td:nth-child(odd) {
        background-color: #F8F8F8;
    }

    .line-content {
        color: #000;
        font-weight: 600;
        font-size: 13px;
    }

    .common-content {
        color: #868686;
        font-size: 13px;
    }

    .metro-table .metro-table-head th {
        font-size: 12px;
        padding: 12px 8px;
    }

    .metro-table .metro-table-head .Completion-title {
        width: 14%;
    }

    .metro-card:hover a {
        color: #FFA024;
    }

    /* -------------------- By-Law Violations -------------------- */

    .metro-table .metro-table-title .line-title {
        width: 1%;
        text-align: center;
    }

    .metro-table .metro-table-body tr .line-content {
        text-align: center;
    }

    .title-content {
        font-size: 14px;
    }

    /* -------------------- Stations & Zones -------------------- */
    .zone-table {
        border: 1px solid #d1d1d1;
    }

    .zone-table thead th {
        border-bottom: none;
    }

    .zone-table .line-title {
        width: 50%;
        background-color: #FF0000;
        color: #fff;
        font-size: 13px;
        padding-left: 1.5rem;
    }

    .zone-table .Completion-title {
        width: 50%;
        background-color: #5B8100;
        color: #fff;
        font-size: 13px;
        padding-left: 1.5rem;
    }

    .zone-table .line-content {
        width: 50%;
        background-color: #FFE2E2;
        color: #000;
        font-weight: normal;
        padding-left: 1.5rem;
    }

    .zone-table .common-content {
        width: 50%;
        background-color: #EEFFE2;
        color: #000;
        padding-left: 1.5rem;
    }

    /* -------------------- Train Timing -------------------- */

    .schedule-metro-table {
        border: 1px solid #d1d1d1;
    }

    .schedule-metro-table .station-border-right {
        border-right: 1px solid #d1d1d1;
    }

    .schedule-metro-table .metroTableRow td {
        border-right: 1px solid #d1d1d1;
    }

    .schedule-metro-table tr td {
        border-bottom: 1px solid #d1d1d1;

    }
    .schedule-metro-table-title {
        background-color: #FFC22E;
    }

    .bgday {
        background-color: #FFC22E;
        font-size: 14px;
    }

    .bgnight {
        background-color: #000;
        color: #fff;
        font-size: 14px;
    }

    .station-name {
        font-size: 14px;
    }
    .train-time {
        font-size: 14px;
    }

    /* ---------------- Dubai Hotel ---------------- */

    .hotel-logo {
        height: 6rem;
        width: 6rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hotel-logo img {
        width: 6rem;
        object-fit: contain;
    }

    .hotel-subtitle {
        font-size: 12px;
        color: #005FB2;
    }

    .hotel-subcontent {
        font-size: 12px;
    }

    .hotel-mainsub-title {
        color: #FF9100;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 1rem;
    }

    .star-hotel-block {
        display: flex;
        width: 100%;
        flex-direction: column;
        background-color: #F8F8F8;
        padding: 0.5rem 1rem;
    }

    .star-hotel-title {
        display: flex;
    }


    /* ------------------------ News Listing ------------------------ */
    .news-listing-para {
        display: flex;
        flex-direction: column;
        padding-left: 0.5rem;
        width: 100%;
    }

    .date-text-width {
        width: 20%;
    }

    .news-listing-para-content {
        display: flex;
        justify-content: space-between;
        height: 50%;
    }

    .news-listing-para p {
        font-size: 13px;
        text-align:justify;
        width: 100%;
    }

    .para-width {
        width: 80%;
    }

    .news-listing-para-tittle h3 {
        font-size: 14px;
        text-align: justify;
        margin-bottom: 5px;
    }

    .news-listing-para-tittle a {
        color: #000;
        font-size: 14px;
    }

    .news-listing-para-tittle a:hover {
        color: #FF960D;
    }

    .tabcard:hover .para-width p {
        color: #000000;
    }

    .carousel-banner {
        height: 100%;
        width: 100%;
        margin-bottom: 1rem;
    }

    .carousel-banner .image-box {
        height: 25rem;
    }

    .news-listing-para-content .date-text img {
        margin-top: -16px;
        margin-right: 7px;
        width: 14px;
    }

    /* -------------------- Medical Tourisam -------------------- */

    .medical-card {
        margin-bottom: 0rem;
    }

    .medical-card a p {
        text-align: center;
        padding-top: 10px;
        color: #000;
        font-weight: 800;
    }

    .medical-card:hover a p {
        color: #FFA024;
    }

    .medical-card-slide {
        border: 1px solid #DFDFDF;
        border-radius: 5px;
        background-color: #F8F8F8;
        padding: 1rem;
    }

    .medical-card-image {
        margin: 0 auto;
        height: 12rem;
    }

    .medical-card-image img {
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
    }

    .medicalcard-title {
        margin: 10px 0 5px 0;
        color: #000;
        font-weight: 500;
        font-size: 15px;
    }

    .medicalcard-title:hover {
        color: #FFC22E;
    }

    .medical-card-imagedetails span {
        font-size: 12px;
        font-weight: 600;
        padding-right: 8px;
    }

    .medicalcard-content {
        margin-bottom: 0px;
        font-size: 12px;
    }

    .border-card .medicalweb-text {
        font-size: 10px !important;
        font-weight: 500;
        width: 100%;
        text-align: center;
    }

    .border-card .medicalphone-num {
        font-size: 12px;
        font-weight: 500;
        width: 100%;
        text-align: left;
        padding-left: 10px;
    }


    /* -------------------- Dubai Visa -------------------- */
    .visa-table {
        border: 1px solid #d1d1d1;
    }

    .visa-table td {
        border-right: 1px solid #C8C8C8;
    }

    .visa-table th {
        border-right: 1px solid #C8C8C8;
    }

    .visa-table thead {
        background-color: #FFC22E;
    }

    .visa-table thead th {
        font-size: 14px;
    }

    .visa-table thead th {
        border-bottom: none;
    }

    .visaline-title {
        width: 28%;
        color: #000;
        font-weight: 600;
        font-size: 13px;
    }

    .visa-content {
        color: #1B1B1B;
        font-size: 13px;
        width: 24%;
    }

    .visadetails-card {
        display: flex;
        width: 100%;
        border-bottom: 1px solid #DFDFDF;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
    }

    .visacard-left-img {
        width: 12rem;
        height: 5rem;
        max-width: 12rem;
        max-height: 5rem;
        margin-right: 2rem;
        float: left;
    }

    .visacard-left-img img {
        width: 100%;
        height: 100%;
    }

    .visacard_details {
        text-align: justify;
        word-wrap: break-word;
        font-size: 14px;
        width: 100%;
    }

    .visacard_details h3 {
        font-size: 14px;
    }

    .visacard_details p {
        font-size: 14px;
        color: #484848;
        margin-bottom: 0;
    }

    .news-list {
        list-style: none;
        padding-left: 0;
        font-size: 14px;
    }

    .news-list li {
        margin-bottom: 5px;
    }

    .visa-subtitle {
        font-size: 14px;
        font-weight: 600;
    }

    /* ------------- User Register ------------- */

    .user-register-subtitle {
        text-align: center;
        font-size: 15px;
        padding: 2rem 0;
        font-weight: bold;
    }

    .userlogin-group .reg-label-text {
        position: absolute;
        top: 12px;
        left: 16px;
        width: 33%;
        transition: .3s;
        pointer-events: none;
        display: flex;
        flex-direction: row;
        background-color: #F9F9F9;
    }

    input[type=number]::-webkit-inner-spin-button {
        display: none; /* Hide the button */
        -webkit-appearance: none; /* turn off default browser styling */
    }
    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type=number] {
        -moz-appearance:textfield;
    }

    input[type="date"]::-ms-clear {
         width: 0;
    height: 0;
    }

    .userreg-btn {
        color: #030101;
        background-color: #FFC22E;
        font-size: 15px;
        font-weight: bold;
        padding: 0.5rem 0;
        width: 50%;
        margin: 0 auto;
        display: block;
        border: 0;
    }

    /* --------------- Home Card ---------------*/

    .slide-card {
        width: 17rem;
        margin-left: 2rem;
    }

    .latest-news-card-img {
        padding: 1rem 1rem 0 1rem;
        overflow: hidden;
        width: 100%;
    }

    .latest-news-card-content {
        padding: 1rem 1rem 1rem 1rem;
    }

    .latest-news-card-content {
        font-size: 15px;
        text-align: justify;
    }

    .carousel-bg {
        background-color: #E40132;
        color: #fff;
    }

    .carousel-card-prev {
        background-color: #fff;
        border: 1px solid #ccc;
        background-image: url(../Image/Group\ 1519.svg);
        background-repeat: no-repeat;
        background-position: 40%;
        width: 25px;
        height: 24px;
        left: 78%;
        margin-top: 8px;
    }

    .carousel-card-next {
        background-color: #fff;
        border: 1px solid #ccc;
        background-image: url(../Image/Group\ 1520.svg);
        background-position: 40%;
        width: 25px;
        height: 24px;
        margin-top: 8px;
    }

    .carousel-control-next-icon {
        background-image: none;
    }

    .carousel-control-prev-icon {
        background-image: none;
    }

    /* -------------- Blog -------------- */
    .single-blog-card {
        margin-bottom: 1rem;
    }

    .single-blog-img  {
        height: 11.5rem;
        margin-bottom: 10px;
    }

    .single-blog-card-content {
        text-align: justify;
    }

    .like-text {
        background-color: #1b1b1b;
        color: #fff;
        padding: 2px 9px;
        font-size: 12px;
    }

    .mainbottom-border {
        border-bottom: 1px solid #DCDCDC;
        margin-bottom: 5rem;
    }







/* ------------------------------------- Media Queries ------------------------------------- */

/* -------------------- XL -------------------- */
@media (min-width: 1440px) and (max-width: 2560px) {

    .side-img {
        height: 8.1rem;
    }

    .grid-container {
        height: 29rem;
    }

    .helpgroup-img {
        justify-content: flex-start;
    }

    .helpgroup-img img {
        height: 10.2rem;
        width: 11.5rem;
    }

    .other-info-cardimg {
        width: 107px;
    }

    .cityinfo-para {
        font-size: 14px;
    }

    .title-subtext {
        font-size: 15px;
        margin-bottom: 16px;
    }

    .helpgroup-img-one {
        justify-content: flex-start;
    }

    .helpgroup-img-one img {
        height: 9.3rem;
        width: 100%;
    }

    .wrapper {
        grid-template-columns: repeat(2,187px);
        grid-auto-rows: 168px;
    }

    .news-img {
        width: 19rem;
    }

    .group-img {
        position: relative;
        top: -45px;
        display: flex;
        margin-left: 1.20rem;
        justify-content: flex-start;
    }

    .group-img img {
        height: 7.5rem !important;
    }

    .media-screen {
        max-width: 78rem;
    }

    .media-content-screen {
        max-width: 76rem;
    }

    .media-navbar-screen {
        max-width: 77rem;
    }

    .top-img {
        width:95%;
    }

    .subscribe-card {
        width: 22rem;
    }

    .allnews {
        margin-right: 0rem;
        margin-top: 0rem;
    }

    .footer-img-group {
        width: 22rem;
    }

    .sub-text {
        font-size: 15px;
        margin-bottom: 21px;
        text-align: justify;

    }

    .visit-btn-second {
        top: 80.7rem;
        left: 30%;
    }

    .cityinfo-para {
        width: 150%;
    }

    .living-info-para {
        width: 100%;
    }

    .group-img img {
        height: 8rem !important;
    }

    .side-logo {
        width: 119%;
    }

    .mediagroup-img img {
        height: 7.7rem;
    }

    .tour-mediaimg  img {
        height: 8.5rem;
    }

    .company-list {
        height: 64%;
    }

    .jobs-footer {
        width: 100%;
    }

    .btn-orange {
        width: 90%;
    }

    .tab-text {
        font-size: 15px;
        margin-bottom: 0.8rem !important;
    }

    .card-mediaimg {
        margin-bottom: 0.74rem;
        height: 4.5rem;
        width: 6rem;
    }

    .news-text {
        font-size: 18px;
    }

    .carouselimage img {
        height: 22.4rem;
    }

    .tour-block {
        border-bottom: 1px solid #eee;
        padding-bottom: 2rem;
    }

    .city-subtext {
        font-size: 14px !important;
    }

    /* -------------- Dubai Tour -------------- */
    .tourcarousel .main-img {
        height: 15rem;
    }

    /* ------------- Restaurant ------------- */

    .tour-slider-next {
        left: 93%;
    }

    .carousel-img-five {
        left: 32rem;
    }

    .carousel-img-four {
        left: 22.5rem;
    }

    .carousel-img-three {
        left: 13.2rem;
    }

    .carousel-img-one {
        left: -5rem;
    }

    .carousel-img-two {
        left: 4rem;
    }

    .card-header-img {
        height: 12rem;
    }

    .single-add {
        width: 50%;
        height: 8rem;
    }

    .shopping-swiper .shopping-buttonprev {
        left: 91% !important;
    }

    .flag-logo {
        width: 12.5rem;
    }

    .cardnews-img {
        height: 13rem;
    }

    .back-button {
        width: 79%;
        margin: 0 auto;
    }

    /* ----------- Dubai Metro ----------- */
    .map-container .main-screen img {
        height: 8rem !important;
        width: 11rem !important;
    }

    /* -------------- Home Card Carousel -------------- */
    .slide-card {
        width: 100%;
    }

    .carousel-card-prev {
        left: 81%;
    }

}

/* -------------------- ABOVE XL -------------------- */
@media(min-width:1541px) {
    .news-img {
        height: 15rem;
        margin-top: 1rem;
        width: 93%;
    }

    .helpgroup-img {
        margin-left: 1.25rem;
        justify-content: flex-start;
    }

    .allnews {
        margin-top: 2rem;
    }

    .cityinfo-para {
        width: 111%;
    }

    .ads-img {
        width: 22rem;
    }

    .side-logo {
        width: 119%;
    }

    .btn-orange {
        width: 90%;
    }

    /* ----------- Dubai Metro ----------- */
    .map-container .main-screen img {
        height: 8rem !important;
        width: 13rem !important;
    }

}

@media(min-width:2060px) {
    .media-screen {
        max-width: 81rem;
    }

    .media-content-screen {
        max-width: 77rem;
    }

    .media-navbar-screen {
        max-width: 72rem;
    }

    .visit-btn {
        left: 30%;
    }

    .visit-btn-second {
        top: 84.7rem;
        left: 30%;
    }

    .ads-img {
        width: 22rem;
        margin-left: 0!important;
    }

    .footer-box {
        margin-left: 2.5rem;
    }

    .living-news-tag {
        margin-right: 2rem;
    }

    .tourcarousel .main-img {
        height: 17rem;
    }

    /* ------------ Restaurant ------------ */
    .carousel-img-five {
        left: 29rem;
    }

    .carousel-img-four {
        left: 20.5rem;
    }

    .carousel-img-three {
        left: 12rem;
    }

    .carousel-img-one {
        left: -5rem;
    }


    .btn-orange {
        width: 90%;
    }

    .tour-mediaimg img {
        height: 8.4rem;
    }

    .back-button {
        width: 50%;
        margin: 0 auto;
    }

    /* ----------- Dubai Metro ----------- */
    .map-container .main-screen img {
        height: 8rem !important;
        width: 11rem !important;
    }

}

@media(min-width:1550px) and (max-width:1750px) {
    .wrapper {
        grid-template-columns: repeat(2,177px);
        grid-auto-rows: 141px;
    }

    .subscribe-text {
        font-size: 15px;
    }

    .subscribe-card {
        width: 18rem;
    }

    .play-img {
        left: -59px;
    }

    .line-clamp {
        height: 3.8rem;
    }

    .flag-logo {
        width: 12rem;
    }
}

@media(min-width:2040px) {
    .media-screen {
        max-width: 74rem;
    }

    .media-content-screen {
        max-width: 68rem;
    }

    .media-navbar-screen {
        max-width: 81rem;
    }

    .bg-dark {
        display: flex;
        flex-direction: column;
    }

    .top-img {
        width: 14rem;
    }

    .wrapper {
        grid-template-columns: repeat(2,160px);
        grid-auto-rows: 152px;
    }

    .company-list {
        margin-top: 0;
        height: 65%;
    }

    .cityinfo-para {
        width: 150%;
    }

    .living-info-para {
        width: 100%;
    }

    .visit-btn {
        left: 30%;
    }

    .ads-img {
        width: 21rem;
    }

    .living-wrapper {
        grid-template-columns: repeat(2,170px);
    }

    .side-logo {
        width: 119%;
    }

    .flag-logo {
        width: 12rem;
    }

    .back-button {
        width: 59%;
        margin: 0 auto;
    }

    .slide-card {
        width: 100%;
    }

    /* ------ Home ------ */
    .carousel-card-prev {
        left: 82%;
    }
}

@media(min-width:3000px) {

    .wrapper {
        grid-auto-rows: 151px !important;
        grid-template-columns: repeat(2,168px) !important;
    }

    .ads-img {
        width: 22rem;
        margin-left: 0!important;
    }

    .company-list {
        height: 20rem;
    }

    .flag-logo {
        width: 12rem;
    }

    .back-button {
        width: 50%;
        margin: 0 auto;
    }

}

@media(min-width:1421px) and (max-width:1440px) {
    .wrapper {
        grid-auto-rows: 140px;
        grid-template-columns:repeat(2,144px)
    }

    .subscribe-card {
        width: 17rem;
        height: 15rem
    }

    .play-img {
        left: -59px;
    }

    .grid-container {
        height: 30rem;
    }

    .footer-img-group {
        width: 20rem;
    }

    .group-img img {
        height: 7.6rem;
    }

    .news-img {
        width: 89%;
    }

    .ads-img {
        width: 22rem;
        margin-left: 0!important;
    }

    .helpgroup-img img {
        width: 100%;
        height: 7.8rem;
    }

    .other-info-cardimg {
        width: 98px;
    }

    .footer-img {
        height: 4.9rem;
    }

    .media-navbar-screen {
        max-width: 71rem;
    }

    .card-mediaimg {
        width: 5.5rem;
    }
    /*----------- Government Services-----------*/
    .helpgroup-img-one img {
        height: 100%;
        width: 100%;
        position: relative;
    }

    .flag-logo {
        width: 12rem;
    }

    .tour-slider-next {
        left: 93%;
    }

    .carousel-img-one {
        left: -14%;
    }

    .carousel-img-two {
        left: 15%;
    }

    .carousel-img-three {
        left: 41%;
    }

    .carousel-img-four {
        left: 66%;
    }

    .carousel-img-five {
        left: 91%;
    }

    .mediagroup-img img {
        height: 7.7rem;
    }
}

@media (min-width: 2560px) {
    .side-img {
        height: 6.8rem;
    }

    .group-img {
        display: flex;
        justify-content: flex-start;
        margin-left: 1rem;
    }

    .allnews {
        margin-top: 29px;
    }

    .grid-container {
        height: 33rem;
    }

    .top-img {
        width: 14rem;
    }

    .grid-container {
        height: auto;
    }

    .media-ads {
        margin: 0 auto;
    }

    .rect-para {
        display: flex;
        justify-content: center;
        height: 91%;
        align-items: center;
    }

    .news-img {
        height: 14rem;
        min-width: -17rem;
        margin-top: 1rem;
        width: 93%;
    }

    .bg-dark {
        display: flex;
        flex-direction: column;
    }

    .jobmedia-img {
        margin-top: 1rem;
    }

    .jobs-group-img {
        height: 100%;
    }

    .wrapper {
        grid-auto-rows: 141px;
        grid-template-columns: repeat(2,147px);
    }

    .subscribe-card {
        width: 17.9rem;
    }

    .list-items {
        font-size: 10px;
    }

    .company-list {
        margin-top: 2.5rem;
        height: 65%;
    }

    .rectangle-top-right {
        position: absolute;
        top: 26%;
    }

    .rectangle-top-left {
        top: 26%;
    }

    .rectangle-middle-left {
        top: 42%;
    }

    .rectangle-middle-right {
        top: 42%;
    }

    .rectangle-bottom-left {
        top: 58%;
    }

    .rectangle-bottom-right {
        top: 58%;
    }

    .wrapper {
        grid-auto-rows: 152px;
        grid-template-columns: repeat(2,168px);
    }

    .company-list {
        margin-top: 0;
    }

    .group-img img {
        height: 7rem;
        position: relative;
    }

    .helpgroup-img img {
        height: 7.5rem;
        width: 100%;
    }

    .helpgroup-img-one img {
        height: 8.2rem;
        width: 100%;
    }

    .group-img img {
        height: 7rem;
        position: relative;
        width: 100%;
    }

    .ads-img {
        width: 22rem;
        margin-left: 16px!important;
    }

    .dc-gadds .ads-img {
        width: 22rem;
        margin-left: 0!important;
    }

    .living-wrapper {
        grid-template-columns: repeat(2,170px) !important;
    }

    .top-page-link {
        margin-top: -1%;
    }

    .tour-slider-next {
        position: relative;
        top: 2rem;
        left: 42rem;
    }

    .r_modal .tour-slider-next {
        left: 34rem;
    }

    .r_carousel .carousel-img-three {
        left: 10rem;
    }

    .r_carousel .carousel-img-four {
        left: 17rem;
    }

    .r_carousel .carousel-img-five {
        left: 24rem;
    }

    .r_carousel .carousel-img-two {
        left: 3.2rem;
    }

    .flag-logo {
        width: 12rem;
    }

    .mediagroup-img img {
        height: 7.9rem;
    }

    .back-button {
        width: 37%;
        margin: 0 auto;
    }

    .slide-card {
        width: 100%;
    }


}

/* -------------------- Below-LG -------------------- */
@media (max-width: 1200px) and (min-width:1024px) {
    .titlesub-text {
        font-weight: bold;
        font-size: 15px;
    }

    .log-img img {
        height: 39px;
    }

    .tab-text {
        font-size: 10px;
    }

    .news-img {
        height: 9rem;
        width: 15rem;
    }

    .date-text p {
        font-size: 9px !important;
        margin-bottom: 0;
    }

    .img-card-text {
        font-size: 18px;
    }

    .topimg {
        width:100%;
    }

    .navigation-block .single-card-row p a {
        font-size: 10px;
    }

    /* ----------- Screen Resolution ----------- */
    .media-screen {
        min-width: 58rem;
    }

    .media-content-screen {
        min-width: 52rem;
    }

    .card-flag-text {
        font-size: 21px;
    }

    .small-text {
        font-size: 10px;
    }

    .logo-img {
        margin-top: -16px;
        width: 120px;
        margin-left: 0rem;
    }

    .side-img {
        height: 11.3rem;
    }

    .rect-para{
        font-size: 12px;
    }

    .group-img {
        top: -39px;
        justify-content: flex-start;
        margin-left: 1rem;
    }

    .helpgroup-img {
        position: relative;
        top: -28px;
        display: flex;
    }

    .helpgroup-img-one {
        position: relative;
        top: -28px;
        display: flex;
    }

    .helpgroup-img-one img {
        height:100%;
        width: 100%;
        position: relative;
    }

    .group-img img {
        height: 6rem;
    }

    .company-list {
        width: 100%;
    }

    .play-img {
        position: absolute;
        left: -62px;
    }

    .card-mediaimg {
        width: 4rem;
    }

    .bg-img {
        height: 65%;
    }

    .list-items.active {
        font-size: 11px;
    }

    .list-items {
        font-size: 11px;
    }

    /* --------------- Livingindubai --------------- */
    .img-groups {
        height: 14rem;
    }

    .img-bottom-text {
        top:11rem;
        font-size: 16px;
    }

    .text-underline {
        top:12.1rem;
    }

    .img-top-text {
        font-size: 17px;
        padding-top: 0px;
    }

    .img-sub-text {
        font-size: 9px;
    }

    .jobs-subpara {
        font-size: 10px;
    }

    .ads-img {
        height:15rem;
    }

    .image-key {
        font-size: 16px;
    }

    .text-para {
        font-size: 12px;
    }

    .visit-btn {
        top: 11.7rem;
        left: 26%;
        padding: 4px 35px 4px 35px;
    }

    .visit-btn-second {
        top: 77.7rem;
        left: 6.5rem;
        padding: 4px 35px 4px 35px;
    }

    /* -----------Freezone ------------- */
    .zonetabs .nav-pills li a {
        font-size: 10px;
    }

    .zonetabs .nav-pills li.active a {
        font-size: 10px;
    }

    .side-title {
        font-size: 16px;
    }

    .side-para {
        margin-bottom: 1rem;
    }

    .link-blocks a {
        font-size: 10px;
    }

    .visit-btn-third {
        top: 48rem;
        left: 2.8rem;
    }

    /* --------------- Govt_Services --------------- */
    .side-logo {
        height: 6rem;
        width: 5.80rem;
    }

    .side-logo img {
        width: 5rem;
    }

    .border-card p {
        font-size: 12px !important;
    }

    .uae-card p {
        font-size: 9px !important;
    }

    .link-blocks {
        padding: 0 1rem;
    }

    .link-blocks a {
        font-size: 13px;
    }

    .side-title {
        font-size: 15px;
    }

    .border-card {
        margin-top: 0;
    }

    /* --------------- Bank --------------- */

    .bankstabs .nav-pills li a {
        font-size: 11px;
    }

    .bankstabs .nav-pills li.active a {
        font-size: 11px;
    }

    /* -------------- Clubs & Organizations ------------- */
    .top-text-wrapper {
        margin-bottom: 1rem;
    }

    .visit-btn-fifth{
        top: 50rem;
        left: 2.5rem;
    }

    /* ------------- Hospitalstabs ------------- */
    .hospitalstabs .nav-pills li a {
        font-size: 9px;
    }

    .hospitalstabs .nav-pills {
        width: 80%;
    }


    /* ------------- Dubai Tour  ------------- */

    .image-line {
        width: 8rem;
        margin-left: 5%;
    }

    .carousel-card-title {
        font-size: 12px;
    }

    .card-text {
        font-size: 10px;
    }

    .carousel-img-two {
        left: 3rem;
    }

    .carousel-img-three {
        left: 9.2rem;
    }

    .carousel-img-four {
        left: 15.4rem;
    }

    .carousel-img-five {
        left: 21.8rem;
    }

    .tour-slider-next {
        left: 91%;
    }

    .back-button {
        width: 90%;
        margin: 0 auto;
    }

    /* Pacakage */

    .card-topimg {
        height: 12rem;
    }

     /* ----------- Medical Tourisam ----------- */
     .medical-card-imagedetails {
        margin-bottom: 7px;
    }
}

@media (max-width: 1125px) and (min-width: 1023px) {
    .side-img {
        height: 12.3rem;
    }

    .group-img {
        position: relative;
        top: -32px;
        display: flex;
        justify-content: flex-start;
    }

    .group-img img {
        height: 6rem;
    }

    .list-items.active {
        font-size: 11px;
    }

    .list-items {
        font-size: 11px;
    }
    .top-img {
        width: 11rem;
    }

    .company-list {
        width: 100%;
    }

    visit-btn-second {
        top: 81rem;
    }

    .tour-link-text {
        font-size: 12px;
    }
}

@media (max-width: 1280px) and (min-width: 1200px) {
    .tour-slider-next {
        left: 90%;
    }

    .carousel-img-two {
        left: 3rem;
    }

    .carousel-img-three {
        left: 9.2rem;
    }

    .carousel-img-four {
        left: 15.5rem;
    }

    .carousel-img-five {
        left: 21.7rem;
    }

    /* ----------------- Medical Tourism ----------------- */
    .medical-card-imagedetails {
        margin-bottom: 10px;
    }

    /* ----------------- User Register ----------------- */
    .userlogin-group .reg-label-text {
        width: 37%;
    }

    .jobs-footer {
        width: 116%;
    }
}

/* -------------------- Below-LG -------------------- */
@media (max-width: 1024px) and (min-width:921px) {

    .text-bottom-left {
        position: absolute;
        bottom: 0px;
    }

    .slider-prev {
        position: relative;
        top: -108px;
    }

    .slider-next {
        top: -108px;
    }

    .carousel-item {
        height: 100%;
    }

    .hospitalstabs .nav-pills {
        width: 64%;
    }

    .img-card-text {
        font-size: 18px;
    }

    .list-items {
        font-size: 9px;
        color: #fff;
        height: 33px;
    }

    .list-items.active {
        font-size: 9px;
    }

    .group-img {
        position: relative;
        top: -32px;
        display: flex;
        left: 0px;
    }

    .group-img img {
        height: 6rem;
    }

    .subscribe-card {
        width: 14.7rem;
    }

    .news-text {
        font-size: 14px;
    }

    .bg-img {
        height: 64.5%;
    }

    .mediagroup-img img {
        height: 5.9rem;
    }

    .news-text a {
        color: #1B1B1B;
    }

    .top-img {
        width: 100%;
    }

    .card-mediaimg {
        width: 4rem;
    }

    .slider-next {
        position: relative;
        top: -45px;
    }

    .slider-prev {
        position: relative;
        top: -45px;
    }

    .title-subtext {
        margin-left: 1.6rem;
    }

    .mediatitle-text {
        margin-left: 1.4rem;
    }

    .event_img img {
        padding-top: 0;
    }


/* -------------- News List Image -------------- */
    .news-list_img img {
        padding-top: 0;
    }

/* -------------- News List Image -------------- */

    .btn-orange {
        width: 90%;
    }

    .tour-mediaimg img {
        height: 6.5rem;
    }

    /* ----------- Screen Resolution ----------- */

    .media-navbar-screen {
        min-width: 52rem;
    }

    .media-screen {
        min-width: 58rem;
    }

    .media-content-screen {
        min-width: 52rem;
    }

    .small-text {
        font-size: 13px;
    }

    .side-img {
        height: 8.5rem;
    }

    .media-ads {
        width: 100%;
    }

    .tab-text {
        font-size: 11px;
    }

    .other-info-cardimg {
        width: 81px;
        margin-left: 0.1rem;
        height: 57px;
    }

    .festival-para {
        font-size: 14px !important;
    }

    .company-list {
        width: 100%;
    }

    .wrapper {
        grid-auto-rows: 141px;
        grid-template-columns: repeat(2, 127px);
    }

    .card-wrapper {
        width: 15rem;
    }

    .footer-box {
        margin-left: 1.5rem;
    }

    /* ----------------- Living in Dubai ----------------- */
    .img-bottom-text {
        font-size: 15px;
    }

    .img-top-text {
        font-size: 16px;
    }

    .img-sub-text {
        font-size: 9px;
    }

    .module__md-content {
        min-width: 52rem !important;
    }

    visit-btn-second {
        top: 81rem;
    }

    .ads-img {
        width: 18rem;
    }

    /*-------------- Government Services-------------- */
    .helpgroup-img-one img {
        height: 6.2rem;
        width: 100%;
        position: relative;
    }

    .single-card-content {
        margin-left: 2rem;
    }

    /*-------------- Dubai News -------------- */
    .google-ads {
        margin-left: 2.6rem;
    }

    /*-------------- Education -------------- */
    .single-card-row p {
        margin-bottom: 0;
        font-size: 13px;
    }


    /*-------------- Dubai tour UAE -------------- */
    .tour-slider-prev {
        left: -1%;
    }

    .tour-slider-next {
        left: 30.5rem;
    }


    .carousel-img-one {
        left: -2.5rem;
    }

    .carousel-img-two {
        left: 3.5rem;
    }

    .carousel-img-three {
        left: 9.5rem;
    }

    .carousel-img-five {
        left: 21.5rem;
    }

    .carousel-img-four {
        left: 15.5rem;
    }

    .desert_card {
        display: flex;
        width: 100%;
    }

    .navigation-block .single-card-row p a {
        color: #000;
        font-size: 10px;
    }

    .r_modal .tour-slider-prev {
        left: 0%;
    }

    .booking-btn {
        font-size: 11px;
    }

    .flag-logo {
        width: 8.2rem;
    }

    .back-button {
        width: 100%;
        margin: 0 auto;
    }

    /* -------- Homa Page Card -------- */
    .carousel-card-prev {
        left: 77%;
    }

    /* ------------- User Register ------------- */
    .userlogin-group .reg-label-text {
        width: 47%;
    }
}

@media (max-width: 1023px) and (min-width:996px) {

    /*----------------- Living in Dubai -----------------*/
    .img-top-text {
        padding-top: 0%;
        font-size: 15px;
    }

    .img-sub-text {
        font-size: 11px;
    }

    .img-bottom-text {
        font-size: 13px;
    }

    .footer-box {
        margin-left: 0rem;
    }

    /* -----------  Dubai Tour ----------- */
    .image-line {
        width: 84%;
        margin-left: 7%;
    }

    .back-button {
        width: 100%;
        margin: 0 auto;
    }

}

@media (max-width: 1536px) and (min-width:1500px) {
    .wrapper {
        grid-template-columns: repeat(2,156px);
        grid-auto-rows: 149px;
    }

    .helpgroup-img img {
        height: 9.2rem;
        width: 9.5rem;
    }

    .group-img img {
        height: 7.5rem;
    }

    .subscribe-card {
        width: 18rem;
    }

    .flag-logo {
        width: 10rem;
    }
}

/* -------------------- MD -------------------- */
@media (max-width: 1085px) and (min-width:1028px) {

    .side-img {
        object-fit: cover;
        height: 13.3rem;
    }

    .other-info-cardimg {
        width: 67px;
    }

    .bg-img {
        height: 64%;
    }

    .card-mediaimg {
        width: 4rem;
    }

    .news-img {
        width: 13rem;
    }

    .news-text {
        font-size: 14px;
    }

    .group-img img {
        height: 5.8rem;
    }

    .title-subtext {
        margin-left: 0rem;
    }

    .mediatitle-text {
        margin-left: 0rem;
    }

    .list-items {
        font-size: 9px;
    }

    .list-items.active {
        font-size: 9px;
    }

    .module__md-content {
        min-width: 52rem !important;
    }

    .company-list {
        width: 100%;
    }

    .wrapper {
        display: grid;
        grid-template-columns: repeat(2, 125px);
    }

    .footer-box {
        margin-left: 0rem;
    }

    .tour-slider-next {
        left: 90%;
    }

    .back-button {
        width: 100%;
        margin: 0 auto;
    }

    /* ------------ User Register ------------ */
    .userlogin-group .reg-label-text {
        width: 45%;
    }

}

/* -------------------- A-LG -------------------- */
@media (max-width: 920px) and (min-width:800px) {


    .media-carousel-img {
        width: 100%;
    }

    .list-items {
        font-size: 9px;
        color: #fff;
        height: 33px;
    }

    .side-img {
        height: 6.4rem;
    }

    .other-info-cardimg {
        width: 69px;
        margin-left: 1.2rem;
    }

    .group-img {
        margin-left: 0rem;
    }

    .rectangle-top-right {
        top: 30%;
    }

    .rectangle-top-left {
        top: 30%;
    }

    .rectangle-middle-left {
        top: 46%;
    }

    .rectangle-middle-right {
        top: 46%;
    }

    .rectangle-bottom-left {
        top: 62%;
    }

    .rectangle-bottom-right {
        top: 62%;
    }

    .card-mediaimg {
        width: 4rem;
    }

    .play-img {
        position: absolute;
        left: -62px;
    }

    .top-img {
        width: 10rem;
    }

    .company-list {
        width: 100%;
    }

    .dc-textalgn {
        padding-left: 10px;
    }

    .event_img img {
        padding-top: 0;
    }

    /* -------------- News List Image -------------- */
    .news-list_img {
        padding-top: 0;
    }
    /* -------------- News List Image -------------- */

    /* -------------------- Government Services -------------------- */
    .helpgroup-img-one img {
        height: 7rem;
        width: 7.2rem;
        position: relative;
    }

    .visit-btn {
        top: 12rem;
        left: 20%;
    }

    /* -------------------- Bank -------------------- */
    .bankstabs .nav-pills li a {
        font-size: 12px;
    }

    .bankstabs .nav-pills li.active a {
        font-size: 12px;
    }

    .side-sub-title {
        padding-left: 10px;
    }

    .side-title {
        padding-left: 10px;
    }

    .border-card {
        margin-left: 10px;
    }

    .bd-cardbox .border-card {
        margin-left: 0px;
    }

    .border-card p {
        font-size: 9px;
    }

    .side-para {
        padding-left: 10px;
    }

    .media-ads {
        width: 100%;
    }

    .ads-img {
        width: 16rem;
    }

    .tour-box-card {
        width: 8rem;
    }

    /* -------------------- Freezone -------------------- */
    .zonetabs .nav-pills li a {
        text-decoration: none;
        font-size: 10px;
    }

    /* -------------------- Hospital -------------------- */
    .hospitalstabs .nav-pills {
        width: 79.01%;
    }

    .hospitalstabs .nav-pills li a {
        font-size: 11px;
    }

    /* --------- Home Caursel --------- */
    .small-text {
        font-size: 11px !important;
    }

    .slider-next {
        position: relative;
        top: -151px;
        left: 18.6rem;
    }

    .slider-prev {
        top: -151px;
        left: 18.8rem;
    }

    .carousel-item {
        height: 100% !important;
    }

    .img-card-text {
        font-size: 17px;
    }

    .center-text {
        font-size: 8px;
        width: 58%;
    }

    .group-img img {
        height: 6.5rem;
        width: 100%;
    }

    .tab-text {
        font-size: 11px;
    }

    .news-img {
        height: 9rem !important;
        width: 15rem;
    }

    .news-text {
        width: 93%;
    }

    /* ------------- Tabs ------------- */
    .date-text p {
        font-size: 9px !important;
        margin-bottom: 0;
    }

    /* ------------- Home ------------- */

    .text-bottom-left {
        position: absolute;
        bottom: 0px;
        left: 28px;
    }

    /* --------------- Dubai News --------------- */
    .google-ads {
        margin-left: 1rem;
        width: 100%;
    }

    .mediagroup-img img {
        height: 5.8rem;
    }

    .price-btn {
        width: 60%;
    }

    /* --------------- Dubai News --------------- */
    .medical-card-slide .border-card {
        margin-left: 0;
        margin-top: 0;
    }

    .medical-card-imagedetails {
        margin-top: 10px;
    }

}

/* -------------------- Above-MD and Below-LG -------------------- */
@media (max-width: 988px) and (min-width:900px) {

    .bg-img {
        height: 67%;
        margin-top: 4px !important;
    }

    .subscribe-card {
        width: 15rem;
    }

    .play-img {
        position: absolute;
        left: -64px;
    }

     /* ---------------- Living In Dubai ---------------- */

    .img-bottom-text {
        font-size: 17px;
    }

    .module__md-content {
        min-width: 52rem !important;
    }

    /* -----------  Dubai Tour ----------- */
    .image-line {
        width: 10rem;
        margin-left: 7%;
    }
    .side-links:hover {
        margin-left: 0;
    }

    .side-links {
        margin-left: 0;
    }

    .tour-mediaimg img {
        height: 8.3rem;
    }

    .tour-slider-prev {
        left: 0%;
    }

    .tour-slider-next {
        left: 93%;
    }

    .carousel-img-five {
        left: 91%;
    }
    .carousel-img-four {
        left: 26rem;
    }

    .carousel-img-two {
        left: 5.5rem;
    }

    .carousel-img-three {
        left: 15.5rem;
    }

    .carousel-img-four {
        left: 25.5rem;
    }

    .carousel-img-one {
        left: -5rem;
    }
}

@media (max-width: 824px) and (min-width:800px) {
    .rectangle-top-right {
        top: 33%;
    }

    .rectangle-top-left {
        top: 33%;
    }

    .rectangle-middle-right {
        top: 49%;
    }

    .rectangle-middle-left {
        top: 49%;
    }

    .rectangle-bottom-right {
        top: 65%;
    }

    .rectangle-bottom-left {
        top: 65%;
    }

    .rect-para {
        font-size: 12px;
    }

    .subscribe-card {
        width: 16rem;
    }

    .play-img {
        position: absolute;
        left: -62px;
    }
}

/* -------------------- Above-MD and Below-LG -------------------- */
@media (max-width: 900px) and (min-width:800px) {
    .slider-prev {
        top: -39px;
        left: 19.8rem;
    }

    .slider-next {
        top: -39px;
        left: 19.6rem;
    }

    .subscribe-card {
        width: 14rem;
    }

    .subscribe-text {
        font-size: 18px;
    }

    .news-text {
        width: 109%;
        font-size: 14px;
    }

    .news-img {
        width: 14rem !important;
    }

    .card-mediaimg {
        height: 3.5rem;
        width: 3.5rem;
    }

    .tab-footer {
        margin-top: 0rem !important;
    }

    .title-subtext {
        margin-left: 0.6rem;
    }

    .mediatitle-text {
        margin-left: 0.6rem;
    }

    .footer-img-group {
        height: 12rem;
        width: 16rem;
    }

    .company-list {
        margin-top: 2rem;
        height: 18rem;
    }

    .list-items.active {
        font-size: 9px;
    }

    .bg-img {
        height: 64%;
    }

    .cityinfo-title {
        font-size: 13px !important;
    }

    .play-img {
        position: absolute;
        left: -55px;
    }

    .festival-para {
        font-size: 12px !important;
    }

    .cardbottomleft {
        left: 9px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .centertext p {
        font-size: 10px;
    }

    .side-img {
        height: 5.8rem;
    }

    .sub-text {
        margin-left: 1rem;
    }

    .jobmedia-img {
        margin-left: 0;
        margin-top: 29px;
    }

    .direct-para {
        width: 100%;
    }

    .wrapper {
        display: grid;
        grid-template-columns: repeat(2, 115px);
    }

    .tour-slider-next {
        left: 93%;
    }

    .carousel-img-five {
        left: 92%;
    }

    .carousel-img-four {
        left: 66%;
    }

    .carousel-img-three {
        left: 40%;
    }

    .carousel-img-two {
        left: 13%;
    }

    .carousel-img-one {
        left: -14%;
    }

    .link-blocks a {
        font-size: 15px;
    }

    /* ---------------- Living In Dubai ---------------- */
    .img-bottom-text {
        font-size: 17px;
    }

    /* ---------------- FreeZone ---------------- */
    .top-page-link {
        margin-top: -3%;
    }

    /* --------------- Dubai News --------------- */
    .google-ads {
        margin-left: 1rem;
        width: 100%;
    }

    .side-links:hover {
        margin-left: 0rem;
    }

    .side-links {
        margin-left: 0;
    }

    /* --------------- Booking --------------- */
    .booking-title {
        font-size: 17px;
        margin-bottom: 8px;
    }

    .image-line {
        border-bottom: 4px solid #FFA024;
        width: 8rem;
    }

    .card-text {
        font-size: 12px;
    }

    .back-button {
        width: 100%;
        margin: 0 auto;
    }

    /* ----------- Medical Tourisam ----------- */
    .medical-card-imagedetails {
        margin-bottom: 10px;
    }


    /* ----------- User Register ----------- */
    .userlogin-group .reg-label-text {
        position: absolute;
        top: 12px;
        left: 16px;
        width: 35%;
    }

}

@media (max-width: 800px) and (min-width:845px) {
    .side-img {
        height: 6.9rem;
    }

    .top-page-link {
        margin-top: -3%;
    }

    .top-img {
        width: 8rem;
    }

    .wrapper {
        display: grid;
        grid-template-columns: repeat(2, 117px);
        grid-auto-rows: 117px;
    }

    /* --------------- Dubai News --------------- */
    .google-ads {
        margin-left: 1rem;
        width: 100%;
    }

    /* ----------- Medical Tourisam ----------- */
    .medical-card-imagedetails {
        margin-bottom: 10px;
    }
}

@media (max-width: 830px) and (min-width: 800px) {
    .side-img {
        height: 6.8rem;
    }

    .popular-mediaimg {
        justify-content: flex-start;
        margin-left: 0;
    }

    .text-md-12 {
        font-size: 12px;
    }

    .top-img {
        width: 8rem;
    }

    .wrapper {
        display: grid;
        grid-template-columns: repeat(2, 117px);
        grid-auto-rows: 143px;
    }

}

/* -------------------- MD -------------------- */
@media (max-width: 798px) and (min-width:773px) {

    /* ---------------- Home ---------------- */

    .side-img {
        object-fit: cover;
        height: 13.3rem;
    }

    .media-carousel-img {
        width: 100%;
    }

    .text-bottom-left {
        position: absolute;
        bottom: 9px;
        left: 13px;
    }

    .slider-next {
        position: relative;
        top: -37px;
        left: 80%;
    }

    .slider-prev {
        position: relative;
        top: -37px;
        left: 80%;
    }

    .img-card-text {
        font-size: 14px;
    }

    .side-img {
        object-fit: fill;
        height: 9rem;
    }

    .carousel-item {
        height: 100%;
    }

    .group-img img {
        height: 5.5rem;
    }

    .box-img {
        display: flex;
        margin-left: 33px;
    }

    .box-img-one {
        display: flex;
    }

    .centertext p {
        font-size: 10px;
    }

    .news-img {
        height: 9rem;
        min-width: -17rem;
        margin-top: 1rem;
        width: 13rem !important;
    }

    .card-mediaimg {
        margin-bottom: 0.74rem;
        height: 3.5rem;
        width: 3.5rem;
    }

    .tab-text {
        font-size: 11px;
    }

    .media-ads {
        width: 100%;
    }

    .subtext {
        position: relative;
        top: -31px;
        margin-left: 1rem;
        margin-bottom: 0.7rem;
    }

    .tab-footer {
        margin-top: 0rem !important;
    }

    .bg-img {
        height: 53%;
        margin-top: 6px !important;
    }

    .other-info-cardimg {
        width: 74px;
    }

    .text-s14 {
        font-size: 13px !important;
    }

    .rect-para {
        font-size: 11px;
    }

    .rectangle-top-left {
        top: 35%;
    }

    .rectangle-top-right {
        top: 35%;
    }

    .rectangle-middle-right {
        top: 51%;
    }

    .rectangle-middle-left {
        top: 51%;
    }

    .rectangle-bottom-left {
        top: 67%;
    }

    .rectangle-bottom-right {
        top: 67%;
    }

    .rect-para {
        height: 81%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .company-list {
        height: 17rem;
        margin-top: 0;
        width: 100%;
    }

    .title-subtext {
        margin-left: 1rem;
    }

    .mediatitle-text {
        margin-left: 1rem;
    }

    .list-items {
        font-size: 9px;
    }

    .list-items.active {
        font-size: 8px;
    }

    .arrow-icon {
        width: 17px;
    }

    .jobmedia-img {
        margin-top: 1rem;
    }

    .subscribe-card {
        width: 14rem;
    }

    .subscribe-text {
        font-size: 17px;
    }

    .play-img {
        position: absolute;
        left: -62px;
    }

    .top-img {
        width: 8rem;
    }

    .wrapper {
        display: grid;
        grid-template-columns: repeat(2, 117px);
        grid-auto-rows: 117px;
    }

    /* ------------ Living in dubai ------------*/

    .img-top-text {
        font-weight: bold;
        padding-top: 3%;
        font-size: 16px;
    }

    .img-bottom-text {
        font-size: 16px;
    }

    .zonetabs .nav-pills li a {
        text-decoration: none;
        font-size: 12px;
    }

    /* ------------ Government Services ------------*/
    .helpgroup-img-one img {
        height: 7rem;
        width: 6rem;
        position: relative;
    }

    .visit-btn {
        top: 12rem;
        left: 20%;
    }

    /* ------------ Sales & Promotion ------------*/
    .dc-helpfl .helpgroup-img .box-img {
        margin-left: 0;
    }

     /* ------------ Jobs & Career ------------*/
    .dc-helpfl .helpgroup-img .box-img {
        margin-left: 0;
      }
}

@media (max-width: 800px) and (min-width:700px) {
    .group-img {
        top: -43px;
        margin-left: 0rem;
    }

    .news-img {
        height: 11rem;
        margin-top: 1rem;
        width: 100%;
    }

    .ads-img {
        width: 14rem;
    }

    .w-lg-95 {
        width: 100% !important;
    }

    .back-button {
        width: 100%;
        margin: 0 auto;
    }

    .slide-card {
        width: 100% !important;
    }

    .carousel-card-prev {
        left: 90%;
    }


}

/* -------------------- Below-MD -------------------- */
@media (max-width: 768px) and (min-width:576px) {

    .nav-height {
        height: 3.2rem;
    }

    .img-card-text {
        font-size: 14px;
    }

    .text-bottom-left {
        bottom: 5px;
        left: 16px;
    }

    .group-img {
        top: -31px;
        margin-left: -1rem;
        left: 9px;
    }

    .helpgroup-img {
        position: relative;
        top: -28px;
        display: flex;
        margin-left: -0.95rem;
    }

    .helpgroup-img img {
        height: 6.5rem;
        width: 6.5rem;
    }

    .helpgroup-img-one {
        position: relative;
        top: -28px;
        display: flex;
        margin-left: -0.95rem;
    }

    .helpgroup-img-one img {
        height: 100%;
        width: 100%;
    }

    .text-md-s7 {
        font-size: 7px !important;
    }

    .group-img img {
        height: 5.2rem;
    }

    .slider-prev {
        position: relative;
        top: -46px;
        left: 86%;
    }

    .slider-next {
        position: relative;
        top: -46px;
        left: 86%;
    }

    .single-carousel {
        height: 100%;
    }

    .news-img {
        height: 11rem;
        margin-top: 1rem;
        width: 13rem;
    }

    .news-text {
        font-size: 12px;
    }

    .tour-adds {
        height: auto!important;
        width: 100% !important;
        margin-bottom: 1rem;
    }

    .tour-btn {
        position: absolute !important;
        top: 90% !important;
        left: 41% !important;
    }

    .news-sub-text {
        font-size: 11px;
    }

    .tab-text {
        font-size: 10px;
    }

    .date-text p {
        font-size: 9px !important;
        margin-bottom: 5px;
    }

    .date-field p {
        font-size: 10px !important;
        margin-bottom: 10px;
    }

    .date-text img {
        margin-top: -9px;
    }

    .footer-img-group {
        height: 12rem;
        width: 100%;
    }

    .footer-box {
        margin-left: 1rem;
    }

    .new-img img {
        height: 6rem;
    }

    .center-text {
        font-size: 9px;
        width: 63%;
    }

    .carousel-height {
        height: 21rem;
    }

    .titlesubtext {
        margin-bottom: 5px;
    }

    .text-md-s15 {
        font-size: 15px !important;
    }

    .text-md-s12 {
        font-size: 12px !important;
    }

    .tour-img img {
        width: 100%;
        height: 100% !important;
    }

    .title-text {
        margin-bottom: 0.50rem;
        font-size: 17px;
    }

    .fest-text {
        font-size: 10px !important;
    }

    .top-img {
        width: 100%;
    }

    .bg-img {
        height: 61%;
    }

    .arrow-btn {
        height: 22px;
    }

    .festcard-img {
        width: 4rem;
    }

    .like-btn {
        margin-right: 0rem;
    }

    .rect-para {
        font-size: 10px;
        font-size: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .single-img {
        position: relative;
        width: 134px;
        height: 124px;
        overflow: hidden;
    }

    .help-centertext p {
        font-size: 9px;
    }

    .title-subtext {
        margin-left: 0.5rem;
    }

    .mediatitle-text {
        margin-left: 0.5rem;
        font-size: 17px;
    }

    .company-list {
        margin-top: 2rem;
        margin-bottom: 0;
        height: 16.85rem;
        width: 95%;
        padding: 0.40rem;
    }

    .list-items {
        font-size: 9px;
    }

    .side-sub-title {
        margin-bottom: 0.5rem !important;
    }

    .list-items.active {
        font-size: 8px;
    }

    .social-icon {
        width: 100%;
    }

    .subscribe-card {
        width: 12.7rem;
    }

    .subscribe-text {
        font-size: 14px;
    }

    .input-text {
        margin-top: 1rem;
        background-size: 18px;
        padding-left: 33px;
    }

    ::placeholder {
        font-size: 9px;
    }

    .subscribe-btn {
        margin-top: 1rem;
        width: 100%;
    }

    .logo-img {
        text-align: center;
        width: 100%;
        margin-left: 0;
    }

    .play-img {
        position: absolute;
        left: -52px;
    }

    .jobmedia-img {
        margin-left: 0.4rem;
        margin-top: 11px;
    }

    .overflow-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .media-carousel-img {
        width: 100%;
    }

    .event_img img {
        padding-top: 0;
    }

    /* -------------- News List Image -------------- */
    .news-list_img img {
        padding-top: 0;
    }
    /* -------------- News List Image -------------- */

    .sub-text {
        top: -27px;
    }

    .subtext {
        margin-left: 1rem;
    }

    .main-text {
        font-size: 17px;
    }

    .carouselimage img {
        height: 16rem;
    }

    .carousel-item {
        height: 100%;
    }

    .grid-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas: "Screen-1 Screen-1" "Screen-2 Screen-2""Screen-3 Screen-4";
        height: 60rem;
    }

    .mediacarousel {
        height: 25rem !important;
    }

    .wrapper {
        grid-auto-rows: 132px;
        grid-template-columns: repeat(2, 110px);
    }

    .centertext p {
        padding: 5px 6px;
        font-size: 12px;
    }

    .card-mediaimg {
        height: 3rem;
        width: 4rem;
    }

    .rectangle-top-left {
        top: 35%;
    }

    .rectangle-top-right {
        top: 35%;
    }

    .rectangle-bottom-left {
        top: 67%;
    }

    .rectangle-bottom-right {
        top: 67%;
    }

    .rectangle-middle-left {
        top: 51%;
    }

    .rectangle-middle-right {
        top:51%;
    }

    .media-ads {
        width: 100%;
    }

    .other-info-cardimg {
        width: 72px;
        margin-left: 16px;
    }

    .cityinfo-para {
        font-size: 9px;
        line-height: normal;
        width: 100%;
    }

    .direct-para {
        width: 100%;
    }

    .btn-orange {
        width: 90%;
    }

    .tour-card p {
        font-size: 11px !important;
    }

    /* --------------- Image Groups -------------------- */
    .img-groups {
        height:15rem;
    }

    .ads-img {
        height:13rem;
        width: 14rem;
    }

    .img-sub-text {
        font-size: 10px;
    }

    .jobs-subpara {
        font-size: 11px;
    }

    .visit-btn {
        top: 9.7rem;
        left: 2.8rem;
        padding: 4px 30px 4px 30px;
    }

    .visit-btn-second {
        top: 71.7rem;
        left: 3rem;
        padding: 4px 30px 4px 30px;
    }

    input[type="search"]::-webkit-search-cancel-button {
        display: none;
    }

    .visit-btn {
        top: 9.7rem;
        left: 2.8rem;
        padding: 4px 30px 4px 30px;
    }

    .visit-btn-second {
        top: 70.7rem;
        left: 3rem;
        padding: 4px 30px 4px 30px;
    }

    .box-img {
        flex-direction: column;
    }

    .side-img {
        height: 8.8rem;
    }


    .jobs-footer {
        width: 114%;
    }

    /* --------------- Govt_Services --------------- */
    .side-logo {
        height: 6rem;
        width: 5.8rem;
    }

    .border-card {
        margin-top: 0;
    }

    .border-card p {
        font-size: 12px !important;
    }

    .side-title {
        font-size: 15px;
    }

    .side-logo img {
        width: 5rem;
    }

    .link-blocks a {
        font-size: 12px;
    }

    .link-blocks {
        padding: 0 1rem;
    }

    .group-img-md {
        left: 2px;
    }

    .single-card-content {
        margin-left: 2rem;
    }

    /* --------------- Living In Dubai --------------- */
    .img-top-text {
        font-size: 14px;
        padding-top: 0px;
    }

    .img-bottom-text {
        font-size: 14px;
    }

    .text-underline {
        top: 13rem;
    }

    .living-news-tag {
        margin-right: 0;
    }

    /* --------------- Bank --------------- */
    .bankstabs .nav-pills li a {
        font-size: 12px;
    }

    .bankstabs .nav-pills li.active a {
        font-size: 12px;
    }

    .bankstabs .nav-pills {
        width: 93%;
    }

    .link-blocks img {
        margin-left: 1rem;
        height: 25px;
    }

    /* ------------ Freezone ------------- */
    .zonetabs .nav-pills li a {
        font-size: 10px;
    }

    .zonetabs .nav-pills li.active a {
        font-size: 10px;
    }

    .side-para {
        margin-bottom: 1rem;
    }

    /* ------------- Newspaper & Media ----------- */
    .visit-btn-fourth {
        top: 55rem;
        left: 3rem;
    }

     /* -------------- Clubs & Organizations ------------- */
     .top-text-wrapper {
        margin-bottom: 1rem;
    }

    .top-link-text {
        font-size: 10px;
    }

    .visit-btn-fifth{
        top: 48rem;
        left: 2.5rem;
    }

    /* -------------- Hospitals & Healthcare -------------- */
    .hospitalstabs .nav-pills li a {
        font-size: 12px;
    }

    /*---- Top image links ----*/
    .top-page-link {
        margin-top: -28px
    }

    /* -------------- Dubai News -------------- */
    .mediagroup-img img {
        height: 5.3rem;
    }

    .side-links:hover {
        margin-left: 0rem;
        padding: 0 0px;
    }

    .side-links {
        padding-left: 0;
        margin-left: 0;
    }

    .google-ads {
        margin-left: 1.1rem;
    }

    /* -------------- Booking -------------- */
    .booking-title {
        font-size: 15px;
    }

    .tour-price-catagory {
        font-size: 13px;
    }

    .tour-price {
        font-size: 12px;
    }

    .login-group .tour-input-left {
        width: 100%;
    }

    /* -------------- Dubai Tour -------------- */
    .tourcarousel .main-img {
        height: 9rem;
        object-fit: cover;
    }

    .carousel-card-title {
        font-size: 12px;
    }

    .image-line {
        width: 84%;
    }

    .card-text {
        font-size: 11px;
    }

    .md-none-border {
        border-top: 0;
    }

    /* -------------- Dubai Tour UAE -------------- */
    .rotate-text {
        font-size: 13px !important;
    }

    .popularuae-img img {
        height: 15.3rem;
    }

    .desert_card {
        display: flex;
        width: 100%;
    }

    .desert_img {
        width: 85rem;
    }

    .desert_img img {
        height: 59%;
    }

    .desert_content .title {
        font-size: 15px;
        padding: 1rem 1rem;
    }

    .desert_para p {
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 12px;
    }

    /* ----------------- Sales & Promotion ----------------- */
    .dc-helpfl .helpgroup-img .box-img {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    /* ----------------- Job&Career ----------------- */
    .dc-helpfl .helpgroup-img .box-img {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    /* ----------------- Education ----------------- */
    .inner-content-title p {
        margin-left: 2.1rem;
        margin-bottom: 0.5rem;
        font-size: 11px;
    }

    .single-card-row p {
        font-size: 11px !important;
    }

    .orange-navigation-block .single-card-row p {
        font-size: 13px !important;
    }

    .inner-content {
        padding-top: 0.4rem;
    }

    /* ----------------- Resturent ----------------- */
    .tour-slider-prev {
        left: -1%;
    }

    .tour-slider-next {
        left: 92%;
    }

    .carousel-img-one {
        left: -13%;
    }

    .carousel-img-two {
        left: 13%;
    }

    .carousel-img-three {
        left: 39%;
    }

    .carousel-img-four {
        left: 65%;
    }

    .carousel-img-five {
        left: 92%;
    }

    /* ------------- Shopping ------------- */

    .shopping-card-box {
        width: 8.6rem;
    }

    .swiper-buttonprev {
        left: 87% !important;
    }

    .shopping-buttonnext {
        left: 93% !important;
    }

    .shopping-swiper .shopping-buttonprev {
        left: 86% !important;
    }

    .shopping-swiper {
        height: 277px;
    }

    .single-add {
        height: 4.5rem;
    }

    .add-wrapper {
        margin-bottom: 1rem;
    }

    .news-block {
        margin: 0rem 0 3rem 0;
    }

    /* ---------- Section ---------- */
    .flag-logo {
        width: 6.8rem;
    }

    .pagination-number p {
        font-size: 10px;
    }

    /* ---------- Package ---------- */
    .card-topimg {
        height: 9rem;
    }

    /* ---------- Holiday Package ---------- */
    .price-btn {
        width: 49%;
        height: 100%;
        font-size: 12px;
    }

    .text-md-s12 {
        font-size: 12px;
    }

    .pak-card-img {
        width: 7.5rem;
    }

    .badgeblock {
        position: absolute;
        top: 0px;
        left: -11px;
    }

    /* ---------- Dubai Metro ---------- */
    .map-container {
        display: flex;
        margin-bottom: 0rem;
    }

    .map-container .main-screen img {
        height: 7rem !important;
    }

    .news-listing-para-content {
        display: flex;
        height: 50%;
    }

    .para-width {
        display: none;
    }

    /* ----------- Home Page Card ----------- */
    .slide-card {
        width: 22rem;
        margin-left: 0.5rem;
    }

    .carousel-card-prev {
        left: 75%;
    }

    .latest-news-card-content {
        font-size: 12px;
        padding-bottom: 0;
    }


}

@media (max-width: 768px) {

    .dc-jobcatlist .dc-listin {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .dc-jobcatlist .dc-listin .dc-listinone {
      width: 100%;
      margin: 0;
    }

    .dc-jobcatlist .dc-listin .dc-listinone:first-child {
      border: none;
    }

    .dc-listsingl .dc-desc h3 {
      display: block;
      width: 100%;
    }

    .dc-featuredjob .dc-desc {
        width: 100%;
        display: block;
    }

    .dc-listsing .dc-desc h3 {
        width: 100%;
    }

    .dc-listsing .dc-desc .date-text {
        width: 100%;
    }

    .dc-listsingl .dc-desc .date-text {
        width: 100%;
    }

    .dc-listsingl .dc-desc h3 span {
      margin-top: 10px;
      display: block;
    }

    .dc-listin h2, .dc-listin .no {
      font-size: 12px;
    }

    .textbottom-left {
        position: absolute;
        bottom: 25px;
        left: 21px;
    }

    .sliderprev {
        left: 0px;
    }

    .slidernext {
        left: 30px;
    }

    .ar-coverimg {
        height: 16rem;
    }

    .bannerimage {
        height: auto;
    }

    .tour-mediaimg img {
        height: 6.5rem;
    }

    .back-button {
        width: 100%;
        margin: 0 auto;
    }

    .table-block {
        flex-direction: column;
    }

    .table-first-block {
        width: 100%;
        border-right: 0;
    }

    .table-second-block {
        width: 100%;
    }

    /* -------------- Special news details list -------------- */

    .news-listing-para p {
        width: 100%;
    }

    .news-listing-para p {
        width: 100%;
    }

    .news-listing-para-tittle h3 {
        margin-bottom: 4px;
    }

    /* ----------- Medical Tourisam ----------- */
    .medical-card-imagedetails {
        margin-bottom: 10px;
    }

    .topimg {
        height: auto;
    }

    .bannerimage img {
        display: block;
        width: 100%;
        position: relative;
        z-index: -1;
        height: 17rem;
    }

    /* --------------- User Register --------------- */
    .userlogin-group .reg-label-text {
        position: absolute;
        top: 12px;
        left: 16px;
        width: 36%;
    }

}

@media (max-width: 700px) and (min-width:600px){
    .news-img {
        height: 11rem;
        width: 100%;
        margin-top: 1rem;
    }

    .card-mediaimg {
        height: 3rem;
        width: 4rem;
    }

    .group-img img {
        height: 13.2rem;
    }

    .group-img {
        top: -31px;
        margin-left: -2rem;
        left: 0px;
    }

    .subtext {
        margin-right: 1rem;
    }

    .helpgroup-img img {
        height: 11.5rem;
        width: 16.5rem;
    }

    .title-subtext {
        margin-right: 1rem;
    }

    .wrapper {
        grid-auto-rows: 151px;
        grid-template-columns: repeat(2, 280px);
    }

    .direct-para {
        width: auto;
        margin-left: auto;
        margin-bottom: 0 !important;
    }

    .bg-img {
        height: 87% !important;
    }

    .w-lg-95 {
        width: 100% !important;
    }

    .footer-img-group {
        height: 19rem;
    }

    .footer-img {
        height: 6.5rem;
    }

    .subscribe-card {
        width: 100%;
        margin-left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .subscribe-text {
        width: 50%;
    }

    .subscribe-card .input-text {
        width: 65%;
    }

    .subscribe-btn {
        margin-top: 1rem;
        width: 49%;
    }

    .card-wrapper {
        display: flex;
        margin-left: 0;
    }

    .cardnews-img {
        height: 19rem;
    }

    .company-list {
        margin-top: 0rem;
        margin-bottom: 16px;
        height: 16.85rem;
        width: 100%;
        padding: 0.40rem;
        margin-left: 0;
    }

    .news-card {
        margin-bottom: 1rem;
    }

    .tour-slider-next {
        left: 91%;
    }

    .rotate-text {
        left: -0.5rem;
    }

    .mediagroup-img img {
        height: 13.6rem !important;
        width: auto;
    }

    .navigation-block {
        padding: 1rem 0.5rem;
        cursor: pointer;
    }

    .single-card-row p a {
        color: #000;
        font-size: 10px;
    }

    .r_modal .tour-slider-next {
        left: 28rem;
    }

    .r_carousel .carousel-img-five {
        left: 19.5rem;
    }

    .r_carousel .carousel-img-four {
        left: 14rem;
    }

    .r_carousel .carousel-img-three {
        left: 8.5rem;
    }

    .r_carousel .carousel-img-two {
        left: 2.9rem;
    }

    .back-button {
        width: 100%;
        margin: 0 auto;
    }

    .tourcarousel .main-img {
        height: 11rem;
        object-fit: cover;
    }

    .card-topimg {
        height: 11rem;
    }

     /* ---------------- Package ---------------- */
     .badgeblock {
        position: absolute;
        top: 0px;
        left: 8px !important;
    }

    /* ---------- Blog ---------- */
    .single-blog-img {
        height: 20.5rem;
    }

    /* ---------- Home ---------- */
    .slide-card {
        width: 100%;
        height: 100%;
        margin-left: 0;
    }

    .mainbottom-border {
        margin-bottom: 5rem;
    }

    .carousel-card-prev {
        left: 89%;
    }

    .mainbottom-border:first-child {
        border-bottom: none;
        margin-bottom: 0rem;
    }

    .latest-news-card-img.news-img {
        height: 22rem;
    }

    .footer-box {
        margin-left: 0rem;
    }

}

/* -------------------- SM -------------------- */
@media (max-width: 576px) and (min-width: 425px) {

    .slider-prev {
        left: 26.8rem;
    }

    .slider-next {
        left: 26.6rem;
    }

    .main-text {
        top: 0px;
        margin-left: 1rem;
    }

    .sub-text {
        position: relative;
        top: 0px;
        margin-left: 1rem;
    }

    .grid-container {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas: "Screen-1 Screen-1" "Screen-2 Screen-2""Screen-3 Screen-4" ;
        height: 45rem;
    }

    .wrapper {
        grid-auto-rows: 184px;
        grid-template-columns: repeat(2, 269px);
        position: relative;
        top: -124px;
    }

    .mediacarousel {
        height: 20rem !important;
    }

    .title-text {
        padding-left: 1rem;
    }

    .group-img {
        position: relative;
        top: -7px;
        left: -4px;
    }

    .helpgroup-img {
        left: -5px;
    }

    .jobs-footer {
        width: 100%;
        position: relative;
        top: -116px;
    }

    .title-subtext {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .helpgroup-img img {
        height: 100%;
        width: 100%;
    }

    .card-wrapper {
        display: flex;
        margin-left: 0.2rem;
    }

    .news-img {
        width: 100%;
        height: 11rem;
    }

    .latest-news-card-img.news-img {
        height: 100%;

    }

    .date-field {
        margin-bottom: 1rem;
    }

    .new-img {
        top:-25px;
    }

    .all-news {
        margin-right: 1rem;
    }

    .first-card {
        margin-left: 1rem;
    }

    .biz-direc {
        position: relative;
        top: -112px;
    }

    .second-card {
        margin-right: 1rem;
    }

    .w-sm-38 {
        width: 38%!important;
    }

    .rectangle-top-left {
        top: 25%;
        left: 13%;
        width: 36%;
        height: 13%;
    }

    .rectangle-top-right {
        top: 25%;
        left: 51%;
        width: 36%;
        height: 13%;
    }

    .rectangle-middle-left {
        top: 39%;
        left: 13%;
        width: 36%;
        height: 13%;
    }

    .rectangle-middle-right {
        top: 39%;
        left: 51%;
        width: 36%;
        height: 13%;
    }

    .rectangle-bottom-left {
        top: 53%;
        left: 13%;
        width: 36%;
        height: 13%;
    }

    .rectangle-bottom-right {
        top: 53%;
        left: 51%;
        width: 36%;
        height: 13%;
    }

    .mediatitle-text {
        margin-left: 0;
    }

    .single-img {
        width: 134px;
        height: 93px;
    }

    .rect-para {
        font-size: 13px;
        height: 100%;
    }

    .para-media {
        text-align: justify;
        position: relative;
        top: -118px;
    }

    .single-line-text {
        height: 76%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .bg-img {
        height: 67%;
        width: 100% !important;
    }

    .direct-para {
        margin-left: 0;
    }

    .company-list {
        margin-top: -1rem;
        margin-bottom: 0;
        height: 16.85rem;
        width: 100%;
        padding: 0.40rem;
        margin-left: 0;
    }

    .list-items {
        font-size: 14px;
    }

    .jobs-subpara {
        font-size: 14px;
        top: 86%;
        left: 37%;
        position: relative;
    }

    .image-key {
        font-size: 15px;
    }

    .overflow-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .footer-img {
        height: 6.75rem;
    }

    .subscribe-card {
        width: 100%;
        margin-left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .input-text {
        width: 50%;
    }

    .subscribe-btn {
        margin-top: 1rem;
        width: 38%;
    }

    .subscribe-text {
        font-size: 17px;
    }

    .centertext p {
        padding: 5px 6px;
        font-size: 13px;
    }

    .help-centertext p {
        font-size: 13px;
    }

    .footer-box {
        margin-left: 13px;
        margin-top: 11px;
    }

    .carousel-height {
        height: 17rem;
    }

    .group-img img {
        height: 100%;
        width: 100%;
    }

    .sub-text {
        position: relative;
        top: 0px;
        margin-right: 1rem;
        margin-left: 1rem;
        margin-bottom: 25px;
    }

    .social-icon {
        margin-bottom: 2rem;
    }

    .carouselimage img {
        height: 15rem;
    }

    .carouselindicators {
        margin-left: 3%;
        margin-right: 3%;
    }

    .footer-img-group {
        height: 19rem;
        width: 100%;
    }

    /* -------- Visit Button -------- */
    .visit-btn {
        left: 8.8rem;
        padding: 4px 25px 4px 25px;
    }

    .visit-btn-second {
        left: 13.8rem;
        padding: 4px 25px 4px 25px;
    }

    /* --------------- Livingindubai --------------- */
    .img-bottom-text {
        font-size: 15px;
    }

    .img-sub-text {
        font-size: 11px;
    }

    /* --------------- Govt_Services --------------- */
    .link-blocks a {
        font-size: 16px;
    }

    .input-text {
        margin-top: 1rem;
    }

    .border-card .phone-num {
        font-size: 12px;
    }

    .border-card .web-text {
        font-size: 12px;
    }

    /* -------------- Bank --------------------- */
    .bankstabs .nav-pills li a {
        font-size: 11px;
    }

    .bankstabs .nav-pills li.active a {
        font-size: 11px;
    }

    .side-title {
        font-size: 14px;
        padding-top: 2px;
        margin-bottom: 0.5rem;
    }

    /* -------------- Freezone --------------------- */
    .zonetabs .nav-pills li a {
        font-size: 10px;
    }

    .zonetabs .nav-pills li.active a {
        font-size: 10px;
    }

    /* ---------------Newspaper & Media ------------- */
    .visit-btn-fourth {
        top: 59rem;
        left: 8rem;
    }

    /* -------------- Clubs & Organizations ------------- */
    .top-link-text {
        font-size: 10px;
    }

    .visit-btn-fifth{
        left: 8rem;
    }

    /* -------------- Hospital ------------- */
    .hospitalstabs .nav-pills {
        width: 69%;
    }

    /* -------------- Travel & Tips ------------- */
    .main-text-bottom {
        padding-bottom: 5rem;
    }

    /*---- Top image links ----*/
    .top-page-link {
        margin-top:-6%;
    }

    /* -------------- Dubai News -------------- */
    .mediagroup-img img {
        height: 13.1rem;
    }

    .cardnews-img {
        height: 19rem;
    }

    .side-links {
        margin-left: 0;
    }

    .side-links:hover {
        margin-left: 0;
    }


    /* -------------- Dubai News Details -------------- */
    .newsdetail-img {
        width: 95%;
        height: 20rem;
        margin-left: 10px;
    }

    .box-img {
        flex-direction: row;
    }

    .news-card {
        margin-bottom: 1rem;
    }

    /* -------------- Dubai Tour UAE -------------- */
    .carousel-cover-next {
        left: 88%;
    }

    .marginbottom-sm-0 {
        margin-bottom: 0 !important;
     }

     .rotate-text {
        left: -0.6rem;
        top: 4rem;
    }

    /* -------------- Restaurent -------------- */
    .card-header-img {
        height: 12rem;
    }

    .tour-slider-next {
        left: 90%;
    }

    .carousel-img-one {
        left: -3.5rem;
    }

    .carousel-img-two {
        left: 12%;
    }

    .desert_card {
        width: 33rem;
        margin: 0 auto 1rem auto;
        display: flex;
        flex-direction: column;
    }

    .desert_img {
        width: 33rem;
    }

    .news-block {
        margin: 1rem 0 3rem 0;
    }

    .r_modal .tour-slider-next {
        left: 90%;
    }

    .r_carousel .carousel-img-five {
        left: 92%;
    }

    .r_carousel .carousel-img-four {
        left: 65%;
    }

    .r_carousel .carousel-img-three {
        left: 39%;
    }

    .r_carousel .carousel-img-two {
        left: 12%;
    }

    .r_carousel .carousel-img-one {
        left: -14%;
    }

    /* ---------- Package ---------- */

    .badgeblock {
        position: absolute;
        top: 0px;
        left: 5px;
    }

    /* ---------------- News Listing ---------------- */
    .para-width {
        display: none;
    }

    .medical-card-imagedetails {
        margin-bottom: 10px;
    }

    /* ------ Home Card ------ */
    .slide-card {
        width: 100%;
        margin-left: 0;
    }

    .carousel-card-prev {
        left: 90%;
    }

    .mainbottom-border:first-child {
        border-bottom: none;
        margin-bottom: 0rem;
    }

}

@media (max-width: 567px) and (min-width: 428px) {

    .centertext p {
        font-size: 13px;
    }

    .helpgroup-img img {
        width: 12.2rem;
    }

    .help-centertext p {
        font-size: 13px;
    }

    /* ----------------- Modal ----------------- */
    .r_modal .tour-slider-next {
        left: 19rem;
    }

    .r_carousel .carousel-img-one {
        left: -1.3rem;
    }

    .r_carousel .carousel-img-two {
        left: 2.5rem;
    }

    .r_carousel .carousel-img-three {
        left: 6.3rem;
    }

    .r_carousel .carousel-img-four {
        left: 10.2rem;
    }

    .r_carousel .carousel-img-five {
        left: 14.1rem;
    }
}

/* -------------------- Below SM -------------------- */
@media (max-width:575px) and (min-width: 376px) {
    .slider-prev {
        left: 80%;
    }

    .slider-next {
        left: 80%;
    }

    .rect-para {
        font-size: 14px;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 84%;
    }

    .grid-container {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas: "Screen-1 Screen-1" "Screen-2 Screen-2""Screen-3 Screen-4" ;
        height: 43rem;
    }

    .mediacarousel {
        height: 25rem !important;
    }

    .card-wrapper {
        display: flex;
        margin-left: 0;
    }

    .nav-side-links {
        padding: 4px 0;
    }

    .nav-box {
        height: 11.8rem;
    }

    .nav-side-links p {
        font-size: 10px;
    }

    .para-media {
        top: -33px;
        position: relative;
    }

    .biz-direc {
        position: relative;
        top: 0px;
    }

    .all-news {
        margin-right: 0;
    }

    .user-img {
        height: 13.99px;
    }

    .top-page-link-text:first-child {
        margin-left: 10px;
    }

    .top-page-link-text {
        font-size: 11px;
    }

    .greater-arrow {
        margin-top: 3px;
    }

    .rotate-text {
        left: -0.5rem;
    }

    .group-img img {
        height: 9.5rem;
        width: 11.8rem;
    }

    .other-info-cardimg {
        width: 100px;
    }

    .carousel-height {
        height: 13rem;
    }

    .img-card-text {
        font-size: 20px;
    }

    .top-img {
        width: 100%;
    }

    .media-ads {
        width: 100%;
    }

    .img-card-text {
        font-size: 16px;
    }

    .bg-img {
        height: 65%;
        width: 100% !important;
    }

    .main-text {
        margin-left: 1rem;
        position: relative;
        top: 21px;
    }

    .sub-text {
        position: relative;
        top: 18px;
        font-size: 13px;
        margin-left: 1rem;
        margin-bottom: 2rem;
        padding-right: 18px;
    }

    .news-text {
        color: #1B1B1B;
        font-size: 17px;
    }

    .news-sub-text {
        font-size: 14px;
        line-height: 1.3;
        color: #707070;
        width: 100%;
    }

    .tab-text {
        font-size: 13px;
    }

    .title-subtext {
        margin-left: 2rem;
        color: #000000;
        line-height: 1.4;
    }

    .group-img {
        top: 0px;
        margin-left: 0;
        justify-content: flex-start;
    }

    .carouselimage img {
        height: 13rem;
    }

    .mediatitle-text {
        margin-left: 1rem;
        padding-left: 0 !important;
    }

    .title-subtext {
        margin: 1rem;
        font-size: 13px;
    }

    .city-subtext {
        font-size: 13px !important;
        margin-bottom: 0;
    }

    .nav-height {
        height: 2.6rem;
    }

    .news-img {
        width: 100%;
        height: 15rem;
    }

    .footer-box {
        margin-left: 0;
    }

    .company-list {
        margin-left: 0;
        margin-top: -16px;
        width: 100%;
    }

    .direct-para {
        margin-left: 0;
    }

    .rectangle-top-left {
        left: 13%;
    }

    .rectangle-top-right {
        left: 50%;
    }

    .rectangle-middle-left {
        left: 13%;
    }

    .rectangle-middle-right {
        left: 50%;
    }

    .rectangle-bottom-left {
        left: 13%;
    }

    .rectangle-bottom-right {
        left: 50%;
    }

    .wrapper {
        display: grid;
        grid-template-columns: repeat(2, 195px);
        grid-auto-rows: 154px;
        margin-top: -8px;
        position: relative;
        top: -26px;
    }

    .shopping-swiper .shopping-buttonprev {
        left: 84% !important;
    }

    .shopping-buttonnext {
        top: 2px !important;
        float: right;
        left: 92% !important;
    }

    .footer-img-group {
        height: 17rem;
        width: 24rem !important;
    }

    .subscribe-card {
        width: 24rem !important;
    }

    .social-icon {
        width: 98%;
    }

    .small-text {
        font-size: 9px;
    }

    .jobs-footer {
        width: 98%;
        top: 0;
        float: right;
    }

    .border-card .phone-num {
        font-size: 11px;
    }

    .border-card .web-text {
        font-size: 11px;
    }

    .slidernext {
        left: 30px;
        top: -40px;
    }

    .sliderprev {
        top: -40px;
    }

    /* --------------- Govt_Services --------------- */
    .side-logo img {
        width: 4rem;
    }

    .side-logo {
        height: 5rem;
        width: 4.8rem;
    }

    .single-card-content {
        margin-left: 2rem;
    }

    .border-card {
        margin-top: 0;
        margin-bottom: 1rem;
        width: 127px;
    }

    .top-text-wrapper {
        height: 2rem;
        margin-right: 12px;
        width: 175px;
    }

    .top-text-wrapper a {
        font-size: 11px;
    }

    .visit-btn {
        left:26%;
    }

    .helpgroup-img-one img {
        height: 100%;
        width: 100%;
    }
    /* ---------------Livingindubai ----------- */
    .visit-btn-second {
        top: 87.7rem;
        left: 35%;
    }

    .img-groups {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .living-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 182px);
        grid-auto-rows: 154px;
        margin-top: 19px;
        margin-left: px;
    }

    /* --------------- Hospital --------------- */
    .hospitalstabs .nav-pills li a {
        font-size: 11px;
    }

    .hospitalstabs .nav-pills {
        width:81%;
    }

    /* ---------------------- Freezone ---------------------- */

    .zonetabs .nav-pills li a {
        text-decoration: none;
        font-size: 9px;
    }

    .side-para {
        margin-bottom: 14px;
    }

    /* ---------------------- Bank ---------------------- */
    .bankstabs .nav-pills li.active a {
        color: #000;
        font-size: 10px;
    }

    .bankstabs .nav-pills li a {
        font-size: 10px;
    }

    .top-page-link {
        margin-top: -23px;
    }

    .mediagroup-img img {
        height: 9.1rem;
    }

    .side-sub-title {
        margin-bottom: 10px !important;
    }

    /* ------------------ Booking ------------------ */
    .tour-price-catagory {
        font-size: 13px;
    }

    .tour-price {
        font-size: 12px;
    }

    .booking-title {
        font-size: 15px;
    }

    /* -------------- Businessdirectory -------------- */
    .business-modal {
        right: 8px;
    }

    /* -------------- Tour -------------- */
    .carousel-cover-next {
        left: 84%;
        top: -9rem;
    }

    .carousel-cover-prev {
        position: relative;
        top: -9.5rem;
        left: -1%;
    }

    .r_modal .modal-footer {
        border-top: 0;
        margin-top: 4rem;
    }

    /* ----------- Shopping ----------- */
    .add-flag-box {
        display: flex;
        flex-direction: column;
    }

    .single-add {
        height: 7rem;
    }

    .product-img {
        width: 88px;
        height: 107px;
    }

    .news-block {
        margin: 1rem 0 3rem 0;
    }

    .image-line {
        margin-left: 7.3%;
    }

    /* ------------- Section ------------- */

    .flag-logo {
        width: 5rem;
    }

    /* --------- Page Number --------- */

    .page {
        display: flex;
        align-items: initial;
        justify-content: space-between;
        margin: 1rem 0;
        flex-direction: column;
    }

    .pagination-number {
        width:max-content;
        margin-bottom: 1rem;
    }

    /* --------- Package --------- */
    .badgeblock {
        position: absolute;
        top: 0px;
        left: 24px;
    }

    /* --------- User Register --------- */
    .userlogin-group .reg-label-text {
        width: 19%;
    }

    .user-register-subtitle {
        padding: 1rem 0;
    }
}

@media (max-width:569px) and (min-width: 460px) {

    .grid-container {
        height: 49rem;
    }

    .desert_card {
        width: 26rem;
        margin: 0 auto 1rem auto;
        display: flex;
        flex-direction: column;
    }

    .desert_img {
        width: 26rem;
    }

    .helpgroup-img {
        left: -18px;
    }

    .other-info-cardimg {
        width: 110px;
    }

}

@media (max-width:470px) and (min-width: 441px) {

    .sub-text {
        position: relative;
        top: 15px;
    }

    .sub-text {
        position: relative;
        top: 10px;
    }

    /* ------------- Dubai News ------------- */

    .side-links:hover {
        margin-left: 0;
    }

    /* ---------------- Pressrelease ---------------- */
    .general-block p {
        font-size: 14px;
    }

    /* ---------------- Dubai Tour ---------------- */
    .card-box {
        margin-bottom: 2rem;
    }

    /* ---------------- Shopping ---------------- */
    .top-brands-logo {
        width: 7rem;
        height: 8rem;
    }

}

@media (max-width:452px) and (min-width: 377px) {

    .single-img {
        width: 134px;
        height: 138px;
    }

    .rectangle-top-left {
        top: 26%;
    }

    .rectangle-middle-left {
        top: 42%;
    }

    .rectangle-bottom-left {
        top: 58%;
    }

    .rectangle-top-right {
        top: 26%;
    }

    .rectangle-middle-right {
        top: 42%;
    }

    .rectangle-bottom-right {
        top: 58%;
    }

    .helpgroup-img {
        margin-left: 2px;
        justify-content: flex-start;
    }

    .helpgroup-img img {
        height: 9.5rem;
        width: 11.8rem;
    }

    .subscribe-card {
        width: 19.5rem;
    }

    .footer-img-group {
        height: 19rem;
        width: 23.5rem;
    }

    .footer-img {
        height: 6.3rem;
    }

    .title-text {
        padding-left: 0rem;
    }

    /* ---------------- Living In Dubai ---------------- */
    .ads-img {
        width: 19rem;
    }

   /* -------------- Dubai News Details -------------- */
    .newsdetail-img {
        width: 95%;
        height: 20rem;
        margin-left: 10px;
    }

    .news-card {
        margin-bottom: 1rem;
    }

    .cardnews-img {
        height: 14rem;
    }

    .side-links:hover {
        margin-left: 0;
    }

    .side-links {
        margin-left: 0;
    }

    .ads-img {
        width: 24rem;
        margin: 0 auto;
    }

    /* ---------------- Pressrelease ---------------- */
    .general-block p {
        font-size: 14px;
    }

    /* ---------------- Dubai Tour ---------------- */
    .card-box {
        margin-bottom: 2rem;
    }

    /* ---------------- Tour Booking ---------------- */
    .city-block  {
        flex-direction: column;
    }

    .login-group .tour-input-left {
        width: 100%;
    }

    .login-group .small-input-left {
        width: 90%;
    }

    .login-group .small-input-right {
        width: 98%;
    }

    /* ----------------- Education ----------------- */
    .img-block-content {
        padding: 0;
    }

    /* ----------------- Resturent ----------------- */
    .tour-slider-prev {
        left: -4%;
    }

    .carousel-img-one {
        left: -2.5rem;
    }

    .carousel-img-two {
        left: 2rem;
    }

    .carousel-img-three {
        left: 6.5rem;
    }

    .carousel-img-four {
        left: 11rem;
    }

    .carousel-img-five {
        left: 15.5rem;
    }

    .tour-slider-next {
        left: 86%;
    }

    .r_modal .modal-body {
        padding: 0rem;
    }

    .r_modal .tour-slider-next {
        left: 19rem;
    }

    .r_carousel .carousel-img-one {
        left: -1.8rem;
    }

    .r_carousel .carousel-img-two {
        left: 2rem;
    }

    .r_carousel .carousel-img-three {
        left: 5.9rem;
    }

    .r_carousel .carousel-img-four {
        left: 9.7rem;
    }

    .r_carousel .carousel-img-five {
        left: 13.5rem;
    }

    .desert_card {
        width: 24rem;
    }

    .desert_img {
        max-width: 100%;
    }

    .desert_content .title {
        padding: 1rem 1rem;
        font-size: 14px;
    }

    .desert_para p {
        border-bottom: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 12px;
    }

    .navigation-block {
        display: flex;
        flex-direction: column;
    }

    .navigation-block .single-card-row p {
        font-size: 14px;
    }

    .desert_card {
        display: flex;
        flex-direction: column;
        margin-left: 1rem;
        margin: 0 auto 1rem auto;
    }

     /* ---------------- Shopping ---------------- */
     .top-brands-logo {
        width: 7rem;
        height: 8rem;
    }

    .swiper-buttonprev {
        left: 84% !important;
    }

    .swiper-buttonnext {
        left: 92% !important;
    }

    .shoppingcity-card {
        margin-bottom: 1rem;
    }

    .booking-btn-snigleblock .border-card {
        width: 100%;
    }

    .dc-helpfl .side-title {
        font-size: 17px;
    }

    .map-container .main-screen img {
            height: 5rem !important;
            width: 8rem !important;
    }

    /* ------------ User Regiser ------------ */
    .userlogin-group .reg-label-text {
        width: 21%;
    }

    /* ---------- Home ---------- */
    .carouselindicators {
        margin-left: 0%;
        margin-right: 0%;
    }

    .first-card {
        margin-left: 0rem;
    }

    .second-card {
        margin-right: 0rem;
    }

    .wrapper {
        grid-template-columns: repeat(2, 189px);
    }
}

@media (max-width:560px) and (min-width: 435px) {

    .para-media {
        position: relative;
        top: -54px;
    }

    .single-img-box {
        position: relative;
        width: 47%;
    }

    .card-wrapper {
        display: flex;
        margin-left: 0;
    }

    .box-img {
        display: flex;
        justify-content: space-evenly;
    }

    .box-img-one {
        display: flex;
        justify-content: space-evenly;
    }

    .helpgroup-img img {
        width: 100%;
    }

    /* ---------------- Pressrelease ---------------- */
    .general-block p {
        font-size: 14px;
    }

    /* ---------------- Tour Booking ---------------- */
    .city-block  {
        flex-direction: column;
    }

    .business-modal {
        right: 9px;
    }

    /* ---------------- Package ---------------- */
    .badgeblock {
        position: absolute;
        top: 0px;
        left: 19px !important;
    }

}

@media (max-width: 480px) and (min-width: 475px) {
.carousel-img-one {
    left: -1.5rem;
}

.carousel-img-two {
    left: 18%;
}

.carousel-img-three {
    left: 8.6rem;
}

.carousel-img-four {
    left: 13.8rem;
}

.carousel-img-five {
    left: 18.5rem;
}
}

/* -------------------- Above-XS -------------------- */
@media (max-width: 375px) and (min-width: 321px) {
    .carousel-height {
        height: auto;
    }

    .carousel-indicators p {
        font-size: 18px;
    }

    .carouselimage img {
        height: 9rem;
    }

    .group-img {
        margin-left: 0rem;
        justify-content: flex-start;
    }

    .nav-side-links {
        padding: 3px 0;
        border-bottom: 1px solid #DFDFDF;
    }

    .bottom-left {
        position: absolute;
        bottom: 9px;
        left: 9px;
        font-size: 11px;
    }

    .nav-side-links {
        padding: 2px 0;
    }

    .nav-box {
        height: 8rem;
    }

    .nav-side-links p {
        font-size: 7px;
    }

    .nav-height {
        height: 0;
    }

    .card-flag-text {
        font-size: 15px;
    }

    .text-bottom-left {
        bottom: 15px;
        left: 16px;
    }

    .card-flag-text {
        margin-bottom: 6px;
    }

    .grid-container {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas: "Screen-1 Screen-1" "Screen-2 Screen-2""Screen-3 Screen-4" ;
        height: 36rem;
    }

    .mediacarousel {
        height: 20rem !important;
    }

    .card-flag {
        width: 29%;
        font-size: 10px;
    }

    .slider-prev {
        position: relative;
        top: -35px;
        left: 80%;
        display: inline;
        padding: 10px 0 0 5px;
    }

    .w-lg-95 {
        width: 100% !important;
    }

    .slider-next {
        position: relative;
        top: -34px;
        left: 80%;
    }

    .arrow-btn {
        height: 21px;
    }

    .carouselimage {
        height: 15rem;
    }

    .inner-carousel-text {
        font-size: 8px;
    }

    .carouselimage img {
        height: 11rem;
    }

    .main-text {
        margin-left: 0.25rem;
    }

    .sub-text {
        margin-left: 0.25rem;
    }

    .subtext {
        margin-left: 1rem;
        width: 91%;
    }

    .mediatitle-text {
        margin-left: 0rem;
    }

    .top-img {
        width: 100%;
    }

    .sub-footer a {
        font-size: 6px !important;
    }

    .bg-img {
        height: 62%;
    }

    .news-title {
        font-size: 14px;
    }

    .single-img-box {
        position: relative;
        width: 47%;
    }

    .helpgroup-img-one .single-img-box {
        position: relative;
        width: 100%;
    }

    .box-img {
        display: flex;
        justify-content: space-evenly;
    }

    .helpgroup-img img {
        height: 9.5rem;
        width: 100%;
    }

    .cardfooter {
        display: flex;
        width: 100%;
        justify-content: flex-end;
        margin-top: 10px;
    }

    .helpgroup-img-one .box-img-one img {
        height: 100%;
        width: 100%;
    }

    .footer-img-group {
        height: 12rem;
        width: 20.5rem;
    }

    .subscribe-card {
        width: 20.5rem;
    }

    .helpgroup-img {
        margin-left: -7px;
    }

    .card-wrapper {
        display: flex;
        margin-left: 0;
    }

    .direct-para {
        margin-left: 0;
    }

    .social-icon {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 1.25rem;
        width: 100%;
        margin-bottom: 1rem;
    }

    .news-img {
        height: 15rem;
        width: 100%;
    }

    .company-list {
        margin-top: 0rem;
        margin-left: 0;
        width: 100%;
    }

    .wrapper {
        display: grid;
        grid-template-columns: repeat(2, 163px);
        margin-top: -29px;
    }

    .rectangle-top-left {
        top: 27%;
        left: 10%;
    }

    .rectangle-top-right {
        top: 27%;
        left: 47%;
    }

    .rectangle-middle-left {
        top: 43%;
        left: 10%;
    }

    .rectangle-middle-right {
        top: 43%;
        left: 47%;
    }

    .rectangle-bottom-left {
        top: 59%;
        left: 10%;
    }

    .rectangle-bottom-right {
        top: 59%;
        left: 47%;
    }

    .search-icon {
        background-position: 0% 2%;
        height: 19px;
        background-size: 17px;
        width: 61px;
    }

    .group-img img {
        height: 7.8rem;
    }

    .user-img {
        height: 12.99px;
    }

    .cityinfo-para {
        width: 105%;
    }

    .footer-box {
        margin-left: 0;
        width: 100%;
    }

    .titlesub-text {
        font-weight: bold;
        font-size: 15px;
    }

    .slidernext {
        left: 30px;
        top: -32px;
    }

    .sliderprev {
        top: -32px;
    }

    .text-xs-10 {
        font-size: 10px !important;
    }

    .img-card-text {
        font-size: 16px;
    }

    .rect-para {
        padding: 0.5rem;
    }

    .festival-para {
        font-size: 12px !important;
    }

    .carousel-cover-next {
        left: 84%;
        top: -9rem;
    }

    .carousel-cover-prev {
        position: relative;
        top: -9.5rem;
        left: -1%;
    }

    .title-subtext {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .para-media {
        position: relative;
        top: -40px;
    }

    .play-img {
        position: absolute;
        left: -56px
    }

    .other-info-cardimg {
        width: 97px;
    }

    /* --------------- Living in Dubai --------------- */
    .ads-img {
        width: 22rem;
        height: 17rem;
    }

    .living-wrapper {
        top: 16px;
        position: relative;
        grid-template-columns: repeat(2, 161px) !important;
    }

    .living-news-tag {
        margin-right: 1.5rem;
    }

    .visit-btn {
        left:5rem;
        padding: 3px 25px 3px 25px;
    }

    .visit-btn-second {
        top: 83.5rem;
        left: 8rem;
        padding: 3px 25px 3px 25px;
    }

    .media-ads {
        width: 100%;
    }
    /* --------------- Govt_Services --------------- */
    .side-logo {
        height: 5rem;
        width: 4.6rem;
    }

    .side-logo img {
        width: 4rem;
    }

    .side-title {
        font-size: 13px;
    }

    .pagination img {
        height: 23px;
        width: 23px;
    }

    .page-number p {
        height: 23px;
        width: 23px;
    }

    .border-card {
        width: 112px;
        margin-top: 10px;
    }

    .top-text-wrapper {
        height: 2rem;
        margin-right: 1rem;
        width: 155px !important;
    }

    .top-link-text {
        font-size: 12px !important;
    }

    .rest-card {
        width: 85%;
    }

    .border-card img {
        height: 20px;
        width: 20px;
    }

    .border-card .phone-num {
        font-size: 10px;
        padding-left: 7px;
    }

    .border-card .web-text {
        font-size: 10px;
    }

    .single-card-content {
        margin-left: 2rem;
    }

    /* -----------Freezone ------------- */
    .maincontent-title {
        font-size: 17px;
    }

    .zonetabs .nav-pills li a {
        font-size: 8px;
    }

    .zonetabs .nav-pills li.active a {
        font-size: 8px;
    }

    .pagination {
        margin-bottom: 1rem;
    }

    .link-title {
        font-size: 12px;
    }

    /* ------------- Newspaper & Media ----------- */
    .visit-btn-fourth {
        top: 59rem;
        left: 7rem;
    }

    /* -------------- Clubs & Organizations ------------- */
    .top-link-text {
        font-size: 15px;
        left: -10px;
    }

    /* -------------- Hospitalstabs ------------- */
    .hospitalstabs .nav-pills li a {
        font-size: 10px;
    }

    .hospitalstabs .nav-pills {
        width: 100%;
    }

    /*---- Top image links ----*/
    .top-page-link {
        margin-top: -28px;
    }

    .page-link-text {
        font-size: 10px;
    }

    .top-page-link-text {
        font-size: 10px;
        margin-left: 10px;
    }

    .text-s20 {
        font-size: 18px !important;
    }

    /* --------- Bank --------- */
    .bankstabs .nav-pills {
        width: 96%;
    }

    .bankstabs .nav-pills li {
        height: 1.7rem;
    }

    .bankstabs .nav-pills li.active a {
        font-size: 10px;
    }

    .bankstabs .nav-pills li a {
        font-size: 10px;
    }

    /* ----------------- Dubai News ----------------- */
    .mediagroup-img img {
        height: 8rem;
    }

    .google-ads {
        margin-left: 1.5rem;
        width: 20rem;
    }

    .side-links:hover {
        margin-left: 0;
    }

    .side-links {
        margin-left: 0;
    }

    /* ---------------- Pressrelease ---------------- */
    .general-block p {
        font-size: 14px !important;
    }

    /* -------------- Tour Booking -------------- */
    .tour-title {
        font-size: 13px;
    }

    .tour-price-catagory {
        font-size: 12px;
    }

    .tour-price {
        font-size: 11px;
    }

    .city-block  {
        flex-direction: column;
    }

    .login-group .tour-input-left {
        width: 100%;
    }

    .uae-card {
        width: 139px;
        margin-left: -19px;
    }

    /* ---------------- Education ---------------- */

    .inner-content-title p {
        margin-left: 0.7rem;
        margin-bottom: 0.7rem;
        font-size: 11px;
    }

    .img-block-content {
        padding: 0.5rem 0;
    }

    .single-card-row p {
        font-size: 7px;
    }

    .orange-navigation-block  .single-card-row p  {
        font-size: 13px;
    }

    .single-card-row {
        margin-bottom: 0;
        align-items: center;
    }

    .inner-content {
        padding-top: 0.7rem;
        padding-left:1rem;
    }

    .single-card-row img {
        width: 10px;
    }

    .single-card-row:hover .activeimg {
        margin-top: 0;
    }

    /* ------------------ Business Directory ------------------ */

    .business-modal {
        width: 344px;
        right: 11px;
    }

    /* -------------- Resturent Details -------------- */
    .carousel-img-five {
        left: 15rem;
    }

    .carousel-img-group {
        height: 79%;
    }

    .tour-slider-next {
        left: 86%;
    }

    .tour-slider-prev {
        left: -4%;
    }

    .carousel-img-one {
        left: -14%;
    }

    .carousel-img-three {
        left: 5.5rem;
    }

    .carousel-img-four {
        left: 64%;
    }

    .carousel-img-two {
        left: 12%;
    }

    .carousel-img-five {
        left: 90%;
    }
    .desert_card {
        display: flex;
        width: 21rem;
        margin: 0 auto 1rem auto;
        flex-direction: column;
    }

    .desert_img {
        max-width: 100%;
    }

    .desert_content .title {
        padding: 1rem 1rem;
        font-size: 17px;
    }

    .desert_para p {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .navigation-block {
        display: flex;
        flex-direction: column;
    }

    .navigation-block .single-card-row p {
        font-size: 14px;
    }

    .navigation-block .single-card-row {
        width: 100% !important;
    }
    /* ---------------------Modal --------------------- */

    .card-side-logo {
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .r_modal .tour-carousel-img-one img {
        height: 14rem;
    }

    .r_modal .indicator-modidy {
        top: 11rem;
    }

    .r_modal .carousel-img-group {
        height: 26%;
        width: 22%;
    }

    .r_modal .modal-body {
        padding: 0;
    }

    .r_carousel .carousel-img-one {
        left: -1.5rem;
    }

    .r_carousel .carousel-img-two {
        left: 1.6rem;
    }

    .r_carousel .carousel-img-three {
        left: 4.9rem;
    }

    .r_carousel .carousel-img-four {
        left: 8.2rem;
    }

    .r_carousel .carousel-img-five {
        left: 11.5rem;
    }

    .r_carousel.tour-slider-prev {
        left: -1%;
        top: -3rem;
    }

    .r_carousel .tour-slider-prev {
        position: relative;
        top: -5.5rem;
    }

    .r_modal .tour-slider-next {
        left: 15.4rem;
        top: -46px;
    }

    /* ------------ Login ------------ */
    .form-heading {
        margin-top: 1.5rem;
        font-size: 23px;
    }

    .greater-arrow {
        height: 0.6rem;
        padding: 0 2px;
        margin-top: 3px;
    }

    /* ----------- Shopping ----------- */
    .add-flag-box {
        display: flex;
        flex-direction: column;
    }
    .single-add {
        height: 7rem;
    }

    .product-img {
        width: 85px;
        height: 115px;
    }

    .top-brands-logo {
        width: 6rem;
        height: 7rem;
    }
    .shopping-swiper .shopping-buttonprev {
        left: 80% !important;
    }

    .shopping-buttonnext {
        left: 90% !important;
    }

    /* ------ Section ------ */
    .section-content img {
        width: 324px;
        float: left;
        height: 172px;
        margin-bottom: 1rem;
        padding-left: 0rem;
        object-fit: cover;
    }

    .section-content .left-align-img {
        width: 326px;
        float: left;
        height: 172px;
        padding-right: 0rem;
        object-fit: cover;
        padding-left: 0;
    }

    .flag-logo {
        width: 4.5rem;
    }

    .all-pagination img {
        height: 23px;
        width: 21px;
    }

    /* ---------------- Package ---------------- */
    .badgeblock {
        position: absolute;
        top: 0px;
        left: 8px !important;
    }

    .booking-btn-snigleblock .uae-card {
        width: 100%;
        margin-left: 0;
    }

    .dc-helpfl .side-title {
        font-size: 17px;
    }

    /* ------------ Duabi Metro ------------ */
    .map-container {
        margin-bottom: 0rem;
    }

    .map-container .main-screen img {
        height: 5rem !important;
        width: 6rem !important;
    }

    /* ---------- User Register ---------- */
    .userlogin-group .reg-label-text {
        position: absolute;
        top: 12px;
        left: 16px;
        width: 25%;
    }

    .user-register-subtitle {
        padding: 1rem 0;
    }
}

/* -------------------- XS -------------------- */
@media (max-width: 320px) {

    .text-bottom-left {
        left: 13px;
    }

    .link-text {
        font-size: 7px;
    }

    .user-img {
        height: 7.99px;
    }

    .inner-carousel-text {
        font-size: 14px;
    }

    .centered {
        position: absolute;
        top: 60%;
    }

    .grid-container {
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas: "Screen-1 Screen-1" "Screen-2 Screen-2""Screen-3 Screen-4" ;
        height: 34rem;
    }

    .mediacarousel {
        height: 20rem !important;
    }

    .nav-height {
        height: 0;
    }

    .nav-side-links {
        padding: 2px 0;
    }

    .nav-box {
        height: 10.8rem;
    }

    .nav-side-links p {
        font-size: 12px;
    }

    .slider-prev {
        position: relative;
        top: -28px;
        left: 80%;
    }

    .slider-next {
        position: relative;
        top: -28px;
        left: 80%;
    }

    .news-title {
        font-size: 14px;
    }

    .single-img-box {
        position: relative;
    }

    .box-img {
        display: flex;
        justify-content: space-evenly;
    }

    .box-img-one {
        display: flex;
        justify-content: space-evenly;
    }

    .bg-img {
        height: 63%;
        width: 100% !important;
    }

    .helpgroup-img img {
        width: 9rem;
    }

    .news-event-wrapper {
        margin-top: 1rem !important;
    }

    .visit-btn-second {
        top: 80.7rem;
    }

    .titlesub-text {
        font-weight: bold;
        font-size: 15px;
    }

    .footer-img {
        width: 5rem;
    }

    .carouselimage img {
        height: 13rem;
    }

    .carousel-height {
        height: 18rem;
    }

    .card-wrapper {
        display: flex;
        margin-left: 0;
    }

    .carousel-indicators p {
        font-size: 14px;
    }

    .img-card-text {
        font-size: 13px;
    }

    .card-flag-text {
        font-size: 15px;
    }

    .media-ads {
        width: 100%;
    }

    .other-info-cardimg {
        width: 90px;
    }

    .para-media {
        position: relative;
        top: -25px;
    }

    .group-img {
        margin-left: -1rem;
    }

    .helpgroup-img {
        margin-left: -15px;
    }

    .footer-box {
        margin-left: 0;
        width: 100%;
    }

    .subscribe-card {
        margin: 0 auto;
        width: 16.9rem;
    }

    .title-subtext {
        margin: 0.8rem;
    }

    .mediatitle-text {
        margin-left: 0rem;
    }

    .card-flag {
        width: 36%;
        font-size: 10px;
    }

    .small-text {
        font-size: 7px;
    }

    .arrow-btn {
        height: 18px;
    }

    .footer-img-group {
        height: 12rem;
        width: 16rem;
    }

    .mediatitle-text {
        font-size: 18px;
    }

    .title-text {
        font-size: 18px;
    }

    .city-text {
        padding-left: 1rem;
    }

    .top-img {
        width: 100%;
    }

    .carousel-indicators .prev {
        height: 18px;
    }

    .carousel-indicators .next {
        height: 18px;
    }

    .group-img img {
        height: 6rem;
        width: 9rem;
    }

    .news-img {
        width: 100%;
    }

    .like-btn {
        margin-right: 1rem;
    }

    .main-text {
        margin-left: 1rem;
    }

    .sub-text {
        margin-left: 1rem;
        width: 89%;
    }

    .tab-text {
        font-size: 12px;
    }

    .card-mediaimg {
        width:4rem;
    }

    .rect-para {
        font-size: 12px;
        padding: 6%;
    }

    .rectangle-top-left {
        top: 30%;
        left: 10%;
    }

    .rectangle-top-right {
        top: 30%;
        left: 47%;
    }

    .rectangle-middle-left {
        top: 46%;
        left: 10%;
    }

    .rectangle-middle-right {
        top: 46%;
        left: 47%;
    }

    .rectangle-bottom-left {
        top:62%;
        left: 10%;
    }

    .rectangle-bottom-right {
        top:62%;
        left: 47%;
    }

    .news-text {
        font-size: 15px;
    }

    .news-text a  {
        color: #000;
    }

    .news-sub-text {
        font-size: 12px;
    }

    .direct-para {
        width: 100%;
        margin-left: 0;
    }

    .jobmedia-img {
        margin-left: 0;
    }

    .wrapper {
        grid-auto-rows: 112px;
        grid-template-columns: repeat(2, 143px);
        margin-top: -1rem;
    }

    .festival-para {
        font-size: 12px !important;
    }

    .play-img {
        position: absolute;
        left: -39px;
    }

    .sub-footer a {
        font-size: 9px !important;
    }

    .jobs-group-img {
        height: 7rem;
    }

    .small-text {
        font-size: 10px;
    }

    .company-list {
        width: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }

    .jobs-footer {
        width: 100%;
    }

    /* --------------- Govt_Services --------------- */
    .side-logo {
        height: 4rem;
        width: 4rem;
    }

    .side-logo img {
        height: 4rem;
        width: 4rem;
    }

    .side-title {
        font-size: 12px;
        padding-left: 11px;
    }

    .border-card {
        height: 2rem;
        margin-left: 12px;
        width: 6rem;
        margin-top: 0;
        margin-bottom: 0;
    }

    .border-card:first-child {
        margin-left: 5px;
    }

    .bd-cardbox .border-card {
        width: 100%;
        margin-left: 0;
    }

    .bd-card {
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .rest-card {
        margin-left: 0px;
    }

    .border-card img {
        height: 19px;
        width: 19px;
    }

    .border-card .web-text {
        font-size: 9px;
    }

    .border-card .phone-num {
        font-size: 9px;
        padding-left: 3px;
    }

    .side-para {
        font-size: 10px;
        margin-left: 13px;
        margin-bottom: 14px;
    }

    .pagination img {
        height: 19px;
        width: 19px;
    }

    .page-number p {
        height: 19px;
        width: 19px;
        margin-top: 4px;
    }

    .text-s20 {
        font-size: 18px !important;
    }

    .page-link-text {
        margin-left: 16px;
    }

    .helpgroup-img-one img {
        height: 100%;
        width: 100%;
        position: relative;
    }

    .helpgroup-img-one .single-img-box:last-child {
        margin-right: 0;
    }


    /* ----------- Living in Dubai ----------- */
    .img-top-text {
        font-weight: bold;
        padding-top: 0%;
        font-size: 17px;
    }

    /* ----------- Bank ----------- */
    .bankstabs .nav-pills li.active a {
        font-size: 8px;
    }

    .bankstabs .nav-pills li a {
        font-size: 8px;
        line-height: 1;
    }

    .side-sub-title {
        padding-left: 10px;
    }

    .page-link-text {
        margin-left: 10px;
    }

    /* -----------Freezone ------------- */

    .coverimage .centered {
        font-size: 25px !important;
    }

    .maincontent-title {
        font-size: 18px;
    }

    .zonetabs .nav-pills li a {
        font-size: 7px;
    }

    .zonetabs .nav-pills li.active a {
        font-size: 7px;
    }

    .pagination {
        margin-bottom: 1rem;
    }

    .link-title {
        font-size: 12px;
    }

    .greater-arrow {
        height: 6px;
        padding: 0 7px;
        margin-top: 3px;
    }

    /* ------------- Newspaper & Media ----------- */
    .visit-btn-fourth {
        top: 59rem;
        left: 5rem;
    }

    /* ------------- Shopping Mall ----------- */
    .sliderprev {
        top: -59px;
        left: 6px;
    }

    .slidernext {
        top: -59px;
    }

    .textbottom-left {
        position: absolute;
        bottom: 5px;
        left: 21px;
    }

    /* -------------- Clubs & Organizations ------------- */
    .top-link-text {
        font-size: 9px;
    }

    .rotate-text {
        left: -1.1rem;
        font-size: 19px;
        top: 5rem;
    }

    .top-text-wrapper {
        width:8rem;
        margin-bottom: 8px;
    }

    .top-text-wrapper.border-card {
       margin-left: 0px;
       margin-right: 7px;
    }

    .top-links {
        margin-top: 1rem;
    }

    /* -------------- Hospitalstabs ------------- */
    .hospitalstabs .nav-pills li a {
        font-size: 9px;
    }

    .hospitalstabs .nav-pills {
        width: 100%;
    }

    /*---- Top image links ----*/
    .top-page-link {
        margin-top: -25px;
    }

    .top-page-link-text {
        font-size: 8px;
    }

    .img-bottom-text {
        font-size: 17px;
    }
    /* ---------------- Dubai News ---------------- */

    .mediagroup-img img {
        height: 6.6rem;
    }

    /* -------------- Dubai News Details -------------- */

    .news-card {
        margin-bottom: 1rem;
    }

    .side-links:hover {
        margin-left: 0;
    }

    .side-links {
        margin-left: 0;
    }

    /* ---------------- Pressrelease ---------------- */
    .general-block p {
        width: 75%;
        font-size: 15px !important;
    }

    /* ---------------- Dubai Tour ---------------- */
    .tourcarousel {
        height: auto;
    }

    .image-line {
        border-bottom: 4px solid #FFA024;
        width: 88%;
    }
    .card-box {
        margin-bottom: 2rem;
    }

    .navigation-block {
        display: flex;
        flex-direction: column;
    }

    .navigation-block .single-card-row {
        margin-bottom: 5px;
        width: 100%!important;

    }

    .uae-card {
        margin-left: -15px;
        width: 80%;
    }

    .dc-helpfl .side-title {
        font-size: 17px;
        padding-left: 0;
    }

    /* -------------- Tour Booking -------------- */
    .tour-title {
        font-size: 10px;
    }

    .tour-price-catagory {
        font-size: 9px;
        padding-right: 10px !important;
    }
    .tour-price {
        font-size: 9px;
        padding-right: 10px !important;
    }

    .city-block  {
        flex-direction: column;
    }

    .login-group .tour-input-left {
        width: 100%;
    }

    .login-group .tour-input-left {
        width: 100%;
    }

    .cardwrapper {
        padding: 0.5rem;
    }

    /* ---------------- Education ---------------- */

    .inner-content-title p {
        margin-left: 0.7rem;
        font-size: 9px;
        margin-bottom: 0.7rem;
    }

    .img-block-content {
        padding: 0.5rem 0;
    }

    .single-card-row p {
        font-size: 9px;
    }

    .single-card-row {
        margin-bottom: 0;
        align-items: center;
        padding-left: 9px;
    }

    .inner-content {
        padding-top: 0.3rem;
        padding-left: 1rem;
    }

    .single-card-row.active .activeimg {
        margin-top: 0;
    }

    .single-card-row img {
        width: 10px;
    }

    .single-card-row img {
        width: 10px;
    }

    .title-cover-img {
        font-size: 20px;
        padding-top: 3rem;
    }

    /* ---------------- Bussiness Directory ---------------- */
    /* ----- Modal ----- */
    .business-modal {
        width: 293px;
        height: 314px;
        right: 24px;
        bottom: 3px;
    }

    .modalcontent {
        padding: 3px 21px;
    }

    .img-block {
        width: 67%;
    }

    .bd-card img {
        width: 5rem;
    }

    /* ------------- Restaurant ------------- */
    .tour-slider-prev {
        left: -5%;
    }

    .carousel-img-one {
        left: -14%;
    }

    .carousel-img-two {
        left: 1.5rem;
    }

    .carousel-img-three {
        left: 38%;
    }

    .carousel-img-four {
        left: 63%;
    }

    .carousel-img-five {
        left: 88%;
    }

    .tour-slider-next {
        left: 84%;
    }

    .carousel-img-group {
        height: 70%;
    }

    .desert_card {
        display: flex;
        width: 18rem;
        margin: 0 auto 1rem auto;
        flex-direction: column;
    }

    .desert_img {
        max-width: 100%;
    }

    .desert_content .title {
        padding: 1rem 1rem;
        font-size: 17px;
    }

    .desert_para p {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .navigation-block .single-card-row p {
        font-size: 14px;
    }

    .card-side-logo {
        margin: 0 auto 14px auto;
    }

    .carousel-cover-next {
        position: relative;
        top: -8rem;
        opacity: 1;
        left: 77%;
        display: inline;
        padding: 10px 0 0 5px;
    }

    .carousel-cover-prev {
        position: relative;
        top: -8rem;
        left: 3%;
    }

    /* ------------------ Login ------------------ */
    .form-heading {
        margin-top: 2rem;
        font-size: 23px;
    }
    /* ---------- Modal ------------ */

    .r_modal .indicator-modidy {
        top: 9rem;
    }

    .r_modal .tour-carousel-img-one img {
        height: 13rem;
    }

    .r_carousel .carousel-img-group {
        height: 30%;
    }

    .r_carousel .carousel-img-one {
        left: -1.4rem;
    }

    .r_carousel .tour-slider-prev {
        left: -4.5%;
        top: -68px;
    }

    .r_modal .modal-body {
        padding: 0rem;
    }

    .r_carousel .carousel-img-three {
        left: 4.2rem;
    }

    .r_carousel .carousel-img-four {
        left: 7rem;
    }

    .r_carousel .carousel-img-five {
        left: 9.8rem;
    }

    .r_carousel .carousel-img-two {
        left: 1.5rem;
    }

    .r_modal .tour-slider-next {
        left: 80%;
        top: -69px;
    }

    .r_modal .modal-footer {
        padding-top: 0;
    }

    /* ----------- Shopping ----------- */
    .add-flag-box {
        display: flex;
        flex-direction: column;
    }

    .product-img {
        width: 58px;
        height: 70px;
    }

    .swiper-buttonprev {
        left: 78% !important;
    }

    .swiper-buttonnext {
        left: 89% !important;
    }

    .add-wrapper {
        height: 154px;
    }

    .addimg-block {
        height: 67px;
    }

    .shopping-swiper .shopping-buttonprev {
        left: 76% !important;
    }

    .shopping-buttonnext {
        left: 88% !important;
    }

    .shopping-swiper {
        width: 100%;
        height: 267px;
    }

    /* ----------- Section ----------- */

    .section-content img {
        width: 272px;
        float: right;
        height: 172px;
        padding-left: 0;
        margin-bottom: 11px;
    }

    .section-content .left-align-img {
        width: 273px;
        float: left;
        height: 172px;
        padding-right: 0rem;
        margin-bottom: 13px;
    }

    .flag-logo {
        width: 3.5rem;
        margin-top: 9px;
    }

    .movies-sub-content {
        padding: 10px 1rem 10px 1rem;
    }

    .movie-sub-title {
        width: 50%;
        padding: 10px 0rem 10px 1rem;
    }

    .error-img {
        width: 17rem !important;
    }

    /* ----------- Desertadventuretours ----------- */
    .details-card {
        display: flex;
        flex-direction: column;
    }

    .card-img-bottom {
        width: 100%;
    }

    .card_details {
        margin-top: 12px;
        padding-left: 0;
    }

    /* ------------ Real state ------------ */

    .bannerimage div {
        font-size: 27px !important;
        margin-top: 2rem;
    }

    .all-pagination img {
        height: 19px;
        width: 25px;
    }

    .orange-navigation-block .single-card-row {
        align-items: flex-end;
    }

    .orange-navigation-block .single-card-row {
        padding: 0.8rem 1rem;
    }

    .booking-btn-snigleblock .uae-card {
        width: 100%;
    }

    /* -------------- Dubai Metro --------------*/
    .map-container {
        display: flex;
        margin-bottom: 0rem;
    }

    .map-container .main-screen img {
        height: 4rem !important;
        width: 5rem !important;
    }

    /* ----------- News Listing ----------- */
    .news-listing-para-tittle h3 {
        font-size: 12px;
    }

    /* ----------- Medical Tourisam ----------- */
    .medical-card-imagedetails {
        margin-bottom: 7px;
    }

    /* ----------- Dubai Visa ----------- */
    .visadetails-card {
        display: flex;
        flex-direction: column;
    }

    .visacard-left-img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        margin-right: 0rem;
        margin-bottom: 1rem;
    }

    /* ------- User Register ------- */
    .user-register-subtitle {
        padding: 1rem 0;
    }

    /* -------- Homa Page Card -------- */
    .mainbottom-border:first-child {
        margin-bottom: 1rem !important;
    }


}

@media(max-width:480px) {

    .dc-gbox1 .descrip {
        width: calc(100% - 62px);
    }
    .dc-listin h2, .dc-listin .no{
        font-size: 9px;
    }

    .dc-tabs.nav-pills li{
        width: 100% !important;
    }

    .dc-tabs.nav-pills li a{
        display: inline-block;
        width: 100%;

    }
    .dc-tabs.nav-pills{
          width: 100% !important;
    }

    .bd-cardbox .border-card {
        width: 100%;
        margin-left: 0;
    }

    .bd-card {
        margin: 0 auto;
        margin-bottom: 1rem;
        width: 6rem;
        height: 6rem;
    }

    .large-card {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .ads-img {
        margin-bottom: 1rem;
    }

    .md-none-border {
        border-top: 0;
    }

    .textbottom-left {
        bottom: 25px;
        left: 14px;
    }

    .shoppingcity-card {
        width: 100%;
    }

    .news-block {
        margin: 0rem 0 3rem 0;
    }

    .single-add {
        width: 100%;
    }

    .list-sub-content p {
        font-size: 12px;
    }

    .list-sub-title p {
        font-size: 12px;
    }

    .sample-card-block {
        flex-direction: column;
    }

    .tour-banner .image-box {
        height: 16rem;
    }

    .tour-top-img-text {
        position: absolute;
        top: 51%;
    }

    .tour-top-img-text .card-flag {
        width: 29%;
    }

    .tour-top-img-text .card-flagtext {
        font-size: 19px;
    }

    /* ----------- Desertadventuretours ----------- */
    .details-card {
        display: flex;
        flex-direction: column;
    }

    .details-card.realestate-blocks {
        padding-bottom: 0;
    }

    .card-left-img {
        width: 100%;
        margin-right: 0;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .card_details {
        margin-top: 12px;
        padding-left: 0;
    }

    .error-img {
        width: 24rem;
    }

    .news-sub-text {
        width: 100%;
    }

    .warning-para {
        font-size: 12px;
    }

    .event_img img {
        padding-top: 0;
    }

    /* -------------- News List Image -------------- */
    .news-list_img img {
        padding-top: 0;
    }
    /* -------------- News List Image -------------- */

    .bannerimage div {
        font-size: 24px !important;
        margin-top: 2rem;
    }

    /* --------- Page Number --------- */
    .page {
        display: flex;
        align-items: initial;
        justify-content: space-between;
        margin: 1rem 0;
        flex-direction: column;
    }

    .pagination-number {
        width:max-content;
        margin-bottom: 1rem;
    }

    .back-button img {
        width: 36px;
        height: 59px;
    }

    /* ----------- Holiday Package  ----------- */
    .package-details-card {
        flex-direction: column;
    }

    .price-card-img {
        width: 100%;
    }

    .price-btn {
        width: 50%;
    }

    .navigation-block .single-card-row {
        width: 100% !important;
    }

    .price-card {
        width: 70%;
    }

    .accordian-img {
        width: 100%;
        height: 8rem;
        margin-right: 10px;
    }

    .image-block {
        height: 8rem;
    }

    /* -------------- News Listing  -------------- */
    .para-width {
        width: 80%;
        display: none;
    }

    /* -------- Homa Page Card -------- */
    .slide-card {
        width: 100%;
        margin-left: 0;
    }

    .carousel-card-prev {
        left: 82%;
    }

    .mainbottom-border:first-child {
        border-bottom: none;
        margin-bottom: 1rem;
    }


}

@media  (max-width: 991px) {
    .dc-detlbx h3{
        flex-direction: column;
    }
    .dc-detlbx h4{
        text-align: center;
        font-size: 12px;
    }
}

@media (max-width: 600px) {
    .dc-newmg{
        margin-top: -51px;
    }
    .dc-newmg>.page-link-text{
        margin-left: 0;
    }
}