.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}













/* 2XL */
@media (min-width: 1280px) {

    .container {
        max-width: 1280px;
    }

    .happiness-meter-link {
        width: 60px !important;
    }

    .fancybox-dubaiai {
        width: 24px;
    }
}

/* XL */
@media (min-width: 1024px) and (max-width: 1280px) {

    .container {
        max-width: 1140px;
    }

    .happiness-meter-link {
        width: 60px !important;
    }

    .fancybox-dubaiai {
        width: 24px;
    }
}

/* LG */
@media (min-width: 768px) and (max-width: 1024px) {

    .container {
        max-width: 960px;
    }

    .normal__chips-container {
        padding: 0 0 0px;
    }

    .normal__banner .card:last-child {
        margin-right: 20px;
    }

    .happiness-meter-link {
        width: 45px !important;
    }

    .normal__content-container {
        height: 100vh;
    }

    #socialGallery a img {
        width: 25px !important;
        height: 25px !important;
    }

    .fancybox-dubaiai {
        width: 24px;
    }
}

/* LG LANDSCAPE*/
@media (max-width: 1024px) and (orientation: landscape) {

    .normal__chips-container {
        display: none;
    }

    .normal__content-container {
        height: 110vh;
    }

    .transparent .banner__heading {
        text-align: start;
        font-size: 30px;
        font-weight: 600;
        line-height: 30px;
        letter-spacing: -.36px;
        margin-bottom: 0
    }

    .footer {
        display: block;
        flex-wrap: wrap;
    }

    #socialGallery a img {
        width: 25px !important;
        height: 25px !important;
    }

    .fancybox-dubaiai {
        width: 30px;
        margin-left: 3px;
    }
}


/* MD */
@media (min-width: 600px) and (max-width: 768px) {

    .container {
        max-width: 720px;
    }

    /*.hide-md {
        display: none !important
    }*/

    .visible-md {
        display: block !important
    }

    /*.dda-main-header, .lang-switch {
        display: none !important;
    }*/

    .hero2-video-wrapper, .hero2-image {
        z-index: unset;
    }

    

    .transparent .banner__heading {
        text-align: start;
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: -.25px;
        margin-bottom: 0;
    }

    .transparent .banner__description {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        white-space: normal !important;
    }

    .footer {
        display: block;
        flex-wrap: wrap;
    }

    .screenshots .card {
        padding: 0px;
    }

    #socialGallery a img {
        width: 20px !important;
        height: 20px !important;
    }

    .fancybox-dubaiai {
        width: 30px;
        margin-left: 3px;
    }
    
}

/* MD Landscape */
@media (max-width: 768px) and (orientation: landscape) {

    .normal__chips-container {
        display: none;
    }

    .happiness-meter-link {
        width: 45px !important;
    }

    .normal__content-container {
        height: 110vh;
    }

    .transparent .banner__heading {
        font-size: 30px;
        line-height: 30px;
    }

    .footer {
        display: block;
        flex-wrap: wrap;
    }

    #socialGallery a img {
        width: 20px !important;
        height: 20px !important;
    }

    .hero2 {
        margin-top: 160px !important;
    }

    #socialGallery a img {
        width: 20px !important;
        height: 20px !important;
    }

    .fancybox-dubaiai {
        width: 30px;
        margin-left: 3px;
    }
}

/* SM */
@media (min-width: 375px) and (max-width: 640px) {

    .dda-main-header__gov-logo {
        max-width: 120px;
        margin-top: 20px;
    }

    .dda-main-header__logo {
        max-width: 100px;
    }

    .dda-main-header__logo--white {
        max-width: 100px;
    }

    .dda-side-nav {
        top: 0px;
    }

    .hero2-video-wrapper, .hero2-image {
        z-index: unset;
    }

    .transparent .banner__heading {
        text-align: start;
        color: #fff;
        font-size: 26px;
        line-height: 32px;
    }

    .transparent .banner__description {
        line-height: 22px;
        font-size: 16px;
    }

    .footer {
        display: block;
        flex-wrap: wrap;
    }

    .screenshots .card {
        padding: 0px;
    }

    #socialGallery a img {
        width: 20px !important;
        height: 20px !important;
    }

    .hero2 {
        margin-top: 160px !important;
    }

    .fancybox-dubaiai {
        width: 30px;
        margin-left: 3px;
    }
}

/* SM Landscape*/
@media (max-width: 640px) and (orientation: landscape) {

    .normal__chips-container {
        display: none;
    }

    .happiness-meter-link {
        width: 45px !important;
    }

    .normal__content-container {
        height: 110vh;
    }

    .transparent .banner__heading {
        font-size: 30px;
        line-height: 30px;
    }

    .footer {
        display: block;
        flex-wrap: wrap;
    }

    #socialGallery a img {
        width: 20px !important;
        height: 20px !important;
    }

    .hero2 {
        margin-top: 160px !important;
    }

    .fancybox-dubaiai {
        width: 30px;
        margin-left: 3px;
    }
}

/* TAILWIND CLASSES */
/* XS */
@media (max-width: 375px) {

    .dda-main-header__gov-logo {
        max-width: 120px;
        margin-top: 20px;
    }

    .dda-main-header__logo {
        max-width: 100px;
    }

    .dda-main-header__logo--white {
        max-width: 100px;
    }

    .normal__content-container {
        height: 120vh;
    }

    .dda-side-nav {
        top: 0px;
    }

    .banner__content-container {
        position: relative;
        top: 0%;
    }

    .transparent .banner__description {
        line-height: 30px;
    }

    .transparent .banner__containers-wrapper {
        padding: 0 0 0px;
    }

    .footer {
        display: block;
        flex-wrap: wrap;
    }

    .screenshots .card {
        padding: 0px;
    }

    #socialGallery a img {
        width: 20px !important;
        height: 20px !important;
    }

    .hero2 {
        margin-top: 160px !important;
    }
}

/* XS LANDSCAPE */
@media (max-width: 375px) and (orientation: landscape) {

    .normal__chips-container {
        display: none;
    }

    .happiness-meter-link {
        width: 45px !important;
    }

    .normal__content-container {
        height: 110vh;
    }

    .transparent .banner__heading {
        font-size: 30px;
        line-height: 30px;
    }

    .footer {
        display: block;
        flex-wrap: wrap;
    }
}


@media (max-width: 1200px) {

    .normal__chips-container .card-container {
        display: flex;
        overflow-x: auto;
        white-space: normal;
        margin-left: 20px;
        justify-content: flex-start;
    }

    .dda-footer {
        backdrop-filter: none;
    }

    footer.footer-wrapper {
        padding-bottom: 80px !important;
        margin-bottom:0px;
    }

    .dda-footer {
        box-shadow: 0 -2px 13px 0 rgba(0, 0, 0, 0);
    }

    .dda-footer__chat-btn-ai{
        margin-right:0px;
    }

}



@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}


/* IPAD */
@media only screen and (max-width: 991px) {
    .footer {
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .hero2-video-wrapper, .hero2-image {
        width: 100%;
        transform: translateY(80px);
        margin-top: -80px;
        z-index: 2;
        height: 30vh;
        width: 100%;
        transform: translateY(80px) scaleX(1); 
        z-index: 2;
    }
}