*{margin:0; padding:0;}
body{font-family: 'Lato', sans-serif; overflow-x: hidden;}
a{text-decoration: none}
ul li{list-style:none;}
img{max-width: 100%;}
.float_left{float: left;}
.hundred{float: left; width: 100%;}
.container{max-width: 1280px; margin:auto; padding:0 30px;}
.top_header{border-bottom:2px solid #e6e6e6; padding: 20px 0}
.ulli1{float: right;}
.ulli1 li{float: left;}
.ulli1 li a, .ulli2 li a{display: block; color: #404040; font-size: 15px; font-weight: 300; border-right: 1px solid #a5a5a5; padding: 0 12px;}

.ulli1 li:last-child a{border-right: none}
.ulli2{float: left;}
.ulli2 li{float: left;}
.ulli2 li:first-child{margin-right: 25px;}
.ulli2 li a{border: none; padding: 0}
.ulli2 li.email a{background: url('../images/sprite.png') no-repeat 0 4px;padding-left: 25px;}
.ulli2 li.telephone a{background: url('../images/sprite.png') no-repeat -2px -38px;padding-left: 20px;}
.ulli3{float: right;    margin-top: 20px;}
.ulli3 li{float: left; margin-right: 30px;}
.ulli3 li a{font-size: 16px; color:#606060; display: block;margin-top: 10px;}
.ulli3 li a:hover{color:#6590c3;}
.ulli3 li.Plogin a{background: #5bbc2e; color:#fff; padding:10px 13px; border-radius:5px; margin-top: 0 }
.ulli3 li:last-child{margin-right: 0}
.ulli3 li.Plogin a:hover{font-weight: 300;}
.logo{float: left;}
.menu_area{padding: 10px 0;}
.headertext{
    position: absolute;
    top: 0;
    max-width: 1280px;
    margin: auto;
    left: 0;
    right: 0;
    display: table;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10px;
    height: auto;
}
.position_relative{position: relative;}
.spanstyle1 {display: none !important; color:#ffffff; font-size:41.33px;  font-family: 'PT Sans'; font-weight: 400; display: block; text-shadow:0px 2px 14px #000000;}
.spanstyle2{width: 97%; font-weight: 700; font-size: 56.22px; text-shadow:0 1px 16px #000;line-height: 60px;color:#ffffff;margin-bottom: 27px; font-family: 'PT Sans';display: block; text-shadow:0px 2px 14px #000000;}
.sliderpara{font-style: italic !important; color: #ffffff; font-style: italic; font-weight: 400;width: 84%;line-height: 25px;    text-shadow: 0 1px 16px #000; }
.readmore{ font-weight: 400; color: #fff; border: 1px solid #fff; font-size: 18px; float: left; padding: 15px 25px; border-radius: 5px;margin-top: 35px;}
.slidertext{max-width: 665px; width: 100%;margin: 0 auto;}
.headerslider.owl-carousel .owl-dots{
    display: block;
    position: absolute;
    bottom:7px;
    max-width: 1280px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 30px;
}
.headerslider.owl-theme .owl-dots .owl-dot.active span{background: #fff;}
.headerslider.owl-theme .owl-dots .owl-dot span{
    height: 12px;
    width: 12px;
    background: #000;
}
.h1style1{
    color:#2c4056; font-size: 60px;
    font-family: 'PT Sans'; font-weight: 800;
}
.align_center{text-align: center;}
.HeadingContainer{margin: 20px 0; line-height: 42px;}
.ulli4{    display: inline-block;
    max-width: 970px;
    text-align: center;}
.ulli4 li{display: inline-block; position: relative; margin: 0 3.5%; margin-bottom:90px; width: 135px;}
.ulli4 li a{display: block; background-color: #95b4ce !important; height:135px; width: 100%; border-radius: 5px; border: 1px solid transparent;transition: 0.8s all ease;}
.ulli4 li a span{position: absolute; left: 0; color: #2c4056; font-size: 20px; font-family: 'PT Sans'; font-weight: 400;float: left; margin-top: 150px; width: 100%; text-align: center;}
.ulli4 li a:hover{background-color: #fff !important; border: 1px solid #95b4ce; transition: 0.3s all ease;}
.ulli4 li.heartattacks a{background: url('../images/sprite.png') no-repeat -171px -79px;}
.ulli4 li.heartfailure a{background: url('../images/sprite.png') no-repeat -171px -79px;}
.ulli4 li.type2diabetes a{background: url('../images/sprite.png') no-repeat -379px -79px;}
.ulli4 li.stroke a{background: url('../images/sprite.png') no-repeat -589px -74px;}
.ulli4 li.chronickidneydisease a{background: url('../images/sprite.png') no-repeat -795px -79px;}
.ulli4 li.nafldnash a{background: url('../images/sprite.png') no-repeat 35px -70px;}
.ulli4 li.intellectualdisability a{background: url('../images/sprite.png') no-repeat -1465px -74px;}
.ulli4 li.autism a{background: url('../images/sprite.png') no-repeat -589px -74px;}
.ulli4 li.amd a{background: url('../images/sprite.png') no-repeat -1635px -81px;}
.ulli4 li.cancer a{background: url('../images/sprite.png') no-repeat -1134px -71px;}

/*Hover*/
.ulli4 li.heartattacks:hover a{background: url('../images/sprite.png') no-repeat -171px -235px;}
.ulli4 li.heartfailure:hover a{background: url('../images/sprite.png') no-repeat -171px -235px;}
.ulli4 li.type2diabetes:hover a{background: url('../images/sprite.png') no-repeat -379px -233px;}
.ulli4 li.stroke:hover a{background: url('../images/sprite.png') no-repeat -589px -234px;}
.ulli4 li.chronickidneydisease:hover a{background: url('../images/sprite.png') no-repeat -795px -231px;}
.ulli4 li.nafldnash:hover a{background: url('../images/sprite.png') no-repeat 35px -225px;}
.ulli4 li.intellectualdisability:hover a{background: url('../images/sprite.png') no-repeat -1465px -214px;}
.ulli4 li.autism:hover a{background: url('../images/sprite.png') no-repeat -589px -234px;}
.ulli4 li.amd:hover a{background: url('../images/sprite.png') no-repeat -1635px -224px;}
.ulli4 li.cancer:hover a{background: url('../images/sprite.png') no-repeat -1134px -226px;}
/*.contentsec1{background:url('../images/img1.jpg') no-repeat left center, url('../images/img2.jpg') no-repeat right center; background-size: 50%; height: 410px;}*/
.contentsec1{
    /*background-image:url(../images/img2.jpg),  url(../images/img1.jpg);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position:right, left;
    background-size: 50%, 50%;*/
    height: 410px;
/*  background:url(../images/about_img.jpg) no-repeat;*/    
    background-size:cover;
    background-position: center;
     

    
 }
.h2style1{font-size: 48px; color: #3d3d3d; font-family: 'PT Sans'; font-weight: 800; }
.para1{color: #3d3d3d; font-size: 16px; font-weight: 400; line-height: 24px;}
.readmore1{font-weight: 700; color: #fff; font-size:14px; background: #5699df; padding:15px 20px; border-radius: 5px; float: left;}
.contentarea1{float: right; max-width: 580px; width: 100%;}
.contentarea1 .para1{width: 80%; margin:25px 0; }
.displayTable{display: table; width: 100%; height: 100%;}
.VerticleMiddle{display: table-cell;vertical-align: middle;}
.height100{height: 100%;}
.programsection{background: url('../images/banner/bg.jpg') no-repeat; height: 620px; background-size: cover; overflow:hidden;  position: relative;}
.facilated .h1style1{color:#3d3d3d; margin-bottom: 15px; }
.facilated{background: #f5f5f5; padding: 25px 0;}
.facilated .para1, .contentContainer .para1{ color: #6d6d6d; }
.contentContainer .para1{margin: 30px 0;}
.contentarea2{ width: 50%; vertical-align: middle; display:table-cell;}
.imagearea1{vertical-align: middle; display:table-cell; width: 50%;}
.contentContainer{background: #f5f5f5; padding:20px 0 0 0;}
.h3style1{font-size:30px; color: #313131; font-family: 'PT Sans'; font-weight: 400;}
.readmore2{border: 1px solid #8ea8be; color: #8ea8be; padding:13px 25px;  float: left; border-radius:5px;}
.contentInner{padding:0 40px;}
.patientedu{background:#5699df; text-align: center; padding:50px 0}
.readmore3{font-weight:700; background: #fff; color:#2e2e2e; font-size:14px; border-radius: 5px; padding:15px 20px; display: inline-block;}
.patientedu .h1style1{color: #fff}
.patientedu .para1{color: #fff; margin:25px 0;}
.h4style1{color: #ffffff; font-size: 26px; font-family: 'PT Sans'; font-weight: 400; position: relative;}
.footerContainer{background: #3c444d; padding: 40px 0; text-align: center;}
.footerContainer .para1{color: #fff; margin:30px 0; min-height:70px;}
.footerdiv{width:27%; display: inline-block; margin-right:7%; text-align: left; vertical-align: top;}
.footerdiv:last-child{margin-right:0;}
.readmore4{font-weight: 400; font-size: 13px; color: #fff; border:1px solid #fff; border-radius: 5px; padding: 10px 18px; float: left;}
.footerContainer .h4style1:after{content: ""; border-bottom:2px solid #fff; width:60px; height: 2px; position: absolute; bottom: -12px; left: 0;}
.ulli5{float: left; width: 100%; text-align: center; margin-bottom: 10px;}
.ulli5 li{display: inline-block; margin:0 2px;}
.ulli5 li, .ulli5 li a, .copyspan{color: #3c444d; font-size: 15px; font-weight: 300;}
.copyspan{text-align: center;}
.copyright{text-align: center; background: #f5f5f5; padding:40px 0;}

/*Hony Comb start*/
.honeycombsCont1{width:30%; float: left;}
.honeycombsCont1.honeycombsCont2{ float: right;}
.honeycombsCont1.honeycombsCont2 .honeycombs-inner-wrapper{float: right; margin-right: -42px;}
.honeycombsCont1 .honeycombs-inner-wrapper{margin-top:-70px; float: left; margin-left: -15px;}
.honeycombsCont1.honeycombs .comb:after{content: ""; height:135px; width:116px; position: absolute; left:-51px; right: 0; margin: auto; bottom: 0; top: 12px; background: url('../images/57.png') no-repeat;}
.honeycombsCont1.honeycombsCont2.honeycombs .comb:after{background: url('../images/56.png') no-repeat; left: 31px;
    top: 12px;}
/*Hony Comb End*/
.midcontentarea{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width:680px; width:100%; text-align: center; display: flex;align-items:center;}
.midcontentarea .para1{margin: 20px 0; font-size: 17.8px; line-height: 30px; }
.midcontentarea .para1, .midcontentarea .h1style1{color: #fff;}
.midcontentarea_inner{display: table-cell; vertical-align: middle;}
.responsiveBoxes .contentarea2{float: right; display: table;}
.responsiveBoxes .contentarea2 .contentInner{display: table-cell;
    vertical-align: middle;}
.responsiveBoxes .imagearea1{float: left;}

.Inn_proDetail {float: left;width: 100%; padding: 6% 0px 4% 0px;}
.detail_pro_img {
    float: left;
    width:30%;
   /* padding-top: 12% !important;*/
    

}
.Inn_proDetail .detail_pro_img img{ width: 100%; }
.Inn_proDetail .detail_pro_img{ float: left; width: 48%;     margin-right: 3%;}
.detail_pro_title {
    float: left;
    width: 48%;
}

.detail_contentWrap p {
    text-align: justify;
}
.detail_pro_img .HeadingContainer h1 {
    text-align: justify;
}
.Inn_proDetail .detail_wrapbtm {
    float: left;
    width: 100%;    text-align: justify;     padding-top: 2%;}
.bg_titlebar{ background: url('../images/breadcrumbg.png') no-repeat;  background-size: cover; }
.titleSecWrap {
    float: left;
    width: 100%;
    border-bottom: 3px solid #5699df;
    
}
.pageTitle.h1style1 {
    float: left;

} 
.breadcrum_page {
    float: right;
    text-align: right;
}
.breadcrum_page .breadLink{display: inline-block;}
.breadcrum_page .breadsep{display: inline-block;}
.breadcrum_page .breadCurrent{display: inline-block;color: #2c4056;font-size: 15px; font-weight: 600;  font-family: 'Lato', sans-serif;}
.breadcrum_page .breadLink a, .breadcrum_page .breadsep{font-size: 16px;font-weight: 400;color: #2d2d2d;}
.VerticalMiddle {
    display: table;
    width: 100%;
}
.verticalInn{     display: table-cell;
    vertical-align: middle;
    padding: 4% 0px; }
.detail_pro_title .HeadingContainer{  float: left;
    width: 100%; text-align: left;     margin-top: 0px;line-height: 43px;font-size: 15px;}
    .staffWrap {
    float: left;
    width: 100%;
}
.staffWrap p {
    text-align: justify;
}
.bg_staffIn{ padding: 63px 0px; }
.projectsWrap {
    float: left;
    width: 100%;
}
.projectsWrap .projectDivinn {
    float: left;
   width: 48%;
   margin-right: 4%;
   margin-bottom: 5%;
}
.projectImg img{ width: 100%; }
.contentarea1.projectCont {
    max-width: inherit;
}
.projectDivinn .contentarea1.projectCont .para1 {
    width: 100%;
    margin: inherit;
    text-align: justify;
}
.contentarea1.projectCont .h2style1{ font-size: 40px; margin: 21px 0px; }
.projectDivinn:nth-child(even){ margin-right: 0px; }

.contentarea1.projectCont .readmore1 {
    margin-top: 10%;
}
.ulilicommon{
float: left;
width: 100%;
}
.ulilicommon li{     color: #3d3d3d;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;}
div.publicaWrap .ulilicommon li{ position: relative; margin-bottom: 20px;    display: inline-block;}
div.publicaWrap .ulilicommon li:before{ position: absolute; content: ""; display: inline-block; height: 32px; width: 33px; background: url('../images/books.png') no-repeat;}
.facWrap {
    float: left;
    width: 100%;
    margin-bottom: 22px;
    text-align: justify;

}
.facWrap .detail_pro_title {
    width: 63%;   
    margin-right: 5%;
    margin-left: 0%;
}
.contactWrap{ width: 100%; float: left; }
.formHwrap{  width: 50%; float: left;}
.addresWrap{ width: 40%; float: right; }
.addresWrap ul.addulili li span{
    margin-left: 5%;     
    line-height: 42px;
    color: #5a5a5a;
    font-size: 18px;
    font-weight: 400;
display: inline-block;
}



.contactWrap input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

.contactWrap input[type=submit] {
    background-color: #5699df;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.contactWrap input[type=submit]:hover {
    background-color: #5699df;
}
.contactWrap textarea#subject{ height: 200px; }
.addresWrap ul.addulili li{ margin-bottom: 20px; position: relative;}
.addresWrap ul.addulili li:nth-child(1):before {content: "\f041";font-family: FontAwesome;display: inline-block;height: 20px;width: 20px;font-size: 22px;color: #616161;    position: absolute;
    left: -5px;
    top: 11px;}
.addresWrap ul.addulili li:nth-child(2):before {content: "\f095";font-family: FontAwesome;display: inline-block;height: 20px;width: 20px;font-size: 22px;color: #616161;    position: absolute;
    left: -5px;
    top: 11px;}
.addresWrap ul.addulili li:nth-child(3):before {content: "\f0e0";font-family: FontAwesome;display: inline-block;height: 20px;width: 20px;font-size: 20px;color: #616161;    position: absolute;
    left: -5px;
    top: 11px;}
.addresWrap ul.addulili li:nth-child(4):before {content: "\f0ac";font-family: FontAwesome;display: inline-block;height: 20px;width: 20px;font-size: 20px;color: #616161;    position: absolute;
    left: -5px;
    top: 11px;}
.aboutBotomWrap {
    float: left;
    width: 100%;
    padding-top: 56px;
}
.hundred.bg_aboutBtm{ background: #f7fbff; }
.aboutcontBox {
    float: left;
    width: 45%;
    margin-right: 5%;
    margin-bottom: 4%;
      min-height: 400px;
}
.holdabTilCon {
    float: left;
    width: 80%;
}
.instLogo {
    float: left;
    background: url('../images/clinic.png') no-repeat;
    height: 49px;
    width: 43px;
}
.instDiv{ float: left; width: 20%;}
.aboutcontBox:nth-child(even) {

    margin-right: 0px !important;
}

 .aboutcontBox .HeadingContainer{ margin-top: 0px; text-align: left; 
  }
.hundred.bg_aboyt {
    padding: 61px 0;
}


.Boxcontainer {
    position: relative;
    width: 100%;
    float: left;
    cursor: pointer;
}

.staffAv {
    float: left;
    width: 100%;
}

.staffAv img{
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}


.Boxcontainer:hover .staffAv img {
  opacity: 0.3;
}

.Boxcontainer:hover{
  background-color: #31659eba;
    color: #fff;
}

.mamtext {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.pdf_link{background-color:#33649e;color:white;text-decoration:none;padding:20px 20px;float:left;text-align:left;border-radius:10px;}

.staffMainWrap {
    float: left;
    width: 100%;
}
.MainBoxStaff {
    float: left;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 6%;
}
.hundred.bg_staffMain {
    padding-top: 67px;
}
.memtext {
    float: left;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 21px;
}
.staffMainWrap .EmpyDes {
    float: left;
    margin-top: 21px;
    width: 100%;
}
.staffMainWrap .EmpyDes div {
    float: left;
    width: 100%;
    text-align: center;
        margin-bottom: 7px;
}
.StaffNam{  color: #606060; font-size: 21px;}
.StaffCoun{ color: #5699df; }
.MainBoxStaff:nth-child(3n+0){  margin-right: 0px !important;}
.StaffDes{ color: #606060; font-size: 18px;}

.publicaWrap ul.ulilicommon li span {
    display: inline-block;
    margin-left: 6%;
}
.StaffWrapin.Inn_proDetail {
    padding: 0px;
        margin-bottom: 6%;
}
.StaffWrapin.Inn_proDetail .detail_pro_img{     width: 27%; }
.StaffWrapin.Inn_proDetail .detail_pro_title {width: 70%;}

.StaffMail, .DesDetail{ float: left;
    width: 100%;
        margin-bottom: 11px;
}
.StaffMail {
    font-size: 18px;
    color: #5699df;
   }
.DesDetail{ font-weight: 400; color: #606060;    font-size: 18px; }

 .StaffWrapin.Inn_proDetail .HeadingContainer{     margin-bottom: 12px; font-family: 'PT Sans'; font-size: 23px;}

.staffDivpro.publicaWrap .HeadingContainer {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 23px;
     font-family: 'PT Sans';
     margin-top: 0px;
}

.acvadmicWrap {
    float: left;
    width: 100%;
}


.acvadmicWrap .imgfirst {
    width: 16%;
    float: left;
    background: aquamarine;
    border: 1px solid;
    border-radius: 100%;
    height: 200px;
    margin-right: 51px;
}
.aboutcontMain {
    background-color: #fff;
    position: relative;
    background: url('../images/aboutindex.png') no-repeat;
    height: 530px;
    background-size: cover;
    background-position: center;
}
.aboutimg {
    background: url('../images/big/cncdbuilding.png') no-repeat;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    background-size: cover;
    background-position: center;}

/* The alert message box */
.alert {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
    float: left;
    width: 90%;
    margin: 20px 5% 0;
    box-sizing: border-box;
}

.alert.success {
    background-color: #4CAF50; /* Green */
}

.alert.info {
    background-color: #2196F3; /* Blue */
}

.alert.warning {
    background-color: #ff9800; /* Orange */
}

/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
    color: black;
}

/*==========Media Query Starts===========*/

@media (max-width: 1100px) {

.hundred.programsection .honeycombsCont1{  float: left; width: 100%;}
.hundred.programsection .honeycombsCont2 {display: none;}
.honeycombs-inner-wrapper{    margin-top: 0px !important; margin-left: 0px !important; float: none !important;text-align: center;margin: auto;}
.hundred.programsection .midcontentarea{ position: static; margin-top: -65px;display: inline-block;}
.hundred.programsection{ height: auto;text-align: center;}
.hundred.programsection .midcontentarea .para1{     font-size:15.8px;     line-height: 27px;     margin: 15px 0;}
.hundred.programsection .h1style1 {font-size: 35px;}

}


@media (max-width: 1200px) {
.headerslider.owl-carousel .owl-dots{bottom: 0}
 .spanstyle2{font-size: 70px;}
 .spanstyle1{font-size:40px;}
 .sliderpara{margin-top: 0;}
 .readmore{margin-top:10px;}
 .contentarea1{max-width:480px;    width: 46%;}
}
@media (max-width: 1050px) {
    .ulli4{max-width:800px;}
}
@media (max-width: 1050px) {
 .hundred.programsection .midcontentarea{  margin-top: -9px; }
 .contentContainer .hundred{margin-bottom: 30px;} 
 .spanstyle2{font-size: 38px;line-height: 1; width: 70%} 
.headerslider.owl-carousel .owl-dots{text-align: center;}


}
@media (max-width: 992px) {
    .ulli3 li{margin-right:15px;}
    .ulli3 li a, .ulli1 li a, .ulli2 li a{font-size: 14px;}
    .h1style1{font-size: 40px;}
    .contentarea1 {max-width:380px;}
    .h4style1{font-size: 22px;}
    .footerContainer .para1{font-size: 14px;}
    .container00 .wrapr00 .box00{width: 40% !important;}
}
@media (max-width: 980px) {
    .headerslider.owl-carousel .owl-dots {
        bottom: -34px;
    }
    .owl-carousel { margin-bottom: 37px;
    }
.headerslider.owl-theme .owl-dots .owl-dot.active span {
    background: #9c9999;
}
}
@media (max-width:850px) {
.ulli3, .logo, .ulli2, .ulli1{width:100%; text-align: center;}
.ulli3 li, .ulli2 li, .ulli1 li{display: inline-block; float: none;}
.ulli2{margin-bottom: 10px;}
.contentarea1 {max-width:300px;}
.h4style1{font-size: 20px;}
.menu_area .logo{margin: 0 auto;display: inline-block;float: none;}
.menu_area{text-align: center;}
}
@media (max-width:767px) {
     .staffMainWrap .MainBoxStaff .Boxcontainer
    {    height: 238px;}
    .staffMainWrap .MainBoxStaff{height: 370px ;}
    .logo{float: left; width: auto;}
    .menuicon{
        margin-top:30px;
        width: 50px;
        height: 28px;
        position: relative;
        float: right;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        z-index: 999;
    }
    .menuicon span{
        display: block;
        position: absolute;
        height: 4px;
        width:69%;
        background: #32649d;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .menuicon span:nth-child(1) {
        top: 0px;
    }

    .menuicon span:nth-child(2) {
        top: 11px;
    }

    .menuicon span:nth-child(3) {
        top: 22px;
    }

    .menuicon.open span:nth-child(1) {
        top: 8px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .menuicon.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    .menuicon.open span:nth-child(3) {
        top: 8px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    .menuicon.open{position: fixed; top: 0; right:10px;}
    .menuicon.open span {background: #fff;}
    .ulli3 li{width: 100%; text-align: left;}
    .ulli3{transition:0.1s all ease; top: 0; bottom: 0;  margin: 0; width: 320px; height: 100vh; position: fixed; right:-340px; z-index: 9; background: #3362a1; /*background: rgba(51,98,161,0.5);*/}
    .activemenu{right: 0; transition:0.4s all ease;}
    .ulli3 li a{color: #fff; padding:10px 15px; margin:0; }
    .ulli3 li.Plogin a{border-radius: 0;}
    .spanstyle2{font-size:24px; line-height: normal;}
    .spanstyle1{font-size:12px;}
    .sliderpara{font-size: 12px; line-height: 20px;}
    .readmore{font-size: 13px;padding: 9px 15px;}
    .contentsec1{background-position:right center; background-attachment: fixed;}
    .contentarea1 .para1, .contentarea1{max-width: 100%; width: 100%; text-align: center;}
    .contentarea2 .readmore2, .contentarea1 .readmore1{display: inline-block; float: none;}
    .contentarea2, .imagearea1{text-align: center; width: 100%; float: left;}
    .responsiveBoxes .contentarea2{height: auto;}
    .contentInner{float: left; margin: 30px 0;}
    .midcontentarea{
            position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 680px;
    width: 100%;
    text-align: center;
    display: table !important;
    margin-top: 19% !important;
    }
    .hundred.programsection {
    height: 600px;
    }
    .hundred.programsection .honeycombsCont1 {
    opacity: 0.5;}
    .custommy-class{ display: inherit;}

.aboutcontMain .aboutimg{    position: relative;
    width: 100%;
    float: left;
    min-height: 345px;
    background-size: contain;
    background-position: center;}
.aboutcontMain{height: auto;    padding: 20px 0;}
.custommy-class{display:block !important; height: auto !important;}
.detail_pro_img,.img-margin,.facWrap .detail_pro_title{width: 100%; float:left;}
.staffMainWrap .MainBoxStaff{width: 48%;margin-right: 2%}
.MainBoxStaff:nth-child(2n+0){margin-right: 0;}
.MainBoxStaff:nth-child(3n+0){margin-right: 2% !important;}
.detail_pro_img{margin:20px 0;}
.about-pakistan .aboutWrap .custom-width .para1 {width: 100% !important;}
.about-pakistan .aboutWrap .custom-width .para1 p{width: 100% !important;padding-bottom: 4% !important;line-height: 22px;}
.owl-carousel .owl-item img{height:300px !important; object-fit:cover;}
.owl-carousel .owl-item .slidertext {    width: 87%;}
.menu_area .logo{float: left;}
}
/*


.owl-item .readmore:nth-of-type(1){
    display: none !important;
}
.owl-item .readmore:nth-of-type(2){
    display: none !important;
}

.owl-item .readmore:nth-of-type(3){
    display: none !important;
}

.owl-item ..readmore:nth-of-type(4){
    display: none !important;
}

.owl-item .readmore{
    display: none !important;
}*/

@media (max-width:650px) {

    .footerdiv {
    width: 100%;
    float: left;
    margin-right: 0px;
    text-align: left;
   margin-bottom: 22px;}
   .container00 .wrapr00 .box00{width: 80% !important;}
.aboutcontBox{    width: 100%;
    float: left;
    margin: 0}
.instDiv{width: 15%;}   
.publicaWrap ul.ulilicommon li span{    margin-left:20%;} 
.bg_staffIn .contactWrap .addresWrap,.bg_staffIn .contactWrap .formHwrap{width:100%; float: left;}

}



@media (max-width:520px) {
    body .headerslider .owl-stage-outer{
        overflow: hidden;
    }
.staffMainWrap .MainBoxStaff{width:100%;margin-right: 0% ;    height: auto !important;}
.Boxcontainer{height: auto !important;}}

/*ahsan abrar*/

    .container00{width: 100%;}
    .container00 .wrapr00{width: 80%;margin: auto;overflow: hidden;}
    .container00 .wrapr00 .box00{border-radius: 10px; transition: .2s linear; text-align: center;float: left;width: 17%;margin: 10px 1%; box-shadow: 0px 0px 8px #31659ede;padding: 20px 2.4%;}
    .container00 .wrapr00 .box00 i{font-size: 330%;color:#b32017;margin-bottom: 10px;}
    .container00 .wrapr00  a{text-decoration-line: none;color:black;font-family: arial;}
    .container00 .wrapr00 .box00:hover{background-color: #31659eba;color:#fff;}
    .img_margin{padding-top:7.5%;}
    .custom-color ul li a{color: #606060;}
    .custom-color{color: #606060;}
    /*.detail_pro_img img{width:50% !important;}*/
    .owl-carousel a.readmore[href='']{display:none !important;}
    .custom-width{width: 100% !important;margin: 0 auto !important;}
    .about-pakistan .aboutWrap .custom-width .detail_pro_img {padding-right: 2% !important;float: left;padding-top: 7px;}
    .about-pakistan .aboutWrap .custom-width .detail_pro_img figcaption{font-size: 14px;font-style: italic;color:#32639e;line-height: 16px;}
    .about-pakistan .aboutWrap .custom-width .para1{width: 68%;float: left;}
    .about-pakistan .aboutWrap .para1 p{padding-bottom: 1% !important;display: block; width: 100% !important;overflow: hidden;}
   .footerdiv .contact-us li{width:100%;margin-bottom: 20px;color:#fff !important;}
   .footerdiv .contact-us li a{color:#fff !important;font-weight: 400;}
   .footerdiv .contact-us li{text-align: left !important;}
   .footerdiv h4{margin-bottom: 30px;}
   .footerdiv .contact-us .email{color: #fff !important;}
    .ulist-style #sitemap ul{list-style: disc;padding: 30px 0px 30px 50px;padding-left: 50px;}
    .ulist-style #sitemap ul li::after{top: -17px;content: ".";left: 0;position: absolute; font-size: 56px;}
    .ulist-style #sitemap ul li:before{background: none !important;}
    .ulist-style #sitemap  ul li{padding-left: 24px; clear:both !important;display: block !important;list-style: circle !important;}
    .ulist-style #sitemap  ul li a{color: #606060;}
   .ulist-style #sitemap  ul li a:hover {color: #3262a0;}
/*khadim hussain*/

.menu_area .logo{max-width: 209px;}
.footerContainer .custom-color{ color: #fff; } 
.responsiveBoxes  .contentarea2 .flx-wrpconent{display: table;}
.ulli4 li.Inflamatory a{background: url(../images/sprite.png) no-repeat -1311px -71px;}
.ulli4 li.Inflamatory a:hover{background: url(../images/sprite.png) no-repeat -1311px -215px;}
.custommy-class{height: 428px;}
.custommy-class .contentarea2{ float: right;display: inherit; }
.custommy-class .contentarea2 .contentInner{display: table;    height: 100%;}
.custommy-class .contentarea2 .contentInner .contentInner-wrp{display: table-cell; vertical-align: middle;}
.ulist-style  ul ,.ulist-style ol{float: left;width: 100%;}
.ulist-style  ul li,.ulist-style  ol li{padding-left: 77px;position: relative;margin-bottom: 20px;display: inline-block;color: #3d3d3d;font-size: 16px;font-weight: 400;line-height: 24px;}
.ulist-style  ul  li:before,.ulist-style  ol  li:before {left:0;position: absolute;content: "";display: inline-block;height: 32px;width: 33px;background: url(../images/books.png) no-repeat;}
.staffMainWrap .MainBoxStaff .Boxcontainer{height: 338px;overflow: hidden;}
.staffMainWrap .MainBoxStaff .staffAv{height: 100%;}
.staffMainWrap .MainBoxStaff .staffAv img {height: 100%;object-fit: cover;object-position: top;}
.staffMainWrap .MainBoxStaff {height: 450px;margin-bottom: 30px;}

.img-margin{margin-top: 11px;}

.ulli4 li.ophthalmological a {
background: url(../images/sprite_2.png) no-repeat -5px -8px;
}
.ulli4 li.dermatological a {
background: url(../images/sprite_2.png) no-repeat -167px -5px;
}
.ulli4 li.cancers a {
background: url(../images/sprite_2.png) no-repeat -342px 0px;
}


.ulli4 li.ophthalmological:hover a {
background: url(../images/sprite_2.png) no-repeat -2px -143px;
}
.ulli4 li.dermatological:hover a {
background: url(../images/sprite_2.png) no-repeat -169px -141px;
}
.ulli4 li.cancers:hover a {
background: url(../images/sprite_2.png) no-repeat -343px -141px;
}

/* Video slide styling - matches image height exactly */
.video-slide {
    width: 100%;
}



/* Ensure video slide has no text */
.video-slide .container,
.video-slide .headertext,
.video-slide .slidertext {
    display: none;
}



/* Fix for Ophthalmological Disorders centering */
.ulli4 li.ophthalmological {
    text-align: center;
}

.ulli4 li.ophthalmological a {
    display: block;
    margin: 0 auto;
}

.ulli4 li.ophthalmological a span {
    text-align: center;
    left: -28px;
    right: 0;
    margin: 150px auto 0;
    display: block;
    white-space: normal;
    /* word-wrap: break-word; */
    padding: 0 5px;
    box-sizing: border-box;
}

/* Ensure all new disease items follow same pattern */
.ulli4 li.dermatological,
.ulli4 li.cancers {
    text-align: center;
}

.ulli4 li.dermatological a span,
.ulli4 li.cancers a span {
    text-align: center;
    left: 0;
    right: 0;
    margin: 150px auto 0;
    display: block;
    white-space: normal;
    /* word-wrap: break-word; */
    padding: 0 5px;
    box-sizing: border-box;
}

/* Ensure all slides have consistent sizing */
.headerslider .owl-item {
    overflow: hidden;
}

.headerslider .owl-item .item {
    position: relative;
    width: 100%;
}

.headerslider .owl-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* Fix for first load */
.headerslider .owl-stage-outer {
    overflow: visible;
}