@media only screen and (max-height: 900px) {
header nav ul li a { padding: 16px 20px 16px 40px; }
header nav ul { height: auto }
}
 @media only screen and (max-height: 700px) {
header nav ul li a { font-size: 15px; font-weight: 400; padding: 15px 20px 15px 40px; }
header nav ul { height: auto }
}
 @media only screen and (max-height: 600px) {
header nav ul li a { font-size: 14px; font-weight: 400; padding: 14px 20px 14px 35px; }
header nav ul { height: auto }
}
 @media only screen and (max-height: 500px) {
header nav ul li a { font-size: 14px; font-weight: 400; padding: 10px 20px 10px 30px; }
header nav ul { height: auto }
}
 @media only screen and (max-width:1600px) {
.banner-shape { width: 450px; }
.banner-content h2 { font-size: 50px; line-height: 55px; }
.about-content p { padding: 7px 0 0 0; }
figure.effect-hera figcaption::before { width: 150px; height: 150px; }
.home-projects h2 { font-size: 50px; line-height: 52px; }
.home-warap h1 { font-size: 32px; }
.social li { width: 30px; }
.social li img { width: 100%; }
.menu-part { width: 20%; }
.left-cont { width: 20%; }
.right-cont { width: 78%; }
.lt-news-cont { width: 75%; }
}
 @media only screen and (max-width:1400px) {
figure.effect-hera figcaption::before { width: 130px; height: 130px; }
figure.effect-hera h2 { font-size: 16px; }
.home-abt-img { width: 36%; }
.about-content { width: 64%; padding: 30px 0 0 30px; }
.footer-contact ul { width: 58%; }
.social li img { width: 100%; }
.menu-part { width: 22%; }
.left-cont { width: 22%; }
.right-cont { width: 76%; }
.lt-news-cont { width: 70%; }
.date-circle { width: 20%; height: auto; }
.invest h3 { font-size: 17px; }
}
 @media only screen and (max-width:1300px) {
.date-circle { width: 20%; height: auto; }
.news-line { width: 78%; }
}
 @media only screen and (max-width:1250px) {
.profile-text { padding: 10px 10px 15px 10px; }
}
 @media only screen and (max-width:1200px) {
.menu-part { width: 25%; }
.logo-sec { padding: 8px 0; }
.social { padding: 10px 10px 0 10px; }
.logo { height: 88px; }
.banner-shape { width: 370px; }
.left-cont { width: 25%; }
.right-cont { width: 75%; }
.home-about { padding: 0 20px; }
.home-services { padding-left: 40px; padding-right: 40px; }
.home-projects { padding: 0 0 0 40px; }
.home-projects h1 { left: 40px; }
.bottom-part { padding: 0 0 0 40px; }
.social li { width: 30px; height: 30px; }
.social li img { width: 100%; }
.profile-text { padding: 10px 10px 15px 10px; }
.directors h3 { font-size: 14px; }
.invest h3 { font-size: 16px; }
.date-circle { width: 20%; height: auto; }
.news-line h3 { font-size: 14px; }
.news-line { padding: 0px 20px 0px 20px; width: 77%; }
.lt-news-cont { width: 70%; }
.latest-news-sec { padding: 70px 30px 0px 30px; }
.lt-news-date { width: 90px; height: 90px; }
.abt-left{padding-right:20px;}
.abt-right{padding-right:20px; }
.home-warap h1 { padding-top: 40px; }
.about-more { margin: 45px 30px 30px 0; }
.home-about p { font-size: 14px; line-height: 28px; }
.subsi-logo { margin: -60px 0 0 0; }
.footer-contact ul { width: 100%; }
.emdad { padding: 20px 0 0 20px; }
.emdad-list { width: 32%; }
.about-details { width: 70%; padding: 20px 20px 7px 0px; }
.about-details p { font-size: 14px; }
.abt-img { padding: 50px 0px 0 0; }
.inner-cont h2 { font-size: 22px; }
.ct-u-display-tablex ,.banner .slick-list {
 height:500px !important;}
 .banner-content h2, .inner h2{
  
  font-size:45px;
  line-height:50px;
 }
.form-list li{margin: 10px 0 20px 12px;}
.invest li {height: 235px;width: 31.8%; }
.directors-list li{height: 260px;}
}
 @media only screen and (max-width:1024px) {
.banner img { height: auto; }
header { background: none; }
.js #menu { display: none; }
	 .annual-reports h3{
		 font-size:20px;
	 }
	 
	 .report th{
		 font-size:16px;
	 }
	 
	 .report td {
	    padding: 0 10px 0 0px;
	 }
.drop-menu { position: inherit; top: 0px; right: 0px; opacity: 1; visibility: visible; width: 100%; float: left; background: none; border: none; transform: none; top: 0px; padding: 0px; }
.drop-menu > li a { padding: 7px 12px; width: 100%; height: auto; float: left; color: #FFF !important; background-position: left 0px top 11px; }
nav ul li:hover .drop-menu { top: 0px; transform: none; }
nav ul .drop-menu li a { float: right; text-align: right; background: #fabeab; }
.drop-menu > li { padding: 0px; float: left; border-bottom: none !important; }
nav ul li .subMenu .levalmenu li { background: #666 !important; }
.mb-lng { display: block; }
nav li.lng { display: none; }
nav ul li .subMenu:after { display: none; }
.right-cont { width: 100%; }
.about-us { padding: 0; }
.about-details { padding: 20px 20px 0 0; }
.right-cont { padding: 0 30px; }
.invest li { width: 32%;height: 270px; }
.logo { height: 80px; }
.slicknav_menu { display: block; }
.banner-content h2,
.inner h2 { font-size: 60px; }
.menu-part { width: 30%; }
.home-about h1 { margin-top: 50px; }
.about-more { margin: 45px 30px 40px 0; }
.home-about p { font-size: 15px; }
.subsi-logo { margin: -80px 0 0 0; }
.footer-contact ul { width: 100%; }
.stakeholders-details p { font-size: 13px; }
.inner-cont h2 { font-size: 22px; }
.ct-u-display-tablex ,.banner .slick-list {
 height:450px !important;}
.banner .slick-prev{ display:none !important;}
.banner .slick-next{display:none !important;}
.home-about{padding: 0 20px;}
.directors-list li{height: 285px;}
.management-list li{height:320px;}
	 .date-circle h3{ font-size:15px;
	 }
	 .date-circle p{font-size:15px;
	 }
	 
	 .news-align{    padding: 10px 0;
	 }
}
 @media only screen and (max-width:930px) {
.directors-list li { width: 22%; }
.invest h3 { font-size: 15px; }
.invest li { width: 31%; height: 225px }
.logo { height: 60px; }
.join-content { width: 65%; padding-right: 30px; }
.latest-news-sec { padding: 70px 30px 0px 30px; }
.lt-news-cont h2 { font-size: 13px; }
.lt-news-date { width: 80px; height: 80px; }
.lt-news-date h3 { margin-top: 10px; }
.home-about p { font-size: 14px; }
.abt-left { padding-right:10px; }
.abt-right { padding-right:10px; }
.home-about { padding: 0 10px; line-height: 25px; }
.banner-content h2,
.inner h2 { font-size: 40px; line-height: 50px; }
.footer-contact ul { width: 100%; }
.inner-cont h2 { font-size: 18px; }
.qa p { font-size: 14px; }
.qa { margin: 20px 0; }
.qa-content { width: 60%; padding: 10px 0 10px 25px; }
.qa-content.down { padding-right: 25px; }
.commitment-list ul li { font-size: 14px; line-height: 25px; }
.commitment { padding: 40px 0 0 0; }
.commitment-list { width: 60%; margin: 10px 0px 10px 30px; }
.coperate-img { width: 40%; }
.goverance li { font-size: 14px; }
.internal-details p { font-size: 14px; }
.remuneration-details p { font-size: 14px; }
.disclosure-details p { font-size: 13px; }
.disclosure-details { padding: 50px 20px 0 0; }
.stakeholders-details p { font-size: 13px; }
.ct-u-display-tablex ,.banner .slick-list {
 height:450px !important;}

.inner h2{
 font-size: 35px; 

 padding-right:50px !important;
 line-height:45px;
}
.form-list li{margin: 9px 0 20px 13px;}

.directors h3{ height:auto;}
.management-list li{ height:320px;}
}
 @media only screen and (max-width:768px) {
.stakeholders-details { padding: 50px 20px 0 0; }
.annual-file li { font-size: 13px; }
.right-cont { padding: 0 25px; }
.inner-cont { padding: 20px 0px 20px 0; }
.committees-details { width: 100%; padding: 30px 0 100px 0; }
.committees-img { width: 100%; }
.inner-cont h2 { font-size: 18px; }
.board-details { width: 100%; }
.board-img { width: 100%; }
.board-details { padding: 50px 0; }
.board-directores { padding: 10px 0 50px 0; }
.board-directores p { font-size: 13px; line-height: 22px; }
.board-img { padding: 10px 0 0 0; }
.environment { width: 30%; }
.commitment-list { width: 67%; margin: 15px 0 0 15px; }
.commitment { padding: 80px 0; }
.commitment-list ul li { font-size: 13px; }
.form-list li { width: 100%; }
.adds-office li { font-size: 13px; }
.contact-us { padding: 10px 0 50px 0; }
.field-text { font-size: 14px; }
.cont-form { padding-bottom: 30px; }
.directors-list li { width: 30%; }
.vision { padding: 10px 0 10px 10px; }
.vision p { font-size: 14px; line-height: 25px; }
.mission { padding: 10px 0 10px 10px; }
.mission p { font-size: 14px; line-height: 25px; }
.management-list li { width: 26%; }
.emdad { padding: 20px 0 0 20px; }
.emdad-list { width: 30%; font-size: 13px; }
.logo { height: 60px; }
.join-content { width: 65%; padding-right: 30px; }
.lt-news-date { width: 70px; height: 70px; }
.latest-news-sec { padding: 70px 12px 0px 12px; }
.lt-news-cont { width: 74%; }
.home-warap h1 { font-size: 26px; }
.footer-contact { padding: 50px 0 50px 11px; }
.subsi-logo { margin: -60px 0 0 0; }
.banner-content h2,
.inner h2 { font-size: 30px; line-height: 50px; }
.footer-contact ul { width: 100%; }
.page-head { margin: 0; }
.about-details p { padding-top: 0 }
.news-line { width: 72%; padding: 10px }
.directors h3 { height: 50px; }
.qa-content { padding: 10px 0 10px 20px; }
.qa p { font-size: 13px; }
.qa { margin: 0; }
.commitment-list { margin: 0px 0 0 15px; }
.coperate-img { width: 40%; }
.governance-details p { font-size: 13px; }
.corporate-details p { font-size: 13px; }
.internal-details p { font-size: 13px; }
.disclosure-details p { font-size: 13px; }
.disclosure-details { padding: 50px 20px 40px 0 }
.disclosure-details { padding: 50px 30px 0 0; }
.stakeholders-details p { font-size: 13px; }
.slicknav_btn { margin-left: -8px !important; }
.menu-part { width: 35%; }
.committees-details p { font-size: 16px; }
.real-estate { padding: 40px 0 100px 0px; }
.managing-subsidiaries { padding: 40px 0; }
.grid figure { width: 48%; margin: 5px; min-width: inherit; }
.ct-u-display-tablex ,.banner .slick-list {
 height:400px !important;
}

.inner h2{
 font-size: 35px; 

 padding-right:50px !important;
 line-height:45px;
}
.form-list li{ margin:8px 0;}
.invest li {height: 220px }
	 .management-list li{ height:370px;}
.management-list{ width:100%;}
	 .news-align{
		 padding:10px 0;
	 }
	 
	 .news-list li.head .news-line{
		 padding:0px 5px;
	 }
}
 @media only screen and (max-width: 639px) {
.stakeholders-details { width: 100%; }
.stakeholders-img { width: 100%; }
.annual-file li { width: 31%; }
.committees-details h2 { padding-top: 20px; }
.committees-details p { font-size: 14px; }
.committees-details { padding: 30px 0 20px 0; }
.board-committees { padding: 15px 0 60px 0; }
.vision { width: 70%; padding: 0 0 10px 10px; }
.vision p { font-size: 13px; line-height: 20px; }
.mission p { font-size: 13px; line-height: 20px; }
.mission { width: 70%; padding: 0 0 10px 10px; }
.right-cont { padding: 0 12px; }
.vision-wrap { width: 100%; margin: 10px 0; }
.vision-mission { padding: 40px 0px 40px 0px; }
.directors-list li { width: 47%; height: auto; padding: 0; }
.management-list li { width: 49%; }
.qa-content { padding: 10px 0 10px 20px; }
.qa-content { width: 60%; }
.qa { margin: 0; }
.qa p { font-size: 13px; line-height: 25px; }
.inner-cont h2 { font-size: 16px; }
.qa-content.down { padding-right: 20px; }
.commitment-list { width: 100%; margin: 15px 0px; }
.environment { width: 100%; }
.invest li { width: 47%; margin: 10px 5px; }
.invest h3 { font-size: 14px; }
.financial-investment { padding: 40px 0 60px 0px; }
.slicknav_menu { padding: 0px 0px 0 20px; }
.join-content { width: 65%; padding-right: 20px; }
.about-details { width: 100%; padding: 20px 0; }
.latest-news-sec { width: 100%; }
.footer-contact { width: 100%; }
.footer-cont { display: block; }
.bottom-part { padding: 0 0 0 0px; }
.abt-left { width: 100%; }
.abt-right { width: 100%; padding-left: 0; padding-right:0; }
.home-about p { font-size: 13px; line-height: 22px; }
.abt-left { padding-right: 0; }
.home-about { padding: 0 10px; }
.footer-contact { padding: 10px }
.about-details { margin-right: 0; }
.home-warap h1 { padding-top: 20px; }
.directors { padding: 20px 0 80px 0; }
.management { padding: 20px 0 80px 0; }
.news-list li { width: 100%; }
.news-line { width: 82%; }
.news-page { padding: 30px 0; }
.home-news-slide { margin: 0px }
.about-details p { font-size: 13px; }
.abt-img { width: 100%; padding: 10px 0 40px 0; }
.emdad p { font-size: 13px; }
.industry-cont p { font-size: 13px; line-height: 25px; }
.goverance li { font-size: 13px; }
.governance-office { padding: 0 0 40px 0; }
.corporate-details p { font-size: 13px; }
.corporate-details { width: 100%; padding: 30px 0; }
.corporate-img { width: 100%; padding: 20px 0 40px 0; }
.internal-details p { font-size: 13px; }
.internal-details { width: 100%; padding: 20px 0 0px 0; }
.internal-img { width: 100%; padding: 20px 0 70px 0; }
.remuneration-details { width: 100%; padding: 50px 0px 0 0; }
.remuneration-img { width: 100%; padding: 30px 0 40px 0 }
.disclosure-details { width: 100%; }
.disclosure-img { width: 100%; padding: 10px 0 40px 0; }
.menu-part { width: 100%; margin: 40px 0 0 0; }
.top-bar { position: fixed; width: 100%; background: rgba(255, 255, 255, 9); }
.report-details { width: 100%; }
.report-file li a { font-size: 13px; }
.report-img { width: 100%; }
.disclosure-details { padding: 40px 0 0 0; }
.memorandum-details { width: 100%; padding: 40px 0 0 0; }
.memorandum-details p { font-size: 13px; }
.memorandum-img { width: 100%; padding: 0; }
.real-estate { padding: 40px 0 100px 0px; }
.managing-subsidiaries { padding: 40px 0; }
.research-details { width: 100%; padding: 20px 0 0 0; }
.research-details p { font-size: 13px; }
.research-img { width: 100%; padding: 30px 0 70px 0 }
.facts-details { width: 100%; padding: 20px 0 0 0; }
.facts-img { width: 100%; padding: 20px 0 70px 0 }
.facts-details p { font-size: 13px; }
.kse-details { width: 100%; padding: 20px 0 0 0; }
.kse-details p { font-size: 13px; }
.kse-img { width: 100%; padding: 20px 0 70px 0 }
.grid figure { width: 100%; margin: 5px; min-width: inherit; }
figure.effect-oscar h2 { font-size: 20px; margin: 35% 0 10px 0; }
.report-details { padding: 20px 0 0 0; }
.address { width: 100%; }
.cont-form { width: 100%; }
.inner-banner { margin-top: 116px; }
.banner { margin-top: 110px; }
.ct-u-display-tablex ,.banner .slick-list {
 height:300px !important;
}

.inner h2{
 font-size: 30px; 

 padding-right:30px !important;
 line-height:35px;
}
.apply-btn{margin-left:0px !important; }
.invest li {height: 240px }

}
@media only screen and (max-width: 480px) {
.annual-file li { width: 46%; padding: 10px 8px; }
.annual-reports { padding: 50px 0; }
.footer-area { padding: 0 5px; }
.footer-area p { font-size: 11px; }
.home-warap h1 { font-size: 26px; }
.inner-cont h2 { font-size: 15px; }
.committees-details p { font-size: 13px; line-height: 22px; }
.committees-details { padding: 10px 0 10px 0; }
.committees-details h2 { padding-top: 30px; }
.board-committees { padding: 15px 0 30px 0; }
.form-list li { width: 100%; }
.apply-online { padding: 10px 0 50px 0; }
.address { width: 100%; }
.cont-form { width: 100%; }
.vision-wrap { width: 100%; padding-bottom: 40px; }
.vision p { font-size: 13px; line-height: 20px; }
.vision-mission h3 { font-size: 26px; }
.vision { width: 70%; padding: 0 0 10px 10px; }
.right-cont { padding: 0 10px; }
.mission p { font-size: 13px; line-height: 20px; }
.mission { width: 70%; padding: 0 0 10px 10px; }
.vision-mission { padding: 40px 0px 40px 0px; }
.profile-text { padding: 0; }
.directors h3 { font-size: 13px; height: auto; }
.qa-content { width: 100%; padding: 10px; }
.qa-img { width: 100%; }
.qa-content.down { padding-right: 0; }
.qa { margin: 10px 0; }
.management-list li { width: 49%; }
.management h3 { font-size: 13px; }
.management { padding: 30px 0 80px 0; }
.home-warap h1 { font-size: 22px; }
.invest li { width: 100%; }
.financial-investment { padding: 40px 0 60px 0px; }
.join-content { width: 100%; padding-right: 0px; }
.join-img { width: 100%; padding-top: 10px; }
.join { margin: 30px 0px; }
.join-content p { font-size: 14px; }
.news-list li { width: 100%; }
.date-circle { width: 24%; height: auto; padding:0 5px; }
.news-line { width: 76%; padding: 0px 10px; }
.news-line h3 { font-size: 13px; }
.date-circle h3 { font-size: 14px; }
.date-circle p { font-size: 14px; }
.about-details p { font-size: 13px; line-height: 20px; }
.bottom-part { padding: 0 0 0 0px; }
.home-about { padding: 0 5px; }
.abt-left { padding-right: 0; }
.subsi-logo { margin: -120px 0 0 0; }
.services-box h2 { font-size: 20px; }
.footer-contact { padding: 20px 10px; }
.footer-contact ul { width: 100%; }
.footer-contact li{
 font-size:16px;
 line-height:22px;
}
.home-warap h1 { padding-top: 0; }
.about-details { margin-right: 0; }
.directors { padding: 20px 0 80px 0; }
.address { margin: 20px 0; }
.emdad { width: 100%; }
.emdad-img { width: 100%; }
.emdad { padding: 20px 0; }
.emdad p { font-size: 13px; }
.emdad-list { width: 100%; padding-left: 10px; }
.industry-img { width: 100%; }
.industry-cont { width: 100%; }
.industry { width: 100%; text-align: left; padding: 0 10px; }
.right-img { padding: 10px 0; }
.industry-img { padding: 10px 0; }
.transport-cont { width: 100%; }
.slicknav_menu { padding: 0; }
.commitment { padding: 30px 0; }
.head-top-cont { padding: 0 10px; }
.login a { font-size: 14px; }
.lag { padding-left: 10px; }
.banner .slick-prev { display: none !important }
.banner .slick-next { display: none !important }
.about-details { padding: 10px 0; }
.governance-details { padding: 0 0; }
.coperate { width: 100%; }
.coperate-img { width: 100%; padding: 20px 0; }
.board-committees { margin: 0 0; }
.governance-details { width: 100%; }
.governance-img { width: 100%; padding-bottom: 40px; }
.governance-office { padding: 20px 0; }
.corporate-details p { font-size: 13px; }
.remuneration-details { padding: 20px 0 0 0 }
.disclosure-details { padding: 20px 0 0 0 }
.stakeholders-details { padding: 20px 0 0 0 }
.real-estate { padding: 40px 0 100px 0px; }
.managing-subsidiaries { padding: 40px 0; }
figure.effect-oscar h2 { margin: 25% 0 10px 0; }
.report-details { padding: 20px 0 0 0; }
.report { padding: 0 0 40px 0 }
.address { margin: 0; }
.top-bar { width: 100%; }
.logo-sec { margin-top: 0px; }
.slicknav_menu { top: 12px !important; padding-left: 15px; }
.ct-u-display-tablex,
.banner .slick-list { height: 200px !important; }
.inner h2 { font-size: 24px; padding-right: 30px !important; line-height: 30px; }
.srv-slide .slick-prev, .srv-slide .slick-next{
 width:40px;
 height:40px;
}

.srv-slide .slick-next{
 right:49px;
}

.services-slider{
 margin-top:0px;
}
.field{padding: 15px 13px 15px 0;}
.chzn-container-single .chzn-single{padding: 15px 0 15px 20px !important;}
.form-list li{margin: 10px 0;}
.srv-slide{ width:100%;margin: 30px 0 0 0px;}
.invest li {height:auto }
.directors-list li{ height:280px;}
.management-list li{ height:285px;}
}
 @media only screen and (max-width: 360px) {
.directors-list li{ height:250px;}
.management-list li{ height:240px;}
 }
 @media only screen and (max-width: 320px) {
.invest li { width: 100%; }
.logo { height: 80px; }
.logo-sec { padding: 0px; }
.subsi-logo { margin: -80px 0 0 0; }
.vision-wrap { padding: 15px 0 10px 0; }
.directors-list li { height: 280px; }
}