*{ box-sizing: border-box; list-style-type: none; padding: 0px; margin: 0px;   font-family: 'Poppins', sans-serif; color:#303030; text-decoration: none; }
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;600;700;900&display=swap');
body{margin:0px; padding: 0px 0px 80px 0px;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: .6; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
  opacity: .6; /* Firefox */
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
  opacity: .6; /* Firefox */
}

img{ display:block; }
.container, nav ul{ max-width:1200px; width: 100%; margin:0px auto ; display:table; }
header{ width: 100%; float:left; padding-top:20px;  }
.logo{ max-width:289px; width:100%; float:left; padding-bottom:20px; }
.logo img{width:100%; padding-top: 15px;}
.topinfo{ float:right; padding:20px 0px; }
.boxleft{float: left;padding-right:20px; border-right:2px solid #CCC; }
.boxleft small{ max-width:100px; width:100%; float:right;  }
.boxright{ float:right; padding:5px 0px 0px 20px; line-height:22px; }
.boxright strong{ font-size:24px; font-weight:400; }
.boxright .tel{ color:#26395f; }
.boxright .topemail{font-size:14px;} 
/* .box-mobile img{float: left;} */
/* .box-mobile img{ max-width:60px; width:100%; } */

nav{ width:100%; float:left; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
nav ul li{ padding:20px 90px 0px 0px; padding-bottom: 0px; float:left; font-size:15px; font-weight: 500; position: relative;}
nav ul li a{ padding-bottom:15px; float:left; border-bottom:5px solid #FFF; }
nav ul li:hover a{border-bottom: 5px solid #102d7f;}
nav ul li a img{float: left; width: 25px; }

.whatsapp {max-width: 20px; width: 100%; float: left; margin: 0px auto;}
.whatsapp img{max-width: 20px; margin: 20px 0px;}

nav ul li ul{  visibility:hidden; position:absolute; display:table; background:#FFF; top:58px; width: 190px; -moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc; z-index:9999;   }

nav ul li:hover >ul{ visibility:visible; }

nav ul li ul li {width: 100%; float: left; padding: 0px;border:0px; border-bottom:1px solid #F3F3F3; }
nav ul li ul li a{ padding-bottom:0px; border:none!important; padding:8px 15px; font-size:14px; font-weight:400;   }
nav ul li ul li:hover a{ border:0px; background: #fc2937; color:#FFF; width:100%;  }

/* #popup1 a{color: #FFF; margin-right: 20px; float: left;
    padding-bottom: 10px;
    font-size: 12px;}
    #popup1 a img{float: left;width: 20px;} */
/* #popup1  .content ul li a{ font-size:16px; border-radius:5px; padding:10px 20px; } */
/* .content strong{ font-size:25px; color:#FFFF;  line-height: 24px;} */
/* .content ul{ padding-top:20px; } */
/* .overlay:target{ z-index:999999; } */

/* .popup{ height:100vh; } */
/* #popup1 .popup{ overflow:auto; } */


#banner{ width:100%; float:left; }
#banner img{ float:left; width:100%;}
#info{ float:left;  width: 100%; border-bottom: 2px solid #e7eaf2;}
#info ul{ display: inline; width:auto; }
#info ul li{ width:25%; float:left; padding:40px 30px; }
#info ul li:hover{ background:#f2f2f2; }
#info ul li small{ font-size:14px; float:left; width:100%; color:#919191; }
#info ul li strong{ font-size:25px; color:#000; font-weight: 600; text-transform: uppercase; float:left; width:100%; padding-bottom:15px; }
#info ul li p{ font-size:14px; color:#000; float:left;width:100%; padding-bottom:20px;   }
#info ul li a{ font-size:14px; color:#000; font-weight: 300; float:left; width:100%; font-weight: bold; }
#info .expert{width: 25%; float: right; padding:40px 30px; }
#info .expert span{ font-size:200px; line-height: 175px; text-align: center; width: 100%;  float: left; font-weight:100; text-align:center; color:#fc2937;  }
#info .expert p{ font-size:16px; color:#000; text-align:center; }

#info ul li:nth-child(3) p {
  padding-bottom: 60px;
}

.book{ padding: 20px 10px;
width: 100%;
float: left;
text-transform: uppercase;
background-color: #124092; margin-top: 20px;
color: white;
border: none; text-align: center; color: #FFF; border-radius: 5px;
font-weight: 900;
font-size: 16px; }
.book a{ color:#FFF; }

.header{
  float: left;
  width: 100%;
  text-align: center;
  background-color: #355389;
}
.header h1{
  padding: 25px 0px;
  color: white;
  font-size: 50px;
}
.header span{
  padding: 10px 0px;
  color: white;
  font-size: 36px;
  font-weight: 300;
  line-height: 36px;
  display: block;
}

#department{ width:100%; float:left; padding:40px 0px 0px 0px; }
.girl{ width:33%; float:left; padding-top:80px; }
.girl img{width: 84%;}
.departmentlist { width:100%; float:right; width:65%; padding-top: 20px;}
.departmentlist h2{ font-size:34px; color:#102d7f; line-height:34px; font-weight:400; padding-bottom:20px; }
.departmentlist h2 strong{ color:#102d7f;  }
.departmentlist p{ font-size:15px; line-height:24px; color:#919191; width:100%; padding-bottom:20px; }
.departmentlist ul{ float: left; width:100%; }
.departmentlist ul img{margin:0px auto; display:table;}
.departmentlist ul li{ background:#fc2937; float: left;  text-align:center; width:32.3%; font-weight: 500; border-radius:50px; color:#FFF; font-size:17px; margin:1% 0%; overflow:hidden; position: relative;}
.departmentlist ul li:nth-child(3n-1){ margin:1% 1.5%; }
.departmentlist ul li a{ float: left; width:100%; text-align:center; color: #FFF; font-weight: 500; padding:25px 0px; position: relative; z-index:99;}



.departmentlist ul li:hover a{ color: #FFF; position:relative;  }


.departmentlist ul li:nth-child(1) a:hover{
  background: url(images/doctor-doing-their-work-pediatrics-office.jpg) top center no-repeat; background-size: 100%;
 
}
.departmentlist ul li:hover a:before{ content: '';  position: absolute; top:0px ; width:100%; background:#000; opacity: 0.5;  left:0px; height:100vh;  z-index:-1; }




.departmentlist ul li:nth-child(2) a:hover{
  background: url(images/newborn-baby-lies-boxes-hospital_186673-6659.jpg) top center no-repeat; background-size: 100%;
}

.departmentlist ul li:nth-child(3) a:hover{
  background: url(images/doctor-doing-their-work-pediatrics-office.jpg) top center no-repeat; background-size: 100%;
}

.departmentlist ul li:nth-child(4) a:hover{
  background: url(images/dental.jpg) top center no-repeat; background-size: 100%;
}

.departmentlist ul li:nth-child(5) a:hover{
  background: url(images/mother-with-little-daughter-are-engaged-gymnastics-gym_1157-23284.jpg) top center no-repeat; background-size: 100%;
}

.departmentlist ul li:nth-child(6) a:hover{
  background: url(images/pedia.jpg) top center no-repeat; background-size: 100%;
}
.departmentlist ul li:nth-child(7) a:hover{
  background: url(images/a36a297c-42f5-45b2-bebf-f9dc40e50c02-shutterstock-2060906300.jpg) top center no-repeat; background-size: 100%;
}

.departmentlist ul li:nth-child(8) a:hover{
  background: url(images/big_newbornscreeningimp.jpg) top center no-repeat; background-size: 100%;
}
.departmentlist ul li:nth-child(9) a:hover{
  background: url(images/surgeon-writing-clipboard-operation-room-anaesthesiologist-writing-updates.jpg) top center no-repeat; background-size: 100%;
}



#doctors{ width:100%; padding:80px 0px 60px 0px; float:left; background:url( images/doctorbg.jpg) top center no-repeat; background-size:cover; }
#doctors small{ font-size:16px; text-align:center; float: left; color: #102d7f; width:100%; }
#doctors h3{ max-width: 560px; font-weight: 400; width: 100% ;font-size:34px; text-align:center; width:100%; color:#102d7f; margin:0px auto; display:table; }
#doctors h3 strong{color: #102d7f;  }

#abouthospital{ width:100%; float:left; background:url(images/satnam-hospital-building.png) top right no-repeat #041437; padding:80px 0px;  }
#abouthospital h4, #abouthospital h1{ font-size:34px; color:#FFF; width:100%; max-width:600px; display:block; padding: 0px 0px 0px 0px; }
#abouthospital p{ font-size:16px; color:#c0c3c9; width:100%; float:left; max-width:600px; padding-top: 20px; font-weight: 400;}
#abouthospital a{ color:#FFF; font-size:16px; }


#testimonials{ width:100%; float:left; padding: 80px 0px;}
#testimonials h5{ float:left; font-weight: 400; font-size:34px; color:#102d7f; width:100%; text-align:center; padding-bottom:20px;  }
#testimonials h5 strong{color:#102d7f;}
#testimonials ul{ width:100%; float:left;}
#testimonials ul li{ width:49%;margin-bottom:2%; float:left; border-radius:10px; padding:20px;   box-shadow:  0 0 10px  rgba(0,0,0,0.6);
      -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.1);
      -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.1);
      -o-box-shadow: 0 0 10px  rgba(0,0,0,0.1);}
#testimonials ul li:nth-child(even){ float:right;}
#testimonials ul li img{ float:left; max-width:100px; }
#testimonials ul li p{ width:80%; float:right; font-size:14px; line-height:24px; }
#testimonials ul li p strong{ padding-top:10px; float:left; }

footer{ width:100%;float:left; background:#124092; padding:20px 0px 40px 0px; }
.boxinfo{width:24%; float:left; background:#ffffff; border-radius:5px; font-size:16px; font-weight:600; padding:20px; margin-right: 1.33%; }
.boxinfo:nth-child(4){ margin-right:0px;  }
.boxinfo img{ float:left; width: 20%; }
.boxinfo p{ width:70%; float:right; }

.footerlogo{ width:25%; padding-right: 5%; float:left; }
 .footerlogo img{ width:auto; float:left;  }
.footerlogo p { width:100%; float:left; color:#c2c7db; padding-top:20px; font-weight:400; font-size:14px; }

.margin-top{ margin-top:80px; }
.footerbox2{ width:20%;}
.footerlinks{  float:left;   }
.footerlinks strong{ font-size:24px; color:#FFF; width:100%; float:left; }
.footerlinks strong:after{ width:50px; height:2px; background:#FFF; content:''; display: block; margin-bottom: 15px; margin-top: 10px;}
.footerlinks a{ width:auto; display: table ;  color:#c2c7db;font-weight:400; margin-bottom:10px; font-size:14px; }

.footerbox3{ width:35%; }
.footerbox3 a{ width: 50%; float: left;}
.footerlinks .callus{ background: #d4f0e3; border-radius: 5px; padding: 10px 5px; width: 100%; margin-top: 5px;
}
.footerlinks .callus img{ float:left;}
.footerlinks p{ color:#ffffff; font-weight:300;  font-size: 14px;}
.copyright{ padding:20px 0px ; text-align:center; width:100%; float:left; font-size:14px; }

.callus span{ font-weight:bold; float:left; font-weight: normal; line-height: 2; }

.footerlinks .callus b {
  width: 60%;
 float: left;
}
.footerlinks .callus img{margin-right: 10px;} 

.footerlinks .callus p{float: left; padding: 5px; padding-right: 10px; margin-left: 60px; 
  color: black;
}

.footerlinks .callus a{
  color: #000;
}
 .applogo {
  width: 100%;
  margin: auto;
  background: #fff;
  display: table;
  max-width: 600px;
}

.applogo ul {
  width: 100%;
  float: left;
  text-align: center;
}
.applogo ul li {
  text-align: center;
  display: inline-block;
}
.applogo strong {
  width: 100%;
  float: left;
  text-align: center;
  color: #000;
  padding: 20px 0px;
}
.applogo ul li img {
  padding: 0px 5px;
}

 .swiper {
      width: 100%;
   max-width: 1280px; margin-top: 30px;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
     
      justify-content: center;
    }

     .swiper-slide span{ background:#FFF; padding:32% 10px 10px 10px; float:left;  width: 100%; margin-top:-28%;  }

.swiper-slide span strong{ font-size: 18px;  }

.swiper-slide span p{ float: left; width: 100%; font-size:14px; line-height: 18px; color:#606679; }
.swiper-slide span a{ font-size:13px; color:#fc2937; width:100%; float:left; text-align: center;  margin:10px 0px; }
    .swiper-slide img {
      width: auto;
      display: block;
      margin: 0px auto;;
      object-fit: cover;
    }

    .swiper-pagination{ float:left; position:inherit; padding:30px 0px; }

    #innerleft{
      float:left; width: 100%; padding: 80px 0px; 
    }
    
.inner-left{
  width:70%;
   float:left;
}

.inner-left p a {
  font-weight: bold;
}

.inner-left strong{
  width:100%;
   float:left;
   padding-top: 5px;
}


.inner-left ul{
  float: left; padding: 20px 0px; width: 100%;
  margin-bottom: 15px;
}
.inner-left h2{
  width: 100%;
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #124092; float: left; 
}


.inner-left  h3{
  width: 100%;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #ff6270;
  float: left;
}

.inner-left strong{
  float: left;
    color: black; float: left; width: 100%; font-weight: 400;
}


.inner-left ul li strong{
  float: left;
  font-size: 15px; font-weight: 400;
color: black; width: 100%; padding: 5px 0px;
}

.inner-left ul li p{
  float: left;
  margin-bottom: 10px;
}


.inner-left img{
  width: 100%;
  float: left ;
}

.inner-left p{
   line-height: 1.6;
  float: left;
  width: 100%;
  padding-top: 25px;
font-size: 16px;
}

  .inner-right{ width: 25%;
    float: right;
padding-top: 0px;
margin-top: 0px;
}

 .inner-right strong{
background: #FFF;
font-size: 22px; border-radius: 5px;
 float: right; width: 100%;
text-transform: uppercase;
 color: black; line-height: 25px;
 padding: 10px;
}

 .inner-right small{
float: right; width: 100%;
text-transform: uppercase;
font-size: 12px; font-weight: 300; line-height: 12px;
}

 .inner-right ul{
  background-color:#fc2937;
  padding: 15px;
float: left; width: 100%;
margin-top: 10px;  border-radius: 5px;
text-transform: uppercase;
font-weight: 700;
 }

 .inner-right ul li{
  margin-top: 5px;
float: left; font-weight: 500;
font-size: 16px;  width: 100%;
padding: 5px ; 
 }

 .inner-right ul li a{
float: left; color: #FFF;
 }


.inner-right form{ width: 100%; background: #124092; margin-top: 25px; padding: 25px; float: left; margin-top: 45px; border-radius: 5px; margin-bottom: 10px;}
.inner-right form input{ width: 100%; padding: 15px; float: left; background: white; border: none; margin-top: 10px; }
.inner-right form p{ color: #ffffff; }
.inner-right form h4{ margin-top: 4px; margin-bottom: 12px; color: white; font-size: 18px;}
.inner-right button{ padding: 20px 10px; width: 100%; margin-top: 10px; text-transform: uppercase; background-color: #fc2937; color: white; border: none; font-weight:900; font-size:16px;  }
#contactus{ width: 75%;
}

.contactus{
  float: left;
  margin: 40px 0px; width: 100%;
  width: 70%;
}

.contactus h1{
  color: #fc2937;
  font-size:16px;
}

.contactus h2{
  color: #124092;
font-size: 25px;
}

.contactus p{margin-top: 0px;}

.contactus ul{
  margin-top: 30px;
  width: 100%;
  float: left; 
}

.contactus ul li{
  width: 33%;
padding-bottom: 10px;
   float: left;
}


.contactus ul li img{
  margin-bottom: 20px;
  width:50px;
}

.contactus img{width:40px;
  padding: 10px;
  background-color:#cbdeff;
  border-radius: 15px;
}

.contactus ul li a{
float: left;
  /* padding: 5px; */
}

.socialmedia {
  width: 33%;
  padding-top: 50px;
  padding-right: 50px;
}

#map {float: left;
  width: 100%;
}



.aboutus {
  width: 70%;
  float: left;
  padding:20px 0px;
  margin-top: 15px;
}

.aboutus p{
  font-size: 14px;
  line-height: 1.6;
  width: 100%; float: left;
  margin-top: 10px;
}

.aboutus p a {
  font-weight: bold;
}


.aboutus ul{
  margin: 10px 0px;
  float: left;
  width:100%;


}

.aboutus ul li{float: left;
padding: 25px;  float: left;
margin-top: 20px;
border: 3px;
border-color: #c5c5c5;
border-style: double;
border-radius: 10px; width: 33%;
margin-right: 20px;
}

.aboutus ul li img{

  width:auto; margin:0px auto;
}

.aboutus ul li strong{
 float: left;
width: 100%; text-align: center;
padding: 5px 0px;
}

.aboutus ul li small{

float: left; width: 100%; text-align: center;
color: #7e7e7e;
}

.certificate{
  float: left;
  width: 100%;
margin-top: 10px;
  background-color: #cedfff
}


.certificate ul{ max-width:900px; width:100%; margin:0px auto; display:table; }

.certificate ul li{
  float: left;
  width: 50%;
  padding: 30px 0px;
}

.certificate ul li img{ text-align:center; margin:0px auto; }



.certificate h2{
  text-align: center;
  padding-top: 10px;
  margin-top: 50px;
  font-size: 30px;
  color: #124092; float: left; width: 100%;
}


#testimonial{
  float: left;
  width: 100%;

padding: 80px 0px;

 }

.testimonial{ float:left; }

.testimonial ul{
  float: left;
  padding:10px 0px;
  width: 100%;
  margin-top: 50px;
}

.testimonial h2{
  text-align: center;
  padding-top: 20px;
  font-size: 30px;
  color: #124092;
}

.testimonial ul li{
  float: left;
  background-color: #f2f2f2;
  /* padding: 66px; */
  width:48% ;
  border-radius: 25px;
  margin-bottom: 4%;
}
.testimonial ul li:nth-child(odd) {
  width: 49%;
  float: left;
  padding: 66px; 
  margin: 7px;
}

.testimonial ul li:nth-child(even){width: 48%; float:right; padding: 66px; margin: 7px;  }


.testimonial ul li p{
  float: left;
  line-height: 1.6;
}

.testimonial ul li img{
  float: left;
  width: 25px;
padding-top:10px;
}

.testimonial ul li strong{
  float: left;
  margin-top: 15px;
  padding-left: 10px;
}


#inner-area{ width:100%; float:left; padding:40px 0px; }

#doctor{
 float:left; 
 width: 70%; 
 margin-top: 0px;
 padding: 50px;
 padding-top: 25px;
}

.doctorleft{
  float: left;
  width: 70%;
margin-top: 20px;
}

.doctorleft h2{
  float: left;
  color: #124092;
  font-size: 30px;
  margin-top: 5px;
}

.doctorleft p{
  float: left;
  width: 100%;
 margin-top: 20px;
 margin-bottom: 20px;
 line-height: 1.6;
}

.doctorleft strong{
  float: left;
    color: #124092;
}

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

.dr strong{
  float: left;
  font-size: 20px;
  color: #124092;
  margin-top: 20px;
}

.dr p{
  float: left;
  margin-top: 3px;
  margin-left: 3px;
  font-style: italic;
}

#doctorteam{
  float: left;
  background-color: #e1e1e1;
}

#doctorright{
  float: right;
  width: 25%;
  padding: 20px;
  margin-top: 30px;
}

.doctorteam h2{
  font-size: 30px;
}

.doctorteam p{
 /* padding-right: 30px;
   padding-left: 30px;*/
    padding-bottom: 30px;
    font-size: 15px;
}

.doctorright img{
  float: left;
  width: auto;
  border: 3px;
border-color: #c5c5c5;
border-style: double;
border-radius: 10px;
}

.achievements{
  float: left;
  width: 100%;
  padding: 20px 0px;
}

.achievements p{
margin-top: 15px;
margin-bottom: 10px;
}
.achievements strong{
  float: left;
  margin-top: 35px;
  margin-bottom: 20px;
  color: #124092;
}


.visiting{
  float: left;
  width: 100%;
 display: none;
padding:40px 0px;
}

.visiting h2{
  float: left;
  width: 100%;
  /*margin-left: 40%;*/
  color: #124092; padding-bottom: 30px;
  text-align: center;
}

.visiting strong{
  float: left;
  width: 100%;
  padding-bottom: 10px;
}
.visiting p{
  float: left;
  width: 100%;
   line-height: 1.6;
  
}



.visiting ul{width: 100%; max-width: 1280px; margin:0px auto; display: table; text-align: center;}


.visiting ul li{
  float: left;
  width: 33%;
padding-top: 25px;
padding: 5px;
/*margin-left: 43px;*/
}

.visiting ul li img{
 margin: 0px auto;
display: table;
}

.visiting ul li p{
  float: left;
  width: 100%;
  line-height: 1.6;
  /*margin-left: 25px;*/
}

.callus{
  float: left;
  width: 100%;
 background-color: #f3f4f6;
}

.callus h5{
  float: left;
  width: 100%; font-size: 34px;
  padding:40px 0px 10px 0px;

text-align: center;
color: #124092;
}

.callus p{
  float: left;
  width: 100%;
  padding: 0px 20px;
   text-align: center;
  font-size: 18px;
 line-height: 1.6;
 text-align: center;
}

.callus h6{
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  margin-bottom: 40px;
  font-size: 15px;
}

#doctorteam{ width: 100%;
  padding: 50px;
  padding-top: 15px;
}

.doctorteam h2{
 
text-align: center; 
  padding-top: 35px;
  color: #124092;
}

.doctorteam a{
  color: #124092;
font-size: 18px;
}

.doctorteam ul{
  margin-top: 30px;
  width: 100%;
  float: left; 
}

.doctorteam ul li{
  width: 25%;
  text-align: center;
/*padding-bottom: 10px;*/
padding: 15px;
   float: left;
}

.doctorteam ul li img{
 margin: 0px auto;
display: table;
  width:50px;
  margin-bottom: 10px;
}

.doctorteam img{width:40px;
 background-color:#cbdeff;
}

.callus h4{
  float: left;
 
}
















.navbar {
  overflow: hidden;

/* margin-left: 30px;
 padding: 5px;*/
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none; 
}

.dropdown {
  float: left;
  overflow: hidden;
 
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: #000;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  margin-left: 45px;
}

.navbar a:hover, .dropdown:hover .dropbtn {color: white;
  background-color: #124092;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  margin-top: 70px;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #4b77c5;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block;

}


.navbar img{
  float: left;
  width: 25px;
  margin-top: 22px;
}


#gallery{
  float: left;
  width: 100%; padding: 80px 0px;
  margin-bottom: 15px;
}

.gallery{

  width: 100%; max-width: 1280px; display: table; margin:0px auto;
}
.gallery ul{ float:left; width:100%; }

.gallery ul li{
  float: left;
  width: 25%;
}

.gallery ul li img{
  float: left;
  width: 100%;
  padding: 10px;
}

.gallery ul li strong{
  float: left;
  font-weight: 400;
  text-align: center; width: 100%;
 font-size: 14px;

}

#facilityimg{
  float: left;
  width: 100%; padding: 0px 0px;
  margin-bottom: 15px;
}

.facilityimg{

  width: 100%; max-width: 1280px; display: table; margin:0px auto;
}
.facilityimg ul{ float:left; width:100%; }

.facilityimg ul li{
  float: left;
  width: 25%;
}

.facilityimg ul li img{
  float: left;
  width: 100%;
  padding: 10px;
}

.facilityimg ul li strong{
  float: left;
  font-weight: 400;
  text-align: center; width: 100%;
 font-size: 14px;

}

/* .box-mobile, .overlay{ display: none; } */

.box {
  display: none;
}

.popupmenu {
  display: none;
}


@media only screen and (max-width: 1280px){ 
nav ul li{ padding:20px 35px 0px 40px;  }
.logo, .topinfo, #info, #department, #doctors, #abouthospital, #testimonials, footer{ padding-left: 15px; padding-right: 15px; }
.footerlinks .callus img {margin-right: 10px;} 
.container{padding:0px 20px;}
/* .testimonial ul li:nth-child(odd) {
  float: left;
  padding: 65px;
  margin: 10px;
}
.testimonial ul li:nth-child(4) {
  float: left;
  padding: 60px;
  margin: 4px;
} */
}

@media only screen and (max-width: 1180px){ 
nav ul li{ padding:20px 30px 0px 30px;  }
.boxinfo p {
  font-size: 15px;
}
}

@media only screen and (max-width: 1024px){
nav ul li{ padding:20px 35px 0px 35px;  }
.departmentlist ul li{ padding: 0px 0px }
.departmentlist ul li a{ font-size: 14px; }
#abouthospital h4, #abouthospital p { max-width: inherit; width:100%; text-align: center; }
#testimonials ul li p{ width:70%;  }
.boxinfo p{  width: 75%;    font-size: 18px; padding: 0px; }
#info ul li strong{font-size: 20px;}
#info .expert span{font-size: 140px;}
.swiper-slide strong{font-size: 15px;} .swiper-slide p{font-size: 13px;}
.footerlinks .callus img {width: 20%; padding-right: 5px; }
nav ul li{ padding:20px 25px 0px 25px ;}
.aboutus, .inner-right{ width:100%; text-align:center; }

.aboutus p{ text-align:center; }
.aboutus ul{ max-width:600px; float:none; display:table; margin:0px auto; }
.aboutus ul li{ width:48%; margin:2% 1%; float:none; display:inline-table; }


#info ul{ width: 100%;
}
#info ul li{ float:left; width:100%; text-align:center; }
#info .expert{ width:100%; padding:0px 0px 40px 0px; }
.topinfo, nav{ display: none; } .content ul li a{float: left; width: 100%; margin-bottom: 12px; background-color: #cd2626; padding: 10px; color: white;} 
.footerlogo img {width: 80%; } 
.footerlinks .callus img{ width:auto; }
.footerlinks .callus b{ width:80%; }
.callus h4{ width:80%; font-size:25px; }

.girl{ display:none; }

.departmentlist{ width:100%; text-align:center; }
#abouthospital{ background-image:none;}
#testimonials ul li{width: 100%;}
#testimonials ul li img{ float:none; display:table; margin:0px auto; }
#testimonials ul li p{ width:100%; text-align:center; }
#testimonials ul li p strong{ float:none; display:table; margin:0px auto; }

/* .testimonial ul li:nth-child(odd) {
  float: left;
  padding: 14px;
  margin: 5px;
}
.testimonial ul li:nth-child(even){
  float: right;
  padding: 14px;
  margin: 5px;  
} */

.boxinfo{ width:49%; margin: 0px; margin-bottom:2%;  }
.boxinfo:nth-child(odd) {
  float: left;
  padding: 8px;
  margin-bottom: 5px;
}
.boxinfo:nth-child(even){ 
  float: right;
  padding: 10px;
  margin-bottom: 6px; 
}
.footerlogo{ display:none; }
.footerbox3, .footerbox2 {width: 100%; padding-bottom: 30px;}
/* .footerlinks strong{  } */
.footerlinks a{ width:33%; float:left; }



/* .box-mobile { display: block;
  position: absolute; right: 10px; top:65px;
  background: rgba(255,255,255,0.2);
  padding: 10px;
  background-clip: padding-box;
  text-align: center;
} */

.button {
  font-size: 25px;
 
  padding-top: 0px;
  color: #0c3783;
  /*border: 2px solid #0c3783;*/
  border-radius: 10px 10px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
images/rating.png
.button img{width: 30%; float: right; margin-right: 15px; padding-bottom: 10px;}
.button:hover {
  background: #06D85F;
}

/* .overlay { display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #124092;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
} */

/* .overlay:target {
  visibility: visible;
  opacity: 1;
} */

/* .popup {
  padding: 20px;
  background: #124092;
  border-radius: 0px;
  width: 100%;
  position: relative; 
} */

/* .popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
} */

/* #popup1 .popup .close {
  position: absolute;
  top: 20px;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: white;
} */

/* .popup .close:hover {
  color: #FFF;
} */

.box {
  padding-left: 10px;
  padding-right: 10px;
}
.nav-links label {
  display: block;
}
.nav-links input {
  float: right;
  display: block;
}
/* Responsive Menu */
.nav-links .mobile-item {
  display: block;
}
.nav-links strong {
  color: #fff;
}
/* .nav-links .drop-menu{
  position: static;
  visibility: visible;
  background: #cd2626;
} */
.nav-links li:hover .drop-menu,
.nav-links li:hover .mega-box{
  left: 26px;
}
/* End responsive Menu */
/* Menu Two */
.box {
  position: relative;
  top: -95px;
  display: block;
}
.button img {
  width: 70px;
  position: absolute;
  right: 20px;
  top: 30px;
  cursor: pointer;
}
.button {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 100%;
  height: 100vh;
  position: relative;
  transition: all 5s ease-in-out;
  margin: 0;
  padding: 0;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
.popupmenu {
  width: 100%;
  float: left;
  background-color: #124092;
  position: fixed;
  height: 100vh;
  display: block;
}
.popupmenu .nav-links {
  width: 95%;
  margin: 0 auto;
  color: #fff;
  font-size: 20px;
  padding: 20px 0px;
}
.popupmenu .nav-links li {
  background-color: #cd2626;
  list-style: none;
  padding: 10px;
  margin: 10px 0px;
  border-radius: 10px;
  position: relative;
  z-index: auto;
}

.popupmenu ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  width: 100%;
  display: block;
}
.popupmenu .sub-list li {
  margin: 0px 0px;
}
.menu-list {
  width: 100%;
  z-index: 1;
  position: relative;
  display: block;
}
.menu-title {
  position: relative;
  transition-duration: 0.2s;
}
.menu-list input {
  top: 0;
  opacity: 0;
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  position: absolute;
  height: 100%;
  width: 100%;
}
.menu-list input:hover {
  cursor: pointer;
}
.menu-list input:checked:after {
  transform: scaleX(1);
}
.menu-list input:checked ~ .sub-list {
  width: 100%;
  right: 0;
  transform: scaleY(1);
  background: #cd2626;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: 8;
}
.menu-title span {
  font-size: 16px;
  color: #fff;
}
.sub-list {
  display: block;
  position: absolute;
  background: white;
  height: auto;
  transform: scaleY(0);
}
.sub-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sub-list li {
  margin-bottom: 5px;
  display: block;
  position: relative;
}
/* End Menu two */

}

.section {
  float: left;
  width: 100%;
  text-align: center;
  background-color: #355389;
  padding: 50px 0px;
  background: url(images/satnam-hospital-building.png) top right no-repeat #041437;
}
.section h1{
  padding: 15px 0px;
  color: white;
  font-size: 50px;
}
.section h3{
  padding: 15px 0px;
  color: white;
  font-size: 50px;
}

@media only screen and (max-width: 980px) {
  .testimonial ul li:nth-child(odd) {
    float: none;
    width: 100%;
    margin: 20px auto;
    display: table;
    padding: 20px;
  }
  
  .testimonial ul li:nth-child(even) {
    float: none;
    width: 100%;
    margin: 20px auto;
    display: table;
    padding: 20px;
  }
}

@media only screen and (max-width: 820px) {
  .gallery ul li strong {
    font-size: 13px;
  }
}

@media only screen and (max-width: 768px){

.content ul li a{ padding-right: 15px; font-size: 15px; }  
.logo {max-width: 210px;}
.logo img{padding-top: 15px;}

#info .expert strong {font-size: 120px;}
.departmentlist h2 {font-size: 28px;}
.swiper-slide span p {font-size: 11px;} .swiper-slide span a {font-size: 12px;} #abouthospital p{font-size: 12px;} #abouthospital a {font-size: 14px;}

.header h1 {font-size: 30px; padding: 20px;} #doctor{width: 100%;} .inner-right {width: 100%;} .doctorleft{width: 100%;}

.boxinfo:nth-child(even){ float:left; }

header{ padding-top:0px; }

/* .box-mobile{ top:50px; } */

.section{ float: left; width: 100%; text-align: center; background-color: #355389;}

.section h1{ padding: 25px 0px; color: white; font-size: 30px;}

.section h3{ padding: 25px 0px; color: white; font-size: 30px;}

.boxinfo:nth-child(odd) {
  margin-right: 10px;
  margin-bottom: 10px;
}
.contactus ul li {
  width: 100%;
}
.socialmedia {
  width: 100%;
}
.socialmedia ul {
  width: 100%;
}
.socialmedia ul li {
  width: 15%;
}
.certificate ul li {
  float: left;
  width: 100%;
  padding: 30px 0px;
}
.footerlinks p {
  width: 100%;
  float: left;
}
.gallery ul li strong {
  font-size: 12px;
}
}


@media only screen and (max-width: 680px){
.departmentlist ul li:nth-child(3n-1){ margin:1%; }
.departmentlist ul li{width: 48%; margin:1%;}
.departmentlist ul li:nth-child(even){ float:right; }
/* .box-mobile{ top:45px; } */
.logo{ padding-left:0px; padding-right:0px; }
.inner-left{ width:100%; }
.applogo ul {
  width: 100%;
  float: left;
  text-align: center;
}
.gallery ul li strong {
  font-size: 10px;
}
}
 

@media only screen and (max-width: 520px){ 
.departmentlist ul li, .departmentlist ul li:nth-child(3n-1){width: 100%; margin:1% 0%; }
.margin-top{ margin-top:30px; }
.departmentlist ul li a{ font-size:18px; }
    .girl{display: none;}
.logo { max-width: 180px;} #info ul li{width: 100%;} .departmentlist{width: 100%;}.boxinfo {padding: 10px;  width: 100%;  margin:10px 0px;} .boxinfo p{width: 80%; font-size: 15px;}
.footerlinks a {width: 50%;}
.footerbox2{ padding-bottom:0px; }
.footerbox3{ padding:30px 0px; }
.departmentlist ul li{padding:0px;}
.socialmedia ul li {
  width: 25%;
}
.gallery ul {
  width: 100%;
  float: left;
  margin: 0 auto;
  display: table;
}
.gallery ul li {
  width: 33%;
  float: left;
}
.gallery ul li strong {
  font-size: 13px;
}
}

 @media only screen and (max-width: 420px){ 

.footerlinks .callus b{width: 75%;}
.callus h4{ width:75%; }
.footerlinks .callus img{ width:15%; }
.callus h4{ font-size:20px; }
.socialmedia ul li {
  width: 30%;
}
}

@media only screen and (max-width: 380px) {
#abouthospital h1 { text-align: center; }
#testimonials h5 { font-size: 25px ;}
.socialmedia ul li {
  width: 30%;
}
.certificate ul li:nth-child(2) img {
  width: 90%;
  float: none;
  margin: 0 auto;
  display: table;
}
}

@media only screen and (max-width: 414px) {
  .gallery ul li strong {
    font-size: 12px;
  }
}

@media only screen and (max-width: 412px) {
  .gallery ul li strong {
    font-size: 14px;
  }
}

@media only screen and (max-width: 393px) {
  .gallery ul li strong {
    font-size: 13px;
  }
}

@media only screen and (max-width: 390px) {
  .gallery ul li strong {
    font-size: 13px;
  }
}

@media only screen and (max-width: 375px) {
  .gallery ul li strong {
    font-size: 13px;
  }
}

 @media only screen and (max-width: 360px){ 
.content strong{ font-size: 22px; }
.footerlinks .callus img{ width:20%; margin-top:5px; }
.gallery ul {
  width: 100%;
  float: left;
  margin: 0 auto;
  display: table;
}
.gallery ul li {
  width: 50%;
  float: left;
}
.gallery ul li strong {
  font-size: 11px;
}
}