@media (max-width: 1080px){
    .hero-section .carousel-inner .carousel-item {
        height: 550px !important;
    }
}

@media (max-width: 1024px){
    .hero-section .carousel-inner .carousel-item {
        height: 550px !important;
    }
}

@media (max-width: 992px) {
    .propertieImg h2 {
        font-size: 16px !important;
    }
    .propertieImg {
        margin-bottom: 20px;
    }
    .contactSlot {
        padding: 20px 20px;
    }
    .hero-section .carousel-inner .carousel-item {
        height: 400px !important;
    }
    video.video-fluid {
        /* max-width: initial !important; */
    }
    .video-fluid source {
        /* width: 100%; */
    }
    .afili_slot {
        max-height: 720px;
        height: 720px;
    }
}

@media (max-width: 768px) {
    /* header */
    img.Logo {
        width: 160px;
    }
    .nav>.nav-btn {
        display: inline-block;
        position: absolute;
        left: 90px !important;
        top: 30px !important;
        cursor: pointer;
    }
    .menuRight-slot {
        padding-top: 35px;
    }
    .nav>.nav-btn>label {
        display: inline-block;
        width: 36px;
        height: 36px;
        padding: 9px 8px;
        background: #f2f3f6;
        cursor: pointer;
    }
    .nav>.nav-btn>label>span {
        display: block;
        width: 20px;
        height: 7px;
        border-top: 2px solid #13294b;
    }
    .nav>.nav-links {
        position: absolute;
        display: block;
        width: 100%;
        background-color: #ffffff;
        height: 0px;
        transition: all 0.6s ease-in;
        overflow-y: hidden;
        top: 70px !important;
        left: 0px;
        padding: 0;
        text-align: left;
    }
    .searchingSlot {
        width: 0px;
        top: 10px;
    }
    .searching_effect {
        width: 380px;
    }
    .slotIcon a{
        padding: 0 0px !important;
    }
    .nav-links ul li {
        display: block;
    }
    .par-submenu:hover .submenu {
        transform: translateY(0px);
        left: 10px;
    }
    .nav>.nav-links>a {
        display: block;
        width: 100%;
        border-bottom: 1px solid transparent;
    }
    .nav>.nav-links>a:hover {
        border-bottom: 1px solid #00a3e0;
        transition: 0.2s ease-in;
        display: block;
    }
    .nav>#nav-check:not(:checked)~.nav-links {
        height: 0px;
    }
    .nav>#nav-check:checked~.nav-links {
        height: calc(100vh - 300px);
    }
    /* .nav-links ul li.par-submenu {
        border-bottom: 1px solid #ccc;
    } */
    span.animated-line {
        width: 0px !important;
        border: 0 !important;
    }
    /* header */
    /* banner */
    .hero-section .carousel-inner .carousel-item {
        height: 320px !important;
    }
    /* banner */
    /** propertie-section **/
    .propertieImg h2 {
        font-size: 25px;
    }
    .headingAbout{
        width: 240px !important;
        font-size: 18px;
    }
    .propertieImg img {
        /* width: 570px; */
    }
    /** counter **/
    /** Presence **/
    .prePadr {
        padding-left: 0px;
        padding-right: 15px !important;
    }
    .our_rgtImg {
        height: calc(100% - 2px);
    }
    .panelBox {
        padding: 20px 10px;
    }
    .panelBox img {
        width: 25px;
    }
    span.annualRange {
        font-size: 14px;
        padding: 10px 5px;
    }
    h4.reportsLabel {
        font-size: 18px;
    }
    /** Team **/
    section.teamSec {
        padding: 110px 40px 20px;
    }
    .learnSlot {
        transform: translate(0%, -50%) !important;
        max-width: 160px !important;
        font-size: 14px;
    }
    .learnSlot h5 {
        font-size: 14px;
    }
    .descriptionDiv {
        transform: translate(10%, 55%);
        width: 290px;
        height: 455px;
    }
    .team p {
        width: 95%;
    }
    /** about-section **/
    .leftSlot {
        margin-bottom: 30px;
    }
    .mv_slot{
        margin-top: 0px;
    }
    .aboutTitle {
        position: initial;
        transform: initial;
    }
    .aboutSlot-Img {
        max-width: 100%;
        position: initial;
        padding: 0;
    }
    img.aboutSlotright-Img {
        position: initial;
        max-width: 100%;
    }
    .aboutTitleRight {
        position: initial;
        transform: initial;
    }
    .slotrightBottom img {
        /* width: 100% !important;
        height: auto !important; */
    }
    .respPara {
        /* width: 130px; */
    }
    .locationOuter_map .fa-map-marker {
        font-size: 25px;
    }
    .locationOuter_one {
        top: 45px !important;
        left: 55px !important;
    }
    .locationOuter_two {
        top: 30px !important;
        left: 305px !important;
    }
    .locationOuter_three {
        top: 55px !important;
        left: 310px !important;
    }
    .locationOuter_four {
        top: 90px !important;
        left: 270px !important;
    }
    .locationOuter_five {
        top: 65px !important;
        left: 380px !important;
    }
    .locationOuter_six {
        left: 435px !important;
        top: 120px !important;
    }
    section.news {
        padding: 20px 10px;
    }
    /** marina-section **/
    .devlopSlot {
        padding: 20px 15px;
    }
    .devlopSlot h5 {
        font-size: 18px;
    }
    /** marina-section **/
    /** property-section **/
    .marainaAlign {
        text-align: left;
    }
    .contactBox {
        background: #13294b;
        color: #ffffff;
        text-align: center;
        width: 230px;
        padding: 10px 20px;
        position: absolute;
        left: 70px;
        top: -80px;
        font-size: 12px;
    }
    .contactBox h2 {
        font-size: 20px;
        width: 200px !important;
    }
    /** disclosures-section **/
    section.disclosures {
        padding: 150px 20px 20px;
    }
    .contentTab {
        padding: 0;
    }
    .tab-vertical .nav-tabs .nav-link {
        padding: 10px 10px !important;
    }
    .nav-item .fa-angle-right {
        top: 13px !important;
        /* right: 10px; */
        font-size: 20px;
    }
    .tab-content>.tab-pane {
        display: none;
        border-bottom: 0px !important;
    }
    .tab-content>.active {
        display: block;
    }
    .tab-vertical .tab-content {
        height: 390px;
        max-height: 390px;
    }
    .newsDiv .form-select {
        /* width: 170px; */
        font-size: 14px;
    }
    .contactDetail .newsDiv .form-select {
        width: 140px;
    }
    /* csr-section */
    .corp-Para p {
        font-size: 14px;
    }
    /* csr-section */
    /** news-section **/
    .news .carousel-inner .carousel-item {
        height: auto !important;
    }
    .news .carousel-control-next {
        width: 2%;
    }
    .news .carousel-control-prev {
        width: 2%;
    }
    /** news-section **/
    /* Reports section */
    .Presence .nav-tabs .nav-link {
        font-size: 14px;
    }
    /* Reports section */
    /** contact-section **/
    .contactBg {
        padding: 100px 20px;
    }
    .contactSlot {
        padding: 10px 10px !important;
    }
    .coreValue .corevalue_slot {
        padding: 0;
    }
    section.coreValue{
        height: auto;
        margin-top: 80px;
    }
    /** footer-section **/
    footer#footer {
        padding: 30px 20px;
    }
    .footer-links {
        padding: 20px 20px;
    }
    .rg-footer {
        border-left: 0;
        padding: 20px 20px;
        border-top: 1px solid #c2c2c2;
    }
    button.footerBtn {
        width: 195px;
    }
    .marainaAlign img{
        width: 110px !important;
        height: 70px !important;
    }
    .upper-icon {
        bottom: 15px;
        top: initial;
    }
    section.presence {
        padding-left: 20px !important;
    }
    section.aboutSlot {
        padding: 120px 10px 0;
    }
    .aboutSlot .container {
        padding: 0;
    }
    .presence_pro {
        padding: 150px 5px 20px !important;
    }
    section.investor_sec {
        padding: 150px 18px 20px !important;
    }
    section.reports_sec {
        padding: 20px 20px;
    }
    .presence_space {
        padding: 0 !important;
    }
    .presence_slotone {
        padding: 0;
    }
    .presence_slotone .investor-tab-pad {
        padding: 20px 0;
    }
    .investor-tab-outer {
        padding: 0 !important;
    }
    .disclosures .tab-vertical .tab-content {
        height: 438px;
        max-height: 438px;
    }
    .disclosures_imgSet{
        padding: 0 !important;
    }
    section.newsDiv {
        padding-left: 20px;
        padding-right: 20px;
    }
    .news_Details .container {
        padding: 0 20px;
    }
    section.careerList {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    section.carrers_atUrc {
        padding: 0 5px;
    }
    section.careerList {
        padding: 150px 0px 20px !important;
    }
    section.careerDetail {
        padding: 150px 20px 20px !important;
    }
    .careerDetail .container {
        padding: 0;
    }
    .capchacontrol {
        width: auto !important;
    }
    input#ContentPlaceHolder1_txtcaptchaAnswer {
        width: auto !important;
    }
    .report-section label {
        width: 100% !important;
    }
    section.contactSec {
        padding: 150px 20px 20px;
    }
    .propertie-secInner {
        padding: 0 20px;
    }
    section.milestones {
        padding: 0px 40px 10px;
        margin-top: 0 !important;
    }
    .office_filter .form-select {
        width: 100% !important;
        font-size: 13px;
    }
    section.whistleblower-form.Application_form {
        padding: 0 20px 10px !important;
    }
    section.whistleblower-form {
        padding: 150px 20px 10px !important;
    }
    .milestones_slider.slick-initialized .slick-slide {
        margin-left: 30px;
    }
    .investor-tab-outer .investor-tab-content {
        height: auto !important;
    }
    .afili_slot {
        max-height: 780px;
        height: 780px;
    }
}

