@media all and (max-width: 1300px) {
  .fullWidthTwoColPanel .col-md-6.col-sm-12.second {
    padding-right: 0;
  }
  .fullWidthTwoColPanel .col-md-6.col-sm-12.second .contentContainer {
    padding-right: 20px;
  }
}
@media all and (max-width: 1200px) {
  .logoHolder {
    padding-right: 30px;
  }
  .logoHolder img {
    width: 150px;
  }

  .sectionMenu .leftSide .menusMain .mainMenu ul li a {
    font-size: 12px;
  }

  .mainMenu.subMenu {
    padding: 20px 0;
  }
  .mainMenu.subMenu ul.clearListing li.submenuItem {
    font-size: 12px;
  }

  .mainGallery .listingItemLI img {
    max-height: 156px;
  }

  .wrapper {
    padding: 0 20px;
  }

  .owl-carousel .owl-stage {
    display: block;
  }

  .number {
    font-size: 70px;
  }

  .sectionBanner--news {
    background-position: center center;
  }

  .sectionVideos .row .row {
    margin: 0;
  }
  .sectionVideos .col-md-1 {
    display: none;
  }
  .sectionVideos .col-md-5 {
    width: 50%;
  }

  .mainVideosList .listingHolder {
    padding-left: 0;
  }

  .videoItem .textBlock .dateHolder {
    padding: 5px !important;
  }
}
@media all and (max-width: 992px) {
  .sectionAnnouncement.show {
    height: 200px;
  }
  .sectionAnnouncement .announcementHolder {
    display: block;
    padding: 40px 0 20px;
  }
  .sectionAnnouncement .announcementHolder .textBlock {
    max-width: 100%;
    margin-bottom: 10px;
  }
  .sectionAnnouncement .announcementHolder .rightSide {
    justify-content: flex-end;
    height: 98%;
    width: 100%;
  }
  .sectionAnnouncement .announcementHolder .rightSide .linkHolder {
    position: absolute;
    bottom: 15px;
    right: 0;
    width: auto;
    display: block;
  }
  .sectionAnnouncement .announcementHolder .rightSide a.close {
    position: absolute;
    right: 0px;
    top: 10px;
  }

  .homeoilgas .portlet-container .col-md-6 {
    display: block;
    width: 100%;
  }
  .homeoilgas .portlet-container .col-md-6 .textBlock {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .homeoilgas .portlet-container .col-md-6 .imageHolder img {
    width: 100%;
  }

  .sectionTagline .col-md-8 {
    width: 100%;
  }
  .sectionTagline .col-md-8 .link.link--red {
    margin-right: 25px;
  }

  .homeFactsFAQs .col-md-3.col-sm-6.col-xs-12 {
    text-align: center;
  }

  .footer {
    padding-top: 40px;
  }
  .footer .socialListing li {
    margin-right: 18px;
  }
  .footer .socialListing li:last-child {
    margin-right: 0;
  }

  .mobileMenuToggle {
    display: inline-block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    vertical-align: top;
    position: relative;
    margin-left: 35px;
  }
  .mobileMenuToggle:before {
    content: "";
    height: 100%;
    width: 100%;
    background-image: url(../img/menuopen.png);
    top: 0;
    left: 0;
    position: absolute;
    background-size: cover;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
  }
  .mobileMenuToggle:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background-image: url(../img/closemenu.svg);
    background-size: cover;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .mobileMenuToggle.active:before {
    opacity: 0;
  }
  .mobileMenuToggle.active:after {
    opacity: 1;
  }

  .searchItem {
    vertical-align: top;
    display: inline-block;
    padding-bottom: 0;
    min-width: 18px;
    width: 18px;
    margin-top: 12px;
  }
  .searchItem img {
    max-width: 100%;
  }

  .menuHolder {
    align-items: center;
  }

  header {
    display: none;
  }

  .sectionMenu .mainMenu ul {
    display: block;
  }

  .sectionMenu {
    padding: 10px 0;
  }

  .sectionMenu {
    background-color: transparent;
  }

  .visibleMenu {
    background-color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .visibleMenu .logoHolder img {
    display: none;
  }
  .visibleMenu .searchItem img {
    display: none;
  }
  .visibleMenu .mobileMenuLogo,
.visibleMenu .mobileSearchIcon {
    display: block !important;
  }

  .sectionMenu .leftSide .menusMain .mainMenu ul li a {
    color: #828383;
  }

  .mobileMenuMain {
    display: block;
    position: absolute;
    top: 88px;
    background: #fff;
    left: -950px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .visibleMenu .mobileMenuMain {
    left: 0;
    opacity: 1;
    visibility: visible;
  }

  .menuItem {
    padding: 20px 0;
    border-bottom: 1px solid #eeeeee;
  }
  .menuItem:after {
    content: "";
    display: table;
    clear: both;
  }
  .menuItem:last-child {
    margin-bottom: 15px;
    border: none;
  }

  .sectionMenu .leftSide .menusMain .mainMenu ul li {
    margin-right: 0;
  }

  .sectionMenu .leftSide .menusMain .mainMenu ul li a::after {
    display: none !important;
  }

  .sectionMenu .leftSide .menusMain .mainMenu ul li a {
    font-size: 16px;
  }

  .ddSecondLevel {
    opacity: 1;
    position: static;
    visibility: visible;
    padding: 15px 0 0 0;
    padding-left: 35px;
    display: none;
  }
  .ddSecondLevel a {
    border: none;
  }

  .secondMenuItem:last-child a {
    padding-bottom: 0 !important;
  }

  .sectionMenu .leftSide .menusMain .mainMenu ul li .ddSecondLevel a {
    font-size: 14px;
    text-transform: none;
    background: none !important;
    padding: 15px 0;
    margin: 0;
  }

  .secondMenuItem:hover {
    background: transparent;
  }

  .subMenuToggle {
    display: block;
    height: 20px;
    width: 20px;
    background-image: url("../img/submenu.svg");
    background-size: 12px;
    background-position: center center;
    background-repeat: no-repeat;
    float: right;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .subMenuToggle.active {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .sectionMenu .leftSide .menusMain .mainMenu ul li.menuItem > a {
    font-weight: 600;
  }

  .bottomHeader {
    background-color: #e7e9f0;
    padding: 35px 0px;
    padding-bottom: 35px;
  }

  .sectionMenu .leftSide .menusMain .mainMenu {
    padding: 0 20px;
  }

  .topMenuItem {
    margin-bottom: 20px;
  }
  .topMenuItem a {
    padding: 0;
  }

  .mainMenu--right .topMenuItem {
    float: left;
    margin-bottom: 0;
  }
  .mainMenu--right .topMenuItem:last-child {
    float: right;
  }
  .mainMenu--right .clearListing:after {
    display: table;
    clear: both;
    content: "";
  }

  .leftSide .menusMain {
    padding-bottom: 0;
  }

  .leftSide .menusMain.bottomHeader {
    padding-bottom: 35px;
  }

  .sectionMenu .leftSide .menusMain.bottomHeader .mainMenu ul li a {
    font-size: 14px;
  }

  .searchHolder {
    display: block;
  }
  .searchHolder .inputEntity {
    display: block;
  }
  .searchHolder .inputEntity input[type=text] {
    background: transparent;
    border: 2px solid #91949c;
    height: 44px;
    padding: 0 20px;
  }
  .searchHolder .inputEntity .buttonHolder {
    text-align: right;
  }
  .searchHolder .inputParent {
    width: 100%;
    margin-bottom: 25px;
  }
  .searchHolder .sectionTitle {
    font-size: 26px;
    line-height: 26px;
    padding-bottom: 30px;
  }
  .searchHolder .tagListing {
    display: block;
    margin: 0 -6px;
  }
  .searchHolder .tagListing .listingItemLI {
    width: 50%;
    float: left;
    padding: 0 6px;
    margin-bottom: 7px;
  }
  .searchHolder .tagListing:after {
    display: table;
    clear: both;
    content: "";
  }
  .searchHolder .blockListing .col-sm-4 {
    width: 100%;
    margin-bottom: 14px;
  }
  .searchHolder .blockItem {
    padding: 20px 20px 18px;
  }
  .searchHolder .blockItem .arrow {
    bottom: auto;
    top: calc(50% - 0px);
  }
  .searchHolder .tagItem {
    min-width: 0;
  }
  .searchHolder .itemTitle--big {
    font-size: 18px;
    line-height: 18px;
  }

  .fancybox-content {
    padding: 44px 20px !important;
  }
  .fancybox-content .button {
    padding: 15px 20px;
    min-width: 130px;
  }

  #searchPopUp > button {
    top: 10px;
    right: 10px;
  }

  .homeBanner .owl-item .listingItemLI,
.homeBanner .owl-item .itemHolder,
.homeBanner .owl-item .imageHolder {
    height: 700px;
  }
  .homeBanner .itemHolder--video {
    padding-top: 180px;
  }

  .sectionTagline .link {
    width: 48%;
    margin-right: 12px;
    margin-bottom: 15px;
  }

  .footer .row > .col-md-9,
.footer .row > .col-md-3 {
    width: 100%;
  }
  .footer .row > .col-md-3 {
    margin-bottom: 20px;
    text-align: center;
  }
  .footer .menusMain .col-sm-4 {
    width: 50%;
  }
  .footer .menuItem {
    border: none;
    padding: 10px 0;
  }
  .footer .menuItem a {
    padding: 0;
  }
  .footer .menuItem:last-child {
    margin-bottom: 0;
  }
  .footer .socialListing {
    justify-content: center;
  }

  .depthDetailsTemplate .wrapper .twoColPage .rightContainer,
.depthDetailsTemplate .wrapper .twoColPage .leftContainer {
    width: 100%;
  }

  .sectionNews #NewsListingContainer .listingItemLI,
.sectionNews #ZoneContent_1 .listingItemLI {
    width: 50%;
    margin-right: 0;
  }

  .sectionNews .row {
    padding-left: 0;
  }

  .sectionNews #NewsListingContainer .mainVideosList .listingItemLI,
.sectionNews #ZoneContent_1 .mainVideosList .listingItemLI {
    width: 48%;
    margin-right: 1%;
  }
  .sectionNews #NewsListingContainer .mainVideosList .listingItemLI img,
.sectionNews #ZoneContent_1 .mainVideosList .listingItemLI img {
    max-width: 100%;
  }

  .InfoGraphicsFullwidth .wrapper .wrapper {
    padding: 0;
  }

  .tabMenu .itemHolder {
    padding: 50px 10px;
  }

  .tabMenu .itemHolder h4 {
    font-size: 20px;
  }

  .historyTimeline .timelineInfo {
    padding: 30px;
  }

  .fullWidthTwoColPanel .col-md-6.col-sm-12.first,
.fullWidthTwoColPanel .col-md-6.col-sm-12.second {
    width: 50%;
  }

  .blueWrapper .wrapper .col-md-6.col-sm-12.first {
    padding: 30px 0;
  }

  .blueWrapper {
    height: auto;
  }

  .crossFunctionalLinks .blockBody .listingHolder .listingItemLI,
.crossFunctionalLinks .blockBody .listingHolder .listingItemLI:last-child {
    width: calc(33.3333% - 2px);
    margin-right: 2px;
  }

  .crossFunctionalLinks .blockBody .listingHolder .listingItemLI .listingInfos {
    padding: 30px;
  }

  .crossFunctionalLinks .blockBody .listingHolder .listingItemLI .listingInfos .listingDescription {
    margin-bottom: 0;
  }
}
@media all and (max-width: 767px) {
  .map-image img {
    max-width: unset;
  }

  .downloads-list .pagination #ulList li {
    margin-right: 3px;
    padding: 5px;
  }

  .downloads-list {
    padding-top: 0;
  }

  .downloads-list .listingHolder .op1v7 .listingTitle {
    padding-top: 10px;
  }

  .downloads-list .listingHolder .op1v7 .listingLink:after {
    left: 0;
    height: 40px;
    top: 22px;
  }

  .downloads-list .listingHolder .op1v7 {
    padding-left: 45px;
    padding-right: 0;
  }

  .downloads-list .listingHolder .op1v7 .listingPrice {
    width: 40px;
    padding-left: 10px;
    background-size: 40px;
    padding-top: 10px;
    height: 60px;
  }

  .sectionBanner--simple {
    min-height: 300px;
  }
  .sectionBanner--simple .wrapper {
    padding-top: 100px;
  }

  .customGallery .listingItemLI:last-child {
    margin-bottom: 0;
  }
  .customGallery .listingItemLI:last-child .itemTitle {
    margin-bottom: 0;
  }

  .detailsItem .block a.floatL,
.detailsItem .block .paragraph.floatP {
    width: 100%;
  }

  .sectionAnnouncement.show {
    height: auto;
  }

  .logoHolder {
    padding-right: 0;
  }
  .logoHolder img {
    width: 120px;
  }

  .mobileMenuMain {
    top: 70px;
  }

  .homeBanner .owl-item .listingItemLI,
.homeBanner .owl-item .itemHolder,
.homeBanner .owl-item .imageHolder {
    height: 500px;
  }

  .bannerTitle {
    font-size: 30px;
    line-height: 32px;
    padding-bottom: 10px;
  }

  .oilGasHolder {
    padding: 22px;
  }
  .oilGasHolder.animate.in-view {
    transform: translateY(-30px) scale(1);
    margin-bottom: 10px;
  }
  .oilGasHolder .par--red-line {
    padding-left: 0;
  }
  .oilGasHolder .par--red-line:before {
    top: -18px;
  }
  .oilGasHolder .subtitle {
    padding-bottom: 35px;
  }
  .oilGasHolder .sectionTitle,
.oilGasHolder .blockTitle {
    text-align: center;
  }

  .owl-theme .owl-dots {
    bottom: 60px;
  }

  .par--main {
    padding-left: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .pad-left {
    padding-left: 0;
  }

  .linkHolder--arrow .link {
    padding-right: 20px;
  }

  .sectionTitle,
.blockTitle {
    font-size: 26px;
    line-height: 30px;
  }

  .textBlock--blue {
    padding: 20px;
  }

  .itemTitle--big {
    font-size: 22px;
    line-height: 32px;
  }

  .par {
    padding-bottom: 20px;
  }

  .newsItem {
    padding: 20px;
  }

  .newsItem .topText {
    padding-bottom: 20px;
  }

  .top-auto {
    margin-top: 0;
  }

  .homeMiniNews .viewAllBottom {
    float: none;
  }

  .sectionWhereWeAre {
    padding-bottom: 25px;
  }

  .sectionTagline,
.sectionFacts {
    padding: 40px 0;
  }

  .sectionTagline .link {
    width: 100%;
    margin-right: 0;
  }

  .sectionTagline .sectionTitle {
    padding-bottom: 40px;
  }

  .homeFactsFAQs .col-md-3.col-sm-6.col-xs-12 {
    width: 50%;
  }

  .number {
    font-size: 45px;
  }

  .numberHolder {
    padding-bottom: 20px;
  }

  .itemTitle {
    font-size: 16px;
    line-height: 20px;
  }

  .homeFactsFAQs .faqListing .listingItemLI a {
    padding: 15px 20px;
  }

  .faqItem .arrow {
    right: 0;
  }

  .copyRightHolder {
    display: block;
    text-align: center;
    font-size: 10px;
  }
  .copyRightHolder li {
    display: inline-block;
    margin-bottom: 25px;
  }
  .copyRightHolder .footerLinkListing {
    display: block;
  }

  .footer {
    padding-right: 0;
  }
  .footer .menuItem a {
    font-size: 14px;
  }

  .socialListing li a img {
    height: 15px;
  }

  .socialListing {
    padding-top: 15px;
  }

  .copyRight {
    padding: 25px 0;
  }

  .button {
    padding: 15px;
    padding-right: 40px;
    min-width: 0;
  }
  .button .arrow {
    right: 15px;
  }

  .detailsItem .block ul.list li,
.detailsItem .block ol.list li,
.detailsItem .block .paragraph {
    line-height: 21px;
    font-size: 16px;
  }

  .detailsItem h3 {
    font-size: 26px;
  }

  .sectionBanner .mainMenu.subMenu ul {
    display: block;
  }
  .sectionBanner .subMenu .wrapper {
    padding-right: 0;
    overflow: auto;
  }

  .mainMenu.subMenu ul.clearListing li.submenuItem {
    display: inline-block;
  }

  .depthDetailsTemplate .wrapper .twoColPage .rightContainer ul.listingHolder.row {
    margin: 0 -11px;
  }

  .depthDetailsTemplate .wrapper .twoColPage .rightContainer {
    padding: 20px;
    border: 1px solid #cccccc;
    padding-bottom: 6px;
  }

  .depthDetailsTemplate .wrapper .wrapper {
    padding: 0;
  }

  .depthDetailsTemplate .wrapper .twoColPage .rightContainer {
    margin-bottom: 30px;
  }

  .sectionVideos .col-xs-12 {
    width: 100%;
  }

  .sectionNews #NewsListingContainer .listingItemLI,
.sectionNews #ZoneContent_1 .listingItemLI {
    width: 100%;
  }

  .sectionNews .paragraph {
    font-size: 15px;
  }
  .sectionNews .detailsItem {
    margin-bottom: 0;
  }
  .sectionNews .detailsItem .block .paragraph {
    margin-bottom: 10px;
  }
  .sectionNews .right {
    text-align: left;
  }

  .sectionNews #NewsListingContainer .listingItemLI .dateHolder,
.sectionNews #ZoneContent_1 .listingItemLI .dateHolder {
    width: 26%;
  }

  .sectionNews #NewsListingContainer .listingItemLI .detailsHolder,
