@media (max-width: 1490px){

.home .header .container{ max-width:1300px;}
.main-banner .heading-two, .main-banner .heading-one, .main-banner .desc { margin-left: 30px !important; margin-top: 100px !important;}
}

@media (max-width: 1369px){
.home .header .container{ max-width:1140px;}
.main-banner .heading-two, .main-banner .heading-one, .main-banner .desc {}
}

@media (max-width: 1250px){
	.main-banner .heading-two, .main-banner .heading-one, .main-banner .desc { margin-top: 0 !important;}
	.home .header .container{ max-width:1003px;}
.secondary-nav ul {
	display:none
}
.secondary-nav li {
	display:block;
	border-bottom:#f13740 solid 1px;	
}
.secondary-nav li a.active {
	background:#bd1a22
}
.secondary-nav li a.active:after {
	display:none
}

a.subtrigger {
    color: #fff;
    font-size: 16px;
	display:block
}
a.subtrigger span {
    font-size: 39px;
	display:inline-block;
}
.secondary-nav li:hover .sub-sub-menu{
	display:none;
}
.secondary-nav li span.sub-subtrigger {
    position: absolute;
    z-index: 1;
    margin: -52px 0 0 0px;
    color: #fff;
    right: 7px;
    background: #222;
    padding: 15px 18px 9px;
    cursor: pointer;
	display:block;
}
.secondary-nav li .sub-sub-menu {
    position: relative;
    width: auto;
    top: 100%;
    background: #bd1a23;
    text-align: center; 
}
.secondary-nav .sub-sub-menu li { 
    border: none;
}






.search-widget.awards-search .each {
    width: 42%
}
.search-widget.awards-search .each:last-child {
    width: 15.5%;
}
.search-widget .search-btn{ width:100%;}
.governance-row .governance-col .widget ul li a { 
    background: url(../images/pdf.html) no-repeat 0 0;
	margin:0 0 10px 0
 
}
.market-disclousers, .company-news-widget {
	min-height:400px;
}



.secondary-nav { display:none;}

}
@media (max-width: 1150px){
.container{ 
	width:94%; 
	margin-left:3%; 
	margin-right:3%; 
	max-width:none !important; 
}

#clients-home .container, #testimonials-home .container, #feat-prjects .container, #related-prjects .container {
	width:88%; 
	margin-left:6%; 
	margin-right:6%; 
}
li .tp-caption{
	margin-left:3% !important
}

#news-highlights .feat {
    width: 100%;
    display: block;
    padding-right: 0;
}
#news-highlights h5 {
    font-size: 20px; 
    padding: 0 0 10px 0;
}

#news-highlights h3 { 
    font-size: 26px; 
}

#news-highlights .btn { 
    position: absolute;
    top: 0;
    right: 0;
    margin: -15px 0 0 0;
}
#news-highlights .morenews {
    width: 100%;
    display: block;
    padding: 30px 0 0 0;
}
#news-highlights .date {
    font-size: 23px;
}
.heading h2 {
    font-size: 30px;
}
#facts .counter-value { 
    font-size: 52px;
 
}

#subbanner .container::before { 
    width: 50%; 
}
#subbanner .container {
	width:100%;
	margin:0 ;
	height: 204px;
}
#subbanner .cont {
 	margin:0 0 0 3%
}
#subbanner img {  
    max-height: 204px;
}
#secondary-nav li a {	 
    padding: 2px 30px 0 30px;
}
.about-facts .counter-value {
    font-size: 52px;
}

.about-facts .counter, .about-facts .counter:nth-child(4n+4), .about-facts .counter:last-child {
     width: 48.5%; 
}

.timeline::before { 
    width: 25px;
    left: 33px; 
    margin-left:0;
	top:10px;

}
.timeline .each, .timeline .each:first-child {
     width: auto;
    max-width: none;
    margin: 20px 0 30px 145px; 
}
.timeline .each::before, .timeline .each:nth-child(2n+2)::before { 
    right: auto; 
    left: -115px;
	width:40%
}

.timeline .year, .timeline .each:nth-child(2n+2) .year { 
    left: -145px;
}
.timeline .each:nth-child(2n+2) {
    float: left;
}
.journey-widget img {
    display: block;
    width: auto;
}