@media (max-width:600px) {
    /* header */
    img.Logo {
        width: 160px;
    }
    .nav>.nav-btn>label {
        display: inline-block;
        width: 36px;
        height: 36px;
        padding: 9px 8px;
        background: #f2f3f6;
        cursor: pointer;
    }
    .nav>.nav-btn>label>span {
        display: block;
        width: 20px;
        height: 7px;
        border-top: 2px solid #13294b;
    }
    .nav>.nav-links {
        position: absolute;
        display: block;
        width: 100%;
        background-color: #ffffff;
        height: 0px;
        transition: all 0.6s ease-in;
        overflow-y: hidden;
        top: 99px;
        left: 0px;
        padding: 0;
        text-align: left;
    }
    .searchingSlot {
        width: 0px;
    }
    .searching_effect {
        width: 300px;
    }
    .nav-links ul li {
        display: block;
    }
    .par-submenu:hover .submenu {
        transform: translateY(0px);
        left: 10px;
    }
    .nav>.nav-links>a {
        display: block;
        width: 100%;
        border-bottom: 1px solid transparent;
    }
    .nav>.nav-links>a:hover {
        border-bottom: 1px solid #00a3e0;
        transition: 0.2s ease-in;
        display: block;
    }
    .nav>#nav-check:not(:checked)~.nav-links {
        height: 0px;
    }
    .nav>#nav-check:checked~.nav-links {
        height: calc(100vh - 300px);
    }
    /* Team Section */
    .learnSlot {
        transform: translate(0%, -50%) !important;
        max-width: 190px !important;
        font-size: 14px;
    }
    section.team {
        padding: 20px 0px;
        height: 325px;
    }
    .team p {
        width: 90%;
    }
    /* Team Section */
    /* About Section */
    section.about {
        padding: 40px 18px;
    }
    section.news_default {
        padding: 20px 8px;
    }
    section.presence {
        padding-left: 20px !important;
    }
    section.aboutSlot {
        padding: 120px 22px 0;
    }
    section.aboutSlot p {
        padding-left: 0 !important;
    }
    .Presence.about_presence {
        padding: 20px 0;
    }
    section.subsidiaries-affiliates-Sec {
        padding: 110px 20px 40px 20px !important;
    }
    section.presence_pro {
        padding: 110px 10px 20px !important;
    }
    .marainaAlign {
        margin-top: 15px;
    }
    section.marinaSlot_outer {
        padding: 110px 0 0;
    }
    .marinaSlot {
        padding: 0 30px;
    }
    .marinaSlot .row .mb-4 {
        padding: 0 5px;
    }
    .propertie-secInner {
        padding: 0 20px;
    }
    .devlopSlot {
        padding: 20px 135px;
    }
    .hero-section .carousel-inner .carousel-item {
        height: 280px !important;
    }
    .report-section input[type="date"]:after {
        content: "\f073";
        color: #000;
        font-family: FontAwesome;
        position: absolute;
        right: 25px;
        font-size: 15px;
        background: #ececec;
    }
    section.coreValue{
        height: auto;
        margin-top: 100px;
    }
}

