@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5),only screen and (max-width:1024px) {
    .logoHolder a,
    .headerSearch a,
    .share,
    .listingPublications .listingLink.simpleLink a:before,
    .closePopUp, .monthname td.pages a,
    .lightBlueBackground .viewAll:before,
    .flex-direction-nav a,
    .listingImageText .listingHolder .listingLink.simpleLink a,
    .listingResearch .listingLink a,
    .tabsLinks a.active:after,
    .homeTabCaroussel .listingInfos .listingLink a:before,
    .publicationListing .viewAll:before,
    .lightBlueBackground .listingInfos .listingLink a:before,
    .searchOpened:before,
    .spContent ul li a:before,
    .newsListing .listingLink a,
    .print,
    .rightPanel a:before,
    .navLinks > a:before,
    .listingInfos .listingLink a:before,
    .rightMenu a:before,
    .dk-selected:before,
    .listingNews .listingLink a:before,
    .listingImageText .listingHolder .listingLink a,
    .listingImageText .listingHolder .relatedLinks > a:after,
    .listingPublications .listingLink a,
    .share,
    .onloadContainer .viewAll:before,
    .listingPublications .listingLink a,
    .listingPublications .listingLink a:after,
    .successMessage > span:before,
    .errorMessage > span:before,
    .contactContentContainer .contactContentDetails:before,
    .mobileMenuToggler:before {
        background-image: url('../images/sprite@2x.png');
        background-size: 500px 500px;
    }
}