.projects-list li {
	width:49% !important;
	min-height:20px;
	display:inline-block;
	float:none
}
.projects-list li:first-child {
	width:100% !important
}
.projects-list li:nth-child(5n+5) {
    text-align: left;
}


.contact-info, .enquiry-form { 
    width: 47%;
}

.additional-links .each {
	width:100% !important;
	border: none !important;
	border-bottom: solid 1px #ddd !important;
	padding:3% !important

}







.content-index .col-3{
	width:100%	
}

.content-index .projects-area {
	width:100%
}
.stock-history {
    margin-top: 83px;
}
.content-index .financialarea {
	width:100%;
	height:auto;
	position:relative;
	margin:30px 0 0 0;
	vertical-align:top;
}
.content-index .financialarea img{
	display:none
}
.content-index .financialarea ul {
	width:48%;
	display:inline-block;
	vertical-align:top;
}
.content-index .financialarea .stock-history {
	width:48%;
	vertical-align:top;
	display:inline-block;
    margin-top: -41px;

}
.content-index .financialarea .stock-history img{
	display:block
}
.content-index .investor-relations:after{
	display:none
}
.navigation .container {   
    top: 50%;   
    left: 50%;   
}


.navigation .nav-social { 
    margin-top: 23px;
    padding-top: 27px;
}
.navigation .container{
	padding-top: 100px;
}
.navigation .container .each, .navigation .container .each:nth-child(1) {
	width:100%;
	text-align:center
}
.navigation .each ul{
	display:none
}
.navigation .each h3, .navigation .each h3 a {
    color: #fff;
 
}
.vision-mission {
    padding: 60px 0;
}
.vision-mission .left {
	   width: 100%;
	   margin:0 0 40px 0
}

.vision-mission .right {
    width: 100%;
}
.our-approach-bottom .left, .our-approach-bottom .right {
    float: none;
    width: 100%;
}
.road-maps .road-map ul li {
    float: left;
    width: 100%;
     padding: 31px 50px 0;
    min-height: 83px;

}
.road-maps .road-map ul li:empty {
	display:none
}
.road-maps .road-map .title {
    top: -85px;
	padding-top:40px; 
}
.journey-widget:before {
    right: -46px; 
}
.timeline .each:nth-child(2n+2) .journey-widget:before {
    left: -43px; 
}

.mobile-label {
	display:block;
	font-weight:bold;
}
.projects-list li:nth-child(1) {
    width: 100%;
}
.projects-list li {
    width: 20%;
	text-align:left
}
.projects-list li:nth-child(3) {
    width: 35%;
	text-align:left
}
.projects-table-heading li{
    display:none
}
.projects-table-heading li:nth-child(1){
    width: 100%;
	display:block
}
.sustainability-left {
    width: 100%;
	background:#02a0e2  ;
	border-radius:10px;
}
.sustainability-left img {
    width: auto;
    height: 208px;
}
.sustainability-right {
    float: right;
    width: 100%;
	margin:30px 0 0 0
}
.investor-resources {
    width: 100%;
    float: none;
}
.financial-publications {
    float: none;
    width: 100%;
	
	padding-top:0;
	margin:35px 0 0 0;
	
}

