@media(max-width: 1199px){
    .banner-about img, .banner-properties img {
        margin-top: 0px;
    }

    .div-centered{
        width: 30%;
    }

    .div-centered-doc{
        width: 22%;
    }
}

@media(max-width: 991px){
    .contact-address {
        padding-left: 0px; 
        padding-top: 25px;
    }

    .contact-content {
        padding-bottom: 10px;
    }

    .owl-propertiescarousel .owl-item.active .item {
        transform: scale(1);
    }
    .owl-propertiescarousel {
        margin-bottom: -15px;
    }

    .owl-item.active .imgtitle {        
        margin-top: -50px;        
    }

    .nav-about .tab-content .card-commissioners .card-text {
        padding: 15px 5px;
        line-height: 1.2;
    }

    .card-commissioners .card-img {
        height: 235px;
    }

/*    .nav-about .tab-content .card-commissioners .card-img img {        
        height: 235px; 
    }*/

    .nav-about .tab-content .card-commissioners .card-body { 
        min-height: 270px;
        /*height: 280px;*/
        height: 100%;
    }

    .sub-menu {
        display: none;
        margin-top: -5px;
        margin-bottom: -10px;
    }


    .menu-item-has-children:hover .sub-menu {
        display: grid;
    }

    #menu-mbl .sub-menu li {
        padding: 5px 0;
    }

    .sub-menu li:hover > a {
        background-color:transparent;
        color:#000;
    }

    .icon-milestones {
        width: 25px;
        height: 25px; 
    }

    .OwlCarousel-Milestones-desc p, .OwlCarousel-Award-desc p {
        font-size: 15px;
        padding: 0 15px;
    }

    .OwlCarousel-Milestones-desc span.year, .OwlCarousel-Award-desc span.year {
        font-size: 28px;
        padding: 0 10px;
    }

    .icon-award {
        width: 40px;
        height: 40px;
    }

    .sub-menu .nav-active{
        background-color:transparent;        
    }   
    .sub-menu .nav-active a {
        color: #2f2f2f;
        font-weight: bold;
        background-color:transparent;        
    }

    .latest-div{
        padding: 50px 20px; 
    }

    #governance h1, #financial h1, #invresource h1, #newsevent h1{
        padding: 0;
    }
    .div-centered{
        width: 40%;
    }

    .div-centered-doc{
        width: 28%;
    }

    .inv-resource{
        height: 250px;
        border: solid 3px white;
    }

    #invresource h1, #newsevent h1{
        padding-bottom: 30px;
    }
    
    #newsevent{
        padding: 50px 0;
    }

    .inv-main-news{
        height: 350px;
    }

    .inv-other-news{
        margin-top: 20px;
    }

    .other-news-img{
        height: 115px;
    }

    .div-centered-doc{
        width: 28%;
    }

    .latest-btn_{
        margin-top: 10px;
    }

    .thn{
        padding: 0;
    }

    .link-investor-content a{
        padding:5px 20px; 
        display: inline-block;
    }

    .link-investor-content a:hover{
        background-color: transparent;
        font-weight: bold;
    }

    #menu-mbl li.nav-active a {
        border-left: 2.5px solid #11af8b;
        margin-left: -12.5px;
        padding-left: 10px;
    }

    #menu-mbl li.nav-active .sub-menu a{
        border-left: unset;
    }


    .rangestock ul {
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .sstck{
        margin-bottom: 30px;
    }

    .latest__{
        display: block;
        align-items: center;
    }

    #vid.banner{
        margin-bottom: 100px
    }

    .owl-director .owl-nav .owl-prev, .owl-commissioner .owl-nav .owl-prev{
        left: -5%;
    }

    #chartContainer:after {
        width: 18%;
        bottom: 0px;
        left: 0;
        height: 12px;
    }
}

