@media only screen and (max-width: 1699px){
	.container {width: 1400px;}
	.ctitle {padding: 22px 30px 27px;}
	.ctitle h3 {font-size: 28px;}
	.custnav .menus > li {margin-right: 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-right: 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;
    }
    .MediaIndex .watanbox2 .boximg h4 {
        font-size: 25px;      
        padding: 15% 0% 10%;
    }
}
@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;}
	header .call {font-size: 16px; line-height: 38px; padding-right: 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-right: 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-right: 60px;}
	footer {margin-top: 80px; padding: 20px 0;}
	.tipspart .tipslider .innerbox ul li {font-size: 14px; line-height: 28px; padding-right: 18px; background-position: 100% 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;
    }
    .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 .call {font-size: 16px; line-height: 38px; padding-right: 59px;}*/
    header .language span {
        font-size: 17px;
    }
    .watanbox2 .boximg {
        padding: 22px;
    }
    .mainpart .number6 h3, .mainpart .number7 h3, .mainpart .number4 h3 {
        margin-bottom: 5px;
        font-family: 'DINNEXTTMARABICMEDIUM';
        font-size: 36px;
    }

    .mainpart .number6, .mainpart .number7, .mainpart .number4 {
        padding: 15px 40px 15px 40px;
    }

    .mainpart .number5 {
        padding: 15px 40px 30px 40px;
    }
    .mainpart .number6 span, .mainpart .number7 span, .mainpart .number4 span {
        display: block;
        color: #ffffff;
        font-size: 18px;
    }

    .mainpart .number6 .icon, .mainpart .number4 .icon, .mainpart .number7 .icon {
        position: absolute;
        top: 30px;
        left: 20px;
    }

    .mainpart .number7 {
        position: absolute;
        top: 66%;
    }

    .mainpart .number6 {
        position: absolute;
        top: 47%;
    }
    .mainpart .number5 {
        top: 24.75%;
    }
 
}
@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: 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: 100% 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;
    }
    .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;
    }
    .mainpart .slidepart .new2 {
        position: absolute;
        top: 6%;
        left: 15px;
        width: 330px;
        /*padding: 22px 40px 48px 40px;*/
        border: none;
        padding-left: 5px;
    }
    .mainpart .number6, .mainpart .number7, .mainpart .number4 {
        padding: 10px 40px 10px 40px;
    }

    .mainpart .number5 {
        padding: 10px 40px 22px 40px;
    }
    .mainpart .number6 h3, .mainpart .number7 h3, .mainpart .number4 h3 {
        margin-bottom: 5px;
        font-family: 'DINNEXTTMARABICMEDIUM';
        font-size: 30px;
    }
    .mainpart .number5 h3 {
        font-size: 45px;
    }
    .mainpart .number5 span {
        font-size: 20px;
    }
    .mainpart .number6 .icon, .mainpart .number4 .icon, .mainpart .number7 .icon {
        position: absolute;
        top: 25px;
        left: 20px;
    }
}
@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;
    }
    .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;
    }
    .ctabswid {
        margin-top: 25px;
    }
    .mainpart .slidepart .new2 {
        position: absolute;
        top: 6%;
        left: 15px;
        width: 330px;
        /*padding: 22px 40px 48px 40px;*/
        border: none;
        padding-left: 5px;
    }

    .mainpart .number6, .mainpart .number7, .mainpart .number4 {
        padding: 10px 40px 10px 40px;
    }

    .mainpart .number5 {
        padding: 10px 40px 22px 40px;
    }

    .mainpart .number6 h3, .mainpart .number7 h3, .mainpart .number4 h3 {
        margin-bottom: 5px;
        font-family: 'DINNEXTTMARABICMEDIUM';
        font-size: 30px;
    }

    .mainpart .number5 h3 {
        font-size: 45px;
    }

    .mainpart .number5 span {
        font-size: 18px;
    }
    .mainpart .number6 .icon, .mainpart .number4 .icon, .mainpart .number7 .icon {
        position: absolute;
        top: 25px;
        left: 20px;
    }
    .mainpart .slidepart .new2 {       
        width: 270px;
   
    }
}
@media only screen and (max-width: 767px) {

    .container {
        width: auto;
    }

    .custnav {
        float: left !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: 170px;
        }
    .abouttext {
        margin: 30% 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;
    }
    .mainpart .number5 h3 {
        font-size: 36px;
    }
    .mainpart .number5 span {
        font-size: 16px;
    }
    .mainpart .slidepart .new2 {
        width: 210px;
    }
    .mainpart .number6 h3, .mainpart .number7 h3, .mainpart .number4 h3 {
        margin-bottom: 5px;
        font-family: 'DINNEXTTMARABICMEDIUM';
        font-size: 21px;
    }
    .mainpart .icon {
        width: 30px;
    }
   
    .mainpart .number6, .mainpart .number7, .mainpart .number4 {
        padding: 10px 30px 10px 30px;
    }

    .mainpart .number5 {
        padding: 10px 30px 18px 30px;
    }
    .mainpart .number6, .mainpart .number7, .mainpart .number4, .mainpart .number5 {
        padding: 10px 15px 10px 30px;
    }
    .mainpart .number7 {
        position: absolute;
        top: 67%;
    }
}