.financial-publications .inner{background:#f5f5f5;border-radius:10px;padding-top: 20px;}
.annual-report .text{ padding-top:20px;}
.financial-publications img {
	display:none
}
.internal .annual-report .text, .internal .annual-report .text .btns {    
	position:relative
}

.internal .annual-report .text .btns { 
     left: 0; 
     right: 0; 
     bottom: 0;
}
.financial-publications .icon-heading {
    margin: 0 0 0 33px;
}
h2.resp-accordion {
    font-size: 18px !important;
 
}
.redbox-ir {
	width:100%
}
.market-disclousers, .company-news-widget {
    min-height: auto;
}
 .analyst-widget {
	text-align:center
	
}
.analyst-widget > img {
    display: inline-block;
}
.analyst-coverage-table { 
    width: 100%;
    overflow: scroll;
    overflow-y: hidden;
}
.analyst-coverage-table .cont{
	   width: 1003px;
}


.analyst-coverage-table .table-list .list li{ padding:15px 30px 15px; font-size:16px }

.resp-tab-content .col-6 {
	width:100%
}
.company-announcements .left {
    width: 100%;
    float: none;
}
.company-announcements .right {
    width: 100%;
    float: none;
}
.governance-row.two .governance-col {
    width: 49.7%;
}
.illustrations .col-4 {
	width:100%
}
.illustrations .resp-tab-content {
	padding: 30px 30px 25px !important;
	background:#fff
}
.cg-left, .cg-right {
    float: none;
    width: 100%;
}
.committees-widget  {
 	background:#d3222a;	margin-bottom: 20px; text-align:center;
}
.committees-widget img {
	display:none
}
.committees-widget p {
    position: relative;
    left: 0;
    bottom: 0;
    right: 0;
	padding:71px 25px 64px 25px;
    color: #fff;

    font-size: 30px;
}
.cg-bottom-row .each {
    float: none;
    width: 100%;
	margin:0 0 20px
}
.aga-widget, .rm-widget  {
    height: 151px;
}
.rm-widget span {
   text-align: center;
}
.bod-list li { 
    width: 49.6%;
}
.team-detail .left, .team-detail .right {
    float: none;
    width: 100%;
}

.team-detail .left{
	margin: 0 0 20px 0
}
.governance-row .governance-col {
    float: none;
    width: 100%;
	margin:0 0 20px 0
}
.risk-management .left, .risk-management .right {
    float: none;
    width: 100%;
}
.committees .each {
    float: none;
    width: 100%;
	margin:0 0 30px 0
}
.careers-left, .careers-right {
    float: none;
    width:100%;
}
.careers-left{
	margin:0 0 50px 0
}

.contact-left, .contact-right {
    float: none;
    width: 100%;
}
.contact-left{ margin-bottom:20px;}
.committees .each p {
    min-height: 0;
}
#about-home h2 {
    padding-right: 25px;
    margin-right: 25px;
}
}
@media (max-width: 892px){
	.projects-table-heading {
    display: none;
}
.awards-list li {
    padding: 0 20px 40px;
    width: 32.7%;
    display: inline-block;
    vertical-align: top;
}
.cap-list li { 
    width: 32.5%;
}
.cap-list h3 {
    font-size: 14px;
    line-height: 20px;
}
#project-details .gallery { 
    width: 100%;
    padding: 0 0% 0 0;
}
#project-details .desc { 
    width: 100%;
}
#subpage .page-title { 
    font-size: 40px;
}
.news-list li {
    padding-right: 0;
    width: 100%;
}
.branches li {
    width: 49.5%;

}
.additional-links .each {
    padding: 8% !important;
}
	#about-home h2{border: 0;
float: none;
padding-right: 0;
margin-right: 0;
margin-bottom: 10px;
font-size: 40px;}
#secondary-nav li a {
    padding: 2px 20px 0 20px;
}
	#projectlistDiv{display: flex;flex-wrap: wrap;}
	#projectlistDiv .projects-list{width: 50%;border: 1px solid #f1f1f1;}
	#projectlistDiv .projects-list:nth-child(2n+1){ border-right:0}
	#projectlistDiv .projects-list li { width: 100% !important;font-size: 14px;}
	#projectlistDiv .projects-list .project-thumb img { float: none; margin-right: 0;}
	#projectlistDiv .projects-list .project-thumb div{ padding-left:0; padding-top:25px;}
	
	#projectlistDiv .projects-list li span{font-size: 11px; display:block;
color: #a4a4a4;display: block;line-height: 10px;
text-transform: uppercase;letter-spacing: 1px;
font-family: 'Metric-regular';
}
	#project-banner h2 {
    font-size: 25px;
}
	
	
}
@media (max-width: 767px){
	
	body{-webkit-text-size-adjust:none;}
	
	.home .container, .container {    
 
}
#clients-home .container, #testimonials-home .container, #feat-prjects .container, #related-prjects .container {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
#facts .counter {
    display: inline-block;
    width: 49.5%;
    text-align: center;
    padding: 10px 0;
}

#secondary-nav {
	display:none
}

#subbanner img {
    max-height: 204px;
	height:204px;
	max-width:none
}