@media (max-width: 575px) {
    /* header */
    img.Logo {
        width: 160px;
    }
    .nav>.nav-btn {
        display: inline-block;
        position: absolute;
        left: 80px;
        top: 30px;
        cursor: pointer;
    }
    .nav>.nav-btn>label {
        display: inline-block;
        width: 36px;
        height: 36px;
        padding: 9px 8px;
        background: #f2f3f6;
        cursor: pointer;
    }
    .nav>.nav-btn>label>span {
        display: block;
        width: 20px;
        height: 7px;
        border-top: 2px solid #13294b;
    }
    .nav>.nav-links {
        position: absolute;
        display: block;
        width: 100%;
        background-color: #ffffff;
        height: 0px;
        transition: all 0.6s ease-in;
        overflow-y: hidden;
        top: 99px;
        left: 0px;
        padding: 0;
        text-align: left;
    }
    .searchingSlot {
        width: 0px;
    }
    .searching_effect {
        width: 220px;
    }
    .nav-links ul li {
        display: block;
    }
    .par-submenu:hover .submenu {
        transform: translateY(0px);
        left: 10px;
    }
    .nav>.nav-links>a {
        display: block;
        width: 100%;
        border-bottom: 1px solid transparent;
    }
    .nav>.nav-links>a:hover {
        border-bottom: 1px solid #00a3e0;
        transition: 0.2s ease-in;
        display: block;
    }
    .nav>#nav-check:not(:checked)~.nav-links {
        height: 0px;
    }
    .nav>#nav-check:checked~.nav-links {
        height: calc(100vh - 300px);
    }
    .learnSlot {
        transform: translate(0%, -50%) !important;
        max-width: 230px !important;
        font-size: 14px;
    }
    /* Team Section */
    /** propertie-section **/
    .headingAbout{
        width: 240px !important;
    }
    /** about-section **/
    .locationOuter_map .fa-map-marker {
        font-size: 16px;
    }
    .locationOuter_one {
        top: 25px !important;
        left: 45px !important;
    }
    .locationOuter_two {
        top: 15px !important;
        left: 220px !important;
    }
    .locationOuter_three {
        top: 35px !important;
        left: 225px !important;
    }
    .locationOuter_four {
        top: 60px !important;
        left: 195px !important;
    }
    .locationOuter_five {
        top: 45px !important;
        left: 270px !important;
    }
    .locationOuter_six {
        left: 315px !important;
        top: 85px !important;
    }
    .hero-section .carousel-inner .carousel-item {
        height: 220px !important;
    }
    section.careerList {
        padding: 150px 20px 20px !important;
    }
    .devlopSlot {
        padding: 20px 60px;
    }
    .afili_slot {
        max-height: 620px;
        height: 620px;
    }
}

