/* imac 21 4k inch Styles here */
@media (min-width: 1920px) and (max-width: 2560px) {}


@media (min-width: 1920px) and (max-width: 2560px) {}

@media (min-width: 1600px) and (max-width: 1919px) {}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    #chairman-md .chairman-right {
        padding: 50px;
    }

    .common-container {
        width: 1200px;
    }

}

@media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .row {
        margin: 0px;
    }

    .common-container {
        width: 1170px;
    }

    #chairman-md .chairman-right {
        padding: 40px;
    }

    #chairman-md .swiper-button-next,
    #chairman-md .swiper-button-prev {
        top: -60px;
    }

    #chairman-md p {
        line-height: 26px;
    }

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */


/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .row {
        margin: 0px;
    }

    .common-container {
        padding: 0px 15px;
    }

    .viewport {
        padding-bottom: 0px;
    }


}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .row {
        margin: 0px;
    }

    .common-container {
        padding: 0px 15px;
    }

    .smallTitle::before {
        margin: auto;
        left: 0px;
        right: 0px;
    }

    .Emaarlogo img {
        width: 80%;
        margin: auto;
        display: block;
    }

    .bigtitle {
        font-size: 28px;
        letter-spacing: -1px;
    }

    #at-a-glance .glanceright {
        padding-right: 0;
        padding-top: 10px;
    }

    .infobox .nos {
        font-size: 26px;
        line-height: 100%;
    }

    .viewport {
        padding-bottom: 0px;
    }

    .chairpersonQ {
        margin-top: 20px;
    }


}


@media only screen and (min-device-width:481px) and (max-device-width:767px) {
    .row {
        margin: 0px;
    }

    .common-container {
        padding: 0px 15px;
    }

    .smallTitle::before {
        margin: auto;
        left: 0px;
        right: 0px;
    }

    .Emaarlogo img {
        width: 80%;
        margin: auto;
        display: block;
    }

    .bigtitle {
        font-size: 28px;
        letter-spacing: -1px;
    }

    #at-a-glance .glanceright {
        padding-right: 0;
        padding-top: 10px;
    }

    .infobox .nos {
        font-size: 26px;
        line-height: 100%;
    }

    .viewport {
        padding-bottom: 0px;
    }



}