#subbanner .container::before { 
    width: 100%; 
	opacity:.7;
}

.cap-list li {
    width: 49.5%;
}
.dual-sect .each {
	width: 100%;
	margin:0 0 30px 0
}
.contact-info, .enquiry-form { 
    width: 100%;
	margin:0 0 40px 0
}











.projects-area .col-6 {
	width:49%;
	display:inline-block;vertical-align: top;
}
.content-index .financialarea ul {
    width: 100%;
}
.content-index .financialarea .stock-history {
    width: 100%;

    margin-top: 41px;
}
.company-profile .left, .company-profile .right {
    width: 100%;
    float: none;
	margin:0 0 30px 0
}
.road-maps .road-map .padding {
    overflow:visible; 
    padding-bottom: 10px; 
}
.road-maps .road-map ul li {
    float: none;
    width: 100%;
    padding: 40px 00px 20px 50px;
    min-height: 0;
}

.core-competencies ul li {
    width: 30%;
	margin:0 0 30px 0
}
.our-responsibilities-left, .our-responsibilities-right{
    width: auto;
    float: none;
	margin:0 0 40px 0 
}
.awards-list li {
    width: 49.5%;
}
.our-companies .each {
    padding: 0 11px;
    float: none;
    width: 100%;
}
.our-company .content{ min-height:0;}
.single .our-company .thumb {
    float: none;
    width: 100%;
    height: auto;
	padding:40px 0;
	margin:0 0 40px 0
}
.single .our-company .content {
    float: none;
    width: 100%;
}
.governance-row.two .governance-col {
    width: 100%;
}
.governance-row.two .governance-col .widget ul li {
    display: inline-block;
    margin-top: 25px;
}
.governance-row.two .governance-col .widget p {
 
    min-height: auto;
}
.cg-icon-boxes .each { 
    width: 45%;
}
.cg-icon-boxes {
    margin: 0 0px; 
}

.main-banner .heading-two, .main-banner .heading-one, .main-banner .desc {
    margin-left:10px !important;
	/*zoom:1.7;
	margin-top:-100% !important;*/
}
.header .logo,
.header .logo-subpage{ max-width: 150px;margin-top: 7px;}

.fancybox-type-iframe .fancybox-skin{ padding:30px !important;}
	.home .header .headicon{ margin-top:0;}
.searchform{
    top: -10px;
    right: 50px;
}
.home .searchform{
	top: -10px;}





.subpage-banner {
    height: 230px;
    background-size: cover !important;
}
.footer-bottom .footer-nav{ display:none;}

.mobile-footer-nav{ display: block;max-width: 70%;margin: 0 auto 20px;}
.mobile-footer-nav ul li{ padding:0; list-style:none; border-bottom:1px solid #515151;}
.mobile-footer-nav ul li a{color: #fff;font-size: 17px;font-family: 'metric-light'; display:block; padding:11px 10px 9px; text-align:left; text-transform:capitalize;}
.mobile-footer-nav ul li a i{ float:right;margin-top: 1px;}
.timeline{ margin-bottom:0;}
.timeline:before{ height:90%;}
.temptabs .resp-tab-content{ padding-left:0; padding-right:0;}

.committee-detail-table .table-heading{ display:none;}
.committee-detail-table .table-list li { float: none; width: auto; padding-bottom:0;}

.committee-detail-table .table-list{border-bottom: 1px solid #e5e5e5;margin-bottom: 30px;}
.committee-detail-table .table-list li {
    float: none;
    width: auto;
    padding: 0 15px 15px;
}
.committee-detail-table .table-list li span {
    display: block;
    background: #e5e5e5;
    padding: 10px 15px 3px;
    text-transform: uppercase;
    margin-bottom: 11px;
    font-family: 'Metric-Medium';
    margin: 0 -15px 10px;
}
.committee-detail-table{ min-width:0;}
.top-investors h3{ font-size:28px;}

.core-competencies ul{ margin-left:0; margin-right:0;}

	.resources-content h2{font-size: 24px;}
	#about-home {
    position: static;
    padding: 35px 0;
}
	.main-banner {
    height: auto;
}
	#featured-projects li .dets {
    float: none;
    width: 100%;
    max-width: none;
    padding: 49px 32px 52px 28px;
    margin: 0;
    background-size: 40px;
}
	#featured-projects li .dets h3 {
    font-size: 27px;
    padding-top: 15px;
}
#news-highlights .btn {
    position: relative;
    margin: 40px 0;
}
	footer .links li {
    display: block;
}
	footer .links li a {
    border-right: 0;
    padding: 0;
    margin: 15px 0;
    display: block;
}