@media (min-width: 1800px) {
    .preSlot p {
        left: 30px;
    }
} 

@media (max-width: 1000px) {
    .menuRight-slot {
        padding-top: 37px;
    }
    .nav>.nav-btn {
        display: inline-block;
        position: absolute;
        left: 110px;
        top: 30px;
        cursor: pointer;
    }
    .nav>.nav-btn>label {
        display: inline-block;
        width: 36px;
        height: 36px;
        padding: 9px 8px;
        background: #f2f3f6;
        cursor: pointer;
    }
    .nav>.nav-btn>label>span {
        display: block;
        width: 20px;
        height: 7px;
        border-top: 2px solid #13294b;
    }
    .nav>.nav-links {
        position: absolute;
        display: block;
        width: 300px;
        background-color: #ffffff;
        height: 0px;
        transition: all 0.6s ease-in;
        overflow-y: hidden;
        top: 75px;
        left: 0px;
        padding: 0;
        text-align: left;
    }
    a.nav-link {
        color: #13294b !important;
    }
    .nav-links ul li {
        display: block;
        text-align: right;
    }
    .par-submenu:hover .submenu {
        transform: translateY(0px);
        left: 10px;
    }
    .nav>.nav-links>a {
        display: block;
        width: 100%;
        border-bottom: 1px solid transparent;
    }
    .nav>.nav-links>a:hover {
        border-bottom: 1px solid #00a3e0;
        transition: 0.2s ease-in;
        display: block;
    }
    .nav>#nav-check:not(:checked)~.nav-links {
        height: 0px;
    }
    .nav>#nav-check:checked~.nav-links {
        height: calc(100vh - 200px);
    }
    .nav-links ul li:nth-child(1):after,
    .nav-links ul li:nth-child(2):after,
    .nav-links ul li:nth-child(3):after{
        content: "+";
        position: absolute;
        top: 10px;
        left: 30px;
    }
    .nav-links ul li .submenu ul li.submenu-list:after
    {
        content: "+";
        position: absolute;
        display: none;
    }
    .par-submenu .submenu{
        top: 30px !important;
    }
    /* About Section */
    .aboutSlot-Img {
        max-width: 100%;
        position: initial;
    }
    .aboutTitle {
        top: 90px;
        left: 150px;
    }
    .aboutTitleRight {
        top: -5%;
        right: 190px;
    }
    /* Reports section */
    .Presence .nav-tabs .nav-link {
        font-size: 14px;
    }
    /* Team Section */
    .learnSlot{
        transform: translate(0%, -50%);
        max-width: 200px;
    }
    /** propertie-section **/
    .headingAbout{
        width: 240px !important;
    }
}