@media all and (max-width:1024px) {
    .bigPanel {
        width: calc(100% - 300px);
        position: relative;
        float: left;
    }

    .textEditor img {
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

    .publicationListing .listingInfos {
        display: inline-block;
        width: auto;
    }

    .floatingContainers .listingItem, .floatingContainers .listingItem .listingImage {
        height: 250px;
        overflow: hidden;
    }

    .splitedHolder .col-md-6:nth-child(2):after {
        display: none;
    }

    .splitedHolder .col-md-6:nth-child(1) {
        background: #ededed;
        padding: 30px 20px;
    }

    .splitedHolder .col-md-6:nth-child(2) {
        background: #0a7b94;
        padding: 30px 20px;
        margin: 0 !important;
    }

    .mainMenu > ul > li:hover > a:after, .mainMenu > ul > li a.active:after {
        display: none;
    }

    .awardsListing .listingHolder .listingInfos {
        width: 100% !important;
    }

    .listingResearch .listingImage, .listingResearch .listingInfos {
        display: inline-block;
        float: left;
    }

    .floatingContainers .listingLink {
        margin: 10px 0;
    }

    .floatingContainers h3 {
        margin-bottom: 0;
    }

    .listingImageText .listingHolder .listingInfos {
        float: left;
        width: calc(100% - 200px);
        position: relative;
    }

    .floatingContainers .listingLink li {
        padding: 0px 0 10px;
    }

    .splitedHolder .container {
        width: auto;
        margin-right: 15px;
        margin-left: 15px;
    }

    .listingResearch .listingItem {
        width: 100%;
    }

    .listingImageText .blockBody > div {
        margin-bottom: 0;
    }

    .listingResearch .listingImage, .listingNews .listingImage {
        width: 35%;
    }

    .listingResearch .listingInfos {
        width: 65%;
    }

    .bigPanel .listingNews .listingInfos {
        width: 60%;
    }

    .listingResearch .listingImage img {
        max-width: 100%;
        margin: auto;
        height: auto;
    }

    .tabsLinks a {

    font-size: 12px;
    width: 190px;
    text-align: center;
    padding: 10px 5px;
    }

    /*.homeTabCaroussel .flexslider li {
        width: 470px !important;
    }*/

    .homeTabCaroussel .flex-direction-nav .flex-next {
        right: 0;
    }

    .homeTabCaroussel .flex-direction-nav .flex-prev {
        left: 0;
    }

    .newsListing .listingInfos {
        padding: 10px 25px 15px 10px;
    }

    .desktopVersion {
        display: none;
    }

    .mobileMenuToggler {
        position: relative;
        float: right;
    }

        .mobileMenuToggler:before {
            position: absolute;
            content: '';
            display: block;
            width: 26px;
            height: 17px;
            top: 7px;
            right: 0;
            background-position: -208px 0;
            margin-top: 25px;
            margin-right: 15px;
        }

    .open .mobileMenu {
        background-color: #122c52;
        right: 0;
        position: absolute;
        display: block;
        content: '';
        top: 0;
        height: 100%;
        z-index: 1100;
        width: 75%;
        overflow: auto;
        padding: 20px 0;
    }

    .ddThirdLevel {
        display: none;
    }

    .open {
        position: fixed;
        height: 100%;
        overflow-y: hidden;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 20;
    }

    @keyframes fade {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-webkit-keyframes fade {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .mainMenu {
        clear: right;
        float: none;
    }

        .mainMenu > ul > li:hover > a:after, .mainMenu > ul > li a.active:after {
            background: rgba(0,0,0,0);
            width: 100%;
        }

    .menusMain .ddSecondLevel > ul {
        display: inline-block;
        padding: 10px 40px;
        width: 100%;
    }

    .menusMain .hasSubmenu:hover > a + .ddSecondLevel {
        position: initial;
        display: block;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .menusMain .ddSecondLevel > ul > li {
        float: left;
        display: block;
        width: 100%;
    }

    .menusMain .ddSecondLevel {
        background: rgb(18, 44, 82);
        position: inherit;
        opacity: 1;
        visibility: visible;
        height: auto;
        width: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }


    .mobileMenu .mainMobileMenu {
        margin-top: 20px;
    }

        .mobileMenu .mainMobileMenu .mainMenu > ul > li {
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            border-bottom: 1px solid #FFF;
            padding-bottom: 10px;
            margin-bottom: 10px;
            float: none;
        }

    .menusMain .ddThirdLevel ul > li a {
        width: auto;
        display: inline-block;
        font-size: 15px;
        color: #ffffff;
        font-weight: 400;
        margin: 0 0px 7px 20px;
        padding: 0px 0 7px 0;
    }

    .mobileMenu .mainMobileMenu .mainMenu > ul > li > a {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        position: inherit;
        padding: 0;
        padding-left: 25px;
    }

    .menusMain .ddSecondLevel {
        background: rgb(18, 44, 82);
    }

        .menusMain .ddSecondLevel > ul > li > a {
            color: #e8eaee;
            margin: 0;
            font-weight: normal;
            font-size: 14px;
            text-transform: capitalize;
        }

        .menusMain .ddSecondLevel > ul {
            padding: 10px 40px 0;
        }

    .flex-active-slide {
        animation: none;
        -o-animation: none;
        -moz-animation: none;
        -webkit-animation: none;
    }

    .mobileMenu .smallTop {
        float: none;
    }

        .mobileMenu .smallTop li {
            display: block;
            font-size: 14px;
            font-weight: 700;
            margin-top: 20px;
            width: 100%;
            border-bottom: 1px solid #FFF;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

    .smallTop li a {
        margin-right: 0;
        padding-left: 25px;
    }

    .spButton a span {
        position: absolute;
        top: 60px;
        left: -17px;
    }

    .spButton a {
        padding: 10px 0;
        font-size: 12px;
        height: 159px;
        width: 45px;
        position: relative;
    }
	.tabsHolder .tab {
	
    z-index: 0;
	}
	.tabsHolder .activeTab{
		z-index:20;
	}
}

@media all and (min-width:768px) {
    .homeTabCaroussel .flexslider li {
        width: 360px !important;
    }
}

@media all and (min-width:1024px) {
    .homeTabCaroussel .flexslider li {
        width: 484.333px !important;
    }
}

@media (min-width:1200px) {
    .homeTabCaroussel .flexslider li {
        width: 373.333px !important;
    }
}

@media all and (max-width:767px) {
    .arabicContent .textEditor ol li {
        margin-right: 15px;
        margin-left: 0;
    }

    .highlitedText {
        float: none;
        width: 100%;
    }

    .highlightedLink {
        float: none;
    }

        .highlightedLink a {
            width: 100%;
        }

    input[type=button], input[type=reset] {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0;
    }

    .socialContainer {
        display: none;
    }

    .textEditor ol li {
        margin-right: 0;
        margin-left: 15px;
    }

    .mainMenu > ul > li > a:after, .mainMenu > ul > li a.active:after, .menusMain .ddSecondLevel ul li a:after {
        display: none;
    }

    .sliderContent {
        left: 60px;
        max-width: 230px;
        height: auto;
    }

    .splitedHolder .col-md-6:nth-child(2)::after {
        content: none;
    }

    .mainSlider .flex-direction-nav {
        width: 100%;
    }

    .floatingContainers {
        height: 145px;
    }

    .homeTabCaroussel .listingInfos {
        width: 100%;
    }

    .floatingContainers .listingItem .listingInfos {
        bottom: 100%;
    }

    .floatingContainers .listingLink a {
        font-size: 20px;
        padding: 0 0 10px;
    }

    .floatingContainers .listingLink a {
        font-size: 16px;
        padding: 0 0 10px;
    }

    .floatingContainers .listingLink li {
        padding: 0 0 8px;
    }

    .floatingContainers .listingItem, .floatingContainers .listingItem .listingImage {
        height: 226px;
    }

        .floatingContainers .listingItem .listingImage img {
            width: 100%;
        }

        .floatingContainers .listingItem .listingImage a {
            display: block;
        }

    .floatingContainers .listingTitle {
        margin-bottom: 25px;
    }

    .floatingContainers .listingLink {
        margin: 25px 0;
    }

    .tabsLinks {
        display: none;
    }

    .dropdownTab {
        background-color: #549247;
        color: #FFF;
        padding: 15px 10px;
        width: 100%;
        display: block;
    }

    .tabsLinks a {
        width: 100%;
        height: 40px;
    }

        .tabsLinks a:after, .tabsLinks a.active:after {
            display: none;
        }

    .tabsLinks {
        padding-top: 1px;
        text-align: left;
    }

        .tabsLinks a {
            text-align: left;
            padding-left: 42px;
            display: block;
            width: 100% !important;
        }

    .dropdownTab i {
        font-size: 18px;
        margin-right: 15px;
        float: right;
    }

    h5 {
        font-size: 18px;
    }

    .publicationListing .viewAll {
        top: 3px;
    }

    .publicationListing {
        width: calc(50% - 10px);
        float: left;
        margin-right: 10px;
    }

        .publicationListing + .publicationListing {
            margin-left: 10px;
            margin-right: 0;
        }

    .mobileMenu .mainMobileMenu .mainMenu > ul > li:last-child {
        margin-bottom: 0;
    }

    .mobileMenu .smallTop {
        float: none;
        width: 100%;
    }

    .splitedHolder .col-md-6:nth-child(2) .publicationListing {
        width: 100%;
        float: none;
        margin: 0;
    }

    .menusMain .ddSecondLevel > ul > li:last-child > a {
        padding-bottom: 0;
    }

    .splitedHolder .col-md-6:nth-child(2) {
        margin-left: -5px;
        margin-right: -5px;
    }

    .newsListing li:first-child .listingImage {
        height: 323px;
    }

    .splitedHolder .col-md-6:after {
        content: '';
        display: table;
        clear: both;
    }



    .newsListing .listingImage {
        height: 150px;
    }

    .newsListing .listingInfos .listingDate {
        font-size: 11px;
    }

    .newsListing .listingInfos .listingTitle {
        height: 42px;
        overflow: hidden;
    }

    .footerBottomItem {
        text-align: left;
    }

    .smallPanel {
        width: 100%;
        float: none;
    }

    .rightMenu, .rightMenu .selected a:before, .rightMenu a:hover:before {
        display: none;
    }

    .bigPanel {
        margin-top: 30px;
        width: 100%;
    }

    h3 {
        margin-bottom: 20px;
        font-size: 25px;
    }

    .highlitedBox {
        margin-bottom: 20px;
    }

    .line {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }



    .contactContentContainer {
        position: relative;
        width: 100%;
        padding: 20px;
    }

    .contactDetails .container {
        margin-left: 0;
        position: relative;
        width: 100%;
        left: 0;
        height: auto;
    }

    .contactContentContainer:after {
        display: none;
    }

    .contactDetails {
        margin-bottom: 0;
    }

    .contactInformationContainer.contactContentContainer .container {
        margin: 0;
    }

    .contactForm .col-md-12 {
        clear: left;
    }

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

    .topSubHeader {
        background-position: top center;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: cover;
    }

    h3 + .textEditor {
        margin-top: 0;
        padding-top: 0;
    }

    .newsListing .listingInfos .listingTitle a {
        font-size: 13px;
    }

    html, body {
        overflow-x: hidden;
    }

    #ContentPlaceHolder1_ContentBody_Relatedprocurement {
        display: none;
    }

    table {
        margin-top: 10px;
    }

    .awardsListing .listingLink a, .listingLink a {
        background-image: none !important;
    }

    .bigPanel.procurementsHolder {
        margin-top: 0;
    }

    .closePopUp {
        background-position: -85px -95px;
        width: 50px;
        height: 35px;
        margin: 0 auto;
        text-align: center;
        z-index: 10000;
    }

    .flex-direction-nav {
        display: block !important;
        opacity: 1 !important;
        top: 30% !important;
        width: 100%;
        z-index: 999 !important;
    }

    .logoHolder a {
        background-position: -20px 0;
    }

    .onloadContainer .blockHead .blockTitle {
        display: inline-block;
    }

    .listingNews .listingInfos {
        width: 100%;
    }

    .checkBoxContainer li:last-child {
        margin-bottom: 10px;
    }

    .listingImageText .listingHolder .listingInfos > div {
        width: 100%;
    }

    .listingImageText .listingHolder .listingInfos {
        float: left;
        width: calc(100% - 140px);
        position: relative;
    }

    .listingImageText .listingHolder .listingImage {
        margin-right: 20px;
        width: 120px;
    }
}

@media all and (max-width: 760px) {
    .listingImageText .listingHolder .listingLink a {
        position: relative;
        top: 0;
    }

    .listingResearch .listingImage, .listingNews .listingImage {
        margin-bottom: 10px;
    }

    .listingImage img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .publicationListing {
        width: 100%;
        float: left;
        margin-right: 10px;
    }

    .listingImageText .listingHolder .listingLink.simpleLink a:hover {
        top: 0;
    }

    .sliderContent p {
        font-size: 25px;
    }

    .floatingContainers .listingItem, .floatingContainers .listingItem .listingImage {
        height: 215px;
    }

    .onloadContainer {
        width: 96%;
        height: 96%;
        left: 2%;
        top: 2%;
        right: 2%;
        bottom: 2%;
        -moz-transform: translateX(0) translateY(0);
        -webkit-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    .floatingContainers {
        height: auto;
    }

    h3 {
        font-size: 20px;
    }

    .floatingContainers .container {
        top: 20px;
    }

    .onloadContainer .listingTitle a {
        font-size: 22px;
    }

    .floatingContainers .listingItem {
        margin-bottom: 20px;
    }

    .listingResearch .listingImage, .listingNews .listingImage, .listingResearch .listingInfos {
        width: 100%;
    }

    /*.homeTabCaroussel .flexslider li {
        width: 338px !important;
    }*/
    .bottomSearch .searchLabel {
        width: 100%;
        margin-bottom: 5px;
    }

    .checkBoxContainer li {
        margin-bottom: 10px;
        width: 50%;
        float: left;
    }

    .checkBoxContainer {
        width: 100%;
    }

    .splitedHolder .col-md-6:nth-child(1) {
        background: #ededed;
        padding: 15px;
    }

    .errorMessage {
        margin-left: 0;
    }

    .searchInput {
        width: calc(100% - 144px);
    }

    body.fixed {
        position: fixed;
    }

    .newsListing li:first-child .listingImage {
        height: auto;
    }

    .searchLabel {
        font-size: 16px;
        margin-right: 11px;
        display: block;
        margin-bottom: 5px;
    }

    .searchContainer {
        width: 100%;
        position: fixed;
        top: 34px;
        right: 0;
        z-index: 9999;
    }

    .searchLabel {
        font-size: 16px;
        margin-right: 11px;
        display: block;
    }

    h5 {
        font-size: 18px;
    }

    .newsListing .listingInfos {
        position: inherit;
    }

    .publicationListing .viewAll {
        position: relative;
        float: right;
        display: inline-block;
        top: 5px;
    }

    .publicationListing .listingInfos {
        width: calc(100% - 90px);
    }

    .publicationListing .listingImage {
        margin-right: 20px;
    }

    .newsListing li:first-child {
        width: 100%;
    }

    .newsListing li {
        margin-bottom: 20px;
    }

    .newsListing .listingImage {
        height: auto;
    }

        .newsListing .listingImage img {
            margin: 0 auto;
        }

    .lightBlueBackground li {
        border-right: none;
    }

    .footerBottom {
        padding-top: 15px;
    }

    .simpleList > ul {
        margin-bottom: 15px;
    }

    h2 {
        width: 100%;
        font-size: 30px;
    }

    .filterBox label {
        display: block;
        width: 100%;
    }

    .filterBox .customSelect:first-child {
        margin-top: 0;
    }

    .bigPanel .listingNews .listingInfos {
        width: 100%;
    }

    .filterBox .customSelect {
        width: 100%;
        margin-top: 20px;
    }

    .tab {
        display: block;
    }

}


@media all and (max-width: 340px) {


    .floatingContainers .listingItem, .floatingContainers .listingItem .listingImage {
        height: 180px;
    }

    .floatingContainers .listingTitle {
        margin-bottom: 10px;
    }
}





@media all and (min-aspect-ratio: 13/9) and (max-width:767px) {


    .onloadContainer {
        width: 96%;
        height: 96%;
        left: 2%;
        top: 2%;
        right: 2%;
        bottom: 2%;
        overflow: auto;
        -moz-transform: translateX(0) translateY(0);
        -webkit-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    .homeTabCaroussel .flexslider .slides img {
        width: auto;
        margin: 0 auto;
    }

    .onloadContainer .blockHead {
        padding: 25px 30px 0;
        color: #122c52;
    }

    .floatingContainers {
        height: auto;
    }

        .floatingContainers .listingItem, .floatingContainers .listingItem .listingImage {
            height: 180px;
        }

        .floatingContainers .listingItem {
            margin-bottom: 20px;
        }

        .floatingContainers .container {
            top: 20px;
        }
}

@media all and (max-width: 320px) {
    .sliderContent {
        left: 47px;
        max-width: 225px;
        height: auto;
    }
}