.header .headicon i {
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 18px;
}
	
.header .headicon {
    width: 40px;
    height: 40px;
    margin-top: 0;
}	
#featured-projects li{ padding:80px 0;}
#cap-home li { width: 50%;}
	#subbanner, #map, #project-banner {
    margin: 115px 0 0 0;
}
	.areas-of-expertise ul li{ width:auto}
}
	
	
@media (max-width: 590px) {
	#map{ height: 300px; }
#cap-home li {
    width: 50%;
}	
#facts .counter { 
    width: 48.5%;   
}
#facts .counter-value {
    font-size: 40px;
}	
#facts .counter p {
    font-size: 13px; 
}

.timeline::before {
 display:none
}
.timeline .each, .timeline .each:first-child {
 
    margin: 0 0 30px 0;
}
.timeline .each::before, .timeline .each:nth-child(2n+2)::before {
	 display:none
}
.timeline .year, .timeline .each:nth-child(2n+2) .year {
    left: 14px;
    margin: 0 0 -91px 0;
    z-index: 11;
    top: 14px;
    font-size: 13px;
    width: 70px;
    height: 70px;
    line-height: 13px;
}
.timeline {
    padding: 50px 0 100px;
}	
.projects-list li {
	width:100% !important;
}
.mobile-label {
    display: inline-block; 
    padding: 0 10px 0;
    width: 156px;
}
.vendor-steps .each {
    width: 100%; 
    padding: 40px 0 40px 0 !important;
	border:none !important;
   border-bottom: solid 1px #ccc !important;
}
.news-list {
    margin: 0 0px;
}
.news-list li {
    padding-left: 0;
 
}
.news-list li .date {
    font-size: 33px;
	position: relative;
	margin: 0 0 10px 0;
	text-align: left;
}
.news-list li .date span { 
    display: inline;
}

.news-list.details li {
    padding-left: 0;
}

.projects-list .project-thumb div a {
    font-size: 15px;
}




	
	
.annual-report .text p { 
    font-size: 23px;
    line-height: 22px;
}
.financial-publications .icon-heading {
    margin: 0 0 0 17px;}
.annual-report .text { 
    padding: 10px 16px 32px 16px;
}
.leadership-widget .text p {
    font-size: 23px;
    line-height: 22px;
}
.our-project-widget .text {
    padding: 26px 32px 32px 22px;
}
.projects-list li {
    width: 45%;
}
.projects-list li:nth-child(3) {
    width: 55%; 
}
.projects-list li { 
    padding-top: 15px;
}
.footer .footer-top .each:nth-child(1), .footer .footer-top .each:nth-child(2) {
    width: 100%;
    float: none;
}

.footer .footer-top .each:nth-child(1) {
	margin:0 0 40px 0
}
.board-of-directors-widget p { 
    max-width: 215px;
}
.road-maps .road-map ul li {
    padding: 30px 0 30px 10px;
}
.road-maps .road-map ul li:before { 
    left: 10px;
}
.search-widget .each {
    width: 100% !important; padding-right:0;
}
.awards-list {
text-align:center}
.awards-list li {
    width: 80%;
	float:none;
	display:inline-block
}
.f-and-p-widget h3 {
    padding: 13px 18px 27px 75px; 
}
.f-and-p-widget ul li {
    list-style: none;
    display: inline-block;
    margin-right: 30px;
}
.f-and-p-widget ul {
    padding: 15px 10px 15px 78px;
}
.navigation .logo {
    float: left;
    margin: 17px 0 0 26px;
}
.bod-list, .executive-management  {
	text-align:center
}
.bod-list li {
    width: 100%;
    max-width: 350px;
	float:none;
	display:inline-block;
}
.executive-management .each {
    width: 100%;
    max-width: 350px;
	float:none;
	display:inline-block;
}
.meeting-minutes .status { 
    padding: 30px 30px 30px 0; 
}
.meeting-minutes .status .current-status {
	position:relative;
    right: 0;
}
.governance-row.two .governance-col .widget{ margin-bottom:0;}