/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {
    .row {
        margin: 0px;
    }

    .common-container {
        padding: 0px 15px;
    }

    #nav-icon1 {
        width: 40px !important;
    }

    .smallTitle::before {
        margin: auto;
        left: 0px;
        right: 0px;
    }

    .bigtitle,
    .bigtitle2 {
        font-size: 28px;
        letter-spacing: -1px;
    }

    #header {
        padding-left: 0px !important;
    }

    .logo img {
        width: 100px;
    }

    #header .img {
        display: none;
    }


    #banner {
        margin-top: 80px;
        height: auto;
        padding-bottom: 30px;
    }

    #banner .bigtitle {
        font-size: 32px;
        margin-top: -27px;
    }

    #banner .as-in-soprts .left-sport {
        padding-right: 40px;
    }

    #banner:before {
        height: 100%;
        margin-top: 0px;
    }

    #banner .banner-mount img.mountain {
        width: 325px;
    }

    #banner .banner-container .banner-mount {
        text-align: center;
    }

    #banner .banner-container .banner-mount .flags {
        width: 80px;
        top: -30px;
        overflow: hidden;
        height: 56px;
        margin: auto;
    }

    #banner .banner-container .banner-mount .flags img {
        transform: translateX(10px);
    }

    #banner .mt-5 {
        margin-top: 2rem !important;
    }

    #banner .as-in-soprts {
        margin-top: 30px;
    }

    #banner .as-in-soprts .left-sport h6 {
        margin-left: 0px;
        font-size: 18px;
        text-align: center;
        padding-left: 50px;
    }

    #banner .as-in-soprts .left-sport .bar-title h2 {
        font-size: 36px;
    }

    #banner .as-in-soprts .left-sport .bannerQ {
        font-size: 12px;
        line-height: 17px;
        top: 80px;
        left: -10px;
        width: 220px;
    }

    #banner .as-in-soprts .left-sport .sportsman {
        width: 230px;
        height: 230px;
        left: 72px;
        bottom: -200px;
    }

    #banner .as-in-soprts .left-sport .sportsman .man {
        width: 280px;
    }

    #banner .as-in-soprts .right-sport .white-mount {
        width: 310px;
        margin: auto;
        margin-bottom: 30px;
        text-align: center;
    }

    #banner .white-mount img.white-mountimg {
        width: 310px !important;
    }

    #banner .as-in-soprts .right-sport .white-mount .flags.flag1 {
        left: 50px;
        top: -19px;
    }

    #banner .as-in-soprts .right-sport .white-mount .flags.flag1 img,
    #banner .as-in-soprts .right-sport .white-mount .flags.flag2 img,
    #banner .as-in-soprts .right-sport .white-mount .flags.flag3 img {
        width: 43px;
    }

    #banner .as-in-soprts .right-sport .white-mount .flags.flag2 {
        left: 124px;
        top: -35px;
    }

    #banner .as-in-soprts .right-sport .white-mount .flags.flag3 {
        left: 214px;
        top: -50px;
    }

    #banner .as-in-soprts .right-sport {
        margin-top: 282px;
    }

    #banner .banner-container .bannerbox p {
        line-height: 22px;
        font-size: 16px;
    }

    #Industry-leading,
    #glance .common-container,
    #homeesg,
    #portfolio-companies,
    #monumental,
    #strategic,
    #DownloadCentre {
        padding: 40px 0px;
    }

    .infobox .nos {
        font-size: 26px;
    }

    .infobox h6,
    .infobox .nosL {
        font-size: 18px;
    }

    .fs14 {
        font-size: 14px !important;
        line-height: 19px;
    }

    #glance p {
        line-height: 26px;
    }

    #homeesg .esgBox {
        height: auto;
        padding: 0px;
    }

    #chairman-md .chairman-right {
        padding: 20px;
    }

    #chairman-md .swiper-button-next,
    #chairman-md .swiper-button-prev {
        display: none;
    }

    #portfolio-companies .companiesLeft {
        padding-right: 0px;
    }

    #portfolio-companies .companiesright {
        position: relative;
        margin-top: 30px;
    }

    #portfolio-companies .companiesright .map-nos {
        bottom: 0px;
        right: 0px;
        font-size: 26px;
    }

    #monumental .monumentalSlider {
        padding-left: 0px;
    }

    #monumental .monumentalBox {
        display: block;
    }

    #monumental .monumentalBox .monumentalicon {
        margin: 0px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
    }

    #monumental .monumentalSlider .swiper-slide:nth-child(even) {
        margin: 0px;
    }

    #monumental {
        padding-bottom: 80px;
    }

    #strategic .strategicLeft,
    #strategic .strategicrightBox {
        height: auto;
        padding: 20px;
    }

    .mb-5 {
        margin-bottom: 2rem !important;
    }

    #DownloadCentre .downloadright a {
        display: block;
        width: 100%;
        height: auto;
        padding-right: 45px;
    }

    .viewport {
        overflow: hidden;
        padding-bottom: 0;
    }

    #DownloadCentre .downloadright a .download-icon {
        bottom: 15px;
    }

    #innerbanner .container p {
        padding-right: 0px;
    }

    .p30 {
        padding: 10px;
    }

    .br-white {
        border-right: none;
        border-bottom: 1px solid #FFF;
    }

    .fintable {
        overflow: scroll;
        width: 98%;
        margin: auto;
        overflow-y: hidden;
    }

    .w-40 {
        width: 100%;
    }

    .mobile-top {
        margin-top: 10px;
    }

    .cfo {
        position: relative;
        right: 0px;
        bottom: 0px;
        width: 80px;
    }


    .prod_otr_cvr {
        margin-top: 150px;
    }

    .prod_otr_cvr .griha_certi {
        position: absolute;
        top: -6%;
        left: 50%;
        transform: translate(-50%, 0%);
        width: 100px;
        z-index: 2;
    }

    .scnd_bx.bx1 {
        height: auto;
        padding-bottom: 15px;
    }

    .ssp_box {
        margin-bottom: 20px;
    }

}