@media(max-width: 767px){
    body {        
        font-size: 16px;
        line-height: 1.8;
    }

    h1 {
        font-size: 28px;
    }
    h2 {
        /* font-size: 26px; */
        font-size: 23px;
    }

    #about-page h1, h2 {
        line-height: 40px;
    }


    .sub-menu li a {
        font-size: 14px; 
    }


    #vid.banner{
        margin-bottom: 50px
    }

    #menu-mbl li {
        font-size: 15px; 
    }

    .sub-menu li > a {
        line-height: 36px; 
    }

    .flag-mbl button { 
        font-size: 14px;
    }

    .nav-about .nav-tabs>li>a {
        font-size: 14px;
    }

    .card-commissioners .card-img {
        height: 190px;
    }

    .list-news {
        padding-top: 120px;
    }

    .modal-style{
        width: 95%;
    }

/*    .nav-about .tab-content .card-commissioners .card-img img {        
        height: 190px; 
    }*/

    .ourbusiness {
        font-size: 16px;
        line-height: 26px;
        text-align: justify;
    }

    #contact-page p {
        font-size: 14px;
    }

    .map-style{
        height: 500px;
    }

    .the-img-properties img {        
        opacity: 1;
    }

    .list-news h1 {
        font-size: 28px;
    }

    .banner-modal {
        height: 340px;
    }

    .img-properties {     
        padding: 10px 0;        
    }

    .detail-properties {
        line-height: 24px;
    }

    .facility {
        margin-top: 30px;
        margin-bottom: -20px;
    }

    .modal-footer .maps {
        height: 320px;
    }

    .owl-propertiescarousel .item img {
        height: 260px;
    }

    .owl-propertiescarousel .item:before {
        height: 260px;
    }

    .owl-next img, .owl-prev img {
        height: 40px;
    }

    .facility {
        font-size: 12px;
    }

    .modal-footer .address {    
        padding: 20px ;
    }

    .modal-footer .address {
    font-size: 12px;
    }

    .modal-footer .address {        
        line-height: 24px;
    }

    .until {
        font-size: 16px;  
        /*line-height: 26px;  */
        padding: 0px 0 30px 0;
    }

    .nav-about .nav-tabs>li>a {    
         padding: 15px; 
    }

    .ourbusiness {        
        padding: 50px 0px;
    }

    .about-content .post {        
        padding: 25px 10px;                
        height: auto;
        min-height: 0px;
    }

    .about-content .post p{        
    text-align: justify;
    }

    .about-content img {
        position: relative;     
        margin-top: -50px;
        padding-bottom: 5px;
        width: 100%;
        height: 380px;
    }

    .nav-about{
        margin-top: 50px;
    }

    .about-content .img-post {        
        padding-left: unset;
        margin-left: unset;
    }

    .commissioners, .ciputra-award { 
         padding-bottom: 0; 
    }

    #news .card-inner:hover a p {
        color: white;
    }

    .modal-functionary {    
        margin-top: 10px;
        width: auto;
        padding: 0;
    }

    .modal-functionary h3 {
        padding: 0 25px;
    }

    .modal-award {
        width: auto;
        padding: 10px;
    }

    .owl-awardcarousel.owl-theme .owl-item.active .item .owl-award-desc { 
        padding: 0 20px;
    }

    .owl-award-img {
        height: auto; 
    }

    .owl-award-img img {
        min-height: 200px;
        height: auto;
    }

    #contact-page p {
        line-height: 24px;
    }

    .the-page .head {        
        padding: 0 20px;
    }
    .the-page .content {
        line-height: 28px;
    }

    .the-page .head h1 {
        font-size: 26px;
    }

    .vid-shadow {
        display: none;
    }

    .logo-properties {
        height:25px;
        margin: 10px 0 17px 0;
    }

    .tab-pane .about-content {
        line-height: 26px;
        font-size: 16px;
    }

    .until p {
        margin: 0 0 -10px;
    }

    .add-this p{
        padding: 5px;
    }

    .assets-icon h4 {
        font-size: 18px;
    }

    .my-btn-prev {
        transform: scale(0.75);
    }

    .assets-icon span {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .vision p { 
        line-height: 1.8;
    }

    .modal-functionary .modal-header .close {
        height: 35px;
        width: 35px;
        margin-right: 8px;
        margin-top: 8px;
    }

    #news .card-inner:hover a p, .other-news .card-inner:hover a p {
        color: white;
    }

    .newest-img img {
        height: 320px;        
    }

    .newest {
        text-align: center;
    }

    .div-newest{
        padding: 0;
    }

    #discover{
        display: none;
    }

    #discover-mbl .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: -30px;
        position: relative;
    }

    #discover-mbl .owl-theme .owl-nav.disabled + .owl-dots span{        
        opacity: 0.5;
    }

    #discover-mbl .owl-theme .owl-dots .owl-dot.active span, #discover-mbl .owl-theme .owl-dots .owl-dot:hover span {
        background: #0b7a61;
        opacity: 1;
    }

    .discover {
         background-attachment: unset;
    }

    .modal-functionary .detail {
        padding: 0px 20px 20px;
    }

    .icon-div{
        width: 45%;
    }
    
    .card-doc{
        padding: 20px 10px;
        /*min-height: 175px;*/
    }

    .latest-card{
        padding: 30px;
        margin-top: -1px;
    }

    #chart{
        padding: 15px 0px;
    }

    .sstck{
        text-align: center;
        margin: 20px 0;
    }


    .card-chart-div{
        padding: 5px;
    }

    #governance p{
        padding: 15px;
    }

     #annual, #invpresent {
        padding: 20px 0;
    }

    #menu-investor{
        display: none;
    }

    .last-update{
        margin-top: -40px;
    }

    .nav-financial .nav-tabs > li:first-child a:after {    
        background-color: transparent;
    }

    .nav-financial .nav-tabs > li:last-child a:after {        
        background-color: transparent;
    }

    #crosspage .resource-btn-pst {
        display: none;
    }

    #crosspage .inv-resource .title-post {
        text-align: center;        
    }

    #crosspage .inv-resource .title-post-post {    
        top: 0;
        left: 0;
        height: 100%;
        display: flex;
        align-items: center;
        color: white;
        margin-top: auto;
        margin-bottom: auto;
    }

    #crosspage .inv-resource .title-post {        
        font-size: 150%;
    }
    #credit-content .dividend-table tbody tr td:first-child {
        padding: 15px; 
    }

    .dividend-table{
    border-radius: 5px;    
    }

    .dividend-table thead tr:first-child th:first-child{
        border-top-left-radius: 5px;
    }

    .dividend-table thead tr:first-child th:last-child{
        border-top-right-radius: 5px;
    }

    .margins-div {
        margin: 10px -3px;
    }

    #banner-investor .attachment-post-thumbnail {
        margin-bottom: 0px;
    }

    .latest-div {
        padding: 50px 0;
    }

    #chartContainer{
        height: 360px;
        margin-bottom: 30px;
    }
    .owl-director .owl-nav .owl-prev, .owl-commissioner .owl-nav .owl-prev{
        left: -8px;
    }

    .owl-director .owl-nav .owl-next, .owl-commissioner .owl-nav .owl-next{
        right: 10px;
    }

    .modal-functionary{
        /*margin-top: 8vh;*/
    }

    .facility .uppercase{
        font-size: 13px;
    }

    #all-img-properties{
        margin-top: 40px;
    }

    .dtl-mbl-prop{
        margin-bottom: 40px;
    }

    .inv-other-news {
        height: unset;
    }

    .ttl_lbl_prj{
        padding: 0;
    }
}

