@media only screen and (max-width: 1699px){
	.container {width: 1400px;}
	.ctitle {padding: 22px 30px 27px;}
	.ctitle h3 {font-size: 28px;}
	.custnav .menus > li {margin-left: 45px;}
	.searchbar .custfield {width: 350px; margin-right: 25px;}
	.tipspart .tipslider .innerbox {min-height: 700px; padding: 50px 25px 30px;}
	.tipspart .tipslider .innerbox h3 {font-size: 28px;}
	.updates .innerlist li h4 a, .mediapart h3 {font-size: 28px;}
	.tipspart .owl-nav {top: -62px; left: 45px;}
	.leftpart .publpart ul {padding-bottom: 55px;}
	.leftpart .publpart ul li a {font-size: 28px; padding: 4px 30px 18px;}
	.innertabs .videoimg {width: 184px;}
	.ctabs li a {font-size: 21px;}
	.innertabs .info {margin-left: 210px;}
	.innertabs .info h4 {font-size: 21px; line-height: 33px;}
	.hlists .htooltip {font-size: 15px;}
	.hlists .htooltip1 {top: 115px; left: 37px;}
	.hlists .htooltip2 {top: 209px; left: 109px;}
	.hlists .htooltip3 {top: 198px; right: 25px; width: 140px;}
	.hlists .htooltip4 {left: 57px;}
	.hlists .htooltip5 {right: 5px; width: 171px;}
	.hlists .htooltip5:after {left: 22%;}
	.hlists .htooltip6 {left: 84px;}

	/** Inner 2 Page **/
	.newsbar .newslider {width: 85%;}
	.newsbar .newslider {padding-bottom: 20px;}
	.newsbar .owl-nav {top: 19px;}
    .all a {
        font-size: 21px;
    }
    .historicalsites .all a {
        font-size: 21px;
    }


        .nkvideo .nkvideoin .info .infoinner p {
            font-size: 24px;
            line-height: 40px;
            color: #003558;
            font-weight: 500;
        }
    .nkvideo .nkvideoin .video {
        display: block;
        margin-top: 30px;
        position: relative;
        background-color: #000000;
        width: 100%;
        height: 265px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        overflow: hidden;
    }
    .nkvideoh .nkvideoin .video {
        display: block;
         margin-top: 0px; 
        position: relative;
        background-color: #000000;
        width: 100%;
         height: auto; 
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        overflow: hidden;
    }
    .nkvideo .nkvideoin .info {
        padding: 30px 30px;
        margin-top: 0px;
        height: 175px;
        background-color: #fff;
    }

    .historicalsites .optbox {
        width: 33.33333%;
        height: 465px;
        margin: 1% 0;
    }
    .tipspart .tipslider .innerbox {
        min-height: 800px;
    }
    .modal-open .modal {
        padding: 3% 1% 0;
    }
    .mediaIndex .watanbox {
        float: right;
        width: 100%;
        height: 537px;
        background-color: #fff;
        margin-bottom: 10%;
        padding: 39px;
    }
    .docbanner {
    background-image: url(../images/doctor-banner.png);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    height: 33.3333%;
    margin-bottom:2%;}

.nursebanner {
    background-image: url(../images/nurse-banner.png);
    background-position: 0% 50%;
    background-repeat: no-repeat;
    height: 33.33333%;
    margin-top:2%;
}
    .mediaIndex .watanbox2 {
        float: right;
        position: relative;
        height: 485px;
        margin-bottom: 0;
    }
    .historicalsites .nkpic {
        margin: 2% 0px;
    }
    .historicalsites .nkvideoh {
        margin: 2% 0px;
    }
    .Nahno h4 {
        width: 100%;
        font-size: 16px;
        color: #717880;
        font-family: 'DINNEXTTMARABICMEDIUM';
        text-align: right;
        padding: 10px 0px;
    }
    .tipspart .tipslider .innerbox {
        height: 870px;
    }
    .maintopart .caseinfo {padding: 0;}
    	.contents .overview .overtext {padding: 30px;}
	.contents .overview .phasesinner .phbox {width: 185px;}
	.contents .overview .phasesinner .phbox h4 {padding: 25px 10px 25px 60px;}
	.contents .overview .phasesinner .phbox5 h4 {padding-top: 15px;}
	.frameworkpart .framework .frameleft .imgbox img {width: 100%;}
	.healthworking .workinginner .workingtogether img {max-width: 100%;}
	.frameworkpart .framework .frameright p:first-child {margin-top: 0px;}
	.healthworking .healthinner .healthrisk p {font-size: 26px; padding: 10px 40px 10px;}
	.essentialparts .sectorth ul li:nth-child(2) {width: 270px; padding-left: 45px;}
	.essentialparts .businessrow .col1 {width: 360px; padding-left: 135px;}
	.essentialparts .businessrow .col2 {width: 1010px;}

    .healthworking .workinginner .workingtogether {
        padding: 10px;
    }
    .workingtogether .infotexts {
        width: 100%;
        height: 660px;
        background-size: 100% auto;
    }


        .workingtogether .infotexts .texts5 {
            left: 86px;
            bottom: 168px;
            width: 141px;
        }
        .workingtogether .infotexts .texts4 {
            left: 244px;
            bottom: 88px;
            width: 175px;
        }
        .workingtogether .infotexts .texts2 {
            right: 121px;
            top: 68px;
            width: 185px;
        }
        .workingtogether .infotexts .texts3 {
            right: 58px;
            bottom: 163px;
            width: 172px;
        }



    .essentialparts .businessrow .textbar1 {
        background-color: #f96262;
        width: 108.4%;
    }
    .essentialparts .businessrow .textbar2 {
        background-color: #f99762;
        bottom: -90px;
        width: 171.5%;
    }
    /**************************************/

    .commonslider {
        top: 0;
    }

    .top-header .situ h3 {
        float: left;
        text-align: left;
        font-size: 18px;
        font-size: 18px;
        color: #ffffff;
        padding: 10px 0;
        margin: 5px 0;
        background-color: #026fbd;
        padding: 16px 0;
        width: 80px;
        height: 80px;
        text-align: center;
        border-radius: 50%;
    }

    .top-header .situ h2 {
        background-image: url(../images/alert-icon.png);
        background-position: 0% 50%;
        background-repeat: no-repeat;
        padding: 25px 0px 25px 20px;
        padding-left: 32px;
        font-size: 18px;
        line-height: 30px;
        width: 50%;
        float: left;
    }

    .top-header .situ {
        border-right: 1px solid #e5e5e5;
        width: 22%;
        display: inline-block;
        float: left;
        margin: 30px 0px;
    }

    .situation {
        margin-top: 4%;
    }

    .top-header .situ h3 {
        float: left;
        text-align: left;
        font-size: 18px;
        font-size: 15px;
        color: #ffffff;
        padding: 10px 0;
        margin: 5px 0;
        background-color: #026fbd;
        padding: 16px 0;
        width: 70px;
        height: 70px;
        text-align: center;
        border-radius: 50%;
    }

    .top-header .situ h2 {
        background-image: url(../images/alert-icon.png);
        background-position: 0% 50%;
        background-repeat: no-repeat;
        padding: 20px 0px 20px 20px;
        padding-left: 32px;
        font-size: 18px;
        line-height: 30px;
        width: 74%;
        float: left;
    }

    .top-header ul li {
        padding-right: 0;
    }

    .top-header ul {
        margin: 16px 10px;
    }
    .PDF {
        background-image: url(../images/pdf-icon2.png);
        width: 100%;
        padding: 23px;
        position: absolute;
        background-repeat: no-repeat;
        left: 0;
        bottom: 57px;
        background-position: 50% 50%;
        background-size: 80%;
    }
    /********************************/
    /*.bannertext h2 {
        font-size: 70px;
        color: #ffffff;
        line-height: 90px;
        font-family: 'DINNEXTTMARABICMEDIUM';
        position: absolute;
        top: 45%;
        width: 70%;
    }*/

/*    .bannertextshow h2 {
        top: 40%;
        width: 70%;
    }
*/
    .essentialparts .businessrow .textbar3 {
        width: 581px;
    }
    .essentialparts .businessrow .textbar2 {
        background-color: #f99762;
        bottom: -70px;
        width: 865px;
    }
    .contents .phasepart .col3 {
        height: 406px;
    }

    .contents .phase4 .col4 {
        height: 404px;
    }

    .contents .phasepart .col5 {
        height: 196px;
    }

    .contents .phasepart .col6 {
        height: 212px;
    }
    .commonslider {
        top: 0;
    }
    .essentialparts .businessrow .textbar1 {
        background-color: #f96262;
        width: 106.5%;
    }
    .tipspart .tipslider .innerbox {
        height: 945px;
    }
}
@media only screen and (max-width: 1439px){
	.container {width: 1170px;}
	.ctitle {padding: 16px 30px 26px;}
	.ctitle h3 {font-size: 26px;}
	.cbtn {font-size: 16px; padding: 9px 45px 12px;}
	.custnav .menus > li > a {font-size: 16px;}
	.searchbar .custfield {width: 270px; margin-right: 15px;}
	.custnav .menus > li {margin-right: 30px;}
	.custnav {margin: 28px 20px 0 0; }
    .custnav {
        margin: 28px 0 0 20px;
    }
	header .call {font-size: 16px; line-height: 38px; padding-left: 59px;}
	header .call span {font-size: 22px;}
	.slidepart, .innerbanner {height: 542px;}
	.mainpart .texts {width: 500px;}
	.mainpart .texts h2, .bannertext h2 {font-size: 50px; line-height: 70px;}
	.mainpart .texts p {font-size: 20px;}
	.mainpart .number {padding: 22px 30px 34px 30px;}
	.mainpart .number h3 {font-size: 50px;}
	.mainpart .number span {font-size: 21px;}
	.mainpart .owl-dots {bottom: 35px;}
	.tipspart {margin-bottom: 60px;}
	.tipspart .tipslider .innerbox {min-height: 656px; padding-top: 40px;}
        .tipspart .tipslider .innerbox {
            min-height: 685px;
        }
	.tipspart .tipslider .innerbox .icon {width: 160px; height: 160px;}
	.tipspart .tipslider .innerbox h3 {font-size: 26px; margin-top: 20px;}
	.tipspart .tipslider .innerbox ul li {font-size: 16px; line-height: 32px; padding-right: 18px; background-position: 100% 16px;}
	.tipspart .owl-nav {top: -57px; left: 30px;}
	.updates .innerlist {padding: 0 30px;}
	.leftpart {width: 39.8%;}
	.updates, .safetypart, .infotexts {width: 60.2%;}
	.updates .innerlist li {padding: 30px 0;}
	.updates .innerlist li h4 a {font-size: 26px; line-height: 40px;}
	.leftpart .publpart ul {padding: 10px 30px 40px;}
	.leftpart .publpart ul li a {font-size: 26px; padding: 6px 30px 18px;}
	.mediapart {margin: 60px 0; padding: 70px 0;}
	.mediapart h3 {font-size: 26px;}
	.innertabs li a {padding: 20px;}
	.ctabs {margin-top: -73px;}
    .ctabs2 {margin-top: 0px;}

	.ctabs li a {font-size: 18px;}
	.mainconts {margin-top: 10px;}
	.innertabs .videoimg {width: 154px; height: 110px;}
	.innertabs .info {margin-left: 180px;}
	.innertabs .info h4 {font-size: 16px; line-height: 27px; margin-bottom: 20px;}
	.innertabs .info p {font-size: 14px;}
	.videogallery .videopart .videobox {height: 460px;}
	.safetypart h4 {font-size: 26px; padding-top: 9px;}
	.safetypart .innerpart {padding: 35px 15px 78px;}
	.safetypart ul li {font-size: 16px; padding-left: 60px;}
	footer {margin-top: 80px; padding: 20px 0;}
	.tipspart .tipslider .innerbox ul li {font-size: 14px; line-height: 28px; padding-right: 18px; background-position: 0% 16px;}
    .all a {
        font-size: 18px;
    }
    .historicalsites .all a {
        font-size: 18px;
    }

	/** Inner 2 Page **/
	.newsbar .newslider {width: 80%;}
	.infotexts .innertexts h4 {font-size: 30px; line-height: 48px;}
	.infotexts .innertexts p {padding-left: 0px;}
	.infotexts .innertexts p {font-size: 18px; line-height: 34px;}
    .videopage {
        padding: 40px 0 0;
        margin: 40px 0 0;
    }

    .nkvideo .nkvideoin .info .infoinner p {
        font-size: 18px;
        line-height: 40px;
        color: #003558;
        font-weight: 500;
    }

    .nkvideo .nkvideoin .video {
        display: block;
        margin-top: 30px;
        position: relative;
        background-color: #000000;
        width: 100%;
        height: auto;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        overflow: hidden;
    }
    .nkvideoh .nkvideoin .video {
        display: block;
        margin-top: 0px;
        position: relative;
        background-color: #000000;
        width: 100%;
        height: auto;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        overflow: hidden;
    }
    .nkvideo .nkvideoin .video {
        display: block;
        margin-top: 30px;
        position: relative;
        background-color: #000000;
        width: 100%;
        height: 220px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        overflow: hidden;
    }
    .nkvideo .nkvideoin .info {
        padding: 30px 30px;
        margin-top: 0px;
        height: 175px;
        background-color: #fff;
    }
    .historicalsites .optbox {
        width: 33.33333%;
        height: 388px;
        margin: 1% 0;
    }
    .abouttext {
        margin: 15% 0 0;
    }
    .abouttext {
        margin: 7% 0 0;
    }
    .videopage {
        padding: 50px 0 0;
        margin: 70px 0 0;
    }
    .updates .ctitleT a {
        float: left;
        padding: 5px 25px 15px;
        background-color: rgba(255,255,255,0.10);
        font-size: 24px;
        color: #ffffff;
        width: 150px;
        text-align: center;
        margin: 0px 0 20px;
        /* margin: -5px 0 17px; */
    }
    .updates .ctitleT a {   
        margin: 40px 0 20px;
    }
    .mediaIndex .watanbox {
        float: right;
        width: 100%;
        height: 447px;
        background-color: #fff;
        margin-bottom: 10%;
        padding: 39px;
    }
    .MediaIndex .watanbox2 .boximg h4 {
        font-size: 25px;
        color: #04334f;
        font-family: 'DINNEXTTMARABICMEDIUM';
        padding: 15% 1% 10%;
    }
    .nursebanner h3, .docbanner h3 {
        color: #ffffff;
        font-size: 27px;
        font-family: 'DINNEXTTMARABICMEDIUM';
        margin: 10% 20% 10% 1%;
    }
    .mediaIndex .watanbox2 {
 
        height: 420px;
    }
    .SharesPage {
        padding: 50px 0 0;
        margin: 70px 0 130px;
    }
    .nkpic .info .infoinner p {
        font-size: 18px;
        line-height: 40px;
        color: #003558;
        font-weight: 500;
    }
    .docbanner img, .nursebanner img {
        float: right;
        margin: 8% 6% 8% 1%;
    }
    .nahno-icons h3 {
        width: 100%;
        font-size: 17px;
        color: #04334f;
        font-family: 'DINNEXTTMARABICMEDIUM';
        text-align: center;
        padding: 2px;
    }
    .nahno-icons img {
        width: 100%;
        padding: 3px;
    }
    .nahno-icons {
        width: 13%;
        float: left;
        text-align: center;
        margin-right: 12px;
    }
    header .language span {
        font-size: 17px;
    }
    .maintopart .allcases ul li {width: 277px; width: 220px;}
    .maintopart .allcases ul li h4 { font-size: 32px; line-height: 45px; font-family: 'DINNEXTTMARABICMEDIUM'; }
    .contents .overview .phasesinner {padding: 50px 0 30px;}
	.contents .overview .phasesinner .phbox {width: 150px;}
	.contents .overview .phasesinner .phbox h4 {font-size: 16px;}
	.contents .overview .phasesinner .phbox1 h4 {padding-left: 15px;}
	.contents .overview .phasesinner .phbox3 h4, .contents .overview .phasesinner .phbox4 h4 {padding-top: 16px;}
	.contents .overview .phasesinner .phbox5 h4 {padding-left: 42px; padding-right: 0px; padding-top: 16px;}
	.frameworkpart .framework .frameright {padding: 40px 30px 40px 15px;}
	.contents .phasepart .inforow3 ul li, .contents .phasepart .inforow5 ul li, .essentialparts .businessrow .col2 ul li {width: 100%;}
	.essentialparts .businessrow .col2 {width: 780px;}
	.essentialparts .businessrow .textbar {width: 660px;}

    .contents .working {
        width: 55%;
    }
    .healthworking .healthinner, .healthworking .workinginner {
        min-height: 790px;
    }
    .healthworking .healthinner, .healthworking .workinginner {
        min-height: 790px;
    }

    .workingtogether .infotexts {
        height: 600px;
    }
    .contents .health {
        width: 45%;
    }
    .workingtogether .infotexts .texts1 {
        left: 125px;
        top: 113px;
    }
    .workingtogether .infotexts .texts2 {
        right: 104px;
        top: 52px;
        width: 177px;
    }
    .workingtogether .infotexts .texts3 {
        width: 164px;
        bottom: 141px;
        right: 43px;
    }
    .workingtogether .infotexts .texts4 {
        left: 216px;
        bottom: 59px;
    }
    .workingtogether .infotexts .texts5 {
        left: 80px;
        bottom: 142px;
        width: 155px;
    }
    .essentialparts .businessrow .textbar2 {
        width: 218.5%;
    }
    .essentialparts .businessrow .textbar1 {
        width: 145.5%;
    }
    /********************************************************/

    .mainpart .number {
        padding: 26px 30px 30px 110px;
        width: 355px;
    }

    .mainpart .icon {
        right: auto;
        top: 7px;
        left: 20px;
    }

    /*.bannertext h2 {
        top: 45%;
        position: absolute;
        width: 66%;
    }*/

   /* .bannertextshow h2 {
        top: 35%;
        position: absolute;
        width: 66%;
    }*/
    .PDF {
        background-image: url(../images/pdf-icon2.png);
        width: 100%;
        padding: 23px;
        position: absolute;
        background-repeat: no-repeat;
        left: 0;
        bottom: 70px;
        background-position: 50% 53%;
    }

        .PDF h3 {
            font-size: 19px;
            color: #04334f;
            font-family: 'DINNEXTTMARABICMEDIUM';
            text-align: center;
            margin-top: 8px;
            margin-left: 40px;
        }

    .top-header .situ {
        border-right: 1px solid #e5e5e5;
        width: 23%;
        display: inline-block;
        float: left;
        margin: 22px 5px;
        padding: 15px 0;
    }

    .top-header .situ {
        border-right: 1px solid #e5e5e5;
        width: 25%;
        display: inline-block;
        float: left;
        margin: 22px 0px;
        padding: 5px 0;
    }

    .top-header ul {
        margin: 9px 10px;
        width:61%;
    }

        .top-header ul li {
            width: 50%;
            float: left;
            margin: 2px 0 2px 0px;
            padding: 4px 10px;
            position: relative;
            padding-left: 35px;
            height: auto;
        }

    .top-header .situ h2 {
        width: 72%;
    }

    .situation {
        margin-top: 4.5%;
    }
    .top-header .situ h2 {
        background-image: url(../images/alert-icon.png);
        background-position: 0% 50%;
        background-repeat: no-repeat;
        padding: 20px 0px 20px 20px;
        padding-left: 26px;
        font-size: 16px;
        line-height: 30px;
        width: 72%;
        float: left;
    }
    .essentialparts .businessrow .textbar {
        width: 640px;
    }
    .essentialparts .businessrow .textbar3 {
        width: 705px;
    }

    .essentialparts .businessrow .textbar2 {
        background-color: #f99762;
        bottom: -70px;
        width: 865px;
    }
    .essentialparts .businessrow .textbar2 {
        background-color: #f99762;
        bottom: -70px;
        width: 915px;
    }
    .contents .phasepart .col3 {
        height: 406px;
    }
    .contents .phase4 .col4 {
        height: 404px;
    }
     .contents .phasepart .col5 {
         height: 196px;
    }
     .contents .phasepart .col6 {
        height: 212px;
    }
    .contents .phasepart .col3 {
        height: 586px;
    }
    .contents .phase4 .col4 {
        height: 475px;
    }
    .contents .phasepart .col5 {
        height: 268px;
    }
    .top-header ul li {
      
        height: 45px;
    }
    .workingtogether .infotexts .texts ul li, .workingtogether .infotexts .texts p {
        font-size: 13px;
    }
    .workingtogether .infotexts .texts2 {
        right: 107px;
        top: 68px;
        width: 171px;
    }
    .workingtogether .infotexts .texts5 {
        left: 70px;
        bottom: 177px;
        width: 154px;
    }
    .workingtogether .infotexts .texts h4, .workingtogether .infotexts .texts p {
        text-align: left;
    }
    .workingtogether .infotexts .texts3 {
        width: 164px;
        bottom: 188px;
        right: 43px;
    }
    .workingtogether .infotexts .texts1 {
        left: 125px;
        top: 130px;
    }
    .workingtogether .infotexts .texts4 {
        left: 230px;
        bottom: 66px;
    }
    .commonslider {
        top: 0;
    }
    .essentialparts .businessrow .textbar1 {
        width: 1635px;
    }
    .mediapart {
        padding: 30px 0;
    }
}
@media only screen and (max-width: 1199px){
	.container {width: 970px;}
	header .container {position: relative;}
	.custnav {margin-top: 25px;}
	#mobilemenu {width: 40px; height: 40px; background-color: #0da6a6; background-image: url(../images/menu-icon.png); background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
	.custnav .menus {position: absolute; background-color: #ffffff; left: 0px; right: 0px; top: 95px; display: none; z-index: 11;}
	.custnav .menus > li {width: 100%; margin: 0; border-top: 1px solid #e5e5e5;}
	.custnav .menus > li > a {padding: 10px 20px;}
	header .call {    background-size: 40px auto;    padding-right: 0;    padding-left: 52px;}
	.slidepart, .innerbanner {height: 462px;}
	.mainpart .number {width: 330px;}
	.tipspart .tipslider .innerbox {min-height: 722px;}
	.tipspart .tipslider .innerbox ul li {line-height: 25px; background-position: 0% 12px;}
	.leftpart .publpart ul li a {font-size: 23px; padding: 7px 20px 18px;}
	.innertabs {width: 47%;}
	.videogallery .tab-content {width: 53%;}
	.leftpart {width: 47.9%;}
	.updates, .safetypart, .infotexts {width: 52.1%;}
	.safetypart .innerpart {padding-bottom: 35px;}
	.safetypart h4 {margin-bottom: 0px;}
	.safetypart ul li {margin-top: 20px;}
	.safetypart .donotlists {margin-top: 10px;}
    .videopage {
        padding: 30px 0 0;
        margin: 30px 0 0;
    }

    .historicalsites .optbox {
        width: 33.33333%;
        height: 355px;
    }
    .historicalsites .optbox {
        width: 33.33333%;
        height: 288px;
        margin: 1% 0;
    }
    .historicalsites .nkpic {
        width: 49%;
        height: 288px;
        margin: 1% 0;
    }
    .historicalsites .nkvideoh {
        width: 49%;
        height: 288px;
        margin: 1% 0;
    }
    .tab-content > .active {
        height: 500px;
    }
    .modal-open .modal {
        padding: 7% 1% 0;
    }
    
    .videopage {
        padding: 30px 0 0;
        margin: 130px 0 0;
    }
    .abouttext .pull-right {
        float: right !important;
        width: 100%;
    }
    .abouttext {
        margin: 15% 0 0;
    }
    .abouttext {
        margin: 7% 0 0;
    }
    .mainpart .number {
        padding: 12px 30px 12px 30px;
    }
    .updates .ctitleT a {
        float: left;
        padding: 5px 25px 15px;
        background-color: rgba(255,255,255,0.10);
        font-size: 24px;
        color: #ffffff;
        width: 85px;
        text-align: center;
        margin: 0px 0 20px;
        /* margin: -5px 0 17px; */
    }
    .mediaIndex .watanbox {
        height: auto;
    }
    .mediaIndex .watanbox2 {
        height: auto;
    }
    .boximg {
        margin: 20px 20%;
        height: auto;
    }
    .docbanner, .nursebanner {
        background-size: cover;
    }
        .docbanner img, .nursebanner img {
            float: right;
            margin: 11% 6% 11% 1%;
        }
        .nursebanner h3, .docbanner h3 {
            color: #ffffff;
            font-size: 30px;
            font-family: 'DINNEXTTMARABICMEDIUM';
            margin: 11% 17% 11% 1%;
        }
        .nursebanner h3, .docbanner h3 {
            color: #ffffff;
            font-size: 30px;
            font-family: 'DINNEXTTMARABICMEDIUM';
            margin: 17% 17% 17% 1%;
        }

        .docbanner img, .nursebanner img {
            float: right;
            margin: 10% 6% 10% 1%;
        }
    .himmetwatan {
        padding: 70px 0 0;
        margin: 130px 0 0;
    }
    .docbanner,.nursebanner {
        height: 200px;
    }
        .nursebanner h3, .docbanner h3 {
            color: #ffffff;
            font-size: 30px;
            font-family: 'DINNEXTTMARABICMEDIUM';
            margin: 10% 17% 10% 1%;
        }
    .updates .ctitleT a {
        margin: 40px 0 20px;
    }
    .SharesPage {
        margin-bottom:130px;
    }
    .historicalsites .nkpic {
        width: 49%;
        height: 500px;
        margin: 1% 0;
    }
    .historicalsites .nkvideoh {
        width: 49%;
        height: 500px;
        margin: 1% 0;
    }
    .nahno-icons h3 {
        width: 100%;
        font-size: 20px;
        color: #04334f;
        font-family: 'DINNEXTTMARABICMEDIUM';
        text-align: center;
        padding: 5px;
    }
    .nahno-icons img {
        width: 100%;
        padding: 15px;
    }
    .nahno-icons {
        width: 13%;
        float: left;
        text-align: center;
        margin-right: 15px;
    }
    .Nahno h4 {
        width: 100%;
        font-size: 18px;
        color: #717880;
        font-family: 'DINNEXTTMARABICMEDIUM';
        text-align: right;
        padding: 10px 0px;
    }
    .safetypart ul li {

        background-position: -webkit-calc(6% - 20px) 50%;
 
    }
    .maintopart .allcases ul li {width: 465px;}
	.maintopart .allcases ul li:nth-child(2n) {margin-right: 0;}
	.maintopart .latestnews {bottom: -33px;}
    .maintopart .allcases ul li:last-child { width: 100%; }
    .container {width: 970px;}
	.ctitle {padding: 25px 30px 31px;}
	.innerbanner {height: 380px;}
	.bannertexts h2 {font-size: 50px; line-height: 58px;}
	.contents .leftlinks, .healthworking .healthinner {margin-bottom: 30px;}
	.contents .overview .phasesinner .phbox {width: 169px;}
	.frameworkpart .framework .frameleft {padding: 30px;}
	.frameworkpart .framework .frameright {padding: 0 30px 30px;}
	.contents .leftlinks .leftinner, .contents .overview .overinner, .healthworking .healthinner, .healthworking .workinginner {min-height: initial;}
	.essentialparts .businessrow .col2 {width: 580px;}


    .contents .working {
        width: 100%;
    }
    .ctitle {
        padding: 25px 30px 31px;
    }


    .contents .leftlinks .leftinner, .contents .overview .overinner, .healthworking .healthinner, .healthworking .workinginner {
        min-height: initial;
    }
    .contents .health {
        width: 100%;
    }
    .workingtogether .infotexts {
        height: 701px; 
        background-size: 696px auto;
    }

       

        .workingtogether .infotexts .texts1 {
            left: 278px;
            top: 133px;
        }

        .workingtogether .infotexts .texts5 {
            left: 205px;
            bottom: 189px;
            width: 155px;
        }

        .workingtogether .infotexts .texts3 {
            width: 164px;
            bottom: 170px;
            right: 178px;
        }

        .workingtogether .infotexts .texts2 {
            right: 260px;
            top: 75px;
            width: 177px;
        }

        .workingtogether .infotexts .texts4 {
            left: 368px;
            bottom: 89px;
        }
    .essentialparts .businessrow .textbar1 {
        width: 231.5%;
    }
    .essentialparts .businessrow .textbar2 {
        width: 345.5%;
    }
    .frameworkpart .framework .frameright {
        width: 100%;
    }


    .situation span {
        font-size: 14px;
        /* color: #0da6a6; */
        font-family: 'DINNEXTTMARABICREGULAR';
        float: right;
        text-align: center;
        font-weight: 500;
        WIDTH: 100%;
        color: #026fbd;
        padding-top: 6px;
    }

    .situation {
        background-color: none;
        color: #f0f1f2;
        padding: 0;
        height: 40px;
        width: 90px;
        font-size: 16px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        padding-left: 0px;
        margin-left: 0;
        text-align: center;
        margin-top: 4%;
        border: 1px solid #026fbd;
    }

    .top-header ul li {
        width: 50%;
        float: left;
        margin: 5px 0 5px 0px;
        margin: 2px 0 2px 0px;
        padding: 4px 0px 4px 0px;
        position: relative;
        padding-left: 35px;
        font-size: 13px;
    }

    .top-header ul {
        width: 64%;
        position: relative;
        text-align: left;
        float: left;
        margin-right: 0;
    }


    .top-header .situ h2 {
        background-image: url(../images/alert-icon.png);
        background-position: 0% 50%;
        background-repeat: no-repeat;
        padding: 25px 0px 25px 20px;
        padding-left: 32px;
        font-size: 15px;
        line-height: 16px;
        width: 66%;
        float: left;
    }

    .top-header .situ {
        border-right: 1px solid #e5e5e5;
        width: 25%;
        padding: 18px 0;
    }

        .top-header .situ h3 {
            float: left;
            text-align: left;
            font-size: 18px;
            font-size: 13px;
            color: #ffffff;
            padding: 10px 0;
            margin: 5px 0;
            background-color: #026fbd;
            padding: 16px 0;
            width: 60px;
            height: 60px;
            text-align: center;
            border-radius: 50%;
        }
    .essentialparts .businessrow .textbar2 {
        width: 1170px;
    }
    .essentialparts .businessrow .textbar3 {
        width: 895px;
    }
    .essentialparts .businessrow .textbar4 {
        width: 1001px;
    }
    .contents .phasepart .col3 {
        height: 622px;
    }
    .contents .phase4 .col4 {
        height: 619px;
    }
    .contents .phasepart .col5 {
        height: 331px;
    }
    .contents .phasepart .col6 {
        height: 282px;
    }
    .top-header ul li {
        height: 45px;
        font-size: 12px;
    }
    .workingtogether .infotexts .texts2 {
        right: 260px;
        top: 100px;
        width: 177px;
    }
    .workingtogether .infotexts .texts3 {
        width: 164px;
        bottom: 228px;
        right: 178px;
    }
    .workingtogether .infotexts .texts5 {
        left: 205px;
        bottom: 233px;
        width: 155px;
    }
    .workingtogether .infotexts .texts4 {
        left: 390px;
        bottom: 89px;
    }
    .commonslider {
        top: 0;
    }
    .essentialparts .businessrow .textbar1 {
        width: 2175px;
    }
}
@media only screen and (max-width: 991px){
	.container {width: 750px;}
	header .logo img {width: 190px;}
	header .call {margin-top: 9px;}
	.searchbar .custfield {width: 210px; margin-top: 12px;}
	.custnav {margin-top: 14px;}
	.custnav .menus {top: 70px;}
	.mainpart .texts {width: 380px;}
	.mainpart .texts h2, .bannertext h2 {font-size: 42px; line-height: 64px;}
	.mainpart .texts p {font-size: 16px; line-height: 28px; margin: 10px 0 30px 0;}
	.mainpart .number {width: 270px; padding: 12px 20px 24px 20px;}
	.mainpart .number h3 {font-size: 42px;}
	.mainpart .number span {font-size: 16px;}
	.mainpart .icon {width: 40px;}
	.mainpart .icon img {max-width: 100%;}
	.tipspart .tipslider .innerbox {min-height: 652px;}
    .tipspart .tipslider .innerbox {
        min-height: 852px;
    }
	.updates, .safetypart, .infotexts {width: 100%;}
	.leftpart {width: 100%; margin-top: 30px;}
	.innertabs {width: 100%;}
	.leftpart .videobox {height: initial;}
	.videogallery .tab-content {width: 100%;}
	.videogallery .videopart .videobox {height: auto;}
	.hlists .mapbox {width: 435px; margin: 0 auto; float: none; height: 490px;}
	.hlists {background:url(../images/map-bg-formobile.jpg) no-repeat 50% 0; border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px;}

	/** Inner 2 Page **/
	.conts {padding-top: 60px;}
	.newsbar .newslider {width: 70%;}
	.infotexts .innertexts {padding: 40px;}

    .historicalsites .optbox {
        width: 48%;
        height: 355px;
    }
    .tipspart {
        margin-bottom: 6%;
    }
    .bannerfb {
        margin: 0 0 6%;
        width: 100%;
    }
    .historicalsites .optbox2 {
        width: 33.33333%;
        height: 355px;
        margin: 1% 0;
    }
    .commonslider {
        top: 75px;
    }
    .abouttext {
        margin: 20% 0 0;
    }
    .abouttext {
        margin: 8% 0 0;
    }
    .modal-open .modal {
        padding: 12% 1% 0;
    }
    .nursebanner h3, .docbanner h3 {
        color: #ffffff;
        font-size: 30px;
        font-family: 'DINNEXTTMARABICMEDIUM';
        margin: 12% 17% 12% 1%;
    }
    .docbanner img, .nursebanner img {
        float: right;
        margin: 12% 6% 12% 1%;
    }
    .SharesPage {
        margin-bottom: 130px;
    }
    .historicalsites .nkpic {
        width: 49%;
        height: 500px;
        margin: 1% 0;
    }

    .historicalsites .nkvideoh {
        width: 49%;
        height: 500px;
        margin: 1% 0;
    }
    .nahno-icons img {
        width: 100%;
        padding: 10px;
    }
    .tipspart .tipsliderNew .innerbox h3 {
        font-size: 30px;
        margin: 50px 0 16px 0;
        color: #04334f;
        font-family: 'DINNEXTTMARABICMEDIUM';
        line-height: 25px;
    }
    .tipspart .tipslider .innerbox {
        min-height: 700px;
        padding: 20px 13px 20px;
    }
    .tipspart .tipslider .innerbox {
        height: 930px;
    }
    .tipspart .tipslider .innerbox {
        height: 1033px;
    }
    .commonslider {
        top: 68px;
    }
      .maintopart .allcases ul li {width: 355px;}
	.maintopart .dailycases ul li {width: 260px;}
	.maintopart .dailycases ul li .icon {top: 20px;}
    .maintopart .dailycases ul .insidecase, .maintopart .dailycases ul .outsidecase {float: left; margin: 10px 10px 0 0 0px; padding: 12px 15px; position: absolute; left: 270px;}
    .maintopart .dailycases ul .daily span{ margin-top:10px; font-size:15px;}
    	
    
    .contents {padding: 50px 0;}
	.contents .overview .phasesinner .phbox {width: 125px;}
	.contents .overview .phasesinner .phbox4 h4 {padding-left: 53px;}
	.contents .overview .phasesinner .phbox5 h4 {padding-top: 9px;}
	.contents .overview .phasesinner .phbox p {padding-right: 0px; padding-left: 10px;}
	.essentialparts .businessrow .col2 {width: 360px;}
	.essentialparts .businessrow .textbar {width: 860px;}


    .workingtogether .infotexts .texts1 {
        left: 152px;
        top: 133px;
    }

    .workingtogether .infotexts .texts5 {
        left: 103px;
        bottom: 189px;
        width: 155px;
    }

    .workingtogether .infotexts .texts3 {
        width: 164px;
        bottom: 170px;
        right: 73px;
    }

    .workingtogether .infotexts .texts2 {
        right: 150px;
        top: 75px;
        width: 177px;
    }

    .workingtogether .infotexts .texts4 {
        left: 275px;
        bottom: 89px;
    }
    .essentialparts .businessrow .textbar1 {
        width: 364.7%;
    }

    .essentialparts .businessrow .textbar2 {
        width: 520.5%;
    }
    .top-header .situ h3 {
        float: left;
        text-align: left;
        font-size: 18px;
        font-size: 13px;
        color: #ffffff;
        padding: 10px 0;
        margin: 5px 0;
        background-color: #026fbd;
        padding: 15px 0;
        width: 60px;
        height: 60px;
        text-align: center;
        border-radius: 50%;
    }

    .top-header .situ h2 {
        background-image: url(../images/alert-icon.png);
        background-position: 0% 40%;
        background-repeat: no-repeat;
        padding: 12px 0px 25px 20px;
        padding-left: 30px;
        font-size: 15px;
        line-height: 30px;
        width: 74%;
        float: left;
    }

    .top-header ul {
        width: 58%;
        position: relative;
        text-align: left;
        float: left;
        margin-right: 0;
    }

    .top-header .situ {
        border-right: 1px solid #e5e5e5;
        width: 23%;
        padding: 26px 0;
    }

    .situation {
        margin-top: 7%
    }

  


    .PDF h3 {
        font-size: 19px;
        color: #04334f;
        font-family: 'DINNEXTTMARABICMEDIUM';
        text-align: center;
        margin-top: 8px;
        margin-left: 60px;
    }

    .PDF {
        background-image: url(../images/pdf-icon2.png);
        width: 100%;
        padding: 23px;
        position: relative;
        background-repeat: no-repeat;
        right: 0;
        bottom: 0;
        background-position: 50% 93%;
        background-size: 34%;
    }
    /**************/
    .mainpart .number {
        padding: 21px 80px 29px 20px;
    }

    .mainpart .icon {
        left: auto;
        top: 11px;
        right: 20px;
        width: 50px;
        height: auto;
    }

  /*  .bannertextshow h2 {
        font-size: 38px;
        line-height: 55px;
        width: 60%;
    }*/
    /***************************************/
    .PDF {
        background-image: url(../images/pdf-icon2.png);
        width: 100%;
        padding: 23px;
        position: relative;
        background-repeat: no-repeat;
        left: 0;
        bottom: 0px;
        background-position: 50% 95%;
        background-size: 34%;
        padding: 10px 0 0;
        float: left;
        margin: 18px 0;
    }

        .PDF h3 {
            font-size: 19px;
            color: #04334f;
            font-family: 'DINNEXTTMARABICMEDIUM';
            text-align: center;
            margin-top: 12px;
            margin-right: 45px;
        }
    /*******************************/


    .top-header ul li {
        width: 100%;
        float: left;
        margin: 2px 0 2px 0px;
        /* padding: 4px 10px; */
        position: relative;
        height: auto;
    }

    .top-header ul {
        width: 61%;
        position: relative;
        text-align: left;
        margin-left: 0px;
        float: left;
    }

    .top-header .situ {
        border-right: 1px solid #e5e5e5;
        width: 36%;
        padding: 13px 0px 100px;
        margin: 22px 10px;
    }

    .top-header .pull-right {
        margin-right: 76%;
    }

    .situation {
        margin-top: -13%;
    }

    /*.bannertext h2 {
        width: 58%;
    }*/
    .essentialparts .businessrow .textbar2 {
        width: 1170px;
    }
    .essentialparts .businessrow .textbar1 {
        width: 356.3%;
    }
   
    .essentialparts .businessrow .textbar4 {
        width: 1050px;
    }
    .essentialparts .businessrow .textbar3 {
        width: 1045px;
    }
    .essentialparts .businessrow .textbar2 {
        width: 1246px;
    }
    .contents .phasepart .col1 {
        height: 141px;
    }
    .contents .phasepart .col3 {
        height: 694px;
    }
    .contents .phase4 .col4 {
        height: 799px;
    }
    .contents .phasepart .col5 {
        height: 475px;
    }
    .contents .phasepart .col6 {
        height: 355px;
    }
    .top-header ul li {
        height: auto;
        font-size: 12px;
    }
    .workingtogether .infotexts .texts5 {
        left: 103px;
        bottom: 236px;
        width: 155px;
    }
    .workingtogether .infotexts .texts1 {
        left: 152px;
        top: 152px;
    }
    .workingtogether .infotexts .texts2 {
        right: 150px;
        top: 105px;
        width: 177px;
    }
    .workingtogether .infotexts .texts3 {
        width: 164px;
        bottom: 230px;
        right: 73px;
    }
    .commonslider {
        top: 0;
    }
    .essentialparts .businessrow .textbar1 {
        width: 347.3%;
    }
}
@media only screen and (max-width: 767px) {

    .container {
        width: auto;
    }

    .custnav {
        float: right !important;
    }

    .lheader {
        width: 100%;
        border-top: 1px solid #f0f0f0;
        margin-top: 10px;
        padding-bottom: 5px;
    }

    .searchbar .custfield {
        width: 350px;
    }

    .mainpart .number {
        width: 210px;
    }

    .slidepart, .innerbanner {
        height: 392px;
    }

    .tipspart .tipslider .innerbox h3, .updates .innerlist li h4 a {
        font-size: 20px;
        line-height: 34px;
    }

    .updates .innerlist li .tag, .infotexts .innertexts .tag {
        font-size: 14px;
    }

    .updates .innerlist li h4 {
        margin: 10px 0;
    }

    .updates .innerlist li p {
        font-size: 16px;
    }

    .leftpart .publpart ul li a {
        font-size: 20px;
        padding: 9px 20px 18px;
    }

    /** Inner 2 Page **/
    .infotexts .innertexts h4 br {
        display: none;
    }

    .infotexts .innertexts p {
        margin-top: 30px;
    }

    .leftpart .faqs img {
        width: 100%;
        height: auto;
    }

    .tipspart .tipsliderNew .item {
        width: 100%;
    }

    .tipspart .tipslider .innerbox {
        min-height: initial;
    }

    .nkvideo .nkvideoin .info {
        padding: 20px 20px;
        margin-top: 0px;
        height: 140px;
        background-color: #fff;
    }

    .historicalsites .optbox {
        width: 48%;
        height: 320px;
    }

    .historicalsites .optbox2 {
        width: 33.33333%;
        height: 320px;
        margin: 1% 0;
    }

    .historicalsites .nkpic {
        width: 100%;
        height: 288px;
        margin: 1% 0;
    }

    .historicalsites .nkvideoh {
        width: 100%;
        height: 288px;
        margin: 1% 0;
    }

    .commonslider {
        top: 148px;
    }

    .tipspart .tipsliderNew .item {
        margin-bottom: auto;
    }

        .tipspart .tipsliderNew .item:last-child {
            margin-bottom: 126px;
        }

        .tipspart .tipsliderNew .item:last-child {
            margin-bottom: 10px;
        }

    .abouttext {
        margin: 30% 0 0;
    }
    .abouttext {
        margin: 10% 0 0;
    }

    .updates .ctitleT {
        background-image: url(../images/gadha-banner.png);
        background-repeat: no-repeat;
        background-position: 0px 52%;
        margin-bottom: 70px;
        height: 166px;
        text-align: center;
        background-position: right;
        background-size: cover;
        background-position: right;
    }

        .updates .ctitleT a {
            float: left;
            padding: 5px 25px 15px;
            background-color: rgba(255,255,255,0.10);
            font-size: 24px;
            color: #ffffff;
            width: 95px;
            text-align: center;
            margin: 0px 0 20px;
            /* margin: -5px 0 17px; */
        }

        .updates .ctitleT h3 {
            display: block;
            color: #fff;
        }

        .updates .ctitleT h3 {
            display: block;
            color: #fff;
            margin-top: 7%;
        }

    .docbanner, .nursebanner {
        height: 175px;
    }

    .updates .ctitleT a {
        margin: -35px 0 17px;
    }

    .SharesPage {
        margin-bottom: 130px;
    }
    /*.historicalsites .nkvideoh {
        float: left;
         width:100%; 
         height: 100%; 
        margin-top: 30px;
    }*/
    .historicalsites .nkpic {
        height: 500px;
        margin: 1% 0;
    }

    .historicalsites .nkvideoh {
        height: 500px;
        margin: 1% 0;
    }

    .tipspart .tipslider .innerbox {
        height: auto;
    }

    .commonslider {
        top: 134px;
    }
    .mainpart .number span {
        font-size: 14px;
    }
    .slide9 .soinfo9 p {
        margin-top: 0;
    }
    .slide9 .soinfo9 {
       
        padding-right: 0px;
        padding-left: 0px;
  
    }
    .maintopart .allcases ul li {width: 49%; margin: 2% 2% 0 0}
	.maintopart .dailycases ul li {width: 49%; margin-right: 0; margin-top: 10px;}
	.maintopart .dailycases ul .insidecase, .maintopart .dailycases ul .outsidecase{width: 49%; margin-right: 0%;}
    .maintopart .dailycases ul .insidecase, .maintopart .dailycases ul .outsidecase {float: left; margin: 10px 10px 0 0px; padding: 12px 15px; position: absolute; left: 50.5%; }

    .contents .leftlinks ul li a {font-size: 18px; line-height: 54px; padding-left: 20px;}
	.contents .overview .overtext, .frameworkpart .framework .frameleft {padding: 20px;}
	.contents .overview .overtext p, .frameworkpart .framework .frameright p {font-size: 18px; line-height: 26px;}
	.contents .overview .phasesinner .phbox {width: 100%;}
	.contents .overview .phasesinner .phbox h4 {padding: 0 !important; height: 52px; line-height: 52px; font-size: 18px;}
	.contents .overview .phasesinner .phbox h4:before, .contents .overview .phasesinner .phbox h4:after, .contents .overview .phasesinner .phbox5 h4 br {display: none;}
	.contents .overview .phasesinner .phbox p {text-align: center; padding: 15px 10% 20px;}
	.contents .overview .overtext ul li {font-size: 18px; background-position: 0px 12px;}
	.frameworkpart .framework .frameright {padding: 0 20px 20px;}
	.healthworking .healthinner .healthrisk p {font-size: 22px; padding-top: 0px;}
	.contents .healthworking, .contents .phasepart {margin-bottom: 30px;}
	.contents .phasepart .phaseno, .contents .phasepart .leftcol {width: 180px;}
	.contents .phasepart .phaseno {font-size: 24px;}
	.contents .phasepart .phaseno:after {background-size: 55px auto;}
	.contents .phasepart .phasetype {margin-left: 235px;font-size: 24px;}
	.contents .phasepart .infotext {margin-left: 200px;}
	.essentialparts .sectorth {display: none;}
	.essentialparts .businessrow:last-child {margin-top: 30px;}
	.essentialparts .businessrow .textbar {position: relative; font-size: 22px; left: initial; bottom: initial; margin:0; width: 100%; height: 56px; line-height: 50px; padding: 0 20px; transform: none; -moz-transform: none; -webkit-transform: none;}
	.essentialparts .businessrow .texts {margin-bottom: 0px; padding-bottom: 0px;}
	.essentialparts .businessrow .col1 {width: 100%; padding: 0 20px;}
	.essentialparts .businessrow .col2 {width: 100%; padding-left: 20px; padding-right: 20px;}
	.essentialparts .businessrow:last-child .texts:last-child {padding-bottom: 20px;}



    .healthworking .workinginner .workingtogether {
        padding: 20px;
    }


    .workingtogether .infotexts {
        width: 100%;
        background-image: none;
    }


        .workingtogether .infotexts .texts1 {
            background-color: #0b395b;
        }
    
    
    .workingtogether .infotexts .texts {
        width: 100%;
        float: left;
        padding: 15px 20px;
        margin-bottom: 20px;
        position: relative;
        left: initial;
        bottom: initial;
        right: initial;
        top: initial;
    }

        .workingtogether .infotexts .texts2 {
            background-color: #0f5589;
        }

        .workingtogether .infotexts .texts3 {
            background-color: #1572b8;
        }
        .workingtogether .infotexts .texts4 {
            background-color: #458ec5;
            margin-bottom: 0px;
        }
        .workingtogether .infotexts .texts5 {
            background-color: #74abd4;
        }

    .ctitle {
        padding: 18px 20px 24px;
    }


    .workingtogether .infotexts {
        height: auto;
        background-size: 696px auto;
    }
    .top-header .situ h2 {
        background-image: url(../images/alert-icon.png);
        background-position: 0% 40%;
        background-repeat: no-repeat;
        padding: 19px 0px 25px 20px;
        padding-left: 36px;
        font-size: 15px;
        line-height: 16px;
        width: 65%;
        float: left;
    }
    .top-header .situ {
        border-right: 1px solid #e5e5e5;
        width: 32%;
        padding: 13px 0px 100px;
        margin: 22px 10px;
    }
        .top-header .situ h3 {
            float: left;
            text-align: left;
            font-size: 18px;
            font-size: 12px;
            color: #ffffff;
            padding: 10px 0;
            margin: 5px 0;
            background-color: #026fbd;
            padding: 15px 0;
            width: 52px;
            height: 52px;
            text-align: center;
            border-radius: 50%;
        }
    .commonslider {
        top: 0;
    }
    .contents .parag {
        padding: 20px;
    }
}

@media only screen and (max-width: 639px){
	.searchbar .custfield {width: 210px;}
	.slidepart {padding: 40px 0 60px; height: auto;}
	.mainpart .number {padding-bottom: 20px; width: 305px;}
	.mainpart .number, .mainpart .texts {position: relative; top: initial; right: initial; float: left; transform: none; -moz-transform: none; -webkit-transform: none;}

	.mainpart .texts {width: 100%; margin-top: 10px;}
	.mainpart .texts h2, .bannertext h2 {font-size: 28px; line-height: 43px;}
	.mainpart .number h3 {font-size: 28px;}
	.mainpart .owl-dots {bottom: 15px;}
	.tipspart .tipslider .innerbox {min-height: initial;}
	.tipspart .tipslider .innerbox .icon {width: 140px; height: 140px;}
	.leftpart .videobox .playicon, .videogallery .videopart .videobox .playicon {background-size: 70px auto; width: 70px; height: 70px;}
	footer {margin-top: 60px;}

	/** Inner 2 Page **/
	.innerbanner {height: 250px;}
	.bannertext {top: 40%;}
	.newsbar .newslider {width: 100%; padding-right: 0; padding-bottom: 15px;}
	.infotexts .innertexts {padding: 30px;}
	.infotexts .innertexts h4 {font-size: 20px; line-height: 34px; margin-bottom: 10px;}
	.infotexts .innertexts .timedate {font-size: 14px;}
	.infotexts .innertexts p {margin-top: 20px; font-size: 16px; line-height: 26px;}
		.slidepart {
    padding: 40px 0 50px;
    height: auto;}
    .tab-content > .active {
        height: 450px;
    }
    .all {
        background-color: rgba(255,255,255,0.10);
        text-align: center;
        margin: 70px 3% 0;
        padding: 0 0px 10px 0px;
        float: right;
        width: 94%;
    }
    .nkvideo .nkvideoin .video {
        height: auto;
    }
    .modal-dialog {
    width: 100% !important;
    max-width: 90% !important;
    min-width: 50% !important;}
    .modal-dialog {
        width: 100% !important;
        max-width: 93% !important;
        min-width: 50% !important;
        margin-top: 6%;
    }
    .historicalsites .optbox {
        width: 48%;
        height: 270px;
    }
    .historicalsites .nkpic {
        width: 100%;
        height: 270px;
    }
    .historicalsites .nkvideoh {
        width: 100%;
        height: 270px;
    }
    .historicalsites .optbox2 {
        width: 33.33333%;
        height: 270px;
        margin: 1% 0;
    }
    .modal.in .modal-dialog {
        margin: auto;
    }
    .modal-open .modal {
        padding: 15% 1% 0;
    }
    .abouttext {
        margin: 38% 0 0;
    }
    .boximg {
        margin: 20px;
        height: auto;
    }
    .docbanner, .nursebanner {
        background-position: 40% 50%;
        height: 175px;
    }
    .boximg img {
        width: 55%;
        height: auto;
    }
    .nursebanner h3, .docbanner h3 {
        color: #ffffff;
        font-size: 30px;
        font-family: 'DINNEXTTMARABICMEDIUM';
        margin: 12% 23% 12% 1%;
    }
    .framec {
        margin-top: 20px;
        width: 100%;
        height: 400px;
    }
    .SharesPage {
        margin-bottom: 130px;
    }
    .historicalsites .nkpic {
        margin-bottom: 100px;
    }
    .historicalsites .nkvideoh {
        margin-bottom: 100px;
    }
    .historicalsites .nkpic {
        height: 500px;
        margin: 1% 0;
    }

    .historicalsites .nkvideoh {
        height: 500px;
        margin: 1% 0;
    }
    .nahno-icons h3 {
        width: 100%;
        font-size: 15px;
        color: #04334f;
        font-family: 'DINNEXTTMARABICMEDIUM';
        text-align: center;
        padding: 15px 0 0;
    }
    .nahno-icons img {
        width: 100%;
        padding: 0px;
    }
    .Nahno img {
        float: right;
        width: 100%;
        padding: 4px 9px 0;
    }
    .nahno-icons {
        width: 13%;
        float: left;
        text-align: center;
        margin-right: 10px;
    }
    .Nahno h4 {
        width: 100%;
        font-size: 13px;
        color: #717880;
        font-family: 'DINNEXTTMARABICMEDIUM';
        text-align: right;
        padding: 10px 0px;
    }
    .iframeclass {
        width: 100%;
        height: 100%;
    }
    .safetypart ul li {
        background-position: -webkit-calc(6% - 20px) 50%;
    }
    .mainpart .slidepart .new {
        position: absolute;
        top: 275px;
        right: 15px;
        width: 390px;
        /* padding: 22px 40px 48px 40px; */
        border: none;
        padding-right: 5px;
        float: right;
        padding-bottom: 20px;
    }

    .mainpart .slidepart .new {
        position: absolute;
        top: 275px;
        right: auto;
        width: 320px;
        /* padding: 22px 40px 48px 40px; */
        border: none;
        padding-right: 5px;
        float: left;
        padding-bottom: 20px;
        left: 15px;
    }

    .mainpart .texts {
        width: 100%;
        margin-top: 40px;
    }

    .mainpart .slidepart .new p {
        display: block;
        color: #ffffff;
        font-size: 14px;
        float: left;
        position: relative;
        direction: ltr;
        text-align: left;
    }
    /*.mainpart .texts h2, .bannertext h2 {
        font-size: 22px;
        line-height: 27px;
    }*/
    .slide9 .soinfo9 p {
        margin-top: 0;
    }
     .maintopart .allcases ul li {padding: 15px 30px; height: 111px;}
	.maintopart .allcases ul li h4  {font-size: 34px;}
	.maintopart .allcases ul li span {font-size: 18px;}
	.maintopart .allcases ul li .icon {top: 20px; right: 20px;}
    .healthworking .healthinner .healthrisk .icon {width: 200px; height: 200px; background-size: 80px auto; margin:0 0 20px 0;}
	.healthworking .healthinner .healthrisk p {padding: 0px;}
	.contents .phasepart .phaseno, .contents .phasepart .phasetype {font-size: 22px; padding: 11px 5px 16px;}
	.contents .phasepart .phaseno:after {background-size: 39px auto;}
	.contents .phasepart .phasetype {margin-left: 152px;}
	.contents .phasepart .phaseno {width: 113px;}
	.contents .phasepart .leftcol {width: 100% !important; height: 54px !important;}
	.contents .phasepart .leftcol h4 {font-size: 22px;}
	.contents .phasepart .leftcol h4 br {display: none;}
	.contents .phasepart .infotext {width: 100%; float: left; min-height: initial !important; padding: 10px 20px !important; margin-left: 0px;}
	.contents .phasepart .infotext ul li {line-height: 30px;}
	.contents .phasepart .infotext {border-bottom: none;}
	.contents .phasepart .infotext p {font-size: 16px; line-height: 24px;}
	.essentialparts .businessrow .col1 {margin-top: 20px;}
	.essentialparts .businessrow .col2 {margin-top: 20px;}
    .commonslider {
        top: 0;
    }
}
@media only screen and (max-width: 545px) {
    .ctabs2 {
        margin-top: 30px;
    }

    .mainpart .slidepart .new {
        position: absolute;
        top: 275px;
        right: auto;
        width: 390px;
        /* padding: 22px 40px 48px 40px; */
        border: none;
        padding-right: 5px;
        float: right;
        padding-bottom: 20px;
    }
    .morris-hover.morris-default-style {
        display: none !important;
    }

    circle {
        display: none;
    }
    .top-header ul {
        width: 56%;
        position: relative;
        text-align: left;
        margin-left: 0px;
        float: left;
    }

    .top-header .pull-right {
        margin-right: 70%;
    }
    .situation {
        margin-top: -20%;
    }
    .top-header .situ h2 {
        background-image: url(../images/alert-icon.png);
        background-position: 0% 40%;
        background-repeat: no-repeat;
        padding: 7px 0px 25px 20px;
        padding-left: 36px;
        font-size: 15px;
        line-height: 16px;
        width: 65%;
        float: left;
    }
    .top-header .situ {
        border-right: 1px solid #e5e5e5;
        width: 38%;
        padding: 13px 0px 150px;
        margin: 22px 10px;
    }
    .commonslider {
        top: 0;
    }
}
    @media only screen and (max-width: 479px) {
        .searchbar {
            width: 100%;
        }
        .bannertextN {
            top: 35%;
        }
            .searchbar .custfield {
                width: 100%;
                margin-right: 0px;
            }

        .mediapart h3 {
            padding-bottom: 98px;
        }

        .ctabs {
            float: right;
        }

        .innertabs .videoimg {
            width: 114px;
            height: 90px;
        }

        .innertabs .info {
            margin-left: 130px;
        }

            .innertabs .info h4 {
                margin: 0 0 10px;
            }

        .leftpart .publpart ul {
            padding-bottom: 30px;
        }

            .leftpart .publpart ul li {
                margin-top: 20px;
            }

        .hlists {
            padding-bottom: 20px;
        }

            .hlists .mapbox {
                width: 250px;
                background: none;
                height: initial;
            }

            .hlists .htooltip {
                position: relative;
                top: initial !important;
                left: initial !important;
                right: initial !important;
                width: 100%;
                float: right;
                margin: 10px 0;
            }

            .hlists .htooltip1 {
                margin-top: 30px;
            }

            .hlists .htooltip:after {
                display: none !important;
            }

        footer .flogo, footer p {
            width: 100%;
            text-align: center;
        }

        .leftpart .faqs img {
            width: 100%;
            height: auto;
        }

        .slidepart {
            padding: 40px 0 50px;
            height: auto;
        }

        .all {
            background-color: rgba(255,255,255,0.10);
            text-align: center;
            margin: 40px 3% 0;
            padding: 0 0px 10px 0px;
            float: right;
            width: 94%;
        }

        .tab-content > .active {
            height: 350px;
        }

        .historicalsites .optbox {
            width: 100%;
            height: 400px;
        }

        .modal-open .modal {
            padding: 13% 1% 85%;
        }

        .modal-open .modal {
            padding: 13% 1% 330px;
        }

        .modal-open .modal {
            padding: 25% 1% 0;
        }

        .modal.in .modal-dialog {
            margin: auto;
        }

        .abouttext {
            margin: 54% 0 0;
        }
        .abouttext {
            margin: 15% 0 0;
        }
        .ctabs2 {
            margin-top: 30px;
        }
        .updates .ctitleT h3 {
            display: block;
            color: #fff;
            margin-top: 0%;
        }
        .updates .ctitleT h3 {
            display: block;
            color: #fff;
            margin-top: 15%;
        }
        .updates .ctitleT {
            background-image: url(../images/gadha-banner.png);
            background-repeat: no-repeat;
            background-position: 0px 52%;
            margin-bottom: 13%;
            height: 166px;
            text-align: center;
            background-position: right;
            width: 100%;
            background-size: cover;
        }
        .mediaIndex .watanbox {
            float: right;
            width: 100%;
            height: auto;
            background-color: #fff;
            margin-bottom: 10%;
            padding: 39px;
        }

        .nursebanner h3, .docbanner h3 {
            color: #ffffff;
            font-size: 25px;
            font-family: 'DINNEXTTMARABICMEDIUM';
            margin: 19% 28% 19% 1%;
        }
        .docbanner img, .nursebanner img {
            float: right;
            margin: 17% 6% 17% 1%;
        }
        .mediaIndex .watanbox {
            float: right;
            width: 100%;
            height: auto;
            background-color: #fff;
            margin-bottom: 10%;
            padding: 20px;
        }
        .boximg {
            margin: 20px 0;
            height: auto;
        }
        .videopage .ctitlet1 {
            background-image: url(../images/ta6awa3-icon.png);
            background-position: 94% 50%;
            background-repeat: no-repeat;
            margin-bottom: 0;
        }

        .videopage .ctitlet2 {
            background-image: url(../images/ta6awa3-icon.png);
            background-position: 94% 50%;
            background-repeat: no-repeat;
            margin-bottom: 0;
        }

        .videopage .ctitlet3 {
            background-image: url(../images/ta6awa3-icon.png);
            background-position: 94% 50%;
            background-repeat: no-repeat;
            margin-bottom: 0;
        }
        .himmetwatan .ctitle h4 {
            font-size: 30px;
            color: #04334f;
            font-family: 'DINNEXTTMARABICMEDIUM';
            padding-right: 50px;
        }
        .framec {
            margin-top: 20px;
            width: 100%;
            height: auto;
        }
        .shrebtn {
            text-align: center;
            float: right;
            margin-top: -65px;
            height: 60px;
        }
            .shrebtn a {
                color: #ffffff !important;
                font-size: 16px;
                background-color: #0da6a6;
                padding: 8px 35px;
                line-height: 60px;
                border-radius: 5px;
            }
        .nkpic .info .infoinner p {
            font-size: 16px;
            color: #003558;
            line-height: 40px;
        }
        .SharesPage {
            margin-bottom: 130px;
        }
        .historicalsites .nkpic {
            margin-bottom: 60px;
        }
        .historicalsites .nkvideoh {
            margin-bottom: 60px;
        }
        .historicalsites .nkpic {
            height: 500px;
            margin: 1% 0;
        }

        .historicalsites .nkvideoh {
            height: 500px;
            margin: 1% 0;
        }
        .Nahno {
            float: right;
            width: 35%;
            height: 115px;
            margin-bottom: 20px;
        }
        .nahno-icons {
            width: 24%;
            float: left;
            text-align: center;
            margin-right: 25px;
            margin-bottom: 20px;
            margin-top: 0px;
            height: 115px;
        }
        header .call {
            font-size: 15px;
            line-height: 38px;
            padding-right: 0px;
        }
            header .call span {
                font-size: 20px;
            }
   
        /*header .call {
            background-size: 40px auto;
            padding-right: 0;
            padding-left: 40px;
        }*/
        .safetypart ul li {
            
            background-position: -webkit-calc(10% - 20px) 50%;
            
        }
        .updates .ctitle h4 {
            font-size: 18px;
            color: #04334f;
            line-height: 37px;
            float: right;
            padding-right: 7px;
        }
        .mainpart .slidepart .new {
            position: absolute;
            top: 275px;
            right: 15px;
            width: 390px;
            /* padding: 22px 40px 48px 40px; */
            border: none;
            padding-right: 5px;
            float: right;
            padding-bottom: 20px;
        }
        .mainpart .slidepart .new {
            position: absolute;
            top: 275px;
            right: auto;
            width: 320px;
            /* padding: 22px 40px 48px 40px; */
            border: none;
            padding-right: 5px;
            float: left;
            padding-bottom: 20px;
            left:15px;
        }
        .mainpart .texts {
            width: 100%;
            margin-top: 40px;
        }
        .mainpart .slidepart .new p {
            display: block;
            color: #ffffff;
            font-size: 14px;
            float: left;
            position: relative;
            direction: ltr;
            text-align: left;
        }
        .slide9 {

            padding: 15px 10px;
          
        }
            .slide9 .soinfo9 {
                
                padding-right: 0px;
                padding-left: 0;
             
            }
            .slide9 .soinfo9 p {
                   margin-top: 0;
            }
        header .lheader .language {
            background: none;
            background-color: #f0f1f2;
            padding: 0;
            height: 35px;
            width: 80px;
            font-size: 14px;
            color: #9fa1a5;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            padding-right: 0px;
            margin-right: 55%;
            text-align: center;
            position: absolute;
            float: left;
            top: 7px;
        }
        header .language a span {
            font-size: 15px;           
            line-height: 30px;        
        }
        
        header .lheader .language {
            background: none;
            background-color: #f0f1f2;
            padding: 0;
            height: 35px;
            width: 80px;
            font-size: 14px;
            color: #9fa1a5;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            padding-right: 0px;
            margin-left: 0%;
            text-align: center;
            position: absolute;
            float: left;
            top: 7px;
            margin-right: 18%;
        }
        header .language a span {
            font-size: 15px;
            line-height: 30px;
        }
            .maintopart .allcases ul li {width: 100%; margin-right: 0;}
	.maintopart .charts {padding: 30px 0;}
	.maintopart .dailycases ul .insidecase, .maintopart .dailycases ul .outsidecase {width: 100%; margin-right: 0px;}
    .maintopart .dailycases ul .insidecase, .maintopart .dailycases ul .outsidecase {float: left;margin: 10px 0 0 10px;padding: 12px 15px;position: relative;left: 0;top: 0;}
    .maintopart .dailycases ul li {width: 100%;    margin-right: 0;    margin-top: 10px; padding: 15px 30px;}
    .maintopart .dailycases ul .insidecase, .maintopart .dailycases ul .outsidecase {
    float: left;
    margin: 10px 10px 0 0px;
    padding: 10px 30px;
    position: relative;
    left: 0;
    top: 0;
}
        .maintopart .dailycases ul .insidecase .icon, .maintopart .dailycases ul .outsidecase .icon {
            position: absolute;
            top: 10px;
            right: 30px;
            width: 25px;
            height: auto;
        }

        .healthworking .workinginner .workingtogether {
            padding: 20px 10px;
        }
        .situation {
            margin-top: 1%;
        }

        .top-header .situ {
            border-right: none;
            width: 100%;
            padding: 0px 0px;
            border-bottom: 1px solid #e5e5e5;
        }

        .top-header ul {
            width: 100%;
            position: relative;
            text-align: left;
            margin-left: 0px;
            float: left;
        }



        .top-header .situ h2 {
            width: 52%;
        }

        .top-header .pull-right {
            margin-right: 0%;
            margin-top: 7px;
        }

        .situation {
            margin-top: 0;
            top: 20px;
            position: absolute;
            right: 20px;
        }
        .top-header .situ h2 {
        
            padding: 14px 0px 25px 20px;
            padding-left: 25px;
            font-size: 15px;
            line-height: 16px;

        }
        .top-header .situ h3 {    
            font-size: 12px;
            margin: 0px 0 5px;           
            padding: 14px 0;
        }
        .PDF {
            background-image: url(../images/pdf-icon2.png);
            width: 100%;
            padding: 23px;
            position: relative;
            background-repeat: no-repeat;
            left: 0;
            bottom: 0px;
            background-position: 50% 78%;
            background-size: 62%;
            padding: 10px 0 0;
            float: left;
            margin: 10px 0;
        }
        .commonslider {
            top: 0;
        }
        .top-header ul {
            display: none;
        }

        .top-header .situ {
           
            border-bottom: none;
        }

    }

    @media only screen and (max-width: 374px) {
        .ctitle {
            padding: 16px 20px 26px;
        }

        .ctabs li a {
            font-size: 16px;
            padding: 6px 20px 14px;
        }

        .innertabs .videoimg {
            width: 94px;
            height: 70px;
        }

        .innertabs .info {
            margin-left: 110px;
        }

        .updates .innerlist {
            padding: 0 20px;
        }

        .leftpart .publpart ul {
            padding: 0px 20px 30px;
        }

            .leftpart .publpart ul li a {
                font-size: 18px;
            }

        .safetypart .innerpart {
            padding: 35px 5px 78px;
        }

        .all a {
            font-size: 16px;
        }

        .historicalsites .all a {
            font-size: 16px;
        }
        /** Inner 2 Page **/
        .infotexts .innertexts {
            padding: 20px;
        }
        .leftpart .publpart3 .ctitle {
            background-image: url(../images/Arrow.png);
            background-repeat: no-repeat;
            background-position: 20px 50%;
        }
        .updates .ctitle {
            background-image: url(../images/Arrow.png);
            background-repeat: no-repeat;
            background-position: 93% 45%;
        }
        .updates .ctitleT {
            background-image: url(../images/gadha-banner.png);
            background-repeat: no-repeat;
            background-position: 0px 52%;
            margin-bottom: 13%;
            height: 166px;
            text-align: center;
            background-position: right;
        }


        
        .leftpart .faqs img {
            width: 100%;
            height: auto;
        }

        header .call {
            font-size: 15px;
        }

        .nkvideo .nkvideoin .video {
            height: 177px;
        }

        .modal-dialog {
            width: 100% !important;
            max-width: 93% !important;
            min-width: 50% !important;
            margin-top: 13%;
        }

        .nkvideo .nkvideoin .info .infoinner p {
            font-size: 19px;
        }

        .historicalsites .optbox {
            width: 100%;
            height: 330px;
        }

        .form-page-panel button {
            width: -webkit-fill-available;
            margin-bottom: 10px;
        }
        .MediaIndex .watanbox2 .boximg h4 {
            font-size: 20px;
            color: #04334f;
            font-family: 'DINNEXTTMARABICMEDIUM';
            padding: 15% 1% 10%;
        }
        .boximg {
            margin: 20px 0;
            height: auto;
        }
        .boximg img {
            width: 100%;
            height: auto;
        }
        .docbanner, .nursebanner {
            background-position: 40% 50%;
            height: 135px;
        }
            .nursebanner h3, .docbanner h3 {
                color: #ffffff;
                font-size: 20px;
                font-family: 'DINNEXTTMARABICMEDIUM';
                margin: 27% 40% 27% 1%;
            }
        .SharesPage {
            margin-bottom: 130px;
        }
        .historicalsites .nkpic {
            height: 500px;
            margin: 1% 0;
        }

        .historicalsites .nkvideoh {
            /*height: 500px;*/
            margin: 1% 0;
        }
        .nahno-icons {
            width: 24%;
            float: left;
            text-align: center;
            margin-right: 18px;
            margin-bottom: 20px;
            margin-top: 0px;
            height: 115px;
        }
    

        .mainpart .texts {
            width: 100%;
            margin-top: 15px;
            padding-top: 20px;
        }
        .ctitle h3 {
            font-size: 22px;
        }
        .updates .ctitle h4 {
            font-size: 15px;
            color: #04334f;
            line-height: 27px;
            float: right;
            padding-right: 22px;
        }
        #mobilemenu {
            width: 35px;
            height: 35px;
        }
        header .call {
            background-size: 32px auto;
            padding-right: 0;
            padding-left: 38px;
        }

        header .logo img {
            width: 180px;
        }

        header .lheader .language {
            background: none;
            background-color: #f0f1f2;
            padding: 0;
            height: 35px;
            width: 57px;
            font-size: 15px;
            color: #9fa1a5;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            padding-right: 0px;
            margin-right: 16%;
            text-align: center;
            position: absolute;
            float: left;
            top: 7px;
        }
        .maintopart .latestnews {
            font-size: 13px;
            color: #ffffff;
            position: absolute;
            right: 0;
        }
    	.contents .phasepart .phasetype {margin-left: 129px;}
	.contents .phasepart .phaseno {width: 90px;}


        .top-header .situ h2 {
            width: 45%;
        }

        .top-header .situ h2 {
            padding: 14px 0px 25px 20px;
            padding-left: 30px;
            font-size: 15px;
            line-height: 16px;
        }
        .commonslider {
            top: 0;
        }
    }