/* Responsive Menu */

.resp-menu {
	-webkit-transition: margin-right cubic-bezier(.05,.96,.38,1) .8s;
	-moz-transition: margin-right cubic-bezier(.05,.96,.38,1) .8s;
	-o-transition: margin-right cubic-bezier(.05,.96,.38,1) .8s;
	transition: margin-right cubic-bezier(.05,.96,.38,1) .8s;
}
.main-wrap {
	-webkit-transition: margin-left cubic-bezier(.05,.96,.38,1) .8s;
	-moz-transition: margin-left cubic-bezier(.05,.96,.38,1) .8s;
	-o-transition: margin-left cubic-bezier(.05,.96,.38,1) .8s;
	transition: margin-left cubic-bezier(.05,.96,.38,1) .8s;
}
.sticky-header {
	-webkit-transition: left cubic-bezier(.05,.96,.38,1) .8s;
	-moz-transition: left cubic-bezier(.05,.96,.38,1) .8s;
	-o-transition: left cubic-bezier(.05,.96,.38,1) .8s;
	transition: left cubic-bezier(.05,.96,.38,1) .8s;
}
.resp-menu {
	z-index: 200;
	position: fixed;
	right: 0;
	top: 0;
	margin-right: -320px;
	width: 320px;
	height: 100%;
	background: #414042;

}
.resp-menu-wrap {
	overflow: auto;
	height: auto;
	max-height: 100%;
	webkit-overflow-scrolling: touch;
}
.resp-expanded {
	margin-right: 0;
}
.resp-expanded + .main-wrap {
	position: fixed;
	left: 0;
	top: auto;
	margin-left: -320px;
}
.resp-expanded + .main-wrap .sticky-header{
	left: -320px;
}
.resp-cta {
	position: absolute;
	left: -93px;
	top: 0;
	width: 92px;
	height: 92px;
	text-indent: -999em;
	cursor: pointer;
	border-right: #eee solid 1px;
	color: #888;
}
.resp-cta:hover {
	color: #666; background: #fff;
}
.resp-cta:after {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	content: "\e6ea";
	font-family: 'ooredoo-icon-fonts';
	font-size: 80px;
	line-height: 1.15em;
	text-indent: 0;
}

.resp-menu .logo-wrap {
	width: 100%;
	padding: 0;
	position: static;
}
.resp-menu .logo-wrap h1{
	margin: 0;
	padding: 22px 0 0 10px;
}
.resp-menu .main-nav {
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	padding-bottom: 50px;
}
.resp-menu .main-nav li {
	margin: 0;
	width: 100%;
	border: 0;
}
.resp-menu .main-nav li a{
	border: 0;
	background: #484848;
}
.resp-menu .main-nav > li > a{
	padding: 14px 0 13px;
}
.resp-menu .main-nav li a:hover{
	background: #505050;
}
.resp-menu .main-nav li .drop-down{
	position: static;
	height: auto;
	min-height: 0;
}
.resp-menu .main-nav > li:hover .drop-down{
	border: 0;
}
.resp-menu .main-nav .sub-nav {
	width: 100%;
	min-height: 0;
	margin: 0;
	padding: 0;
}
.resp-menu .main-nav li .feature-nav{
	display: none;
}
.resp-menu .main-nav li li a{
	color: #ddd;
	background: #555;
	padding: 7px 20px;
	border-bottom: #444 solid 1px;
}
.resp-menu .main-nav li li a:hover{
	background: #595959;
}

.resp-menu .main-nav > li.search {
	margin-bottom: 0;
	margin-top: 6px;
}
.resp-menu .main-nav > li.search > a{
	display: none;
}
.resp-menu .main-nav > li.search .box-wrap{
	display: block;
	position: static;
	width: 100%;
	height: 110px;
	text-align: center;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.resp-menu .main-nav > li.search .box-wrap .txt1{
	float: none;
	width: 100%;
	margin: 15px 0 0;
}
.resp-menu .main-nav > li.search .box-wrap .btn{
	float: left;
	background: #ed1c24;
    color: #fff;
    margin-left: auto; margin-right: auto;
    margin-top: 10px;
    text-align: center;
}

.resp-menu .main-nav > li.locale {text-align: center; margin-top: 5px;}
.resp-menu .main-nav > li.locale a{
	display: inline-block;
	width: 48%; 
	color: #aaa;
	text-decoration: none;
	padding: 5px 0 7px;

}

.contact-tabs {display: none;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1366px) {
	.main-nav > li#main-together{
		
	}
	.main-nav li#main-careers .drop-down {
		left: -190px;
	}
	.main-nav > li.country > a:before,
	.main-nav > li.search > a:before{
		left: 5%;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1350px) {
	/*.ticker1 { width:60%; }*/
	.ticker1 { width:75%; }
	.inner-nav {padding: 0; width: auto; margin: 0 auto; text-align: center;}
	.inner-nav li {float: none; display: inline-block;}
}


@media only screen and (min-width: 1025px) {
	.resp-menu {
		display: none;
	}
}

@media only screen and (min-width: 769px) {
	.annual-report li:nth-child(5n){
		clear: left;
	}
}

/* break1024 */
@media only screen and (max-width: 1024px) and (orientation: landscape) {
	.market-target-wrap {height: 100%;}
	.welcome-copy {height: 270px;}
}