@media only screen and (max-width: 639px){
	.searchbar .custfield {width: 210px;}
	.slidepart {padding: 40px 0 60px; height: auto;}
	.mainpart .number {padding-bottom: 20px; width: 300px;}
	.mainpart .number, .mainpart .texts {position: relative; top: initial; left: initial; float: right; 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 0px;
    height: auto;}
    .tab-content > .active {
        height: 450;
    }
    .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%;
    }
    .innertexts img {
        width: 100%;
        height: auto;
    }
    .mainpart .number5 h3 {
        font-size: 36px;
    }

    .mainpart .number5 span {
        font-size: 16px;
    }

    .mainpart .slidepart .new2 {
        width: 300px;
    }

    .mainpart .number6 h3, .mainpart .number7 h3, .mainpart .number4 h3, .mainpart .number5 h3 {
        margin-bottom: 5px;
        font-family: 'DINNEXTTMARABICMEDIUM';
        font-size: 21px;
    }

    .mainpart .icon {
        width: 30px;
    }

    .mainpart .number6, .mainpart .number7, .mainpart .number4, .mainpart .number5 {
        padding: 10px 30px 10px 30px;
    }

  
    .mainpart .number span {
        display: block;
        color: #ffffff;
        font-size: 15px;
    }
    .mainpart .slidepart .new2 {
    top:60%;
    }
    .mainpart .slidepart .new2 p {
        display: block;
        color: #ffffff;
        font-size: 14px;
        float: left;
        position: relative;
    }
    .mainpart .slidepart .new2 {
        position: absolute;
        top: 91%;
        left: 15px;
        width: 300px;
        padding: 0;
        border: none;
        padding-left: 5px;
    }
}
@media only screen and (max-width: 545px) {
    .ctabs2 {
        margin-top: 30px;
    }
    circle {
        display: none;
    }
    .morris-hover.morris-default-style {
        display: none !important;
    }
}
    @media only screen and (max-width: 479px) {
        .searchbar {
            width: 100%;
        }

            .searchbar .custfield {
                width: 100%;
                margin-right: 0px;
            }

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

        .ctabs {
            float: right;
        }

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

        .innertabs .info {
            margin-right: 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;
        }

        .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;
        }
        .lheader .language {
            background: none;
            background-color: #f0f1f2;
            padding: 0;
            height: 35px;
            width: 90px;
            font-size: 15px;
            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;
        }
        .root {
        display:none;
        }
        /*#minimizedChat span {
            margin-right: -20px;
        }*/
        #minimizedChat img {
            margin-right: 10px;
        }
    
    }

    @media only screen and (max-width: 374px) {
        .ctitle {
            padding: 16px 20px 26px;
        }
        .g-recaptcha div {
            width: 205px !important;
        }
        .g-recaptcha iframe {
            width: 100%;
        }
        .ctabs li a {
            font-size: 16px;
            padding: 6px 20px 14px;
        }

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

        .innertabs .info {
            margin-right: 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: 20px 50%;
        }
        .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;
        }
        #mobilemenu {
            width: 35px;
            height: 35px;
        }
            header .logo img {
            width: 170px;
        }
        .lheader .language {
            background: none;
            background-color: #f0f1f2;
            padding: 0;
            height: 35px;
            width: 66px;
            font-size: 15px;
            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;
        }
        .mainpart .slidepart .new {
            position: absolute;
            top: 45%;
            right: 17px;
            width: 300px;
            /* padding: 22px 40px 48px 40px; */
            border: none;
            padding-left: 5px;
        }
        .mainpart .slidepart .new p{
            float:right;
        }
        .mainpart .slidepart .new2 {
            position: absolute;
            top: 50%;
            left: 15px;
            width: 300px;
            /* padding: 22px 40px 48px 40px; */
            border: none;
            padding-left: 5px;
        }
        .mainpart .slidepart .new2 {
            position: absolute;
            top: 45%;
            left: 15px;
            width: 300px;
            /* padding: 22px 40px 48px 40px; */
            border: none;
            padding-left: 5px;
        }
    }
@media only screen and (max-width: 350px) {
    .mainpart .slidepart .new {
        position: absolute;
        top: 47%;
        right: 17px;
        width: 300px;
        /* padding: 22px 40px 48px 40px; */
        border: none;
        padding-left: 5px;
    }

        .mainpart .slidepart .new p {
            float: right;
        }

    .mainpart .slidepart .new2 {
        position: absolute;
        top: 54%;
        left: 15px;
        width: 300px;
        /* padding: 22px 40px 48px 40px; */
        border: none;
        padding-left: 5px;
    }
}