@media (max-width: 1175px) { .container { width: auto; } }  @media (max-width: 991px) { #controls-wrapper #slidecaption{ max-width: 550px; } #controls-wrapper #slidecaption p{ padding: 0 10px; font-weight: bold; margin-bottom:10px; } .siteFooter { padding-bottom: 10px; } .slides .slide-meta .meta-block{ border-right:1px solid #7e7f8d; } .slides .slide-meta .meta-block:first-child{ border-right:none; } .siteFooter .social{ float: right; } #controls-wrapper h4 { font-size: 20px !important; transition: font-size 1s; } #controls-wrapper #slidecaption h1,#controls-wrapper h1 { font-size: 80px; transition: font-size 1s; margin-bottom:0; } #controls-wrapper p { font-size: 13px !important; transition: font-size 1s; } .siteFooter .footer-links{ margin-right: -15px; } .report-section .col-md-4 { clear: both; margin-top: 10px; overflow: hidden; } .report-section .col-md-8 { overflow: hidden; clear: both; padding-left: 0; } .board-directors .meta-wrap img { width: 100%; } .project-slider .slides img { max-width: 100%; } .project-slider .slides h1 { font-size: 35px; transition: font 1s; } .project-slider .slides span.type { font-size: 20px; } .project-slider .slides .readmore { margin-top: 10px; transition: margin 1s; } .project-slider .slide-content { padding-left: 0; } .project-slider .slide-content p { padding: 0 20px; } .project-slider .slide-meta { opacity: 1 !important; transition: none; position: static; width: 100%; overflow: hidden; } .project-slider .slide-meta .meta-block { width: 20%; float: right; padding: 22px 15px; font-size: 22px; } .project-slider .slide-meta .meta-block span { font-size: 11px; } .project-slider .flex-control-paging { bottom: 100px; padding-left: 0; } .project-image { clear: both; padding-left: 0; } .project-image img { width: 100%; } .project-details { padding-right: 0; } .project-meta { margin-bottom: 10px; } .navbar li a { padding: 0 15px; transition: padding .5s; font-size: 14px; } .copyright { clear: both; float: none; display: block; } .siteFooter .footer-links li:last-child { border-left: none; } }  @media (max-width: 650px) { .siteFooter, .siteHeader { position: relative !important; } #prevslide, #nextslide{ top: auto; bottom:-92px; } #controls-wrapper { height: 100% !important; position: relative !important; -webkit-transform: none !important; transform: none !important; top: 0 !important; } #controls-wrapper #controls { position: absolute !important; top: 50% !important; -webkit-transform: translateY(-50%) translateX(-50%) !important; transform: translateY(-50%) translateX(-50%) !important; left: 50%; } #controls-wrapper h4 { font-size: 15px !important; } #controls-wrapper #slidecaption h1,#controls-wrapper h1 { font-size: 30px; line-height:32px; margin-bottom:0; } #controls-wrapper p { font-size: 12px !important; padding: 0 !important; } .lft-contents, .map { width: 100%; clear: both; float: none; padding: 0; } .siteFooter { margin-top: 30px; } .project-slider { background: #F2F2F2; } .project-slider .slide-content { padding-top: 25px; position: static; padding-bottom: 50px; transition: background 1s, -webkit-transform 1s, opacity 1s; transition: background 1s, transform 1s, opacity 1s; } .project-slider .slide-content h1 { font-size: 25px; } .project-slider .slide-content span.type { font-size: 16px; } .project-slider .flex-control-paging { bottom: 320px; } .project-slider .flex-control-paging a { background: #4b4e60 !important; transition: background 1s; } .project-slider .slide-meta .meta-block { width: 100%; text-align: center; padding: 20px; font-size: 15px; height: auto; } .project-slider .slide-meta .meta-block span { display: inline; font-size: 15px; opacity: .6; padding-left: 10px; } .slides .slide-meta .meta-block{ border-right:none; } .lft-contents .page-details-header a.readmore{ float: none; } #controls-wrapper #slidecaption p{ line-height:16px; font-size:13px; } }  @media (max-width: 550px) { .footer-address{ width: 100%; } .wrap-contactinfo .footer-address.contact-address p span.phone{ text-align: center; } .wrap-contactinfo .footer-address.contact-address{ height: auto; padding: 20px 20px 15px; } .footer-address{ padding: 20px 20px 15px; height: auto; } .footer-address h3{ margin-bottom: 5px; } .footer-tooltip, .footer-tooltip.wrap-contactinfo{ top: auto; bottom: 38px; } .project-slider .slide-content .slide-block{ width: 100%; } .project-slider .slide-content{ padding-top: 0; } .siteFooter { text-align: center; height: auto; padding: 10px 20px 20px; } .siteFooter .copyright { float: none; clear: both; white-space:inherit; } .siteFooter .social { float: none; clear: both; } .siteFooter .social li { display: inline-block; float: none; } .siteFooter .footer-links { margin: 10px 0; padding: 0; float: none; } .siteFooter .footer-links li { float: none; display: block; border: none; } .siteFooter .footer-links li.active, .siteFooter .footer-links li.current{ border-bottom:1px solid #333; } .siteFooter .footer-links li a{ display: block; white-space:inherit; } .siteFooter .footer-links li > a:after{ display: none; } .footer-tooltip{ width: 100%; } a.readmore{ white-space:inherit; } } @media (max-width: 480px) { .report-section .col-md-8 .achievement-slider li .col-md-6 { height: auto !important; } .project-blocks { width: 100%; padding: 0 !important; } .project-blocks .project-block { height: auto; padding-bottom: 50px; } .project-meta { height: auto; transition: height .5s; } .project-meta .icon { width: 100%; } .project-meta .project-meta-head { height: auto; transition: height .5s; } body #controls-wrapper #slidecaption .readmore{ padding: 15px 45px 17px; } } @media (max-width:360px) { .popup .slides li .achievement-img, .popup.member .member-img{ width: 100%; } .popup .slides li .achievement-img img, .popup.member .member-img img{ width: 100%; } body #controls-wrapper #slidecaption .readmore{ padding: 15px 45px 17px; } #controls-wrapper #slidecaption a.readmore .rgt_arrow{ top:50%; margin-top:-5px; } #controls-wrapper #slidecaption { min-width :240px; } } @media (max-width:900px) { .popup .slides .wrap-block, .popup.member .wrap-content{ width: 100%; } .popup .slides li .achievement-img, .popup.member .member-img{ float: right; } }  @media (max-width: 768px) { .home .navbar li a, .home .navbar li:first-child a{ padding: 34px 20px; } .pagehead.innerpage-head{ padding-top: 50px; } .pagehead a.readmore{ bottom: auto; top: -15px; left: 0; } .lft-contents .page-details-header{ padding: 50px 0 30px; } .navbar .navbar-toggle{ display: none; } .navbar .arabic{ left: 20px; right: auto; top: 32px; } .vision-section .col-md-8, .report-section .col-md-8 { padding-left: 0; } .report-section .achievement-slider li .achievement-content .readmore { padding-left: 35px; } .vision-section .col-md-4 { margin-top: 0px; } .project-slider .readmore { padding-left: 36px; } h1 { font-size: 30px; transition: font-size .5s; } .pagehead { text-align: center; } .pagehead h1 { padding-left: 0; transition: text-align .5s; } .pagehead .readmore { position: relative; left: 0; bottom: 0; margin-bottom: 25px; } .lft-contents p { padding-left: 0; } .lft-contents .page-details-header { text-align: center; } .lft-contents .page-details-header img { display: block; margin: 0 auto 20px auto; } .lft-contents .page-details-header .readmore { position: relative; clear: both; left: 0; top: 0; } .readmore { padding-left: 20px; padding-right: 30px; transition: padding .5s; } .readmore .lft_arrow { right: 10px; } .readmore .rgt_arrow { left: 10px; } .readmore.rgt { padding-left: 30px; padding-right: 20px; } .navbar { overflow: visible; z-index: 999; padding: 0; } .navbar .navbar-toggle { margin-top: 24px; margin-left: 10px; } .navbar .navbar-header { height: 89px; } .navbar .navbar-collapse { padding: 0; border-bottom:none; } .navbar li { background: #FFF; } .navbar li a, .navbar li:first-child a { height: auto; line-height: 22px; padding: 34px 20px 33px; text-align: right; } .navbar .navbar-nav, .navbar .navbar-nav li { display: block; margin: 0; } .navbar .icon-bar { background: #24b4c2; } .navbar .navbar-brand{ top: 7px; } .navbar .navbar-nav{ float: right; right: 200px; position: relative; left: 0; text-align: center; top: 0px; width: auto; } .navbar .navbar-nav li{ float: right; } .project-slider .flex-control-paging{ left: 0; width: 130px; } .project-slider .slide-content{ top: 5%; } }  @media (max-width: 767px) { .navbar .navbar-toggle{ display: block; } .navbar .arabic{ right: auto; left: 70px; top:32px; } .container{ min-height: inherit; } .vision-section .col-md-8 .vision-slider.equalheight, .vision-section .col-md-8 .vision-slider, .vision-section .col-md-4{ height: auto!important; min-height: inherit!important; } .navbar .navbar-brand{ top: auto; } .navbar .navbar-nav{ float: none; right: auto; position: relative; left: auto; text-align: center; top: auto; width: auto; } .navbar .navbar-nav li{ float: none; } .navbar li a, .navbar li:first-child a{ padding: 12px 20px; } .home .navbar li a, .home .navbar li:first-child a{ padding: 12px 20px; } .page-nav ul li { padding:0 4px; } .news-listing li img { float:none; margin:0; } span.body-logo{ background-size: 50% 50%; top: 100px; left: 110px; } .page-nav ul { padding:0; } } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { span.body-logo { background-size :39% 36%; top: 100px; left: 240px; } }@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) { span.body-logo { background-size :39% 36%; top: 94px; left: 188px; } #controls-wrapper #slidecaption h1 { font-size:28px; } #controls-wrapper #slidecaption a.readmore .rgt_arrow { top:17px; } }