@media (max-width: 567px) {
    span.count-up {
        width: 150px;
    }
}

@media (max-width: 1199px) {
    .propertieImg h2 {
        font-size: 25px;
    }
}

@media (max-width: 1205px) {
    img.Logo {
        width: 150px;
    }
}

@media (max-width: 420px) {
    section.whistleblower-form {
        padding: 150px 20px 0 !important;
        margin-bottom: 0 !important;
    }
    .form-group .whistleblower-input {
        width: calc(100% - 30%) !important;
    }
    .Presence h2.headingDiv {
        font-size: 24px;
    }
    h4.reportsLabel {
        font-size: 18px;
    }
    span.annualRange {
        font-size: 14px;
    
    }
    .panelBox img {
        width: 30px;
    }
    .contactBox {
        left: 20px;
        top: -100px;
    }
    .marinaSlot {
        padding: 0 30px;
    }
    section.investor_sec {
        padding: 90px 18px 20px !important;
    }
    section.reports_sec {
        padding: 20px 20px;
    }
    .presence_space {
        padding: 0 !important;
    }
    .presence_slotone {
        padding: 0;
    }
    .presence_slotone .investor-tab-pad {
        padding: 20px 0;
    }
    .investor-tab-outer {
        padding: 0 !important;
    }
    .investor-tab-outer .investor-tab-content{
        height: auto !important;
    }
    .investor-tab-outer .investor-tab-vh{
        height: auto !important;
    }
    .investor-tab-outer .investor-tab-vh .investor-tab-vh img {
        height: auto;
    }
    .disclosures .tab-vertical .tab-content {
        height: 438px;
        max-height: 438px;
    }
    .corpDIv img {
        width: 317px;
    }
    section.newsDiv {
        padding-left: 20px;
        padding-right: 20px;
    }
    .newsDiv .selectOptionDB{
        margin: 0 0 15px !important;
    }
    .newsDiv .form-select {
        /* width: 240px; */
    }
    section.careerList {
        padding: 150px 18px 20px !important;
    }
    h4.generalapplication {
        font-size: 18px;
    }
    section.careerDetail {
        padding: 150px 10px 20px 10px !important;
    }
    .careerDetail .container {
        padding: 15px;
    }
    .sitemapdiv {
        padding: 0 20px;
    }
    .devlopSlot {
        padding: 20px 80px;
    }
    .hero-section .carousel-inner .carousel-item {
        height: 130px !important;
    }
}


