@media screen and (min-width:1400px)
{
  
}
@media screen and (min-width:1900px)
{
    
}
@media screen and (min-width: 1024px){
    #fancybox-1 .fancybox__viewport .fancybox__slide {
        padding: 0px 93px;
        height: 90vh;
        top: 5vh;

    }

  
}
@media screen and (max-width:1300px)
{

.navmenu ul li a span{width: 20px}
.navmenu ul li a{font-size: 14px}
.calltxt{font-size: 16px}
.calltxt img{width:20px}
.subtxt {font-size: 22px; margin-bottom: 40px}
.circle3 {width: 450px; height: 450px}
.circle2 {width: 400px; height: 400px}
.checktxt, .distxt span {font-size: 26px;}
.distxt{font-size: 46px;}
.bannerimgtt1 {width: 400px; right: -16px}
.circletxt{right: 15px}
.circleimg { position: absolute;width: 450px; height: 450px;  left: 9px;}
.distxt2 {line-height: 46px; left: 30px;}
.servicestxt ul li{padding: 10px 0}
.servicestxt ul li a {font-size: 15px}
.testing {font-size: 27px}
.checkblk input{margin-right:6px}
.bannerbg1{ height: 465px; }
.tabs-nav li  span img{width: 30px;line-height: 0}
.tabs-nav li a{font-size: 14px}
.tab-active:before{top: 18px; z-index: -1}


}
@media screen and (max-width:1280px)
{
  .barblk-right{width: 25%}
}
@media screen and (max-width:1200px)
{
    .inputfield input, .inputfield select{padding: 9px 5px}
    .other-width{width: 48%}
}
@media screen and (max-width:1100px)
{
.circle3 {width: 400px; height: 400px}
.circle2 {width: 400px; height: 400px}
.subtxt{font-size: 20px;}
}