.sectionNews #ZoneContent_1 .listingItemLI .detailsHolder {
    width: 73%;
  }

  .sectionVideos {
    padding: 40px 0;
  }
  .sectionVideos .right {
    text-align: left;
    margin-bottom: 30px;
  }

  .videoItem .titleHolder {
    padding: 25px;
  }
  .videoItem .titleHolder .itemTitle--med {
    font-size: 14px;
    line-height: 20px;
  }
  .videoItem .textBlock .dateHolder {
    padding: 5px !important;
    text-align: center;
  }
  .videoItem .textBlock .dateHolder .date-days {
    font-size: 18px;
  }
  .videoItem .textBlock .dateHolder .date-monthYear {
    font-size: 11px;
  }

  .sectionVideos .listingHolder {
    height: auto !important;
  }

  .sectionVideos .listingHolder {
    padding-bottom: 0;
  }

  .sectionVideos .col-md-5.col-sm-5.col-xs-12 ul.listingHolder li.listingItemLI a {
    padding: 25px 0;
  }

  .sectionNews #NewsListingContainer .mainVideosList .listingItemLI,
.sectionNews #ZoneContent_1 .mainVideosList .listingItemLI {
    width: 100%;
    margin-right: 0;
  }

  .sectionNews {
    padding-bottom: 0;
  }

  .gallery {
    margin-bottom: 0;
  }

  .imagePoster.small {
    max-width: 100%;
  }

  .imagePoster.small.left {
    margin: 0;
  }

  .publicationListing {
    margin: 0 -11px;
  }
  .publicationListing .listingItemLI {
    width: 50%;
    float: left;
    padding: 0 11px;
    border: none;
  }
  .publicationListing .listingItemLI:nth-child(2n+1) {
    clear: both;
  }
  .publicationListing .linkHolder--arrow {
    border: none !important;
  }

  .rightContainer .subtitle {
    padding-bottom: 10px;
  }

  .listingItem.op1v2 {
    padding: 20px;
  }

  .detailedListing .listingHolder .listingItemLI .listingItem.op1v2 .listingTitle {
    margin-bottom: 20px;
  }

  .detailedListing .listingHolder .listingItemLI .listingItem.op1v2 .subtitle {
    padding-bottom: 10px;
  }

  .detailedListing .listingHolder .listingItemLI .listingItem.op1v2 .listingDescription {
    line-height: 20px;
  }

  .detailedListing .listingHolder .listingItemLI .listingItem.op1v2 .listingLink {
    padding: 10px 0px;
    padding-right: 85px;
  }

  .detailedListing .listingHolder {
    margin-top: 0;
  }

  .tabMenu {
    display: block;
  }

  .tabMenu .itemHolder {
    padding: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  .tabMenu .itemHolder .iconHolder {
    padding-bottom: 0;
    margin-right: 25px;
  }
  .tabMenu .itemHolder .iconHolder img {
    width: 40px;
  }

  .sectionTabs:before {
    bottom: auto;
    top: 35px;
    height: 100%;
  }
  .sectionTabs .subtitle {
    font-size: 18px;
  }
  .sectionTabs .tabPane {
    padding-top: 20px;
  }

  .par {
    line-height: 22px;
  }

  .sectionAboutOil {
    padding: 0 0 35px;
  }

  .tabCont {
    padding: 0;
    padding-bottom: 15px;
  }

  .historyTimeline .wrapper .wrapper {
    padding: 0;
  }

  .historyTimeline .timelineInfo .twoColParaWithImg .col-md-5.col-sm-6.col-xs-12 {
    padding: 0 15px;
  }

  .historyTimeline .timelineInfo {
    padding: 20px;
  }

  .twoColParaWithImg {
    margin-bottom: 0;
  }

  .historyTimeline .timelineInfo img.imagePoster,
.historyTimeline .timelineInfo .videoContainer video.inlineMajorDevelopment {
    max-width: 100%;
  }

  .fullWidthTwoColPanel .col-md-6.col-sm-12.first,
.fullWidthTwoColPanel .col-md-6.col-sm-12.second {
    width: 100%;
  }

  .fullWidthTwoColPanel .col-md-6.col-sm-12.second {
    padding: 20px;
    padding-right: 20px;
  }

  .fullWidthTwoColPanel .col-md-6.col-sm-12.second .contentContainer {
    padding-right: 0;
  }

  .par--big {
    font-size: 16px;
  }

  .twoColPara .col-md-6.col-sm-12.second {
    padding-left: 0;
    padding-top: 20px;
  }

  .twoColPara,
.twoColPara .col-md-6.col-sm-12.second p {
    padding-bottom: 20px;
    margin-bottom: 0;
  }

  .fullWidthTwoColPanel .col-md-6.col-sm-12.first {
    height: 190px !important;
  }

  .fullWidthTwoColPanel {
    margin-bottom: 40px;
  }

  .blueWrapper .wrapper .col-md-6.col-sm-12.second .imgContainer {
    padding: 0;
    padding-bottom: 72%;
    height: auto;
    width: 100%;
    top: 30px;
  }

  .blueWrapper .wrapper .col-md-6.col-sm-12.second {
    padding: 0;
    padding-bottom: 72%;
    height: auto;
  }

  .blueWrapper .wrapper .col-md-6.col-sm-12.first {
    padding-bottom: 0;
  }

  .crossFunctionalLinks .blockBody .listingHolder {
    margin: 0 -6px;
  }

  .crossFunctionalLinks .blockBody .listingHolder .listingItemLI,
.crossFunctionalLinks .blockBody .listingHolder .listingItemLI:last-child {
    width: 50%;
    padding: 0 6px;
    margin-right: 0;
    margin-bottom: 12px;
  }

  .crossFunctionalLinks .blockBody .listingHolder .listingItemLI .listingInfos {
    padding: 20px;
  }

  .crossFunctionalLinks .blockBody .listingHolder .listingItemLI .listingInfos .listingTitle {
    font-size: 16px;
  }

  .crossFunctionalLinks .blockBody .listingHolder .listingItemLI .listingInfos .listingDescription {
    font-size: 14px;
    line-height: 19px;
  }

  .crossFunctionalLinks .blockBody .listingHolder .listingItemLI .listingInfos .listingTitle {
    margin-bottom: 20px;
  }

  .map-image {
    overflow: auto;
  }

  .detailsItem .interactiveImage .areaDetails .details {
    height: auto;
    width: 90%;
    max-height: 90%;
  }

  .detailsItem .interactiveImage h3 {
    margin-bottom: 0;
  }

  .disclaimer {
    margin-top: 30px;
  }
  .disclaimer .wrapper {
    padding: 20px;
  }

  #ArticleDetailsExclusive {
    position: relative;
  }

  .detailsItem .block .highlight {
    display: block;
    text-align: center;
    padding: 0;
  }
  .detailsItem .block .highlight .hightlightedItem {
    margin-bottom: 20px;
  }
  .detailsItem .block .highlight .hightlightedItem:last-of-type {
    margin-bottom: 0;
  }

  .fullWidthStats {
    padding: 30px 0;
  }

  .detailsItem .block .highlight .hightlightedItem .value {
    font-size: 50px;
    margin-bottom: 5px;
  }

  .detailsItem {
    margin-bottom: 20px;
  }

  .crossFunctionalLinks .blockBody .listingHolder .listingItemLI .listingItem {
    height: auto !important;
  }

  .crossFunctionalLinks.wrapper {
    padding: 30px 20px;
    margin-bottom: 0;
  }

  .expandCollapse h2.blockTitle {
    font-size: 28px;
  }

  .expandCollapse .listingHolder .listingItemLI .toggleItem .toggleTitle::after {
    width: 23px;
  }

  .expandCollapse .listingHolder .listingItemLI .toggleItem .toggleTitle {
    font-size: 16px;
    padding-right: 30px;
  }

  .expandCollapse .listingHolder .listingItemLI .toggleItem .toggleContent h3 {
    font-size: 16px;
  }

  .expandCollapse .toggleContent.numeric ol,