@media(max-width: 575px){

    .banner {
        width: 225%;        
    }


    .banner {
        margin-left: -200px;
    }

    .div-centered-doc {
        width: 35%;
    }

    #crosspage .inv-resource {
        height: 165px;
    }

    #crosspage .inv-resource .title-post .title-post-lbl {        
        line-height: 24px;
    }

    #crosspage .resource-btn-pst {
        right: 10px;
    }

    .breadcrumb>li+li:before {
        padding: 0 5px; 
    }

    .dividend-table tbody tr td {
        padding: 10px 1px;
    }

    #dividend-policy {
        padding: 25px 0;     
    }

    #prospectus-content{
        padding: 0 0 30px 0;
    }



}

@media(max-width: 479px){
    .img-facility {
        height: 40px !important;
    }


    .assets-icon h6 {        
        font-size: 16px;
        margin-bottom: 5px;
    }

    .board-of {
        padding: 25px 15px; 
    }

    .OwlCarousel-Milestones-img {
        padding: 0 20px;
    }

    .OwlCarousel-Milestones-img img {    
        height: 300px;
    }

    .OwlCarousel-Milestones .owl-nav .owl-prev {
        top: 54.5%;
        left: 20%;
    }

    .OwlCarousel-Milestones .owl-nav .owl-next {
        top: 54.5%;
        right: 28%;
    }

    .OwlCarousel-Award.owl-theme .OwlCarousel-Award-img {     
        padding: 25px 15px;
    }

    .modal-functionary .photo img {
        height: 200px;
        object-fit: cover;
        border-radius: 5px;
    }


    .modal-award .owl-nav .owl-prev {
        top: 32%;
        left: -9%;
    }

    .modal-award .owl-nav .owl-next {
        top: 32%; 
    }

    .OwlCarousel-Milestones-desc, .OwlCarousel-Award-desc {
        width: unset;
    }

    .OwlCarousel-Award .owl-nav .owl-next, .OwlCarousel-Award .owl-nav .owl-prev {
        transform: scale(0.9);
    }

    .div-centered {
        width: 80%;
    }

    .div-centered-doc {
        width: 40%;
    }

    .OwlCarousel-Milestones .owl-nav {
        top: 315px;
    }

    .owl-director .owl-nav .owl-next, .owl-commissioner .owl-nav .owl-next {
        right: 25px;
    }
}