@media screen and (max-width:1024px)
{     header{box-shadow: 0 0 11px 3px #daeaf1;}
.navblk{display: none;}
.discount {font-size: 19px}
.discount span{font-size: 16px}
  
.banner1{padding: 120px 0 15px 0;}
.inputfield input, .inputfield select{padding: 7px 5px}
    .mobnavblk {display:block; width:60px}
  .requesrblk{width: 50%; margin:50px auto 0}
  .bannerblk {width:100%; }
  .circle3 {width: 550px; height: 550px}
    .circle2 {width: 450px; height: 450px}
    .bannerimgtt1 { width: 472px; right: -16px;}
    .callblk {width: 40px;height: 40px;}
    .callblk img {width: 20px;}
    .calltxt {  font-size: 14px;}
    .navmenu ul li a {font-size: 14px;}
    .navmenu ul li a span { width: 16px;}
    .navmenu ul li { padding: 5px 3px;}
    .circletxt { right: 22%;}
    .populerblk { padding: 40px 20px}
    .requtxt, .title { font-size: 26px;margin-bottom: 20px;}
    .tabs-nav li a {font-size: 14px}
    .tabs-nav li {width: 24%;}
    .tabs-stage {margin-top: 30px;}
    .apollotxt {font-size: 18px}
    .renalblk {padding: 30px 20px;}
    .renaltxt li {font-size: 14px;}
    .common-padding{padding: 60px 0}
    .serviceblk { padding:40px 0; background: #d7e9f1;}
    .renaltxt li:before {top: 3px;left: 7px; width: 10px; height: 10px;}
    .servicemt{margin: 0; align-items: flex-start;}
    .glance_img img {width: 60px}
    .counternum, .million {font-size: 20px}
    .glance_txt{font-size: 14px}
    p { font-size: 14px;line-height: 1.5; margin-bottom: 15px;}
    .subtxt {margin-bottom: 10px}
    .servicestxt ul li:before { top: 13px; left: -23px; width: 16px; height: 16px;}
    .subservice li a{font-size: 12px!important}
    .subservice li { padding: 2px 0 !important;}
    .panelwidth { margin: 8px 2% 9px 0;}
    
    .testing { font-size: 22px;}
    .booktxt a { font-size: 15px;color: #0f0f0f; padding: 6px 18px;}
    footer{padding: 30px 0  15px 0;}.checkblk{justify-content: flex-start;}
    .serviceleft{width: 100%}
    .serviceright { width: 100%; margin-top: 40px }
    .servicestxt ul{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
    .servicestxt ul li {width: 45%; margin-right: 5%}
    .servicestxt ul li:nth-child{2n+2}{margin: 0}

.panelwidth{width: 23%}
.panelwidth:nth-child(5n+5){ margin:8px 2% 9px 0; }
.panelwidth:nth-child(4n+4){ margin: 8px 0% 9px 0 }
.scrolled .headerwrap{display: flex !important;}
#fancybox-1 .fancybox__slide{
    height: 100vh;
    padding: 3% 5%;
}




}



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

  .calltxt{display: none;}
.newtxt.distxt {font-size: 20px}
.newtxt.distxt span {font-size: 22px}

.bannerbullet li {font-size: 16px}
.distxt.new{font-size: 20px}
.bannerbullet li:before {top: 20px}

.geth {font-size: 16px; margin-top: 21px;}
.geth li:before {width: 7px; height: 7px; left: 15px;top: 19px;border-radius: 10px;}
.geth li{padding: 12px 30px}

  .barblk{width: 100%}
.barblk-right {width: 230px; margin: auto;}
.tabs-nav li {width: 40%;margin: 10px;}
.d-flex{display: flex}
.menuicon { width: 53%;}
.bannerbg1{height: 500px}
.circle2 {width: 500px;height: 500px;top: 60px;}
.circle3 { width: 500px;  height: 500px;}
.bannerimgtt1{width: 450px}
.requtxt, .title { font-size: 22px;  margin-bottom: 20px;}
.servicestxt ul li a { font-size: 13px;}
.apollotxt { font-size: 16px; width: 500px}
.panelwidth{width: 32%}
.panelwidth:nth-child(5n+5){ margin:8px 2% 9px 0; }
.panelwidth:nth-child(4n+4){ margin:8px 2% 9px 0; }
.panelwidth:nth-child(3n+3){ margin: 8px 0% 9px 0 }
.testiblk ul li img {width: 10px;}
.testimg img { width: 30px;}
.testimg{top: -27px; width: 55px; height: 55px}
}
@media screen and (max-width:768px)
{   .panel{padding: 40px 20px}
    .renaltxt li {font-size: 14px;}
    .liverblk {font-size: 12px}
    .newtxt.distxt {font-size: 17px;}
    .newtxt.distxt span {font-size: 18px;}
    .panelwidth:nth-child(3n+3){ margin: 8px 2% 9px 0 }
    .panelwidth:nth-child(2n+2){ margin: 8px 0% 9px 0 }
    .counternum, .million { font-size: 16px;}
    .glance_img img { width: 50px;}
    .glance_item:before {right: -38px}
    .servicestxt ul li a span img { width: 9px;}
.panelwidth{width: 48%}
.logoblk { width: 150px;}
.menuicon {width: 58%;}
.calltxt { font-size: 12px;}
.callblk, .navicon{width: 30px;height: 30px;}
.callblk img{width: 10px;}
.navicon span{height: 2px; margin-bottom: 5px;}
.brmenu {border: none;}
.bannerbg1{height: 400px}
.circle2 {width: 450px;height: 450px;}
.circle3 { width: 400px;  height: 400px;}
.bannerimgtt1{width: 403px;}
.distxt{font-size: 40px; line-height: 35px}
.checktxt, .distxt span { font-size: 25px;}
.booktxt a { font-size: 12px;padding: 5px 12px}
.circletxt{top: 0; right: 9%; width: 250px; height: 250px;}
.circleimg{width: 350px; height: 350px}
.requesrblk {width: 65%}
.subtxt{font-size: 18px}
.common-padding { padding: 40px 0;}
.tabs-nav li a, .tabs-nav li { font-size: 12px;}
.tab-active:before { width: 10px; height: 10px; top: 25px;}
.renaltxt li:before { top: 6px; left: 7px; width: 6px;  height: 6px;}
.enquryblk a {padding: 8px 14px;  font-size: 14px;}
.apollotxt{font-size: 15px; white-space: inherit;}
p { font-size: 12px; line-height: 1.5;margin-bottom: 10px;}
.servicestxt ul li a { font-size: 12px;}
.our-service{font-size: 18px}
.panelwidth p b {font-size: 14px;}
.panelwidth p{font-size: 12px}
.testing { font-size: 18px; margin-bottom: 10px;}
.testiblk{height: auto;}
.tesiname {font-size: 18px}
.thanks{font-size: 55px}
.tabs-nav li {width: 45%;}
.enquryblk.fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #00799e;
    display:block;
}
.enquryblk.fixed-bottom a {
    background: #00799e;
    display: block!important;
    padding: 15px 13px;
    font-size: 18px;
    text-align: center;
    margin-top:0;
    color:#fff;
}
footer{margin-bottom:50px}
.enquryblk.block {
    display: flex !important;
    justify-content: center;
    margin-top: 10px;
    width: 100%;
}
.apollotxt {
    width: 100%;
    justify-content: center;
}
.flex-between.pdk { flex-wrap: wrap !important;}
.other-width{width: 100%}
}

@media screen and (max-width:650px)
{
  .servicestxt ul li{width: 100%; margin: 0}
    .servicestxt ul li:before { left: -17px; width: 10px; height: 10px; top: 17px}
    .subservice li{width: 50%!important}
    .sckanblk ul li{width: 50%}
    .fancybox__content>.carousel__button.is-close{width: 42px; height: 42px}

}

@media screen and (max-width:600px){  
  .banertxt { top: 12%;}

    .renaltxt li{width: 100%}
    .renaltxt li:before { top: 4px; left: 1px;}
    .calltxt{display: none;}
    .requtxt, .title { font-size: 20px;  margin-bottom: 18px;}
    .menuicon {width: 42%;}
    .bannerbg1{height: 350px}
    .circle2 {width: 400px;height: 400px;height: 400px;}
   .circle3 { width: 350px;  height: 350px;}
   .bannerimgtt1{width: 300px}
   .circleimg { width: 300px; height: 300px;}
   .circletxt{width: 250px; height: 250px}
   .requesrblk{width: 100%}
   .banner1 {padding: 100px 0 15px 0;}
   .checkblk p {font-size: 12px}
   .glance_item:before { right: -15px; }
   .apollo-clinictxt { left: 5%; top: 29%;  width: 53%;}
   .testing {font-size: 16px}
   .requestwidth{width: 400px}

.slick-prev, .slick-next {width: 30px; height: 30px}
.slick-next{right: 0}
.slick-prev{left: 0}
.pdk {  padding: 15px 5px;}
.testiblk{margin: 50px 15px 0}
.left-content-footer, .right-nav-list{width:100%;}
.right-nav-list {
    text-align: left;
    margin-bottom: 16px;
}
.right-nav-list a{font-size:12px}

}
@media screen and (max-width:540px)
{
  .tabs-nav li {width: 48%; margin: 2% 1%;}
  .apollotxt span {width: 25px}

    .fancybox__content{padding: 0}
    .fancybox__content>.carousel__button.is-close{top: 0; right: 0}
  .subtxt{font-size: 16px}
    .servicestxt ul li { padding: 6px 0;}
    .requtxt, .title{font-size: 18px }
    .apollotxt { font-size: 12px;}
    .bannerbg1{height: 300px}
    .circle2 {width: 400px;height: 400px;top: 0;}
   .circle3 { width: 300px;  height: 300px;}
   .bannerimgtt1{width: 250px}
   .circleimg { width: 280px; height: 280px;}
   .circletxt{width: 200px; height: 200px}
   .checktxt, .distxt span { font-size: 20px;}
   .checktxt{margin-bottom: 20px}
   .distxt {font-size: 30px;line-height: 28px; top: 45px}
   .glance_img img {width: 40px;}
   .counternum, .million { font-size: 14px;}
   .glance_txt { font-size: 12px;}
   .our-service{font-size: 16px}
    .enquryblk a {padding: 7px 12px;  font-size: 12px;}
    .apollotxt p{margin-left: 0}
    .apollotxt { width: auto;}

}
@media screen and (max-width:480px){
    .tesiname {font-size: 16px}
    .glance_item{display: block !important; width: 33.3%}
    .menuicon {width: 35%;}
    .renalblk { padding: 20px 10px;}
    .glance_item:before {display: none;}
    .bannerbg1{height: 250px}
    .circle2 {width: 300px;height: 300px;height: 300px;}
   .circle3 { width: 250px;  height: 250px;}
   .bannerimgtt1{width: 250px;}
   .circleimg { width: 220px; height: 220px;}
   .circletxt{width: 160px; height: 160px; top: 5px; right: 7%}
   .booktxt2 {right: 37px;  bottom: 32px;}
   .checktxt, .distxt span { font-size: 18px;}
   .checktxt{margin-bottom: 10px}
   .distxt {font-size: 25px;line-height: 30px; top: 45px}
   .banertxt {top: 16%}
   .distxt{top: 18px; left: 22px}
   .banertxt { top: 29%;}
   .banner1 {padding: 100px 0 15px 0;}
   .booktxt a { font-size: 11px; padding: 4px 10px;}
   .requtxt, .title { font-size: 16px;}
   .servicestxt ul li:before{top: 12px}
   .testiblk{padding: 30px 10}
.requestwidth{width: 425px}
.thanks{font-size: 45px}
.tabs-nav li a, .tabs-nav li { font-size: 10px;}
.tabs-nav li span img { width: 25px;  line-height: 0;}
 .bannerbullet li {font-size: 14px}
.distxt.new{font-size: 16px}
.bannerbullet li:before {top: 20px}
.banertxt {top: 20%;width: 49%;}
 .apollotxt{width: 100%}
   .newtxt.distxt {font-size: 14px;padding: 5px 0}
    .newtxt.distxt span {font-size: 15px;}
.geth {font-size: 14px; margin-top: 21px;}
.geth li:before {width: 5px; height: 5px; left: 15px;top: 15px;border-radius: 10px;}
.geth li{padding: 10px 30px}
 .renaltxt li {font-size: 12px;}
    .liverblk {font-size: 10px}
.homecheck{height: 25px !important}
.apollotxt p{margin: 5px 0}



}
@media screen and (max-width:400px){
  .newtxt.distxt {font-size: 12px;padding: 5px 0}
    .newtxt.distxt span {font-size: 14px;}
    .requestwidth{width: 320px}
    .panelwidth{width: 100%; margin: 5px 0}
    .logoblk { width: 100px;}
    .callblk, .navicon {width: 30px;  height: 30px;}
    .mobnavblk{width: 35px}
    .navicon span {height: 2px; margin-bottom: 3px}
    .banner1 { padding: 77px 0 15px 0;}.betblk{top: 20%}
    .betblk{width: 60%}
    .populerblk { padding: 20px 10px;}
    .enquryblk a { padding: 6px 7px; font-size: 10px; }
    .inputfield input, .inputfield select { padding: 4px 5px; margin-bottom: 10px}
    .testing {font-size: 12px;}
    .tab-active:before {top: 20px}
    .apollotxt { font-size: 10px;}
    .enquryblk.fixed-bottom{
        height: 40px;
    }
    .enquryblk.fixed-bottom a{font-size:15px;padding: 11px 13px;}
   

}
@media screen and (max-width:360px){
    .tabs-nav li a, .tabs-nav li {font-size: 9px}
    .tabs-nav li span img {width: 20px; line-height: 0;}

     .bannerbg1{height: 220px}
    .circle2 {width: 220px;height: 220px;top: 30px;left: -25px;}
   .circle3 { width: 220px;  height: 220px;}
   .bannerimgtt1{width: 200px;}
   .betblk{top: 15%}
   .checktxt { margin-bottom: 2px;}
   .checktxt, .distxt span {  font-size: 16px;}
   .distxt{font-size: 22px; line-height: 20px}
   .booktxt a { font-size: 9px; padding: 4px 10px;}
   .circleimg { width: 195px; height:195px;}
   .circletxt{width: 145px; height: 145px; top: 5px; right: 5%}
   .linten{line-height: 30px}


}