@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Bold.woff2') format('woff2'),
        url('../fonts/Calibri-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*-----------------------*/
body { padding: 0; margin: 0 auto;font-family:"Open Sans", Helvetica, Arial, sans-serif !important; position: relative; font-weight: 400; overflow-x: hidden; color: #636363; font-size: 16px;background:#fff;}
ul { list-style: none }
a { text-decoration: none; outline: none; }
body a:hover, body a:focus { text-decoration: none; color: #dcdbff; }
a:focus { outline: none; text-decoration: underline }
textarea:focus { outline: none }
input { outline: none !important }
button, button:focus { outline: none }
a img { border: none }
img { border: 0; max-width: 100%; }
p { padding: 0; margin: 0 }
h1, h2, h3, h4, ul, p { padding: 0; margin: 0 }
textarea { resize: none }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff }
input:-moz-placeholder, textarea:-moz-placeholder { color: #fff }
input::-moz-placeholder { opacity: 1; outline: none }
textarea::-moz-placeholder { opacity: 1; outline: none }
.clr { clear: both; height: 0 }
.form-control:focus { box-shadow: none }
ul { padding: 0; list-style: none }
a { text-decoration: none; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s }
a:hover { text-decoration: none; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s }

/*===============header===============*/
 header .container {max-width:100%; padding:0 130px;}
.top-header {  background-color: #c7c9c7;padding:20px 0;}
.top-header ul { display: flex; width: 100%; justify-content: flex-end; }
.top-header ul li { padding-left: 30px;color: #636363;font-size: 16px; }
.top-header ul li a{color: #636363;font-size: 16px; }
.top-header ul li a:hover{color: #00778a;}
a.navbar-brand {padding: 0;}
header .navbar-expand-lg{padding: 0;}
header .navbar-collapse{-ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;    margin-left: auto;}
.navbar-expand-lg .navbar-nav .nav-link{font-size: 20px;font-weight: 500;color: #0a0a0a;padding: 17px 22px;}
.navbar-expand-lg .navbar-nav .nav-link:hover{color:#00778a}
header ul.nav.navbar-nav.navbar-right li.any-ques a { padding: 8px 23px; border-radius: 5px; background-color: #00778a;color: #fff;font-size: 16px;display:inline-block;font-weight:700; }
header ul.nav.navbar-nav.navbar-right li.any-ques a:hover{    color: #fff;background-color:#006373}
header ul.nav.navbar-nav.navbar-right li a{  color: #503389;font-weight: 600;}
.navbar-header {  width: 100%;display: flex; justify-content: space-between;}
li.any-ques { margin-left:12px; }
li.search { display: flex; align-items: center; }
li.search a { width: 30px; height: 30px; display: inline-block; border-radius: 5px; background-color: #e6e6e6; text-align: center; line-height: 30px; }
.bottom-header { border: solid 1px #c7c7c7; padding:10px 0; }

/*banner*/
.top-banner{padding:109px 0 190px;background-size:cover;background-position: center;}
.top-banner h1 { font-size: 56px; color: #fff; font-weight: 400;margin:0 0 5px; }
.top-banner h1 strong{font-size: 78px; font-weight: bold; color: #ffd136;display:block; }
.top-banner p{font-size: 78px; color: #fff;font-size: 34px;}


/*footer*/
footer{background-image:url('../images/footer-bg.jpg');background-repeat:no-repeat;padding:45px 0 360px;background-position:center;background-size:cover;}
footer .menu-col { padding: 0 12px; }
footer h3 { font-size: 16px; font-weight: bold;color: #636363636363;margin:0 0 0px; }footer .menu-col ul li{margin:0 0 20px;}
footer .menu-col ul li a{  font-size: 20px; color: #0d0d0d;}
footer .menu-col ul li a:hover{color: #006373;}
.social ul { display: flex; align-items: center; }
.social ul li{margin-right: 10px; }
.social ul li:first-child{ font-size: 25px; font-weight: bold; margin-right: 15px; }
.bottam-footer p{font-size: 20px;}

/*top procedures*/
.top-procedures{padding:70px 0;}
.top-procedures h2{color:#63599e;font-size: 39px;font-weight:bold;margin:0 0 10px;}
.top-procedures h2 + p{text-align: left;color: #626262;font-size: 25px;margin:0 0 30px;}
.nav-tabs{border:none;}
.top-procedures .nav-tabs .nav-item{width:100%;margin:0 0 30px;}
.top-procedures .nav-tabs .nav-link { border: none; background-color: #f5f5f5; color: #636363; font-size:17px; font-weight: 500; position: relative; padding-left: 96px; min-height: 77px; line-height: 77px;border-radius:5px;position:relative; }

.top-procedures .nav-tabs .nav-link img { position: absolute; left: 26px; top: 26px; }

.top-procedures .nav-tabs .nav-item.show .nav-link, .top-procedures  .nav-tabs .nav-link.active{background-color: #6967af;color:#fff;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.top-procedures .nav-tabs .nav-item.show .nav-link:after, .top-procedures .nav-tabs .nav-link.active:after{position: absolute; top: 30px; -webkit-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1)); -moz-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1)); -o-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1)); -ms-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1)); filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1)); width: 0; height: 0; border: 0 solid transparent; border-top-width: 15px; border-bottom-width: 15px; border-left: 15px solid #6967af; content: ""; right: -15px;}
.top-procedures .tab-pane p{color: #636363;font-size: 20px;margin:0 0 30px;line-height:33px;}
.top-procedures .tab-pane img.float-right{margin-left:15px;margin-bottom:20px;}
.top-procedures .tab-pane a{display: inline-block; border: solid 1px #ffffff; background-color: #00778a; font-size: 16px; color: #fff; font-weight: bold; padding:10px 19px 10px 20px;}
.top-procedures .tab-pane a:hover, .top-procedures .tab-pane a:focus{color: #fff;background-color:#006373}

.top-procedures .nav-tabs .nav-link .pw-img { display: none; }
.top-procedures .nav-tabs .nav-link.active .pr-img { display: none; }
.top-procedures .nav-tabs .nav-link.active .pw-img {display: block;}
/*LEADERSHIP SPEAKS*/
.testimonials-sec{padding:60px 0; background-color: #f5f5f5;}
.testimonials-sec h2{color:#63599e;font-size: 39px;font-weight:bold;margin:0 0 6px;}
.testimonials-sec h2 + p{text-align: left;color: #626262;font-size: 25px;margin:0 0 15px;}
.testimonials-text p{text-align: left;color: #636363;font-size: 25px;margin:0 0 20px;line-height:32px;}
.testimonials-text .user-name h3{color: #494e5a; font-size: 25px;font-weight: bold;margin: 0 0 5px;}
.testimonials-text .user-name span{color: #494e5a;font-size: 20px;}

/*Our Clinical Experts*/
.our-experts{padding:80px 0;}
.our-experts h2{color:#63599e;font-size: 39px;font-weight:bold;margin:0 0 6px;}
.our-experts h2 + p{text-align: left;color: #626262;font-size: 25px;margin:0 0 15px;max-width: 500px;}
.our-experts .item:hover { padding: 30px 0; }

.experts-block{background:#f5f5f5;transition: .4s ease-in-out;}
.experts-block img{max-height:358px;width:100%;}
.experts-block .experts-des{padding:15px}
.experts-block .experts-des h3{color: #080808;font-size: 25px;font-weight: bold;margin:0 0 5px;}
.experts-block .experts-des p{text-align: left;color: #383838;font-size:16px;}
.experts-block .experts-des a{font-size: 15px; color: #fff; display: inline-block; margin-top: 4px;visibility:hidden;}
.experts-block:hover .experts-des h3, .experts-block:hover .experts-des p{color:#fff;} 
.experts-block:hover .experts-des a{visibility:visible;} 
.experts-block:hover {border-radius: 5px; box-shadow: 0 3px 26px 0 rgba(0, 0, 0, 0.16); background-color: #00778a; }

/*PATIENT TESTIMONIAL*/
.patient-testimonials{padding:60px 0; background-color: #f5f5f5;}
.patient-testimonials h2{color:#63599e;font-size: 39px;font-weight:bold;margin:0 0 6px;}
.patient-testimonials p{text-align: left;color: #636363;font-size: 25px;margin:0 0 20px;line-height:38px;}


.our-blog{padding:50px 0;}
.our-blog h2{color:#63599e;font-size: 39px;font-weight:bold;margin:0 0 10px;}
.our-blog p{text-align: left;color: #636363;font-size: 20px;margin:0 0 20px;line-height:1.3;}
.our-blog .col-md-4 a{display: inline-block; border: solid 1px #ffffff; background-color: #00778a; font-size: 16px; color: #fff; font-weight: bold; padding: 12px 40px;}
.our-blog .col-md-4 a:hover, .our-blog .col-md-4 a:focus { color: #fff; background-color: #006373; }
.blog-col{padding:35px;background:#f5f5f5;}
.blog-item{position:relative;}
.blog-item img{max-height:243px;width:100%;border-radius:5px;}
.blog-item .blog-des{padding:15px 0 ;}
.blog-item .blog-des p{ font-size: 20px;color: #636363636363; line-height: 1.3;}
.blog-item .blog-des a{ color: #00778a;line-height: 1.3;  font-size: 20px;font-weight: bold; }
.blog-item .blog-des a:hover{color: #636363;}
.date-label { position: absolute; left: 20px; top: 0; z-index: 1; width: 59px; height: 61px; color: #fff; background:#6967af; font-size: 20px; text-align: center; font-weight: bold; line-height: 20px;line-height: 26px; padding-top: 7px; }
.date-label b{ display:block;font-size:32px;}

/*ANNOUNCEMENT*/
.annouce-sec{padding:60px 0 100px;}
.annouce-sec h2{color:#63599e;font-size: 39px;font-weight:bold;margin:0 0 10px;}
.annouce-sec h2 + p{text-align: left;color: #636363;font-size: 25px;margin:0 0 40px;max-width: 553px;  line-height: 1.4;}
.annouce-item { background: #f5f5f5;padding:7px;}
.annouce-item p{font-size: 20px; line-height: 1.35;margin:0 0 15px;}
.annouce-item a{color: #00778a;font-size: 21px;font-weight:bold;}
.annouce-item a:hover{color: #636363;}

/*=============== css ===============*/
.tabing-sec { padding: 0 0 70px;    margin-top: -45px; }
.service-tab .nav-tabs { border: none; }
.service-tab .nav-item { margin-bottom: 0;flex: 0 0 33.33%; max-width: 33.33%; text-align: center;}
.service-tab .nav-link {border-radius: 0; position: relative; border: none;border-right: 2px solid #ccc; font-size: 30px; font-weight: 200; font-stretch: normal; font-style: normal; line-height: 31px; letter-spacing: normal; color: #3e4141; padding: 27px 50px 28px 50px; background-color: #f5f5f5; }
.service-tab .nav-tabs .nav-item.show .nav-link, .service-tab .nav-tabs .nav-link.active { color: #fff; background-color: #6967af; }
.service-tab .nav-tabs .nav-link:focus, .service-tab .nav-tabs .nav-link:hover{border-color: #ccc;}
.service-tab .nav-item:last-child .nav-link{border-right: none; }
.service-tab .nav-tabs .nav-link.active:after { content: ''; position: absolute; top: 99.5%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #6967af; }


.service-tab {margin-bottom: 20px;overflow: hidden; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); background-color: #ffffff; border-radius: 5px; }
.service-content { padding: 60px 47px 35px; }
.service-content h3 { font-size: 25px; font-weight: 200; font-stretch: normal; font-style: normal; line-height: 1.04; letter-spacing: normal; text-align: left; color: #636363636363; margin: 0 0 30px 0; }
.search-box input { width: calc(100% - 61px); height: 51px; margin: 0 0 5px 0; padding: 0 1px 0 14px; border: solid 1px #b7b7b7; background-color: #ffffff; font-size: 20px; text-align: left; color: #636363636363; border-radius: 5px 0 0 5px; }
.search-box { display: flex;margin-bottom: 45px; }
.search-btn { width: 61px; height: 51px; line-height: 51px; background-color: #00778a; border: none; color: #fff; margin-left: -1px; border-radius: 0 5px 5px 0; font-size: 36px; }
.all-service { font-size: 25px; font-weight: 200; font-stretch: normal; font-style: normal; line-height: 1.04; letter-spacing: normal; text-align: left; color: #00778a; }
.all-service i { font-size: 20px; margin-left: 7px; font-weight: 300; }
.servcie-list li { width: 50%;display: flex; align-items: flex-start; margin-bottom: 15px; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.3; letter-spacing: normal; text-align: left; color: #636363636363; }
.servcie-list li img{margin-right: 15px;}
.servcie-list ul { display: flex; flex-wrap: wrap; }
.covid-info {border-radius: 5px; display: flex; align-items: center; background-color: #5b5291; padding: 13px 15px; }
.covid-info strong { margin-right: 20px; font-size: 25px; font-weight: 200; line-height: 1.04; text-align: left; color: #313131; }
.covid-info p { font-size: 16px; line-height: 1.63; text-align: left; color: #313131; }
.read-more { margin-left: auto;font-size: 16px;font-weight: 200;color: #00778a; }

.why-choose{padding: 0 0 70px;}
.choose-data h2 { font-size: 39px; font-weight:bold; text-align: left; line-height: 39px; color:#63599e; margin-bottom: 7px; }
.choose-data h3 { font-size: 25px; line-height: 1.04; text-align: left; color: #626262; margin-bottom: 30px; }
.choose-data p {margin-bottom: 50px; font-size: 20px; font-weight: normal;  text-align: left; color: #636363; }
.view-more { padding:10px 19px 10px 20px; border: solid 1px #00778a; background-color: #00778a; color: #fff; display: inline-block; font-size: 16px; font-weight: 200; text-transform: uppercase; }
.view-more:hover, .view-more:focus{color: #fff;background-color:#006373}
.choose-images{text-align: center;}
.choose-images ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;max-width: 595px; float: right; }
.choose-images li {margin: 0 0 30px; display: inline-block; padding: 0 10px; width: 50%;}
.choose-box { position: relative; text-align: center;box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);    display: inline-block;}
.choose-box img { border-radius: 5px; width:300px; height:191px; object-fit: cover; }
.text-data { position: absolute; bottom: 0; left: 0; width: 100%; }

.text-data h3 { color: #5b5291; font-size: 44px; font-weight:bold; line-height: 40px;margin-bottom: 7px; }
.text-data p { color: #3e4141; font-size: 21px; font-weight: normal; line-height: 1.33; }
.text-data { padding: 10px; }

.our-specialist { padding: 0 0 70px; }
.our-specialist h2 { font-size: 39px; font-weight:bold; text-align: left; line-height: 39px; color:#63599e; margin-bottom: 10px; }
.our-specialist p { font-size: 25px; font-weight: normal; line-height: 1.04; text-align: left; color: #626262; }
.our-specialist li { width: 16.66%; padding: 0 7px; }
.our-specialist ul { display: flex; flex-wrap: wrap; margin:  50px -7px 0; }
.special-box .white-img { display: none; }
.learn-more { display: none;font-size: 16px; font-weight: normal; line-height: 1.63; text-align: left; color: #ffffff; margin-top: 17px; }
.learn-more i{margin-left: 3px;font-size: 14px;}
.special-box img { margin-bottom: 130px; }
.special-box {transition: .4s ease-in-out; padding: 30px 15px 20px 15px;min-height: 304px; border-radius: 5px; background-color: #f5f5f5; }
.special-box h3 { font-size:17px; font-weight: 200; line-height: 1.3; text-align: left; color: #484848; }
.special-box:hover { box-shadow: 0 3px 26px 0 rgb(0 0 0 / 16%); background-color: #6967af; }
.special-box:hover .red-img{display: none;}
.special-box:hover .white-img,.special-box:hover .learn-more{display: block;}
.special-box:hover h3{color: #fff;}

.second-opinion{padding: 70px 0 70px;background-color: #f5f5f5;}
.second-opinion h2 { font-size: 39px; font-weight:bold; text-align: left; line-height: 39px; color:#63599e; margin-bottom: 7px; }
.second-opinion h3 { font-size: 25px; line-height: 1.04; text-align: left; color: #626262; margin-bottom: 30px; }
.second-opinion p { margin-bottom: 50px; font-size: 20px; font-weight: normal; line-height: normal; text-align: left; color: #636363; }
.second-opinion a.view-more { padding: 16px 19px 15px 20px; }
.opinion-img { text-align: center; }
.second-opinion .row{align-items: center;}
/*end*/

.owl-dot { border-radius: 14px; background-color: #d8dadd; width: 63px; height: 12px; display: inline-block; margin: 0 10px; }

.owl-dot.active{ background-color: #00778a;}
.our-experts .owl-dots { position: absolute; top: -40px; right: 0; }
.patient-testimonials .owl-dots { max-width: 320px; margin: auto; display: flex; justify-content: center; align-items: center; border-radius: 5px; box-shadow: 15px 19px 28px 0 rgb(0 0 0 / 16%); border: solid 1px #d9d9d9; background-color: #ffffff; min-height: 45px; z-index: 1636363; position: absolute; bottom: -26px; left: 0; right: 0; }

.our-blog .owl-dots, #annouce-slider .owl-dots{ display: flex; justify-content: flex-end; margin-top:20px;}
.search-mobile{display:none;}

/*inner page css*/
 
.inner-banner h1 { color: #636363; }
.inner-banner h1 strong{color: #00778a;display: block;}
 
.cancer-wrap { padding-left: 54px; }
.cancer-sec h3 { font-size: 39px; font-weight: 200; text-align: left; color: #636363; margin-bottom: 15px; }
.cancer-wrap p { font-size: 20px; font-weight: 300; text-align: left; color: #636363; }
.cancer-wrap>div:not(:last-child) { margin-bottom: 40px; }
.we-treat h3 { margin-bottom: 0; }
.cancer-wrap li {transition: .4s ease-in-out; width: 25%; padding: 0 10px;margin-bottom: 15px; }
.cancer-wrap ul { display: flex; flex-wrap: wrap; margin: 0 -10px;margin-top: 40px; }
.cancer-wrap li > div { border-radius: 5px; background-color: #f5f5f5; padding: 19px 15px 14px 16px;    height: 100%; }
.we-treat-box h5 { font-size: 25px; font-weight: 200; line-height: 1.36; text-align: left; color: #636363636363; }
.we-treat-box p{margin-bottom: 15px;}
.learn-link {display: none; font-size: 16px; line-height: 1.63; text-align: left; color: #ffffff; }
.we-treat-box:hover .learn-link{display: block;}
.we-treat-box:hover{box-shadow: 0 26px 26px 0 rgba(0, 0, 0, 0.16); background-color: #00778a;z-index: 2;}
.we-treat-box:hover h5,.we-treat-box:hover p{color: #fff;}
.learn-link:hover{color: #fff;}
.we-treat-box {transition: .4s ease-in-out; position: relative; top: 50%; transform: translateY(-50%); }
.we-treat li:hover { transform: scale(1.14);z-index: 2; }
.learn-link img{margin-left: 7px;}
.learn-caner span { display: none;font-size: 16px;font-weight: normal;color: #fff; }
.cancer-wrap li .treat-service { padding: 13px 16px 13px 20px; display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-weight: 200; line-height: 1.7; text-align: left; color: #636363636363; }
.w-img { display: none; }

.treat-service:hover .w-img{display: inline-block;}
.treat-service:hover .r-img{display: none;}
.treat-service:hover{box-shadow: 0 26px 26px 0 rgba(0, 0, 0, 0.16); background-color: #00778a;z-index: 2;}
.treat-service:hover{color: #fff !important;}
.treat-service {transition: .4s ease-in-out; position: relative; top: 50%; transform: translateY(-50%); }
.cancer-treat li:hover { transform: scale(1.14);z-index: 2; }
/*.treat-service:hover .learn-caner span{display: inline-block;}*/
.experts-sec .experts-block{border-radius: 5px;}
.know-more{display: none;font-size: 16px;font-weight: normal;color: #fff;margin-top: 15px;}
.know-more img { width: auto; margin-left: 5px; }
.experts-sec .experts-block:hover .know-more{display: block;} 
.experts-sec .experts-block:hover{box-shadow: 0 3px 26px 0 rgba(0, 0, 0, 0.16); background-color: #00778a;}
.experts-sec .experts-block:hover .experts-des h3,.experts-sec .experts-block:hover .experts-des p{color: #fff;}
.know-more:hover{color: #fff;}

/*tab img*/
.top-procedures .nav-tabs .nav-link .pw-img { display: none; }
.top-procedures .nav-tabs .nav-link.active .pr-img { display: none; }
.top-procedures .nav-tabs .nav-link.active .pw-img {display: block;}
.top-procedures .nav-tabs .nav-link:hover .pw-img{display: block;}
.top-procedures .nav-tabs .nav-link:hover .pr-img{display: none;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{background-color: #00778a; color: #fff; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);}



/*responsive*/ 
@media (min-width:1601px) {
  .container {max-width:1384px;}
}
@media  (min-width:1601px) and (max-width:1700px) { 
a.navbar-brand { max-width: 310px;}
.navbar-expand-lg .navbar-nav .nav-link { font-size: 18px; padding: 17px 22px; }
.top-header ul li{padding-left: 20px;}
.top-banner h1{    font-size: 46px;}
.top-banner h1 strong{    font-size: 68px;}
.top-banner p{font-size:30px;}
footer h3{font-size: 22px;    margin: 0 0 16px;}
footer .menu-col ul li {margin: 0 0 15px;}
footer .menu-col ul li a{font-size: 18px;}
.social ul li:first-child{    margin-right: 10px;font-size: 22px;}
.bottam-footer p { font-size: 18px; }

/*new*/
.service-tab .nav-link{font-size: 26px;}
.servcie-list li{font-size:16px;}
.choose-data h2, .our-specialist h2, .second-opinion h2, .top-procedures h2, .testimonials-sec h2, .our-experts h2, .patient-testimonials h2, .our-blog h2, .annouce-sec h2, .cancer-sec h3, .we-treat h3{font-size: 34px;}
.choose-data h3, .our-specialist p, .second-opinion h3, .top-procedures h2 + p, .testimonials-sec h2 + p, .our-experts h2 + p, .patient-testimonials p, .annouce-sec h2 + p{font-size:22px;}

}
@media  (min-width:1501px) and (max-width:1600px) { 
a.navbar-brand { max-width: 310px;}
.navbar-expand-lg .navbar-nav .nav-link { font-size: 18px; padding: 17px 10px; }
.top-header ul li{padding-left: 20px;}
.top-banner h1{font-size: 42px;}
.top-banner h1 strong{    font-size: 54px;}
.top-banner p{font-size:24px;}
footer h3{font-size: 20px;    margin: 0 0 16px;}
footer .menu-col ul li {margin: 0 0 15px;}
footer .menu-col ul li a{font-size: 18px;}
.social ul li:first-child{    margin-right: 10px;font-size: 22px;}
.bottam-footer p { font-size: 16px; }
/*new*/
.service-tab .nav-link{font-size: 26px;}
.servcie-list li{font-size:16px;}
.choose-data h2, .our-specialist h2, .second-opinion h2, .top-procedures h2, .testimonials-sec h2, .our-experts h2, .patient-testimonials h2, .our-blog h2, .annouce-sec h2, .cancer-sec h3, .we-treat h3 {font-size: 34px;}
.choose-data h3, .our-specialist p, .second-opinion h3, .top-procedures h2 + p, .testimonials-sec h2 + p, .our-experts h2 + p, .patient-testimonials p, .annouce-sec h2 + p, .testimonials-text p, .our-blog p{font-size:22px;}
.blog-item .blog-des p, .blog-item .blog-des a, .annouce-item p, .annouce-item a{font-size:16px;}
}

@media  (min-width:1400px) and (max-width:1500px) { 
.navbar-expand-lg .navbar-nav .nav-link { font-size: 17px; padding: 17px 10px; }
header ul.nav.navbar-nav.navbar-right li.any-ques a{padding: 8px 13px;    font-size: 15px;}
header .container{padding: 0 100px;}
a.navbar-brand { max-width: 304px;}
.top-header ul li{padding-left: 15px;    font-size: 15px;}
.top-banner h1{font-size: 38px;}
.top-banner h1 strong{font-size: 48px;}
.top-banner p{font-size:22px;}
footer h3{font-size: 18px; margin: 0 0 10px;}
footer .menu-col ul li {margin: 0 0 10px;}
footer .menu-col ul li a{font-size: 16px;}
.social ul li:first-child{ margin-right: 10px;font-size: 22px;}
.bottam-footer p { font-size: 16px; }

/*new*/
.service-tab .nav-link{font-size: 26px;}
.servcie-list li{font-size:16px;}
.choose-data h2, .our-specialist h2, .second-opinion h2, .top-procedures h2, .testimonials-sec h2, .our-experts h2, .patient-testimonials h2, .our-blog h2, .annouce-sec h2, .cancer-sec h3, .we-treat h3 {font-size: 34px;}
.choose-data h3, .our-specialist p, .second-opinion h3, .top-procedures h2 + p, .testimonials-sec h2 + p, .our-experts h2 + p, .patient-testimonials p, .annouce-sec h2 + p, .testimonials-text p, .our-blog p{font-size:22px;}
.blog-item .blog-des p, .blog-item .blog-des a, .annouce-item a{font-size:16px;}

}
@media (max-width: 1399px) {
header .container{padding: 0 15px;max-width: 1180px;}
.navbar-expand-lg .navbar-nav .nav-link { font-size: 18px; padding: 17px 10px; }
a.navbar-brand { max-width:340px;}
.top-header ul li{padding-left: 10px;font-size: 14px;}
.top-header{padding: 10px 0;}
.top-banner h1{font-size: 38px;}
.top-banner h1 strong{font-size: 48px;}
.top-banner p{font-size:22px;}
/*footer*/
footer h3{font-size: 14px; margin: 0 0 10px; text-transform:uppercase;}
footer .menu-col ul li {margin: 0 0 10px;}
footer .menu-col ul li a{font-size: 13px; color:#5b5291;}
.social ul li:first-child{ margin-right: 10px;font-size: 18px;}
.social ul li { margin-right: 5px; }
.bottam-footer p { font-size: 16px; }
.social ul li img { width: 28px; }

.service-tab .nav-link{font-size: 20px;    padding: 16px 30px;}
.service-content h3, .all-service, .covid-info strong { font-size: 22px;}
.service-tab .nav-tabs .nav-link.active:after{border-left: 20px solid transparent; border-right: 20px solid transparent;    border-top: 20px solid #6967af;}
.servcie-list li{font-size:16px;}
.choose-data h2, .our-specialist h2, .second-opinion h2, .top-procedures h2, .testimonials-sec h2, .our-experts h2, .patient-testimonials h2, .our-blog h2, .annouce-sec h2, .cancer-sec h3, .we-treat h3 {font-size: 30px;}
.choose-data h3, .our-specialist p, .second-opinion h3, .top-procedures h2 + p, .testimonials-sec h2 + p, .our-experts h2 + p, .patient-testimonials p, .annouce-sec h2 + p, .our-blog p{font-size:16px;margin: 0 0 20px;    line-height: 30px;}
.choose-data p{font-size: 16px;}
.text-data h3{font-size: 36px;}
.text-data p{    font-size: 18px;}
.special-box h3{font-size: 18px;}
.special-box{min-height: 294px;}
.special-box img { margin-bottom: 120px;}
.second-opinion p{    font-size: 18px;    line-height: inherit;}
.second-opinion a.view-more { padding: 10px 19px 10px 20px; }
.top-procedures .nav-tabs .nav-link{font-size: 18px;padding-left: 86px; min-height: 57px; line-height: 57px;}
.top-procedures .nav-tabs .nav-link img{max-width: 40px;left: 22px; top: 15px;}
.top-procedures .nav-tabs .nav-item{    margin: 0 0 20px;}
.top-procedures .nav-tabs .nav-item.show .nav-link:after, .top-procedures .nav-tabs .nav-link.active:after{top: 22px;}
.top-procedures .tab-pane p{font-size: 18px; margin: 0 0 25px; line-height: 30px;}
.testimonials-text p{font-size:16px;line-height: 28px;}
.testimonials-text .user-name h3{    font-size: 18px;margin: 0 0 1px;}
.testimonials-text .user-name span{    font-size: 16px;}
.experts-block .experts-des h3{font-size: 20px;}
.experts-block .experts-des p{font-size: 16px;}
.blog-item .blog-des p, .blog-item .blog-des a, .annouce-item p, .annouce-item a{font-size:16px;    margin: 0 0 10px;}
.date-label{    font-size: 18px;line-height: 22px; padding-top: 9px;}
.date-label b{    font-size: 24px;}
.owl-dot{margin: 0 3px;width: 42px; height: 8px;}
.patient-testimonials .owl-dots{max-width: 250px;}
.cancer-wrap { padding-left: 24px; margin-top: -20px; }
.cancer-wrap p, .cancer-wrap li .treat-service{font-size:16px;}
.we-treat-box h5{font-size:22px;}
}
 
@media screen and (max-width: 786px) {
footer h3 {
display: block !important;
}
.social {
display: block !important;
}
} 
 
@media only screen and (max-width: 1199px) {
.navbar-expand-lg .navbar-nav .nav-link { font-size: 16px; padding: 9px 10px; }
.top-header ul li a{font-size:13px;}
a.navbar-brand { max-width: 220px; }
li.any-ques {margin-left: 10px;}
.service-tab .nav-link { font-size: 18px; padding: 13px 26px; } 
.tabing-sec{margin-top: -40px;}
.service-content { padding: 50px 25px 25px; }
.service-content h3, .all-service, .covid-info strong { font-size: 20px; }
.service-content h3, .all-service, .covid-info strong { font-size: 18px; }
.choose-data h2, .our-specialist h2, .second-opinion h2, .top-procedures h2, .testimonials-sec h2, .our-experts h2, .patient-testimonials h2, .our-blog h2, .annouce-sec h2, .cancer-sec h3, .we-treat h3 { font-size: 26px; line-height: 28px; }
.text-data h3 { font-size: 28px; }
.choose-data h3, .our-specialist p, .second-opinion h3, .top-procedures h2 + p, .testimonials-sec h2 + p, .our-experts h2 + p, .patient-testimonials p, .annouce-sec h2 + p, .our-blog p { font-size: 16px; margin: 0 0 15px; line-height: 26px; }
.special-box{padding: 15px 10px;    min-height: 269px;}
.special-box h3 { font-size: 16px; }
.top-procedures .nav-tabs .nav-link { font-size: 16px; padding-left: 65px; min-height: 47px; line-height: 47px; }
.top-procedures .nav-tabs .nav-link img { max-width: 34px; left: 15px; top: 13px; }
.top-procedures .nav-tabs .nav-item.show .nav-link:after, .top-procedures .nav-tabs .nav-link.active:after { top: 21px;border-top-width: 12px; border-bottom-width: 12px; border-left: 12px solid #00778a; right: -12px; }
.top-procedures .tab-pane p { font-size: 16px; margin: 0 0 20px; line-height: 26px; }
.testimonials-text p { font-size: 16px; line-height: 24px;}
.experts-block .experts-des h3 { font-size: 18px; }










}
@media only screen and (max-width: 991px) {
.navbar-header{justify-content: space-between;}
div#collapsibleNavbar {  float: left !important;}
div#collapsibleNavbar { float: left !important; position: absolute; right: 0; width: 100%; background: #fff; top: 100%; margin-top: 10px; padding-bottom: 15px; z-index: 99;box-shadow: 0 3px 6px rgb(80 51 137 / 10%); }
ul.nav.navbar-nav.navbar-right { padding: 0 8px; }
.navbar-expand-lg .navbar-nav .nav-link{ padding: 8px 12px;position: relative;}
.navbar-expand-lg .navbar-nav .nav-link i.fas.fa-chevron-down { position: absolute; right: 12px; top: 13px; }
a.navbar-brand img{max-height:30px; }
.form-top-banner{    min-height: calc(100vh - 51px );}
button.navbar-toggler { float: left; padding-top: 0; padding: 0; margin-right: 30px;    font-size: 0; height: 24px;}
.search-mobile{width: 30px; height: 30px; display: inline-block; border-radius: 5px; background-color: #e6e6e6; text-align: center; line-height: 30px;}
li.search{display:none;}
li.any-ques{margin-left: 0;}
.top-header ul li span { display: none; }
.top-banner h1 { font-size: 30px; }
.top-banner h1 strong { font-size: 36px; }
.top-banner p { font-size: 16px; }
.service-content h3{    margin: 0 0 15px 0;}
.search-box{    margin-bottom: 15px;}
.all-service { margin-bottom: 14px; display: inline-block; }
.covid-info{display:block;}
.why-choose {padding: 0 0 50px;}
.our-specialist li{padding: 0 5px; margin-bottom: 10px;width: 33.33%;}
.our-specialist {
    padding: 0 0 50px;
}

.special-box{    min-height: 260px;}
.top-procedures .nav-tabs .nav-item { margin: 0 0 10px; }
.top-procedures .nav-tabs .nav-link{font-size: 0; padding-left: 44px; min-height: 40px; line-height: 40px;}
.top-procedures .nav-tabs .nav-link img { max-width: 34px; left: 0; top: 13px; right: 0; margin: auto; }
.top-procedures .nav-tabs .nav-item.show .nav-link:after, .top-procedures .nav-tabs .nav-link.active:after{    top: 16px;}
.bottam-footer{text-align:center;}
.our-experts {
    padding: 50px 0;
}
.annouce-sec {
    padding: 20px 0px 50px;
}
footer .menu-col { padding: 0px 15px 20px; width: 33.33%; }
.social{display: flex; justify-content: center; margin-bottom: 10px;}
.cancer-wrap li{    width: 33.33%;}
}

@media only screen and (max-width: 767px) {
.top-header { padding: 5px 0; }
.bottom-header{padding:4px 0 8px 0;}
.top-banner{padding: 69px 0 110px;}
.top-banner h1 { font-size: 20px; }
.top-banner h1 strong { font-size: 24px; }
.top-banner p { font-size: 15px; }
.service-tab .nav-link { font-size: 15px; padding: 9px 5px; min-height: 60px; line-height: 20px; display: flex; justify-content: center; align-items: center; }
.service-tab .nav-tabs .nav-link.active:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #00778a; }
.service-content { padding: 25px 20px 20px; }
.search-box input{    height: 46px;font-size: 16px;}
.search-btn{width: 60px; height: 46px; line-height: 51px;    font-size: 26px}
.servcie-list li { font-size: 16px; width: 100%;    line-height: 40px;    margin-bottom: 10px; }
.tabing-sec{
    margin-top: -30px;
padding: 0 0 40px;}
.choose-data h2, .our-specialist h2, .second-opinion h2, .top-procedures h2, .testimonials-sec h2, .our-experts h2, .patient-testimonials h2, .our-blog h2, .annouce-sec h2, .cancer-sec h3, .we-treat h3  { font-size: 24px; line-height: 26px; margin: 0 0 3px; }
.choose-data p{margin-bottom: 20px;}
.view-more{    padding: 10px 30px;}
.choose-data { margin-bottom: 15px; }
.choose-box img{width: 100%; height: 205px}
.text-data h3 {
    font-size: 22px;    line-height: 20px;
}
.why-choose { padding: 0 0 30px; }
.our-specialist ul{margin: 30px -7px 0;}
.second-opinion p{    font-size: 16px;    margin-bottom: 30px;}
.top-procedures .tab-pane img.float-right { float: none !important; margin: 0 auto 20px; display: block; }
.testimonials-sec img { margin: 0 0 20px; }
div#video-slider { margin-bottom: 50px; }
.blog-col { margin-top: 20px; padding: 15px;}
.annouce-sec { padding: 0px 0px 50px; }
footer .menu-col{width:auto;}
.cancer-wrap li{    width: 50%;}
.cancer-wrap{padding-left:0;}
.our-experts .owl-dots { position: relative; top: 10px; right: 0; }
}
@media only screen and (max-width: 575px) {
.our-specialist li{width: 50%;}
.cancer-wrap li{    width: 100%;}
}