@media(max-width: 410px){

}

@media(max-width: 360px){
    .sub-menu li a {
        font-size: 12px !important; 
    }

    #menu-mbl li {
        font-size: 13px !important; 
    }

    .OwlCarousel-Award .owl-nav .owl-next {
        top: 23%;
        right: 4.5%;
    }

    .OwlCarousel-Award .owl-nav .owl-prev {
        top: 23%;
        left: 4.5%;
    }

    .OwlCarousel-Milestones-desc span.year, .OwlCarousel-Award-desc span.year {
        font-size: 24px;
    }

    .OwlCarousel-Milestones-desc, .OwlCarousel-Award-desc {
        width: unset;
        margin: 30px auto 30px auto;
    }

    .OwlCarousel-Milestones-desc p, .OwlCarousel-Award-desc p { 
        padding: 0 20px;
    }

    .OwlCarousel-Milestones-desc span.year, .OwlCarousel-Award-desc span.year {        
        margin-bottom: 25px;
    }

    .sub-menu li > a {
        line-height: 28px;
    }
     
     #menu-mbl {       
        padding: 40px 30px 30px;
    }

    .inv-resource .title-post {        
        padding: 10px;
    }
    .resource-btn-pst {        
        right: 10px;
    }
}

@media (max-width: 320px){
    #menuToggle {
        top: 20px;
        left: 32px;
    }
}

/*END OVERALL*/


@media (min-width: 361px) and (max-width: 479px){
    .owl-nav .owl-next {
        right: 8%;
        top: 50%;
    }

    .owl-nav .owl-prev {
        left: 0;
        top: 50%;
    }

    .OwlCarousel-Award .owl-nav .owl-prev {    
        left: 10%;
    }

    .OwlCarousel-Award .owl-nav .owl-next {    
        right: 12%;
    }

    .modal-title {
        padding: 0 20px;
    }
    .modal-title {
        line-height: 28px;
    }
}