@media (max-width: 360px) {
    h2.headingDiv {
        font-size: 18px !important;
    }
    .disclosures h2 {
        font-size: 18px;
    }
    .disclosures p {
        font-size: 14px;
    }
    .disclosures ol li {
        font-size: 14px;
    }
    .Presence p {
        font-size: 14px;
    }
    section.Presence {
        margin-bottom: 0px;
        padding-bottom: 0 !important;
    }
    .disclosures_imgSet{
        padding: 0 !important;
    }
    .devlopSlot {
        padding: 20px 40px;
    }

}

@media (max-width: 415px){
    .locationOuter_map .fa-map-marker {
        font-size: 12px !important;
    }
    .locationOuter_one {
        top: 10px !important;
        left: 25px !important;
    }
    .locationOuter_three {
        top: 15px !important;
        left: 135px !important;
    }
    .locationOuter_four {
        top: 30px !important;
        left: 115px !important;
    }
    .locationOuter_five {
        top: 20px !important;
        left: 160px !important;
    }
    .locationOuter_six {
        left: 190px !important;
        top: 45px !important;
    }
}

@media (max-width: 821px){
    .locationOuter_one {
        top: 45px;
        left: 70px;
    }
    .locationOuter_two {
        top: 35px;
        left: 325px;
    }
    .locationOuter_three {
        top: 55px;
        left: 335px;
    }
    .locationOuter_four {
        top: 90px;
        left: 290px;
    }
    .locationOuter_five {
        top: 60px;
        left: 405px;
    }
    .locationOuter_six {
        left: 470px;
        top: 120px;
    }
}

@media (max-width: 300px){
    .devlopSlot {
        padding: 20px 0px;
    }
}

@media screen and (max-width: 3456px) and (min-width: 1280px) {
    .propertieImg {
        height: 270px;
    }
    a.propertieImg.propertieImgBig {
        height: 570px;
    }
    .propertieImg img {
        width: 100%;
        height: 100%;
    }
   
}

@media screen and (max-width: 1000px) and (min-width: 768px) {
    .count-up span {
        font-size: 22px;
    }
    .count-up h3 {
        font-size: 22px;
    }
    p.counter-p {
        font-size: 14px;
    }
    p.counter-smSlot {
        font-size: 12px;
    }
    .counterSlot img.mt-counter {
        width: 28px !important;
        height: 30px !important;
    }
}