.board-of-directors-widget{ padding-top:315px; background-position:right top;}
.is-safari .home .banner-bottom { top:-69px;}
.is-safari .home .content-index{ padding-top:0;}

.core-competencies ul li{ width:50%;}

.company-detail { padding: 25px;}
.company-detail .left, .company-detail .right{ float:none; width:auto;}
.company-detail .left .thumb{ height:auto; display:block; margin-bottom:20px;}
.ownership-structure ul li { width: 100%; margin-top: 10px;}
.ownership-structure h3{ margin-bottom:10px;}
.ownership-structure .as-of { right: auto; bottom: 13px; left: 33px;}
.analyst-widget{ margin-bottom:20px;}
.contact-investor-relations ul li{ display:block; margin-bottom:10px;}
.ownership-structure{ background-image:none;}
.board-of-directors-widget p { max-width: none;}
.board-of-directors-widget p i {position: absolute; bottom:-16px; right: 10px;}

.team-detail { padding: 25px;}

.search-widget .search-btn{ width:100%;}
.search-widget .showing-result{ position:relative;}
.resources-content .resources-img {
    margin: 0;
}
.resources-content .resources-img li {
    padding: 0;
    float: none;
    width: 100%;
    margin-bottom: 10px;
}
	.iso-logos-sec li{ max-width:20%;}
	.owl-nav .owl-next {
    right: -30px;
}
	
	.owl-nav .owl-prev {
    left: -30px;

		
	}
.header {
    padding-top: 26px;
}
	.home .header .headicon{ margin-top:0;}
	.searchform input[type="search"] {
    height: 44px;
}
#subbanner, #project-banner {
    margin: 96px 0 0 0;
}
#project-details{ margin-top: 20px; }
.home .searchform{
	top: -3px;}
.searchform{
	top: -3px;}
	
.featured-text img {
    float: none;
    margin: 0 0 30px;
    display: block;
}
	.featured-text .text{ margin-top:0; padding:0}
	.featured-text {
    background: none !important;
}
}

@media (max-width: 480px) {

.about-facts .counter, .about-facts .counter:nth-child(4n+4) {
    width: 98.5%;
}
#subpage .vision-mission .left p {
    font-size: 27px;  
}

.cap-list li {
    width: 100%;
}
.branches li {
    width: 100%;
}
#subpage .branches li p {
    min-height: auto;
}







	.content-index .col-3  {
		text-align:center
	}
.content-index .col-3 .annual-report, .content-index .col-3 .leader {
    width: 100%;
    margin: 0 0 20px 0;
	max-width:none;
	text-align:left;
	display:block;
}

.projects-area  {
	text-align:center;
}
.our-project-widget .text p {
    font-size: 31px;
    line-height: 23px;
	text-align:left;
}
.our-project-widget .logo-on-image {
    position: absolute;
    left: 25px;
    right: 12px;
    bottom: 13px;
    width: auto;
    border-radius: 0;
    max-width: 69px;
}
.projects-area .col-6 {
    width: 100%;
    display: inline-block;
	text-align:left;
	max-width:none;
	margin:0 0 20px 0
}
.uae-based-sec h2 { 
    font-size: 29px;
    line-height: 28px;
}
.uae-based-sec .counter {
    width: 125px;
    height: 125px;
	margin:0 0 20px 0; 
    padding-top: 46px;
    vertical-align: top;
}
.navigation .logo { 
    display: none;
}
.vision-mission .left p {
    line-height: 40px;
}

#cap-home li {
    width: 100% !important;
}
	
	#facts .counter {
    width: 100%;
    display: block;
}
	

}

@media (min-width: 768px) and (max-width:1002px) {
}


@media (min-width: 1003px) and (max-width:1139px) {
}

@media (min-width: 768px) {

}

@media (max-width: 440px) {

}
@media (max-width: 410px) {

}

/* POPUP RESPONSIVE */
@media (max-width: 767px){

}