.expandCollapse .toggleContent.alpha ol {
    padding-left: 15px;
  }

  .expandCollapse .toggleContent.none ol {
    padding-left: 0;
  }

  .expandCollapse .listingHolder .listingItemLI .toggleItem .toggleContent ol li {
    font-size: 16px;
    line-height: 23px;
  }

  .expandCollapse .listingHolder .listingItemLI .toggleItem .toggleContent {
    padding-bottom: 0;
    overflow: auto;
  }

  .sectionVideos .publicationListing .listingItemLI {
    width: 100%;
  }

  .tripleListingHolder .listingHolder .listingItemLI {
    width: 100%;
  }

  .mainGallery .listingHolder > li {
    margin-bottom: 15px;
  }

  .verticalTimeline ul.listingHolder li.listingItemLI:nth-child(odd) .listingItem,
.verticalTimeline ul.listingHolder li.listingItemLI:nth-child(even) .listingItem {
    left: 0;
    transform: none;
    width: 100%;
  }

  .verticalTimeline ul.listingHolder li.listingItemLI {
    margin-bottom: 50px;
    padding: 0;
  }

  .verticalTimeline ul.listingHolder li.listingItemLI .listingItem {
    max-width: 100%;
  }

  .verticalTimeline ul.listingHolder li.listingItemLI .listingItem::after {
    display: none !important;
  }

  .verticalTimeline ul.listingHolder li.listingItemLI .listingItem {
    padding: 20px;
  }

  .verticalTimeline ul.listingHolder li.listingItemLI .listingItem .linkIcon {
    padding-top: 10px;
  }

  .verticalTimeline ul.listingHolder {
    padding-bottom: 0;
    margin-bottom: 50px;
  }

  .verticalTimeline ul.listingHolder li.listingItemLI {
    margin-bottom: 25px;
  }
  .verticalTimeline ul.listingHolder li.listingItemLI:last-child {
    margin-bottom: 0;
  }

  .verticalTimeline ul.listingHolder li.listingItemLI .listingItem::before {
    display: none !important;
  }

  .homeBanner iframe {
    height: 155px;
    width: auto;
  }

  .homeBanner .owl-item .itemHolder.itemHolder--video {
    height: auto;
  }

  .homeBanner .itemHolder--video {
    padding-top: 130px;
  }

  .homeBanner .buttonHolder {
    margin-bottom: 20px;
  }

  .stickyButton {
    right: auto;
    left: 20px;
  }

  .historyTimeline .timeline .owl-nav {
    top: -35px;
  }
  .historyTimeline .timeline .owl-nav .owl-prev {
    left: 20px;
  }
  .historyTimeline .timeline .owl-nav .owl-next {
    right: 20px;
  }
  .historyTimeline .timeline .wrapper {
    padding: 0;
  }

  .downloads-list .col-md-7 {
    clear: both;
  }

  .sectionNewsDet {
    padding: 0;
  }
  .sectionNewsDet .listingHolder li:last-child a {
    border: none;
  }

  .sectionNews {
    padding: 0px 0 60px;
  }

  .sectionNews .detailsItem .block .paragraph.sm-inline {
    width: 100%;
    display: block;
  }

  .sectionNews #ZoneContent_1 .listingItemLI {
    width: 50%;
  }

  .gallery {
    margin-bottom: 30px;
  }

  .searchHolder .validatorHolder {
    top: 50%;
    transform: translateY(-50%);
  }
  .searchHolder .inputEntity input[type=text] {
    color: white;
  }

  .sectionMenu .leftSide .menusMain .mainMenu ul li a {
    font-family: "Tajawal", sans-serif;
  }

  .simpleTable tr th {
    height: auto;
    padding: 5px;
  }

  .expandCollapse .listingHolder .listingItemLI .toggleItem .toggleContent table tr th:nth-of-type(2) {
    min-width: 300px;
  }

  .expandCollapse .listingHolder .listingItemLI .toggleItem .toggleContent table tr th:nth-of-type(3) {
    min-width: 200px;
  }

  .expandCollapse .toggleContent {
    overflow: auto;
  }

  .withPaddingTop {
    padding-top: 10px;
  }

  .form .contactForm .contactForm .col-md-12 {
    width: 100%;
  }

  .sectionNews #ZoneContent_1 .listingItemLI {
    width: 100%;
  }

  .fullWidthTwoColPanel .col-md-6.col-sm-12.first,
.fullWidthTwoColPanel .col-md-6.col-sm-12.second {
    min-height: 0;
  }

  .requestForm .formFieldTextBox,
.requestForm .formFieldTextArea {
    width: 100%;
  }

  .sectionVideos .linkHolder--arrow .link {
    float: none;
  }
}
@media all and (max-width: 370px) {
  .requestForm .formActions input[type=reset].normalBtn.reset,
.requestForm .formActions input[type=submit].primaryBtn {
    padding-right: 61px;
  }

  .requestForm .formActions .resetHolder::after,
.requestForm .formActions .submitHolder::after {
    right: 35px;
  }

  .requestForm .formActions .resetHolder::after,
.requestForm .formActions .submitHolder::after {
    right: 35px;
  }

  .requestForm .formActions .resetHolder:hover::after,
.requestForm .formActions .submitHolder:hover::after {
    right: 25px;
  }
}

/*# sourceMappingURL=responsive.css.map */