@media only screen and (min-width : 240px) and (max-width : 319px) {
  .wrapper{width:90%;}
  
  .header{position: relative;padding: 0;}
  .logo{position: relative;margin: 0 auto;float:none;}
  .main-nav{display: none;}
  .js #menu {display:none;}
  .slicknav_menu {display:block;}
  .head-left{float: none;margin: 0 auto;}
  .head-right{float: none;margin: 0 auto;width: 290px;}
  .head-top{float: none;width: 100%;text-align: center;margin: 10px 0 15px 0px;}
  .top-contact{float: none;width: 100%;padding: 10px 0;}
  .top-contact ul li{margin: 0 0 5px 0;}
  .top-nav{float: none;width: 100%;}
  .top-nav ul li{margin-right: 10px;}
  .top-nav ul li a{padding: 10px 15px;}
  .head-bottom{display: none;}
  .nav-wrapper{display: none;}
  .nmain-nav{display: none;}
  
  .caption{top: 25%;width: 70%;}
  .caption h1{font-size: 1em;line-height: normal;}
  .caption a{display: none;}
  .example-pager {bottom: 10px;}
  
  .appointment{padding: 30px 0;}
  .appointment ul::before{display: none;}
  .appointment ul li span{margin-bottom: 10px;}
  .appointment ul li{padding: 0;width: 100%;margin: 0 0 20px 0;}
  .appointment ul li h3{font-size: 1.2em;margin-bottom: 10px;}
  .appointment ul li h4{font-size: 1em;}
  .appointment-left{width: 50%;margin: 0 auto 20px;float: none;}
  .appointment-right{width: 100%;padding: 0;float: none;}
  
  .hcounter-wrapper{padding: 30px 0;}
  .hcounter ul li{margin: 0 0 20px 0;width: 100%;padding: 0;}\
  
  .hservices-wrapper{padding: 30px 0;}
  .hservices h1{margin-bottom: 30px;}
  .tab-links{text-align: center;}
  .tab-links li{margin: 0 0px 5px 0;}
  .tab-links a{width: auto;padding: 10px;}
  li.active a, .hproducts li.active a:hover{background: #2fa5eb;}
  .tab-links a:hover{background: #2fa5eb;}
  .tab-content{padding: 30px;}
  .hservices-left{width: 100%;padding: 0;}
  .hservices-right{width: 100%;}
  .tab-content ul li{width: 100%;}
  .hservices-right img{width: 100%;}
  
  .testimonials{padding: 30px 0;}
  .testimonials ul li{width: 80%;margin: 0 auto 60px;float: none;}
  
  .foot-left{width: 100%;margin: 0 0 20px 0;text-align: center;}
  .foot-left ul li{margin: 0 0 10px 0;}
  .foot-right{width: 100%;text-align: center;}
  .copyright{width: 100%;float: none;text-align: center;margin: 0 0 15px 0;}
  .foot-social{width: 100%;float: none;text-align: center;margin: 0 0 5px 0;}
  .foot-nav{width: 100%;float: none;text-align: center;}
  
  .inner-banner-text h1{font-size: 1.3em;}
  #breadcrumbs{display: none;}
  .about-left{width: 100%;margin: 0 0 20px 0;}
  .about-right{width: 100%;}
  
  .doctors-wrapper{padding: 30px 0;}
  .doctors p{padding: 0;}
  
  .service{padding: 30px 0;}
  .service-left{width: 100%;margin: 0 0 20px 0;}
  .service-left ul li a {padding: 12px 20px;}
  .service-right{width: 100%;}
  
  .career{padding: 30px 0;}
  .career-left{width: 100%;margin: 0 0 20px 0;}
  .career-right{width: 100%;}
  
  .lnews{padding: 30px 0;}
  .lnews ul li{width: 100%;}
  .lnews-left{float: none;margin: 0 auto 20px;}
  .lnews-right{float: none;padding: 20px;width: 85%;}
  
  .contact{padding: 30px 0;}
  .contact-form-inner{padding: 20px;}
  .contact-left{width: 100%;}
  .contact-left ul li{width: 100%;margin: 0 0 20px 0;}
  .contact-right{width: 100%;}
  
  .faqs{padding: 30px 0;}
  .wow{animation: none!important;}
}
@media only screen and (min-width : 320px) and (max-width : 480px) {
  .wrapper{width:90%;}
  
  .header{position: relative;padding: 0;}
  .logo{position: relative;margin: 0 auto;float:none;}
  .main-nav{display: none;}
  .js #menu {display:none;}
  .slicknav_menu {display:block;}
  .head-left{float: none;margin: 0 auto;}
  .head-right{float: none;margin: 0 auto;width: 290px;}
  .head-top{float: none;width: 100%;text-align: center;margin: 10px 0 15px 0px;}
  .top-contact{float: none;width: 100%;padding: 10px 0;}
  .top-contact ul li{margin: 0 0 5px 0;}
  .top-nav{float: none;width: 100%;}
  .top-nav ul li{margin-right: 10px;}
  .top-nav ul li a{padding: 10px 15px;}
  .head-bottom{display: none;}
  .nav-wrapper{display: none;}
  .nmain-nav{display: none;}
  
  .caption{top: 25%;width: 70%;}
  .caption h1{font-size: 1em;line-height: normal;}
  .caption a{display: none;}
  .example-pager {bottom: 10px;}
  
  .appointment{padding: 30px 0;}
  .appointment ul::before{display: none;}
  .appointment ul li span{margin-bottom: 10px;}
  .appointment ul li{padding: 0;width: 100%;margin: 0 0 20px 0;}
  .appointment ul li h3{font-size: 1.2em;margin-bottom: 10px;}
  .appointment ul li h4{font-size: 1em;}
  .appointment-left{width: 50%;margin: 0 auto 20px;float: none;}
  .appointment-right{width: 100%;padding: 0;float: none;}
  
  .hcounter-wrapper{padding: 30px 0;}
  .hcounter ul li{margin: 0 0 20px 0;width: 100%;padding: 0;}\
  
  .hservices-wrapper{padding: 30px 0;}
  .hservices h1{margin-bottom: 30px;}
  .tab-links{text-align: center;}
  .tab-links li{margin: 0 0px 5px 0;}
  .tab-links a{width: auto;padding: 10px;}
  li.active a, .hproducts li.active a:hover{background: #2fa5eb;}
  .tab-links a:hover{background: #2fa5eb;}
  .tab-content{padding: 30px;}
  .hservices-left{width: 100%;padding: 0;}
  .hservices-right{width: 100%;}
  .tab-content ul li{width: 100%;}
  .hservices-right img{width: 100%;}
  
  .testimonials{padding: 30px 0;}
  .testimonials ul li{width: 80%;margin: 0 auto 60px;float: none;}
  
  .foot-left{width: 100%;margin: 0 0 20px 0;text-align: center;}
  .foot-left ul li{margin: 0 0 10px 0;}
  .foot-right{width: 100%;text-align: center;}
  .copyright{width: 100%;float: none;text-align: center;margin: 0 0 15px 0;}
  .foot-social{width: 100%;float: none;text-align: center;margin: 0 0 5px 0;}
  .foot-nav{width: 100%;float: none;text-align: center;}
  
  .inner-banner-text h1{font-size: 1.3em;}
  #breadcrumbs{display: none;}
  .about-left{width: 100%;margin: 0 0 20px 0;}
  .about-right{width: 100%;}
  
  .doctors-wrapper{padding: 30px 0;}
  .doctors p{padding: 0;}
  
  .service{padding: 30px 0;}
  .service-left{width: 100%;margin: 0 0 20px 0;}
  .service-left ul li a {padding: 12px 20px;}
  .service-right{width: 100%;}
  
  .career{padding: 30px 0;}
  .career-left{width: 100%;margin: 0 0 20px 0;}
  .career-right{width: 100%;}
  
  .lnews{padding: 30px 0;}
  .lnews ul li{width: 100%;}
  .lnews-left{float: none;margin: 0 auto 20px;}
  .lnews-right{float: none;padding: 20px;width: 85%;}
  
  .contact{padding: 30px 0;}
  .contact-form-inner{padding: 20px;}
  .contact-left{width: 100%;}
  .contact-left ul li{width: 100%;margin: 0 0 20px 0;}
  .contact-right{width: 100%;}
  
  .faqs{padding: 30px 0;}
  .wow{animation: none!important;}

}
@media only screen and (min-width : 360px) and (max-width : 640px) {
  .wrapper{width:90%;}
  
  .header{position: relative;padding: 0;}
  .logo{position: relative;margin: 0 auto;float:none;}
  .main-nav{display: none;}
  .js #menu {display:none;}
  .slicknav_menu {display:block;}
  .head-left{float: none;margin: 0 auto;}
  .head-right{float: none;margin: 0 auto;width: 290px;}
  .head-top{float: none;width: 100%;text-align: center;margin: 10px 0 15px 0px;}
  .top-contact{float: none;width: 100%;padding: 10px 0;}
  .top-contact ul li{margin: 0 0 5px 0;}
  .top-nav{float: none;width: 100%;}
  .top-nav ul li{margin-right: 10px;}
  .top-nav ul li a{padding: 10px 15px;}
  .head-bottom{display: none;}
  .nav-wrapper{display: none;}
  .nmain-nav{display: none;}
  
  .caption{top: 25%;width: 70%;}
  .caption h1{font-size: 1em;line-height: normal;}
  .caption a{display: none;}
  .example-pager {bottom: 10px;}
  
  .appointment{padding: 30px 0;}
  .appointment ul::before{display: none;}
  .appointment ul li span{margin-bottom: 10px;}
  .appointment ul li{padding: 0;width: 100%;margin: 0 0 20px 0;}
  .appointment ul li h3{font-size: 1.2em;margin-bottom: 10px;}
  .appointment ul li h4{font-size: 1em;}
  .appointment-left{width: 50%;margin: 0 auto 20px;float: none;}
  .appointment-right{width: 100%;padding: 0;float: none;}
  
  .hcounter-wrapper{padding: 30px 0;}
  .hcounter ul li{margin: 0 0 20px 0;width: 100%;padding: 0;}\
  
  .hservices-wrapper{padding: 30px 0;}
  .hservices h1{margin-bottom: 30px;}
  .tab-links{text-align: center;}
  .tab-links li{margin: 0 0px 5px 0;}
  .tab-links a{width: auto;padding: 10px;}
  li.active a, .hproducts li.active a:hover{background: #2fa5eb;}
  .tab-links a:hover{background: #2fa5eb;}
  .tab-content{padding: 30px;}
  .hservices-left{width: 100%;padding: 0;}
  .hservices-right{width: 100%;}
  .tab-content ul li{width: 100%;}
  .hservices-right img{width: 100%;}
  
  .testimonials{padding: 30px 0;}
  .testimonials ul li{width: 80%;margin: 0 auto 60px;float: none;}
  
  .foot-left{width: 100%;margin: 0 0 20px 0;text-align: center;}
  .foot-left ul li{margin: 0 0 10px 0;}
  .foot-right{width: 100%;text-align: center;}
  .copyright{width: 100%;float: none;text-align: center;margin: 0 0 15px 0;}
  .foot-social{width: 100%;float: none;text-align: center;margin: 0 0 5px 0;}
  .foot-nav{width: 100%;float: none;text-align: center;}
  
  .inner-banner-text h1{font-size: 1.3em;}
  #breadcrumbs{display: none;}
  .about-left{width: 100%;margin: 0 0 20px 0;}
  .about-right{width: 100%;}
  
  .doctors-wrapper{padding: 30px 0;}
  .doctors p{padding: 0;}
  
  .service{padding: 30px 0;}
  .service-left{width: 100%;margin: 0 0 20px 0;}
  .service-left ul li a {padding: 12px 20px;}
  .service-right{width: 100%;}
  
  .career{padding: 30px 0;}
  .career-left{width: 100%;margin: 0 0 20px 0;}
  .career-right{width: 100%;}
  
  .lnews{padding: 30px 0;}
  .lnews ul li{width: 100%;}
  .lnews-left{float: none;margin: 0 auto 20px;}
  .lnews-right{float: none;padding: 20px;width: 85%;}
  
  .contact{padding: 30px 0;}
  .contact-form-inner{padding: 20px;}
  .contact-left{width: 100%;}
  .contact-left ul li{width: 100%;margin: 0 0 20px 0;}
  .contact-right{width: 100%;}
  
  .faqs{padding: 30px 0;}
  .wow{animation: none!important;}

}
@media only screen and (min-width : 414px) and (max-width : 767px) {
  .wrapper{width:90%;}
  
  .header{position: relative;padding: 0;}
  .logo{position: relative;margin: 0 auto;float:none;}
  .main-nav{display: none;}
  .js #menu {display:none;}
  .slicknav_menu {display:block;}
  .head-left{float: none;margin: 0 auto;}
  .head-right{float: none;margin: 0 auto;width: 290px;}
  .head-top{float: none;width: 100%;text-align: center;margin: 10px 0 15px 0px;}
  .top-contact{float: none;width: 100%;padding: 10px 0;}
  .top-contact ul li{margin: 0 0 5px 0;}
  .top-nav{float: none;width: 100%;}
  .top-nav ul li{margin-right: 10px;}
  .top-nav ul li a{padding: 10px 15px;}
  .head-bottom{display: none;}
  .nav-wrapper{display: none;}
  .nmain-nav{display: none;}
  
  .caption{top: 25%;width: 70%;}
  .caption h1{font-size: 1em;line-height: normal;}
  .caption a{display: none;}
  .example-pager {bottom: 10px;}
  
  .appointment{padding: 30px 0;}
  .appointment ul::before{display: none;}
  .appointment ul li span{margin-bottom: 10px;}
  .appointment ul li{padding: 0;width: 100%;margin: 0 0 20px 0;}
  .appointment ul li h3{font-size: 1.2em;margin-bottom: 10px;}
  .appointment ul li h4{font-size: 1em;}
  .appointment-left{width: 50%;margin: 0 auto 20px;float: none;}
  .appointment-right{width: 100%;padding: 0;float: none;}
  
  .hcounter-wrapper{padding: 30px 0;}
  .hcounter ul li{margin: 0 0 20px 0;width: 100%;padding: 0;}\
  
  .hservices-wrapper{padding: 30px 0;}
  .hservices h1{margin-bottom: 30px;}
  .tab-links{text-align: center;}
  .tab-links li{margin: 0 0px 5px 0;}
  .tab-links a{width: auto;padding: 10px;}
  li.active a, .hproducts li.active a:hover{background: #2fa5eb;}
  .tab-links a:hover{background: #2fa5eb;}
  .tab-content{padding: 30px;}
  .hservices-left{width: 100%;padding: 0;}
  .hservices-right{width: 100%;}
  .tab-content ul li{width: 100%;}
  .hservices-right img{width: 100%;}
  
  .testimonials{padding: 30px 0;}
  .testimonials ul li{width: 80%;margin: 0 auto 60px;float: none;}
  
  .foot-left{width: 100%;margin: 0 0 20px 0;text-align: center;}
  .foot-left ul li{margin: 0 0 10px 0;}
  .foot-right{width: 100%;text-align: center;}
  .copyright{width: 100%;float: none;text-align: center;margin: 0 0 15px 0;}
  .foot-social{width: 100%;float: none;text-align: center;margin: 0 0 5px 0;}
  .foot-nav{width: 100%;float: none;text-align: center;}
  
  .inner-banner-text h1{font-size: 1.3em;}
  #breadcrumbs{display: none;}
  .about-left{width: 100%;margin: 0 0 20px 0;}
  .about-right{width: 100%;}
  
  .doctors-wrapper{padding: 30px 0;}
  .doctors p{padding: 0;}
  
  .service{padding: 30px 0;}
  .service-left{width: 100%;margin: 0 0 20px 0;}
  .service-left ul li a {padding: 12px 20px;}
  .service-right{width: 100%;}
  
  .career{padding: 30px 0;}
  .career-left{width: 100%;margin: 0 0 20px 0;}
  .career-right{width: 100%;}
  
  .lnews{padding: 30px 0;}
  .lnews ul li{width: 100%;}
  .lnews-left{float: none;margin: 0 auto 20px;}
  .lnews-right{float: none;padding: 20px;width: 85%;}
  
  .contact{padding: 30px 0;}
  .contact-form-inner{padding: 20px;}
  .contact-left{width: 100%;}
  .contact-left ul li{width: 100%;margin: 0 0 20px 0;}
  .contact-right{width: 100%;}
  
  .faqs{padding: 30px 0;}
  .wow{animation: none!important;}

}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .wrapper{width:95%;}
  .header{position: relative;padding: 0 0 10px 0;}
  .logo{position: relative;margin: 0 auto;float:none;}
  .main-nav{display: none;}
  .js #menu {display:none;}
  .slicknav_menu {display:block;}
  .head-left{float: left;}
  .head-right{float: right;margin: 0 auto;width: 66%;}
  .head-top{float: none;width: 100%;text-align: center;margin: 10px 0 15px 0px;}
  .top-contact{float: none;width: 100%;padding: 10px 0;text-align: right;}
  .top-contact ul li{margin: 0 30px 5px 0;}
  .top-nav{float: none;width: 100%;}
  .top-nav ul li{margin-right: 10px;}
  .top-nav ul li a{padding: 10px 15px;}
  .head-bottom{display: none;}
  .nav-wrapper{display: none;}
  
  .caption{top:35%;width: 70%;}
  .caption h1 {font-size:1.5em;}
  
  .appointment{padding: 50px 0;}
  .appointment ul{text-align: center;}
  .appointment ul::before{display: none;}
  .appointment ul li{padding: 0 25px;}
  .appointment-right{padding: 0;}
  
  .hcounter ul li{padding: 0 10px;width: 150px;}
  .hcounter ul li h2 {font-size: 13px;}
  
  .hservices-wrapper{padding: 50px 0;}
  
  .tab-links{text-align: center;}
  .tab-links li{margin: 0 0px 5px 0;}
  .tab-links a{width: auto;padding: 10px;}
  li.active a, .hproducts li.active a:hover{background: #2fa5eb;}
  .tab-links a:hover{background: #2fa5eb;}
  .tab-content{padding: 30px;}
  .tab-content ul li{width: 100%;}
  .hservices-right img{width: 100%;}
  
  .testimonials ul li{width: 24%;margin-right: 12px;}
  
  .foot-left{width: 52%;}
  .foot-right{width: 45%;}
  .foot-social{width: 26%;}
  .foot-social ul li{margin-right: 10px;}
  .foot-nav{width: 35%;}
  .hcounter{text-align: center;}
  
  .doctors p{padding: 0;}
  .lnews ul li{float: none;margin: 0 auto 20px;}
  .lnews ul li:nth-child(2n){margin: 0 auto 20px;}
  
  .contact-form-inner{padding: 20px;}
  .contact-left ul li{width: 100%;margin: 0 0 20px 0;}
  .wow{animation: none!important;}

}
@media only screen and (min-width : 1024px) and (max-width : 1280px) {
  .testimonials ul li {width: 26.3%;}
}
@media only screen and (min-width : 1281px) and (max-width : 1432px) {
  

}