@media (min-width: 480px) and (max-width: 767px){
    .owl-nav .owl-prev {
        left: -0.5%;
        top: 42%;
    }

    .owl-nav .owl-next {
        right:  6.7%;
        top: 42%;
    }

    .OwlCarousel-Milestones .owl-nav .owl-prev {
        top: 60.5%;
        left: 25%;
    }

    .OwlCarousel-Milestones .owl-nav .owl-next {
        top: 60.5%;
        right: 31%;
    }

    .OwlCarousel-Milestones-img {
        padding: 0 35px;
    }

    .OwlCarousel-Award.owl-theme .OwlCarousel-Award-img {
        background-color: #ffffff;
        padding: 60px 10px;
    }

    .OwlCarousel-Award .owl-nav .owl-prev {
        top: 27%;
        left: 5.5%;
    }

    .OwlCarousel-Award .owl-nav .owl-next {
        top: 27%;
        right: 10.5%;
    }

    .modal-functionary .photo img {
        height: 300px;
    }

    .modal-award .owl-nav .owl-prev {
        top: 32%;
        left: -4.5%;
    }

    .modal-award .owl-nav .owl-next {
        top: 32%; 
    }

    .OwlCarousel-Milestones .owl-nav {
        top: 425px;
    }

}

@media(min-width: 576px) and (max-width: 991px){
    #menu-mbl {
        left: 45%;     
        padding: 75px 30px 30px;
    }

    .banner{
        width: 125%;
    }
}
/*@media (min-width: 768px){
    .modal-functionary .modal-header {
        visibility: hidden;
    }
}*/

@media (min-width: 768px) and (max-width: 991px){
    .owl-propertiescarousel .item img {
        height: 380px; 
    }

    .owl-propertiescarousel .item:before {
        height: 380px;
    }

    .owl-propertiescarousel .owl-nav .owl-prev {
        left: 1.5%;
    }
    .owl-propertiescarousel .owl-nav .owl-next {
        right: 6.5%;
    }
    .facility {
        margin: 25px 0 15px 0;
     }

    .OwlCarousel-Milestones-img {
        padding: 0 20px;
    }

    .OwlCarousel-Milestones-img img {
        height: 400px;
    }

    .OwlCarousel-Milestones .owl-nav{
        top:  417.5px;
    }

    .OwlCarousel-Milestones, .OwlCarousel-Award {
        padding-bottom: 2rem;
    }

    .OwlCarousel-Milestones-desc, .OwlCarousel-Award-desc {
        margin: 30px auto ;
    }

    .OwlCarousel-Milestones .owl-nav .owl-prev {
        top: 65%;
        left: 33.5%;
    }

    .OwlCarousel-Milestones .owl-nav .owl-next {
        top: 65%;
        right: 37.5%;
    }
    .OwlCarousel-Award.owl-theme .OwlCarousel-Award-img {
        padding: 20px 15px;
    }
    .OwlCarousel-Award .owl-nav .owl-prev {
        top: 23%;
        left: 17.5%;
    }
    .OwlCarousel-Award .owl-nav .owl-next {
        top: 23%;
        right: 22.5%;
    }

    .until, .ourbusiness{
        font-size: 15px;
    }

    .modal-award {
        width: 700px;
    }

    .owl-award-img {
        height: 350px;
        padding: 30px 120px;
    }

    .owl-award-img img {
        min-height: 250px;
        height: 270px;
    }

    .owl-awardcarousel.owl-theme .owl-item.active .item .owl-award-desc {    
        padding: 0 80px;
    }

    .about-content img {
        height: 400px;
    }

    .about-content .post {        
        padding: 65px 5px 5px 40px;
    }

    .about-content .img-post {
        margin-left: 0px;
    }

    .modal-award .owl-nav .owl-prev {
        top: 35%;
        left: -5%;
    }

    .modal-award .owl-nav .owl-next {
        top: 35%; 
    }

    .flag-mbl {
         right: unset; 
        left: 30px;
    }

    .flag-mbl button{
        font-size: 14px;
    }
    .modal-functionary {
        margin-top: 160px;
    }
}