@media only screen and (max-width: 1024px) {

	.sub-nav:before {display: none;}

	.album-meta {width: 80%; padding: 0; margin: 0; padding: 0 10px;}
	.album .media-file-title {margin: 10px 10px 30px; line-height: 1.1em;}
	.album .album-util {font-size: 13px;}
	.album .album-util span, .album .album-util .cta {padding: 7px 15px;}
	.album .album-util .download {padding-left: 30px;}
	.album .album-util .cta:before {font-size: 18px;}
	.album-items-wrap {max-width: 768px; margin: 0 auto;}
	.album-items .item {height: 100px;}
	.album-items .item img {height: 100%;}
	.album-items .media-type-video:after {margin: -20px 0 0 -20px; width: 40px; height: 40px; font-size: 20px; line-height: 41px;}
	.album-items .owl-nav > div {width: 30px; height: 30px;}
	.album-items .owl-nav > div:before {font-size: 20px; line-height: 30px;}
	.album-items .owl-nav > div.owl-prev {left: -40px;}
	.album-items .owl-nav > div.owl-next {right: -40px;}


	.viewer-wrap {min-height: 360px; margin: 0 0 10px;}
	.viewer-wrap .ctrl > span {background-color: #ed1c24; color: #fff;}
	.viewer-wrap .ctrl > span.prev {left: 10px;}
	.viewer-wrap .ctrl > span.next {right: 10px;}

	.main-wrap {min-width: 320px;overflow-x: hidden;}
	.header-wrap {background: #fff;
		-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
	}

	.util-wrap {display: none;}

	.main-nav-wrap {display: none;}

	.mini-sitemap-wrap .wrap-inner {width: 100%; min-width: 100%;}

	.tagline2, .banner .tagline2 {left: 85px;}
	.spotlight {min-width: 100%;}
	.spotlight .spot-cta,
	.spotlight .shortdesc {left: 85px;}
	.spot-image {min-width: 100%;}
	.list-index {right: 20px;}

	.banner {min-width: 100%;}

	.social-tabs-wrap {padding: 50px 0 0; height: 660px;}
	.thetabs {width: 100%;}
	.thetabs span {font-size: 30px; text-align: center; padding: 25px 0px;}
	.thetabs span i{font-size: 54px; line-height: 10px; top: 10px;}

	.spotlight2-wrap {min-width: 100%;}
	.spotlight2-wrap .list-index2 {left: 15px; margin: 0;}
	.spotlight3 .inner, .spotlight2 .inner {width: 100%; min-width: 100%;
		padding: 0 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}

	.minimap-collapse{display: none;}

	.quicklinks-wrap .wrap-inner {width: 100%; max-width: 500px;}
	.quicklinks-wrap {background: #342d2b; text-align: center; height: auto; min-width: 100%;}
	.quicklinks-wrap ul {padding-top: 20px; padding-bottom: 20px;}
	.quicklinks-wrap li{ display: block; float: none; font-size: 20px; height: auto; border: 0;}
	.quicklinks-wrap li a{ display: block; padding: 10px 0;}

	.sm-footer-wrap {padding: 30px 0; border: 0;}
	.sm-footer-wrap .wrap-inner {width: 100%;}
	.sm-list li, .sm-list li:first-child {border: 0; font-size: 18px;}
	.sm-list li i {width: 40px; height: 40px;}

	.mini-sitemap-wrap {min-width: 320px; padding: 0;}
	.mini-sitemap {padding: 60px 0 0;background: #342d2b;}
	.mini-sitemap .col {float: none;width: 55%;margin: 0 auto 50px;padding: 0;}
	.mini-sitemap .col h4 {position: relative;padding: 8px 25px;font-size: 28px;color: #fff;background: #707171;cursor: pointer;}
	.mini-sitemap .col h4:after {content: "\e68c";font-family: 'ooredoo-icon-fonts';font-size: 26px;position: absolute;right: 15px;top: 12px;color: #fff;}
	.mini-sitemap .col h4.expanded:after {content: "\e68a";}
	.mini-sitemap .col:last-child h4:after {display: none;}
	.mini-sitemap .col h4 ~ h4{margin-top: 50px;}
	.mini-sitemap .col ul{display: none;padding: 10px 25px;font-size: 18px;background: #404142;}
	.mini-sitemap .col h4.expanded + ul{display: block;}
	.mini-sitemap .col li a{display: block;padding: 5px 0;}

	.world-market-wrap {min-height: 360px;height: auto;}
	.market-tool {width: 85%; margin:0 auto;}
	.market-tool li .count {font-size: 20px;}
	.market-tool li .icon img {width: 60%;}

	.inner-nav-wrap {display: none;}
	.inner-nav {padding-left: 0;}

	.feature-box {width: 100%;}
	.feature-box .item {padding: 0 20px;}
	.feature-box .circle {width: 200px; height: 200px;}
	.feature-box .circle img {width: 100%;}
	.feature-box .circle h4 {width: 200px; height: 200px; line-height: 200px; font-size: 24px;}

	.feature-box2 {width: 100%;}
	.feature-box2 h3{margin: 0 5%; font-size: 24px;}
	.feature-box2 h3 strong{display: block; font-size: 28px; margin: 0 10%; padding: 0 0 .8em;}

	.util-footer {width: 100%; max-width: 960px;}
	.util-footer a + a {margin-left: 1px;}

	.market-map,
	.market-box {
		width: 100%;
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
		background: none;
	}
	.market-box .country-list {width: 20%;}
	.market-box .detail-pane {width: 80%; float: right;}
	.market-box .detail-pane .keyimage { height: 100%; overflow: hidden;}
	.market-box .detail-pane .keyimage img {min-height: 100%; min-width: 100%;}
	.market-box .country-list h4 {font-size: 14px;}

	.col-wrap { width: 100%; padding: 15px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	
	.col-wrap.no-padding{ width: 100%; padding: ; }

	
	.col-wrap .col-1 + .col-2:before {display: none;}
	.article-list li .thumb img {width: 100%;}

	.page-overlay {min-width: 100%;}
	.gallery1 .mask, .gallery1 .carousel {width: 100%;}
	.gallery1 .carousel li img {width: 100%;}

	article .social-mark > span {display:inline-block; margin-bottom: 8px;}

	.video-embed {width: 100%; height: 350px;}
	.video-embed iframe{width: 100%; height: 100%;}

	.page-close {top: 105px; right: 10px; margin-right: 0;}

	.content-media .col-1, .content-IR .col-1 {width: calc(100% - 300px)}
	.content-careers .col-1 {width: calc(100% - 380px)}
	.content-jobs .col-1 {width: calc(100% - 270px)}

	.teaser1 .thumb img{width: 100%;}
	.teaser1 li:nth-child(2n) {border: 0;}

	.calendar-list .thumb {width: 47%;}
	.calendar-list .thumb img {width: 100%;}
	.calendar-list .more {left: auto; right: 0;}

	/*.report-list li {width: 48%;}*/
	/*.report-list li:nth-child(2n-1) {border: 0; margin: 0; padding: 0 2% 0 0;}*/
	/*.report-list li .thumb img {width: 100%;}*/

	.stat-list {text-align: center; padding-bottom: 20px;}
	.stat-list li {color: #404040; background-image: url(../img/icon_people_black.png); float: none; margin: 0 1% 20px; display: inline-block; vertical-align: top;}
	.stat-list li + li {margin: 0 1% 20px;}

	.teaser2 li {width: 48.5%;}
	.teaser2 li:nth-child(2n) {float: right; padding-left: 0;}
	.teaser2 li .thumb {width: 100%; height: auto;}
	.teaser2 li .thumb img {width: 100%;}
	.teaser2 .cta-wrap {display: block; right: auto; left: 0; top: auto; bottom: 0; height: 30px; padding: 0; border: 0;width: 140px;}
	.teaser2 .cta-wrap a {height: 30px;}
	.teaser2 .cta-wrap a.dl:after, .teaser2 .cta-wrap a.view:after {line-height: 1em;}

	.video-embed2 {width: 100%; left: 0;}
	.video-embed2 iframe {width: 100%!important; height: 100%; left: 0;}

	.featured-cal .keyimage {height: 100%;}
	.featured-cal .keyimage img {width: 100%; height: auto; min-height: 100%;}

	.featured-media li .thumb img {width: 100%;}

	.intro1 > h3 {font-size: 1.8em;}
	.intro1-pad {width: 100%;}

	.jobsearch-form {width: 100%;}
	.banner .jobsearch-form {width: 96%; margin: 0 2%;}
	.jobsearch-form input.txt1 {width: 45%;}
	.jobsearch-form select.txt1 {width: 35%;}

	.full-tabs-wrap {height: 80px;}
	.full-tabs {width: 100%;}
	.full-tabs li {height: auto;}
	.full-tabs li + li {border: 0;}
	.full-tabs li a {padding: 16px 7px 20px; width: 100%; height: 80px; border-left: #fff solid 1px;}

	.quarter-report li a i {display: block;}

	.custom-search-wrap .txt1 {width: 28%;}

	/*.back-to-top2 {margin-right: -490px;}*/
	.back-to-top2 {margin-right: 0; right: 5px;}

	.country-filter2 {width: 100%;padding-left: 30px; padding-right: 30px;}
	.country-banner > img {max-width: 992px;}

	.other-contact li {width: 49.8%;}
	.other-contact .links a {margin: 0 3%;}

	.signup-wrap {width: 105%; left: -20px;}

	.timeline-wrap {height: 580px;}
	.disc-label {bottom: 390px;}
	.timeline-wrap .direction {font-size: 14px;}
	.timeline-wrap .direction article { max-width: 500px; }
	.timeline-wrap .index-wrap {bottom: 10px;}
	.timeline-wrap .index-wrap .index {}
	.index-wrap .line {display: none;}
	.timeline-wrap .index span {width: 50px; height: 50px; padding-top: 10px; font-size: 14px;}
	.timeline-wrap .index span.intro {background-size: 60%;}
	.timeline-wrap .index span:before {bottom: 10px;}
	.touch .timeline-wrap .owl-nav {opacity: 1;}

	.thegrid-wrap {left: -15px;}
	
	.jobs-map .close{ width: 36px; height: 36px; }
	.jobs-map .close:after{ font-size: 26px; left: 5px; top: 5px;}

	.event-cats label {width: 40%; margin-bottom: .5em; display: inline-block; vertical-align: top;}
	.table-event th:nth-child(3) {width: 80px;}


	.case-detail-wrap .close {right: 10px; top: 10px; z-index: 2;}
	.case-detail-wrap .nav {z-index: 2;}
	.case-detail-wrap .nav .prev {left: 10px;}
	.case-detail-wrap .nav .next {right: 10px;}

	.content-careers-new .col-1 {width: calc(100% - 400px);}
	.interview-tips .thumb {margin: 0 0 20px 0; width: 100%; height: auto;}
	.interview-tips .thumb img {width: 100%;}
}

@media only screen and (max-width: 940px) {
	.col-1 {width: -webkit-calc(100% - 250px); width: calc(100% - 250px);}

	.feature-staff li .thumb {width: 100px; height: 100px;}
	.feature-staff li .thumb img {width: 100%;}

	.thegrid-wrap {width: 100%; left: auto;}

	.thegrid-wrap .size31, .thegrid-wrap .size32, .thegrid-wrap .size33, .thegrid-wrap .size34 {width: 230px;}
	.thegrid-wrap .size21, .thegrid-wrap .size22, .thegrid-wrap .size23, .thegrid-wrap .size24 {width: 230px;}
	.thegrid-wrap .pinbox .summary h4 {font-size: 20px;}

	.annual-report li {padding: 0 15px;}
	.annual-report li .action a i {display: block;}

	.signup-wrap .field-txt {width: 30%;}

	.timeline-wrap .owl-nav > div.owl-prev {left: 1%;}
	.timeline-wrap .owl-nav > div.owl-next {right: 1%;}

	.t-nav > div.t-prev{left: 1%; display: none}
	.t-nav > div.t-next{right: 1%; display: none}

	.home-teaser img {width: 100%; height: auto;}

	.search-box .txt1 {width: 60%;}

	.market-target-wrap .logo {display: none;}

}

/* break768 */
@media only screen and (max-width: 768px) {
	.case-detail-wrap .close {right: 25px;}
	.case-detail-wrap .nav .prev {left: 25px;}
	.case-detail-wrap .nav .next {right: 25px;}

	#mainLogo {margin-top: 7px;}

	.country-filter2 {width: 110%;}

	.home-teaser {max-height: 50%;}
	.home-teaser .close {position: absolute;}

	.viewer-wrap .ctrl {display: none;}

	.social-pills {top: -5px; left: 25px;}

	.custom-search-wrap .txt1 {width: 25%;}
	.custom-search-wrap select.cat {width: 10%;}

	.content-IR .col-1 .load-more {margin-bottom: 20px;}

	.resp-cta {width: 60px; height: 50px; left: -61px;}
	.resp-cta:after {font-size: 50px; line-height: 50px;}
	.logo-wrap,
	.header-wrap {height: 50px;}
	.logo-wrap h1 {padding: 0 0;}
	.logo-wrap h1 img{width: 190px;}
	.resp-menu .logo-wrap h1 {padding: 2px 0 0; text-align: center;}
	
	.social-tabs-wrap {padding: 75px 0 10px; height: auto;}
	.thetabs {top: 0;}
	.thetabs span {font-size: 20px; text-align: center; padding: 20px 0px;}
	.thetabs span i{font-size: 30px; line-height: 10px; top: 5px;}
	.pinwall-grid {top: 0; margin-bottom: 10px;}
	.tabs-panel .share-count {position: static;}

	.mini-sitemap {padding: 40px 0 0;}
	.mini-sitemap .col {margin-bottom: 30px;}
	.mini-sitemap .col h4 {padding: 5px 20px;font-size: 20px;}
	.mini-sitemap .col h4:after {font-size: 20px;top: 7px;}
	.mini-sitemap .col h4 ~ h4{margin-top: 30px;}
	.mini-sitemap .col ul{padding: 10px 20px;font-size: 18px;}
	.mini-sitemap .col li a{display: block;padding: 5px 0;}

	.spotlight .owl-carousel {height: 360px;}
	.spotlight .owl-carousel .owl-item {overflow: hidden;}
	.spotlight, .spot-image, .spotlight .wrap-inner,
	.spotlight-wrap2, .spotlight2-wrap, spotlight2 {height: 350px; }
	.spotlight .wrap-inner {padding-top: 50px;}
	.spotlight-wrap2 {min-height: 350px;}

	.tagline2, .banner .tagline2 {font-size: 18px; left: 45px;}
	.spotlight .spot-cta, .spotlight .shortdesc {left: 50px;}
	.list-index span {width: 15px; height: 15px;}

	.spotlight2-wrap .list-index2 {top: 25px;}

	.spotlight2 > ul > li {padding-top: 100px;}
	.spotlight2 .spot-copy {font-size: 24px;}

	.market-tool {width: 85%; margin:0 auto; text-align: center;}
	.market-tool li {width: 25%; display: inline-block; float:none; margin-bottom: 40px;}
	.market-tool li .count {font-size: 18px; background: none; color: #ed1c24; font-weight: 500;}
	.market-tool li .title {font-size: 18px;}
	.market-tool li .icon img {width: 60%;}

	.world-market-wrap .region-group {width: 300%;}
	.world-market-wrap .region {width: 33.333%; float: left;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.world-market-wrap .region + .region {margin: 0;}
	.world-market-wrap .region ul {height: 150px; width: 100%;padding-right: 5%; overflow: auto;
		background: rgba(0,0,0,1);
		background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(52,45,43,1) 50%, rgba(0,0,0,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(52,45,43,1)), color-stop(100%, rgba(0,0,0,1)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(52,45,43,1) 50%, rgba(0,0,0,1) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(52,45,43,1) 50%, rgba(0,0,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(52,45,43,1) 50%, rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(52,45,43,1) 50%, rgba(0,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	}
	.world-market-wrap .region li {float: none; text-align: center; padding: 0; width: 100%;}
	.world-market-wrap .region h3 {background: none; font-size: 24px;}
	.world-market-wrap .region a {font-size: 22px; font-weight: 500; line-height: 1.8em;}

	.world-market-wrap .intro {width: 90%;}

	.intro1-center .intro1-copy {width: 100%;}
	.intro1-2col .intro1-copy {
		text-align: center;
		-webkit-column-count:1; /* Chrome, Safari, Opera */
		-moz-column-count:1; /* Firefox */
		column-count:1;
	}
	.spotlight3 li .inner {text-align: center;}
	.spotlight3 li .bubble {display: inline-block;}


	.feature-box .circle {width: 150px; height: 150px;}
	.feature-box .circle h4 {width: 150px; height: 150px; line-height: 150px; font-size: 18px;}
	.feature-box2 .item h4 {min-height: 4.5em;}

	.market-box .country-list {width: 25%;}
	.market-box .detail-pane {width: 75%; float: right;}
	.market-box .country-tag > span {font-size: 20px;}
	.market-box .social-links a {font-size: 60px; padding: 20px 0;}

	.col-1, .col-2 {width: 100%;}
	.content-media .col-2 {width: 230px; float: right;}
	.col-2 .sidepane-widget {width: 48.5%; float: left;}
	.col-2 .sidepane-widget:nth-child(2n) {margin-left: 3%;}
	.newslist-widget li .thumb img {width: 100%;}
	.pinwall-widget li {font-size: 20px; line-height: 1.25em;}

	.page-close {top: 65px;}

	.calendar-list {overflow: auto;}
	.calendar-list .more {left: 0; right: auto; top: auto; bottom: 0;}

	.news-list {overflow: auto;}
	.news-list li {width: 100%;}
	.news-list li:nth-child(2n) {margin: 0;}
	.news-list li:nth-child(2) {border-top: #eee solid 1px;}

	.featured-cal > ul > li {background: #e9e9e9;}

	.BOD-list li {width: 100%; padding: 30px 15px 15px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.BOD-list .copy {width: 65%;}

	.contact-methods {background: #ebebeb; padding:30px 0 0; margin-bottom: 30px;}
	.contact-methods > li {display:none; float: none; width: 100%; margin-bottom: 30px;}
	.contact-methods > li.contact-map {margin-bottom: 0; padding-bottom: 0;}
	.contact-methods > li:first-child {border: 0; padding-left: 0;}
	.contact-methods > li.active {display: block;}
	.contact-methods > li.active > div{padding: 0 10px 0 15px;}
	.contact-methods h4 {text-align: center; font-size: 22px; display: none;}
	.contact-methods h4 + p {padding: 0px 25px 15px;}
	.contact-methods h4 i{display: none;}
	.contact-methods .copy {padding: 0 10px;}
	.contact-methods .form1 {padding-left: 10px;}
	.contact-methods select.txt1 {width: 96%; max-width: 300px; background-color: #fff;}

	.contact-tabs {display: block; margin: 20px auto 0; padding: 0; width: 100%; max-width: 100%; text-align: center; overflow: auto;}
	.contact-tabs li {list-style: none; float: left; display: inline-block; background: #bebebe; font-size: 18px; width: 33.33%; cursor: pointer;}
	.contact-tabs li + li {border-left: #fff solid 0px; width: 66.66%;}
	.contact-tabs li.active {background: #ebebeb;}

	.contact-tabs li h4{margin: 0; padding: 20px 0; font-family: 'Ooredoo Bold', sans-serif; font-size: 18px; color: #444; position: relative;}

	.contact-tabs li h4 i {color: #222; font-size: 36px; line-height: .1em; position: relative; top: 8px;}
	.contact-tabs li + li > h4 {width: 50%; display: inline-block;}
	.contact-tabs li h4 + h4:before {
		content: '';
		position: absolute;
		left: 12px;
		top: 10%;
		height: 75%;
		width: 2px;
		background: #aaa;
	}

	.country-banner {min-height: 0; width: 100%;}
	.country-banner > img {width: 110%; left: -15px;}
	.country-banner h3 {font-size: 26px; left: 10px; top: auto; bottom: 20px; background: #000; background: rgba(0,0,0,.5); padding: 5px 10px;}

	.country-filter {float: none; width: 100%; max-width: 400px; margin: 0 auto; text-align: center; margin-bottom: 30px;position: relative;}
	.country-filter .chosen {text-align: left; width: 100%;}
	.country-filter ul {text-align: left; width: 99.4%; background: #fff;z-index: 1; height: auto;}

	
	.country-pane .contact-list li {width: 49%; clear: left;}

	.jobsearch-form input.txt1 {width: 40%;}
	.jobsearch-form select.txt1 {width: 30%;}

	.content-careers .col-1 {width: 100%;}
	.content-careers .col-2 {width: 100%;}
	.feature-staff li .thumb {width: 133px; height: 133px;}

	.content-jobs .col-1 {width: 100%; float: none;}
	.content-jobs .col-2 {margin: 30px auto 15px; float: none; }
	.notify-box {margin-bottom: 2em;}

	.job-filters .filters .choices span {width: 50%; float: left;}

	.full-tab-pane .col-2 .sidepane-widget {margin: 0 auto; float: none;}

	.social-wall-wrap {top: 0;}
	.social-wall-block {width: 100%; padding: 0;}

	.careers-pane {top: 0;}

	.annual-report li {width: 32.333%;}

	.quarter-report li {padding: 0 10px;}
	.quarter-report .action a {font-size: 14px;}

	.timeline-wrap .index-wrap {overflow-y: hidden; overflow-x: scroll;}
	.timeline-wrap .direction {#bottom: 60px; width: 85%;}
	.timeline-wrap .owl-nav > div {
		-webkit-transform: scale(.8);
	}
	.timeline-wrap .t-nav > div  {
		-webkit-transform: scale(.8);
	}

	.timeline-wrap .hint{-webkit-transform: scale(.8);}

	.timeline-wrap .index-wrap .index {width: 980px; max-width: inherit;}
	.timeline-wrap .direction p {padding: 0 20px;}
	.timeline-wrap > .disc-label{left: 15px!important; bottom: auto; top: 15px; z-index: 3; text-align: center;}

	.spotlight3 > li, .spotlight2 li {padding-top: 80px;}
	.spotlight3-wrap .list-index {bottom: 5px;}
	.spotlight3 li .bubble {
		position: relative;
	    left: -30%;
	    top: -20px;
	}

	.b2b-cards .card .keyimage {height: 220px;}

	.box-leads .keyimage img {height: auto;}

	.partners-list2 .logo img{width: 100%;}

	.banner .keyimage {background-position: 60% 0;}

	.content-wrap .copy > p > img,
	.content-wrap .copy > img {max-width: 100%;}

	.ambassador-wrap .keyimage {width: 260px; height: 260px; margin: 40px 0 0 3%;}
	.ambassador-wrap .keyimage img{height: 100%;}

	.col-full {padding-top: 0;}
	.col-full p > img {max-width: 100%; height: auto;}
	.image-card .thumb {width: 30%; margin-top: 20px;}
	.image-card .card-copy {width: 65%;}

	.feature-staff-wrap .owl-nav > div.owl-next {right: 20px;}
	.feature-staff-wrap .owl-nav > div.owl-prev {left: 20px;}

	.b2b-cards .card .keyimage {height: 185px;}

	/*.choices input[type="checkbox"], .choices input[type="radio"] {width: 12px; height: 12px;}*/

	.vbox-overlay {top: 0;}
	.vbox-close {top: 0;}
	.thumb-video-tiny:after, .thumb-video-small:after, .thumb-video:after {
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
	}

	.case-studies-filter form > label {padding: 0 15px;}
	.case-studies-filter .sel-wrap {width: 17%;}

	.cta-image img {width: 100%;}
	.section-intro p > img {max-width: 100%; height: auto;}

	.table-event.large-only {display: none;}
	.table-event.small-only {display: table;}

	.stat-list li {width: 165px; height: 165px; font-size: 16px;}
	.stat-list li strong {font-size: 22px;}

	.market-target-wrap .logo {display: none;}
}

/* landscape smartPhone */
@media only screen and (max-width: 768px) and (orientation : landscape) {

	.market-target-wrap .close {width: 30px; height: 30px;}
	.market-target-wrap .close:after {left: 0; top: 0;}
	.welcome-copy {height: 170px; display: none;}
	.market-grid .hint {margin: 20px 10px; font-size: 14px;}
	.in-market .market-grid ul,
	.market-grid ul {max-width: 500px;}
	.in-market .market-grid ul li,
	.market-grid ul li {width: auto; float: none; font-size: 14px; padding: 0 10px; margin: 0 0 15px;}
	.in-market .market-grid ul li {width: auto!important;}
	.in-market .market-grid ul li img,
	.market-grid ul li img {width: 30px;}
	.down-hint { margin: 0 auto 0;
		-webkit-transform: scale(.6);
		-moz-transform: scale(.6);
		transform: scale(.6);
	}

	.thegrid-wrap .size31, .thegrid-wrap .size32, .thegrid-wrap .size33, .thegrid-wrap .size34,
	.thegrid-wrap .size21, .thegrid-wrap .size22, .thegrid-wrap .size23, .thegrid-wrap .size24 {width: 31.2%;}
	
	.custom-search-wrap .txt1 {width: 31.5%;}
	.custom-search-wrap .sel-wrap{margin-bottom: 12px;}
	.custom-search-wrap .country,
	.custom-search-wrap .month{width: 25%;}
	.custom-search-wrap .year {width: 15%;}
	.custom-search-news .cat {width: 31.5%; margin-right: 5px;}

	.col-2 .sidepane-widget {float: none; width: 100%;}
	.newslist-widget {width: 100%;}
	.newslist-widget li {width: 47.5%; float: left; clear: left; margin: 0 0 1.5em;}
	.newslist-widget li + li {padding: 0;}
	.newslist-widget li:nth-child(even){float: right; clear: right;}

	.content-media .col-1, .content-IR .col-1 {width: calc(100% - 260px);}
	.gallery-list li {height: auto; clear: both; margin: 0 0 2em;}
	.gallery-list li:nth-child(even) {clear: right; float: right;}

	.nobanner {margin-top: 0;}

	.filters .choices span {display: inline-block; width: 45%;}
	.jobs-map {top: auto; bottom: 20px; height: 80%;}

	.jobsearch-form select.txt1 {width: 42%;}
	.content-jobs .col-2 {width: 100%;}
	.content-jobs .col-2 > div {display: inline-block; width: 45%; float: left;}
	.content-jobs .col-2 > div.notify-box {margin-top: 33px;}
	.content-jobs .col-2 > div.careers-widget {float: right; margin-top: 0;}
	.content-jobs .col-2 > div.feature-staff-widget {clear: both; width: 100%;}

	.content-IR .col-2 {width: 240px;}
	
}
@media only screen and (max-width: 680px) and (orientation : landscape) {
	.country-filter-home li {width: 30%; border: 0;}
	.timeline-wrap {height: 380px;}
	.timeline-wrap .direction {bottom: 0; width: 65%;}
	.timeline-wrap .direction.items-0 {bottom: 30px;}
	.timeline-wrap > .disc-label {
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
	}

	.teaser2 li {width: 100%;}
	.teaser2 li .thumb {max-width: inherit;}

	.ambassador-wrap .keyimage {margin-left: 0;}

	.intro1 .card > h3 {min-height: 2.2em; max-width: 70%;}

	.content-media .col-1, .content-IR .col-1 {width: 100%;}
	.content-media .col-2, .content-IR .col-2 {width: 100%; max-width: 320px; margin: 0 auto; float: none; clear: both;}
	.widget-newsletter {margin: 0 auto 7px;}


}

/* break640 */
@media only screen and (max-width: 640px) {

	.market-target-wrap {height: 100%; top: 50px; position: relative;}
	.market-target-wrap .welcome-copy:after {content: ''; background: #fff; width: 80px; height: 45px; position: fixed; right: 0; top: 0;}
	.market-target-wrap .close {top: 50px;}
	.welcome-copy {height: 270px;}
	.welcome-copy h1 {font-size: 30px; padding-top: 20px;}
	.welcome-copy h1 + p{font-size: 20px; line-height: 1.2em;}
	.in-market .hint2 {margin: 30px 15px 20px;}
	.in-market .market-grid ul li {width: 16.6667%; margin-bottom: 15px;}

	.welcome-banner-DZ {background-image: url(../img/flags2/market_mob_dz.jpg);}
	.welcome-banner-ID {background-image: url(../img/flags2/market_mob_id.jpg);}
	.welcome-banner-IQ {background-image: url(../img/flags2/market_mob_iq.jpg);}
	.welcome-banner-KW {background-image: url(../img/flags2/market_mob_kw.jpg);}
	.welcome-banner-LA {background-image: url(../img/flags2/market_mob_la.jpg);}
	.welcome-banner-MV {background-image: url(../img/flags2/market_mob_mv.jpg);}
	.welcome-banner-MM {background-image: url(../img/flags2/market_mob_mm.jpg);}
	.welcome-banner-OM {background-image: url(../img/flags2/market_mob_om.jpg);}
	.welcome-banner-PS {background-image: url(../img/flags2/market_mob_ps.jpg);}
	.welcome-banner-QA {background-image: url(../img/flags2/market_mob_qa.jpg);}
	.welcome-banner-SG {background-image: url(../img/flags2/market_mob_sg.jpg);}
	.welcome-banner-TN {background-image: url(../img/flags2/market_mob_tn.jpg);}

	.nobanner {margin-top: 0;}
	.album-items .item {height: auto;}
	.album-meta {line-height: 1.1em;}
	.album .media-file-title {font-size: 24px;}
	.viewer-wrap {min-height: 220px;}

	.tabs-panel .share-count {position: static; width: 96%; text-align: center; height: auto; padding: 15px 0; border: #eee solid 4px;}
	.tabs-panel .share-count span.pinwall,
	.tabs-panel .share-count span {float: none; display: inline-block; width: 30%; max-width: 100px; border: 0;}
	.tabs-panel .share-count span i{display: block; font-size: 30px; width: 30px; height: 30px; margin: 0 auto;}
	.tabs-panel .share-count span strong {display: block;}
	.tabs-panel .share-count span.pinwall:before {display: none;}

	.feature-box .circle {width: 120px; height: 120px;}
	.feature-box .circle h4 {width: 120px; height: 120px; line-height: 120px; font-size: 14px;}
	.feature-box2 .item {float: none; display: block; width: auto;max-width: 320px; margin: 0 auto 0;}
	.feature-box2 .item + .item {border: 0;}
	.feature-box2 .item .thumb {padding-bottom: 0;}
	.feature-box2 .item h4 {min-height: 0;}

	.market-box .country-list {width: 30%;}
	.market-box .detail-pane {width: 70%;}

	.teaser1 {overflow: auto;}
	.teaser1 li {float: left; width: 48.5%; margin-bottom: 15px;}
	.teaser1 li + li {padding-left: 0;}
	.teaser1 li:nth-child(2n) { padding-left: 0; float: right;}
	
	.content-media .col-1, .content-IR .col-1, .content-media .col-2, .content-IR .col-2 {width: 100%; margin: 0 auto; float: none;}
	.content-IR .col-2 {max-width: 320px; margin: 0 auto;}

	.widget-share-price {margin: 0 auto; padding: 15px; border: #eee solid 1px;}

	.report-list li {float: none; width: 100%; margin: 0 0 20px; padding: 0 0 20px; border-bottom: #ddd solid 1px;}
	.report-list li:nth-child(3), .report-list li:nth-child(4) {border-bottom: #ddd solid 1px;}


	.calendar-list {padding-bottom: 30px;}
	.calendar-list .thumb, .calendar-list ul {width: 100%; float: none; padding: 0 0 15px;}

	.download-banner {height: 220px;}
	.download-banner .keyimage {height: 240px;}
	.download-banner .cta-wrap {top: auto; bottom: 20px; right: auto;}

	.teaser2 {overflow: auto;}
	.teaser2 li {width: 48.5%; float: left;}
	.teaser2 li:nth-child(2n) {float: right; padding-left: 0;}

	/*.news-list li .thumb {width: 70px; height: 70px; margin-bottom: 20px; margin-top: 10px;}*/
	.news-list li {max-width: 100%;}
	.news-list li .thumb img {width: 100%;}

	.featured-cal > ul > li {background: #e9e9e9; position: relative; padding-top: 45px; overflow: auto;}
	.featured-cal > ul > li .keyimage {position: relative; height: auto; border: #e9e9e9 solid 10px; border-bottom: 0;}
	.featured-cal > ul > li .copy {position: static; padding-top: 10px;}
	.featured-cal .copy h4	{position: absolute; left: 10px; top: 10px; line-height: 1em; max-width: 87%;}	
	.featured-cal > ul > li h4 + .dateline {position: absolute; top: 70px; left: 20px; max-width: 70%;}
	.featured-cal .keyimage img {width: 100%; height: auto; min-height: 0;}
	.featured-cal > ul > li .keyimage:after{background: rgba(0,0,0,.5);}
	.featured-cal .copy .detail {color: #555;}
	.featured-cal .steps li {float: none; display: block; width: 100%; margin-bottom: 15px;}

	.cal-filter {display: block;}
	.widget-cal-menu {display: none;}

	.BOD-list li {}
	.BOD-list .thumb {float: none; display: block; margin: 0 auto 20px;}
	.BOD-list .copy {float: none; width: 100%; text-align: center;}
	.BOD-list .copy h4 {max-width: 300px; margin: 0 auto;}

	.featured-media li {width: 100%; float: none; min-height: 0;}
	.featured-media li:nth-child(2n) {width: 100%; float: none;}

	.pinwall-teaser1 li {width: 100%; float: none;}
	.pinwall-teaser1 li:nth-child(2n) {float: none;}
	.pinwall-teaser1 .more {left: auto; right: 0;}

	.gallery-filters .filters .choices span {width: 50%; float: left;}


	.jobsearch-pane .txt1 + .txt1, .jobsearch-pane .txt1 + .btn1 {margin: 0;}
	.jobsearch-form input.txt1 {width: 49%; margin: 0 0 20px;}
	.jobsearch-form select.txt1 {width: 49%; margin: 0 0 20px; float: right;}
	.jobsearch-form .btn1 {clear: both; margin: 0; float: left;}

	.content-jobs .banner-1 {height: 260px;}
	.content-jobs .banner-1 .keyimage {height: 260px;}

	.newsletter-form {width: 100%;}
	.newsletter-form .txt1 {width: calc(100% - 80px);}

	.annual-report li {width: 49%; max-width: 250px;}
	.annual-report li .action a {font-size: 14px;}

	.quarter-report li {width: 50%;}

	.custom-search-wrap .txt1 {width: 100%; margin: 0 0 8px;}
	.custom-search-wrap .country {width: 100%; margin: 0 0 8px;}
	.custom-search-wrap .month {width: 100%; margin: 0 0 8px;}
	.custom-search-wrap .year {width: 100%; margin: 0 0 8px;}
	.custom-search-wrap .cat {width: 100%; margin: 0 0 8px;}

	.report-list {margin: 0;}
	.report-list:before {display: none;}

	.split-cta .btn1 {min-width: 0;}

	.disc-label {width: 130px; height: 130px; bottom: 420px;}
	.disc-label em {font-size: 2.8em;}

	.country-news {padding-left: 15px; padding-right: 15px;}

	.infograph-wrap {margin: 1em 0;}
	.partners-list .logo {width: 100%;}
	.partners-list > li {width: 100%; margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: #eee solid 1px;}
	.partners-list > li + li {margin-left: 0; margin-right: 0;}

	.circle-list ul {padding-bottom: 1.5em;}
	.circle-list li {width: 80px; height: 80px; font-size: 14px; margin-bottom: .5em;}

	.home-teaser .close {width: 25px; height: 25px; top: 10px; right: 10px;} 
	.home-teaser .close:after {left: 2px; top: 2px; font-size: 20px;} 

	.content-contact .country-filter2 ul {padding-left: 0;}
	.content-contact .country-filter2 li {width: 33.33%; border: 0;}

	.country-banner h3 {bottom: auto; top: 20px;}

	.jobs-map {top: auto; bottom: 20px;}

	
	.case-studies-filter {overflow: auto;}
	.case-studies-filter form > label {padding: 10px 0 15px;}
	.case-studies-filter .sel-wrap {display: block; width: 100%; margin-bottom: 10px;}

	.case-detail .card {display: block; width: 100%;}
	.case-detail .card + .card {margin-left: 0;}

	.search-box .txt1 {width: 70%; width: calc(70% - 110px);}

	.timeline-wrap .direction article {width: 85%;}
	.timeline-wrap .hint{-webkit-transform: scale(.8);  bottom: 0px;	}

	.video-gallery .item {width: 49%; margin: 0 0 20px 2%;}
	.video-gallery .item:nth-child(3n+1) {margin-left: 2%;}
	.video-gallery .item:nth-child(2n+1) {margin-left: 0;}

	.iot-detail .col-2 {padding-left: 0; border: 0;}

}

/* break480 */
@media only screen and (max-width: 480px) {

	.market-target-wrap {height: 100%;}
	.market-target-wrap .close {width: auto; height: auto;}
	.market-target-wrap .close:after {left: 0; top: 0;}
	.market-grid .hint {line-height: 1.1em; margin: 20px 10px; font-size: 18px;}
	.welcome-copy {height: 230px;}
	.in-market .market-grid ul li,
	.market-grid ul li {width: 25%; margin-bottom: 10px;}
	.market-grid ul li img {width: 40px;}
	.down-hint {
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		transform: scale(.8);
	}
	.down-hint:after {background-size: 65% auto;}

	.case-studies-filter {margin-top: 0;}
	.case-pane {padding-bottom: 40px;}
	.case-pane > h3 {display: block; padding-bottom: 15px;}
	.case-pane > h3 + p {display: none;}

	.case-detail-wrap {position: fixed; top: 20px; left: 0; width: 100%; height: 100%; overflow-y: auto;}
	.case-detail-wrap .case-detail {padding: 10px; margin-bottom: 50px;}
	.case-detail .keyimage {min-height: 180px; height: 180px;}
	.case-detail-wrap .close {right: 40px; top: 40px; 
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8);
		-webkit-transform-origin: top right;
	}
	.case-detail-wrap .nav {top: 112px;}
	.case-detail-wrap .nav span{
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8);
	}
	.case-detail-wrap .nav .next {right: 39px;
		-webkit-transform-origin: bottom right;
		-moz-transform-origin: bottom right;
		-ms-transform-origin: bottom right;
		transform-origin: bottom right;
	}
	.case-detail-wrap .nav .prev {left: 39px;
		-webkit-transform-origin: bottom left;
		-moz-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		transform-origin: bottom left;
	}

	.jobs-map {height: 82%;}
	.jobs-map .copy h3 {padding-right: 50px; line-height: 1.1em;}
	
	.search-block fieldset.half + fieldset.half,
	.search-block fieldset.half {width: 95%; margin: 0 0 10px; float: none;}

	.timeline-wrap {height: 380px; max-width: 100%; border-left:0px; border-right: 0px; border-radius: 0px;}
	.timeline-wrap .direction {bottom: 0;}
	.timeline-wrap .direction.items-0 {bottom: 30px;}
	.timeline-wrap > .disc-label {
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		-webkit-transform-origin: top left;
		-moz-transform-origin: top left;
		-ms-transform-origin: top left;
	}

	.timeline-wrap .direction h3.discover {font-size: 28px;}
	.timeline-wrap .direction p {font-size: 16px;}
	.timeline-wrap .direction.items-2 article p {font-size: 12px;}
	.timeline-wrap .direction .symbol p {font-size: 12px; width: 85%;}
	.timeline-wrap .direction article {width: 75%;}
	.timeline-wrap .direction {width: 75%;}

	.timeline-wrap .items-2 article h4 {font-size: 16px;}
	.timeline-wrap article h4{font-size: 16px;}

	.timeline-wrap .rotate-div-wrap #rotate-div { bottom: -282px;}


	.country-pane .contact-list li {width: 100%;}
	.country-pane .contact-list li:nth-child(2n) {float: left;}


	.jobs-map .copy {width: auto;}
	.jobs-map .search-field {width: 100%;}
	.jobs-map {padding-top: 180px;}
	.jobs-map .txt-field {width: 100%; margin-bottom: .5em;}
	.jobs-map .txt-field + .txt-field {width: 60%;}
	.jobs-map .btn1 {float: right;}

	.image-card .thumb {float: none; display: block; width: 100%; max-width: 260px; margin: 0 auto 1em;}
	.image-card .thumb img{height: auto;}
	.image-card .card-copy {width: 100%;}

	.page-overlay .content-wrap {padding-top: 0;}
	h2.page-title {max-width: 85%;}
	
	/*.col-2 {border-top: #f2f2f2 solid 3px;}*/
	.page-close a.btn-news {top: 40px;}
	.page-close a.btn-news + a.btn-news {top:82px;}

	.content-jobs .col-2 {width: 100%; max-width: 320px;}

	.awards-list {padding-bottom: 15px;}
	.awards-list > ul > li {padding-left: 25%;}
	.awards-list > ul > li .thumb {width: 20%;}

	.album .album-util span.filename {display: none;}
	.album-items .item img {max-height: inherit; min-height: 100%;}

	.partners-list2 li {padding: 1.5em 0;}
	.partners-list2 li + li {border-top: #eee solid 1px;}
	.partners-list2 .logo {display: block; width: auto; padding: 0 0 1em; float: none; text-align: center;}
	.partners-list2 .logo img {width: auto; max-width: 80%; display: inline;}
	.partners-list2 .logo + .desc {width: 100%;}


	.b2b-cards .card {width: 100%; float: none;}
	.b2b-cards .card .keyimage {height: auto}
	.b2b-cards .card .desc {display: block; position: static; background: #ed1c24;}

	.ambassador-wrap .keyimage {width: 250px; height: 250px; margin: 0 auto 40px; float: none; position: relative; overflow: hidden;}
	.ambassador-wrap .keyimage img {height: 100%;}
	.ambassador-wrap blockquote {width: 80%; float: none; margin: 0 auto;}

	.twin-player .item .frame-wrap {height: 140px;}

	.two-col .col2,
	.two-col .col1 {float: none; width: 100%;}

	.sponsorship-wrap .col-item .keyimage img{width: 100%;}

	.section-block {width: 100%}
	.country-news li {width: 100%;}
	.country-news li+li {margin: 10px 0 0; padding: 20px 0 0; border-top: #f2f2f2 solid 5px;}

	.spotlight3 li .bubble {
		position: relative;
	    left: auto;
	}

	.pinwall-grid {height: 410px;}

	.pinwall-grid .size34,
	.pinwall-grid .size33,
	.pinwall-grid .size32,
	.pinwall-grid .size31,
	.pinwall-grid .size24,
	.pinwall-grid .size23,
	.pinwall-grid .size22,
	.pinwall-grid .size21{
		width: 250px;
		height: 380px;
	}
	.pinwall-grid .size21{
		height: 185px;
	}
	.pinwall-grid .pinbox .keyimage{
		max-height: 45%;
		overflow: hidden;
	}
	.pinwall-grid .pinbox .summary p{
		display: none;
	}
	.size22 .summary h4, .size21 .summary h4 {
		font-size: 20px;
	}

	.mini-sitemap .col {width: 80%;}
	.quicklinks-wrap li {font-size: 16px;}

	.tagline2, .banner .tagline2 {left: 35px; font-size: 16px;}

	.sm-footer-wrap .wrap-inner {max-width: 90%; margin:0 auto;}
	.sm-list {text-align: center;}
	.sm-list li {#float: none; #display: inline-block; vertical-align: middle; #width: 15%; font-size: 16px;}

	.spotlight-wrap2 {min-height: 250px; height: 250px;}
	.spotlight, .spot-image, .spotlight .wrap-inner {height: 250px;}
	.spotlight .owl-dots {bottom: 5px;}
	.spotlight .shortdesc {display: none;}
	.spotlight .spot-cta {clear:both; padding: 20px 0 0; left: 40px;}
	.list-index {right: 10px;}
	.list-index span {margin-bottom: 5px;}

	.social-tabs-wrap {padding-top: 60px;}
	.thetabs span {font-size: 16px; padding: 5px 0;}
	.thetabs span i {display: block; line-height: 1.1em; font-size: 25px; top: 0;}

	.banner {height: 250px;}
	.banner-1 {height: 190px;}

	.spotlight2-wrap {height: 300px;}
	.spotlight2-wrap .list-index {bottom: 3px;}
	.spotlight2 .spot-title, .spotlight2 .spot-copy {display: none;}
	.spotlight2 .cta {position: relative;}

	.spotlight2 .cta a.watch{
		#text-indent: -999em;
		position: relative;
		#padding: 0 0 15px;
		#background: none;
	}


	.spotlight2 .cta a.watch:hover{
		background: none;
	}
	.spotlight2 .cta a.watch:before{
		content: "\e6a8";
		font-family: 'ooredoo-icon-fonts';
		font-size: 40px;
		position: absolute;
		left: 49px;
    	top: 46px;
		width: 80px;
		height: 80px;
		margin: -40px 0 0 -40px;
		color: #fff;
		text-align: center;
		text-indent: 5px;
		line-height: 82px;
		border-radius: 50%;
		border: #fff solid 3px;
		background: rgba(0,0,0,.6);
	}
	.spotlight3-wrap {height: 250px;padding: 40px 0;}
	.spotlight3-wrap .inner{padding: 0;}
	.spotlight3-wrap .bubble {position: relative; top: -20px;}
	.spotlight3 {position: relative;}
	.spotlight3 li {padding: 0; height: 250px;}
	.spotlight3-wrap .list-index span{width: 8px; height: 8px;}
	.spotlight3-wrap .list-index span.active {background: #ddd;}

	/*.spotlight3 > li, */
	.spotlight2 li {padding-top: 50px;}

	.spotlight .spot-cta,
	.spotlight2 .cta .btn {
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8);
		-webkit-transform-origin: top left;
		-moz-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
	}

	.market-tool li {width: 30%;}
	.market-tool li .count {font-size: 16px;}

	.feature-box {text-align: center;}
	.feature-box .circle {width: 200px; height: 200px;}
	.feature-box .circle h4 {width: 200px; height: 200px; line-height: 200px; font-size: 24px;}
	.feature-box .item {float: none; display: block; width: 200px; margin: 0 auto 30px; padding: 0;}

	.util-footer {height: auto;}
	.util-footer a {width: auto;font-size: 18px;padding: 20px 0;float: none;display: block;margin: 10px 20px;}
	.util-footer a + a {margin: 10px 20px;}

	.market-box {height: auto; padding: 0;}
	.market-box .country-list {float: none; display: block; width: 100%; height: auto;}	
	.market-box .detail-pane {clear: both; float: none; display: block; width: 100%; height: 300px;}
	.market-box .country-list h4 {clear: both; font-size: 18px; padding: 9px 15px 7px;}
	.market-box .country-list ul {overflow: auto; padding: 3px 0 3px;}
	.market-box .country-list li a {display: block; height: 20px;}
	.market-box .country-list li {float: left;}
	.market-box .country-list li + li {border: 0;}
	.market-box .country-list li i{margin-right: 0;}
	.market-box .country-list li i img{ border-color: #ccc;}
	.market-box .country-list li span{display: none;}
	.market-box .country-tag {top: auto; bottom: 0; width: 100%; height: 100px; padding: 10px 15px; background: rgba(0,0,0,.5);}
	.market-box .social-links {padding: 10px 15px; height: 60px; background: rgba(0,0,0,.7)}
	.market-box .social-links a {display: inline-block; border: 0; font-size: 40px; padding: 0;}
	.market-box .social-links a + a {border: 0; margin-left: 20px;}
	.market-box .country-tag i img {display: inline-block; float: left; margin: 3px 10px 0 0;}
	.market-box .country-tag > span {display: inline-block; padding: 0;}

	.market-map {padding: 0; height: auto;}
	.market-map .gmap {height: 300px;}
	.market-map .pop-detail {position: static; background: none; width: auto; height: auto; padding: 25px 15px;}
	.market-map .thumb img{width: 100%;}

	.detail-country .close {width: 20px; height: 20px; font-size: 16px; line-height: 24px;}

	.content-IR .col-2 {padding-top: 20px;}
	.col-2 .sidepane-widget {width: 100%; max-width: inherit; margin: 0 auto; float: none;}
	.col-2 .sidepane-widget:nth-child(2n) {margin-left: auto;}
	.article-list li .thumb img {min-height: 120px;}

	.teaser1 li {float: none; width: 100%; margin-bottom: 15px;}
	.teaser1 li + li {padding-left: 0; margin-top: 20px;}
	.teaser1 li:nth-child(2n) { padding-left: 0;}

	.teaser2 li {width: 100%; float: none;}
	.teaser2 li:nth-child(2n) {float: none; padding-left: 0;}
	.teaser2 li .thumb {max-width: inherit;}
	.teaser2 li h4 {min-height: inherit; padding: 0 0 10px;}
	.teaser2 .cta-wrap {left: auto; right: 0; width: 60px; height: 60px}
	.teaser2 .cta-wrap a {width: inherit; vertical-align: middle; padding: 15px 0;}
	.teaser2 .cta-wrap a.dl:after, .teaser2 .cta-wrap a.view:after {top: 50%; margin-top: -15px;}
	.teaser2 li .desc {min-height: inherit;}

	.gallery1 .mask{height: 250px;}
	.gallery1 .carousel {height: 265px;}
	.gallery1 .thumbs span {width: 50px; height: 50px;}
	.gallery1 .ctrl {display: none;}

	.content-media .col-1, .content-IR .col-1, .content-IR .col-2 {width: 100%; max-width: 320px; margin: 0 auto; float: none;}
	.content-IR .col-1 {max-width: 100%; margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: #eee solid 1px;}
	.content-media .col-1 {max-width: 100%; margin-bottom: 0; padding-bottom: 0;}

	.col-half {width: 100%; max-width: 320px; float: none; margin: 0 auto;}
	.col-wrap .col-half:nth-child(2n) {margin: 0 auto; padding: 0; border: 0;}

	.report-list li {width: 100%;}

	.stat-list li {width: 120px; height: 120px; background-size: 50%; padding: 20px 10px 0; font-size: 16px; line-height: 1em;}
	.stat-list li strong{font-size: 18px;}

	.page-close a {width: 30px; height: 30px;}
	.page-close a:after {top: 4px; left: 3px; font-size: 24px;} 

	.cal-filter .txt1 {max-width: 100%;}

	.pinwall-teaser1 .more {left: 0; right: auto; top: auto; bottom: 0;}
	
	.gallery-list li {width: 100%; height: auto; margin-bottom: 25px;}

	.form1 fieldset.half {width: 100%; margin-right: 0;}

	.contact-tabs li h4 {padding: 5px 0 10px; font-size: 14px;}
	.contact-tabs li h4 i {display:block; top: 0; line-height: 1.3em;}
	.contact-tabs li h4 + h4:before {left: 7px;}

	.country-banner > img {width: 130%; left: -30px;}

	.jobsearch-pane input.txt1, .jobsearch-pane select.txt1 {width: 100%; max-width: 320px; clear: both; float: left; margin-bottom: 15px;}
	.jobsearch-pane .txt1 + .txt1 {margin-bottom: 15px;} 

	.feature-staff li {width: 100%; max-width: 300px; margin: 0 auto 30px; float: none; text-align: center;}
	.feature-staff li + li {margin: 0 auto 30px;}
	.feature-staff li .thumb {margin: 0 auto 10px;}

	.content-jobs .banner-1 {height: 300px;}
	.content-jobs .banner-1 .keyimage {height: 300px;}
	.content-jobs .jobsearch-form h2 {font-size: 30px;}
	.content-jobs .jobsearch-form .txt1 {float: none; width: 100%;}
	.content-jobs .jobsearch-form .btn1 {float: none;}

	.job-list .table1{table-layout: fixed;}
	.job-list .table1 th{ font-size: 13px !important;}
	.job-list .table1 tr td a {font-size: 12px !important;}

	.job-list th:nth-child(1) {display: none;}
	.job-list th:nth-child(3) {display: none;}
	.job-list td:nth-child(1) {display: none;}
	.job-list td:nth-child(3) {display: none;}


	.job-list th:nth-child(2) {width: 70px; }
	.job-list td:nth-child(2) {width: 70px; }


	.job-list td:nth-child(4) {text-align: center; }
	.job-list td:nth-child(4) a {margin:0 auto;}

	.full-tabs-wrap {display: none;}
	.full-tab-pane + .full-tab-pane {display: block;}
	.full-tab-pane .sidepane-widget {display: none;}
	.full-tab-pane:last-child .sidepane-widget {display: block;}

	.thegrid-wrap .size31, .thegrid-wrap .size32, .thegrid-wrap .size33, .thegrid-wrap .size34 {width: 100%;}
	.thegrid-wrap .size21, .thegrid-wrap .size22, .thegrid-wrap .size23, .thegrid-wrap .size24 {width: 47%;}

	.careers-pane .job-search {width: 250px;}
	.careers-pane .job-list h3, .careers-pane .job-search h3 {font-size: 20px;}
	.careers-pane .job-list h3 {margin-bottom: 20px;}
	.careers-pane .job-search .txt1, .careers-pane .job-search .btn1 {font-size: 16px;}

	.quarter-report li a {font-size: 14px;}

	.capital-market {width: 280px;}

	.analyst-year li {padding: 10px 0;}
	.analyst-year li strong {font-weight: 400;}
	.analyst-year li .action {width: auto;}
	.analyst-year li .action a {float:left; position:relative; width: 30px; height: 25px; text-indent: -9999em;}
	.analyst-year li .action a i{position: absolute; left: 5px; top: 3px; text-indent: 0;}

	.stats-glance .btn1 {margin-bottom: 40px;}
	.split-cta > div {width: 100%;}
	.split-cta > div + div {border-top: #ddd solid 1px;}
	.split-cta:after {display: none;}

	.spotlight .owl-carousel {height: 100%;}
	.spotlight2 .owl-dots .owl-dot, 
	.spotlight .owl-dots .owl-dot {width: 16px; height: 16px;}
	.spotlight2 .shortdesc {font-size: 16px;}

	.country-filter-home {left: auto;}
	.country-filter-home li {width: 45%; border: 0;}

	.sm-footer-wrap {padding: 15px 0;}
	.spotlight2 .owl-dots {bottom: 5px;}

	.box-leads .item {width: 100%; float: none;}
	.box-leads .item + .item{border-top: #eee solid 1px;}
	.box-leads-wrap .item > h4 {padding-top: 1em;}

	.custom-search-wrap select.cat {width: 30%;}

	.col-full {}
	.col-50 {width: 100%; }
	.highlights .col-50 { margin: 0 0 1em;}
	.highlights .col-50 + .col-50 {padding-top: 1em; border-top: #eee solid 1px;}
	.highlights .col-50 .img-div img {width: 100%; height: auto;}


	.feature-staff .owl-nav > div {width: 36px; height: 36px;}
	.feature-staff .owl-nav > div:before {line-height: 37px; font-size: 24px;}

	#job-category-list li {width: 48%;}
	.contact-methods select.txt1 {max-width: inherit;}
	.contact-methods .copy {padding: 0; margin: 1em 0;}

	.country-filter2 {left: -20px; width: 110%;}
	.country-filter2 ul {padding-left: 8%;}
	.country-filter2 li {width: 40%; border: 0;}

	.content-contact .country-filter2 ul {padding-left: 0;}
	.content-contact .country-filter2 li {width: 50%; border: 0;}

	.other-contact li {width: 100%;}
	.signup-wrap .field-txt {width: 100%;}
	.signup-wrap {left: 0; width: 100%;}

	.market-box .country-list ul {padding-left: 8px;}

	.select-txt1.event {width: 60%;}
	.select-txt1.year {width: 35%;}

	.event-cats label {width: 80%;}
	.table-event th:nth-child(3) {width: 50px;}

	.cta-image {max-width: 100%; display: block; float: none; margin: 0; padding: 0;}

	.table-event.stacktable .event-item.max .desc { max-width: 230px; }

	.video-gallery .item .thumb:after {
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		transform: scale(.8);
	}
	
}

/* break360 */
@media only screen and (max-width: 380px) {
	.welcome-copy {height: 190px;}
	.welcome-copy h1 {font-size: 22px;}
	.welcome-copy h1 + p{font-size: 16px;}
	.market-grid .hint {font-size: 16px;}
	.market-grid ul li {font-size: 14px; margin-bottom: 10px;}
	.market-grid ul li img {width: 38px;}
	.down-hint {
		margin: 0 auto 0;
		-webkit-transform: scale(.6);
		-moz-transform: scale(.6);
		transform: scale(.6);
	}

}
@media only screen and (max-width: 360px) {

	.video-gallery .item {width: 100%; margin-left: 0!important;}

	.jobs-map {top: 20px;}
	.jobs-map .txt-field {width: 58%; }
	.country-filter-home {padding-left: 10px; padding-right: 10px;}

	.spotlight .spot-cta{left: 25px;}
	.spotlight2 .cta .btn {}

	.thegrid-wrap .size31, .thegrid-wrap .size32, .thegrid-wrap .size33, .thegrid-wrap .size34 {width: 100%;}
	.thegrid-wrap .size21, .thegrid-wrap .size22, .thegrid-wrap .size23, .thegrid-wrap .size24 {width: 100%;}

	.mini-sitemap {padding: 40px 0 15px;}
	.mini-sitemap .col {width: 88%; margin-bottom: 15px;}
	.mini-sitemap .col h4 ~ h4{margin-top: 15px;}

	.sm-list li {#width: 45px;}
	
	.tabs-panel .share-count {position: absolute; bottom: 0;}

	/*.careers-pane,
	.pinwall-grid {
		width: 126.5%;
		-webkit-transform: scale(.80);
		-moz-transform:    scale(.80);
		-ms-transform:     scale(.80);
		-o-transform:      scale(.80);
		transform:         scale(.80);

		-webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		transform-origin: 0 0;
	}*/

	.tagline2 {left: 25px; font-size: 15px;}

	.world-market-wrap h2 {font-size: 26px;}
	.market-tool li .title {font-size: 14px;}
	.market-map .gmap {height: 250px;}

	.contact-tabs li h4 {font-size: 12px;}

	.country-banner h3 {font-size: 20px; left: 0; bottom: 5px;}
	.country-banner > img {width: 150%; left: -50px;}

	.job-filters .filters .choices span {width: 100%; float: none;}

	.youtube-block.social-wall-block ul {width: 100%; margin-right: 0;}

	.annual-report {max-width: 220px; margin: 0 auto; display: block;}
	.annual-report li {width: 100%; max-width: 220px;}
	.annual-report li .action a {font-size: 16px;}

	.quarter-report h3 {margin: 20px 0 5px; color: #444;}
	.quarter-report li {position: relative; width: 100%; padding: 0; margin: 0; border-bottom: #eee solid 1px;}
	.quarter-report .action {position: absolute; right: 10px; top: 5px; background: none;}
	.quarter-report .action a {position:relative; display: block; float: left; width: 25px; height: 25px; text-indent: -9999em;}
	.quarter-report .action a + a {border: 0; margin-left: 7px;}
	.quarter-report .action a i{position: absolute; left: 4px; top: 3px; text-indent: 0;}

	.g-recaptcha>div>div{
		width:inherit !important;position:relative;display:block;padding:0;overflow:hidden;max-width:300px;border-right:1px solid #d3d3d3;border-radius:4px;box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);-webkit-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);-moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08)
	} 
	.g-recaptcha iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0} .g-recaptcha>div{position:relative} 
	.g-recaptcha>div:before{content:'Loading captcha...';position:absolute;top:38%;left:0} .g-recaptcha:empty:before{content:'Something wrong occured'}

	.widget-national .thumb {float: none; display: block; width: 100%; margin: 0 0 15px;}
	.widget-national .thumb img {width: 100%;}

}

/* break320 */
@media only screen and (max-width: 320px) {
	.resp-expanded {
		width: 270px;
	}
	.resp-cta {width: 50px; height: 50px; left: -51px;}

	.g-recaptcha>div>div {max-width: 245px;}

}

@media only screen and (max-height: 420px) and (orientation : landscape) {
	.home-teaser {max-height: 100%;}
}



/* print styles */
@media print {

	a[href]:after {
		content: none !important;
	}

	.page-close,
	.back-to-top2,
	.util-footer, .quicklinks-wrap, .copyright-wrap .mouse,
	.resp-menu, .util-wrap, .inner-nav-wrap, .banner,
	.main-nav
	{
		display: none;
	}

	.logo-wrap, .hidder-wrap, .sticky-header {height: auto;}
	.header-wrap h1 {padding: 0; padding-left: 1.3em;}

	.sticky-header {position: relative;}
	.logo-wrap {display: inline-block;}

	.faq-list li .answer {display: block;}

	.frame-figures iframe {min-height: 1px; height: 800px;}

}