@media (min-width: 992px) and (max-width: 1023px){
    .sub-menu {
        height: 45px;
        padding-top: 0px;
    }

    .OwlCarousel-Milestones .owl-nav .owl-prev {        
        left: 34%;
    }

    .OwlCarousel-Milestones .owl-nav .owl-next {
        right: 36.5%;
    }

    .OwlCarousel-Award.owl-theme .OwlCarousel-Award-img {
        background-color: #ffffff;
        padding: 70px 25px;
    }

    .until {    
        font-size: 15px;
    }

    .OwlCarousel-Award .owl-nav .owl-prev {        
        left: 22.5%;
    }
    .OwlCarousel-Award .owl-nav .owl-next {        
        right: 25.5%;
    }

    .modal-award {
        width: 880px;
    }


    .owl-award-img {
        height: 380px;
    }


    .owl-award-img img {
        min-height: 310px;
        height: 320px;
    }

    .owl-awardcarousel.owl-theme .owl-item.active .item .owl-award-desc {
        padding: 0 50px;
    }

    .about-content .post {
        padding: 55px 15px 30px 70px;        
    }

    .about-content .img-post {
        margin-left: 0px;
    }

    .modal-award .owl-nav .owl-prev {        
        top: 37%;
        left: -6.5%; 
    }

    .modal-award .owl-nav .owl-next {    
        top: 37%;
        right: -0.5%; 
    }
}

@media (min-width: 1024px) and (max-width: 1079px){
    .owl-propertiescarousel .owl-nav .owl-prev {        
        left: 10%;
    }

    .owl-propertiescarousel .owl-nav .owl-next {
        right: 14%;
    }

    .OwlCarousel-Milestones .owl-nav .owl-prev {        
        left: 35%;
    }

    .OwlCarousel-Milestones .owl-nav .owl-next {
        right: 39.5%;
    }

    .OwlCarousel-Award.owl-theme .OwlCarousel-Award-img {
        padding: 50px 10px;
    }

    .OwlCarousel-Award .owl-nav .owl-prev {
        top: 26%;
        left: 24%;
    }

    .OwlCarousel-Award .owl-nav .owl-next {
        top: 26%;
        right: 27%;
    }

    .modal-award {
        width: 920px;
    }

    .owl-award-img {
        height: 410px;
    }

    .owl-award-img img {
        min-height: 350px;
        height: 360px;
    }

    .owl-awardcarousel.owl-theme .owl-item.active .item .owl-award-desc {
        padding: 0 20px;
    }
}


@media (min-width: 1080px){
    .modal-functionary {
        width: 1024px;   
    }

    .div-dekstop-only{
        display: inline-flex;
        position: relative;
        width: 100%;
    }

    .funct-dekstop-l{
        width: 40%;
/*        display: inline-grid;
        align-items: center;*/
    }

    .funct-dekstop-r{
        width: 60%;
/*        display: flex;
        align-items: center;*/
    }

    .modal-functionary .detail {
        padding: 40px 50px 40px 0;        
    }

    .modal-functionary {
        margin-top: 0;
        top: 9%;
    }
}

@media (min-width: 1080px) and (max-width: 1199px){
    .owl-propertiescarousel .owl-nav .owl-prev {
        left: 6.5%;
    }

    .owl-propertiescarousel .owl-nav .owl-next {
        right: 11%; 
    }

    .OwlCarousel-Milestones .owl-nav .owl-prev {        
        left: 36%;
    }

    .OwlCarousel-Milestones .owl-nav .owl-next {
        right: 38.5%;
    }

    .OwlCarousel-Award.owl-theme .OwlCarousel-Award-img {
        padding: 50px 10px;
    }

    .OwlCarousel-Award .owl-nav .owl-prev {
        top: 26%;
        left: 22.5%;
    }

    .OwlCarousel-Award .owl-nav .owl-next {
        top: 26%;
        right: 26%;
    }
}

@media (min-width: 1200px) and (max-width: 1365px){
    .OwlCarousel-Milestones .owl-nav .owl-prev { 
        left: 38%;
    }
    .OwlCarousel-Milestones .owl-nav .owl-next {    
        right: 41.5%;
    }

    .OwlCarousel-Award.owl-theme .OwlCarousel-Award-img  {
        padding: 50px 25px;
    }

    .owl-award-img img {
        min-height: 400px;
        height: 420px;
    }

    .owl-award-img {
        height: 470px; 
    }
}

@media(min-width: 1366px) and (max-width: 1439px){
    .owl-award-img {
        height: 380px;
        padding: 20px 15px;
    }

    .owl-award-img img { 
        min-height: 340px;
        height: 350px;
    }

    .owl-awardcarousel.owl-theme .owl-item.active .item .owl-award-desc { 
        padding: 0 50px;
    }
}

@media(min-width: 1366px){
    .banner-about img,
    .banner-properties img {
        margin-top: 0px;
    }

    .OwlCarousel-Award.owl-theme .OwlCarousel-Award-img  {
        /*padding: 70px 125px;*/
        padding: 40px 10px;
    }

    .header-desc {
        right: 0px;
        font-size: 18px;
    }
}

@media(min-width: 1440px){
    .OwlCarousel-Milestones .owl-nav .owl-prev {
        top: 60%;
        left: 40%;
    }

    .OwlCarousel-Milestones .owl-nav .owl-next {
        top: 60%;
        right: 42%;
    }
/*
    .modal-style {
        width: 1200px;
    }*/

    .banner-modal {
        height: 480px;
    }

    .owl-propertiescarousel .owl-nav .owl-prev {        
        left: 12%;
    }

    .owl-propertiescarousel .owl-nav .owl-next {        
        right: 14.5%;
    }

}

@media(min-width: 1820px) {


    .modal-style {
        width: 75%;
    }

    .OwlCarousel-Milestones .owl-nav .owl-prev {
        top: 65%;        
    }

    .OwlCarousel-Milestones .owl-nav .owl-next {
        top: 65%;        
    }

     .OwlCarousel-Award.owl-theme .OwlCarousel-Award-img  {
        padding: 70px 125px;     
    }

    .OwlCarousel-Award .owl-nav .owl-prev {
        top: 33%;
        left: 23.5%;
    }

    .OwlCarousel-Award .owl-nav .owl-next {
        top: 33%;
        right: 26.2%;
    }

    .award-trigger-popup {      
        top: 35%;
    }

    .OwlCarousel-Milestones-img img {        
        height: 520px;
    }

    .ciputra-award .OwlCarousel-Award.owl-carousel .owl-item img {
        height: 520px;
        object-fit: contain;
    }

    .header-desc {
        font-size: 16px;
    }

    .the-page .head {
        padding: 35px 120px 0;
    }

    .my-btn-prev {        
        width: 45px;
        height: 45px;
        font-size: 14px;
    }

    .modal-award .owl-nav .owl-prev {        
        left: -5%;
    }

    .owl-propertiescarousel .owl-nav .owl-prev {
        left: 4%;
    }

    .owl-propertiescarousel .owl-nav .owl-next {
        right: 13%;
    }

    .owl-propertiescarousel .owl-nav .owl-prev {
        left: 10%;
    }


    .OwlCarousel-Milestones .owl-nav{
        top: 540px;
    }

    .owl-director .owl-nav .owl-prev, .owl-commissioner .owl-nav .owl-prev{
        left: -5%;
    }


}