@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url('https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap');

@font-face {
    font-family: 'bubbble_gumregular';
    src: url('../fonts/bubbblegum.woff2') format('woff2'),
         url('../fonts/bubbblegum.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bubbble_gumblack';
    src: url('../fonts/bubbblegum-black.woff2') format('woff2'),
         url('../fonts/bubbblegum-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bubbble_gumbold';
    src: url('../fonts/bubbblegum-bold.woff2') format('woff2'),
         url('../fonts/bubbblegum-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bubbble_gumhairline';
    src: url('../fonts/bubbblegum-hairline.woff2') format('woff2'),
         url('../fonts/bubbblegum-hairline.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bubbble_gumitalic';
    src: url('../fonts/bubbblegum-italic.woff2') format('woff2'),
         url('../fonts/bubbblegum-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bubbble_gumitalic_black';
    src: url('../fonts/bubbblegum-italicblack.woff2') format('woff2'),
         url('../fonts/bubbblegum-italicblack.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bubbble_gumitalic_bold';
    src: url('../fonts/bubbblegum-italicbold.woff2') format('woff2'),
         url('../fonts/bubbblegum-italicbold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bubbble_gumitalic_hairline';
    src: url('../fonts/bubbblegum-italichairline.woff2') format('woff2'),
         url('../fonts/bubbblegum-italichairline.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bubbble_gumitalic_light';
    src: url('../fonts/bubbblegum-italiclight.woff2') format('woff2'),
         url('../fonts/bubbblegum-italiclight.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bubbble_gumlight';
    src: url('../fonts/bubbblegum-light.woff2') format('woff2'),
         url('../fonts/bubbblegum-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body { line-height: 1.7; font-family: 'PT Sans', sans-serif;  font-weight:400;    font-size: 14px;     color: #808080;  -webkit-text-size-adjust: 100%;  -webkit-font-smoothing: antialiased;}

a {
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: inherit;
    opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
    color: inherit;
    opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
    color: inherit;
    opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
    color: inherit;
    opacity:1;
}

.form-control::-moz-placeholder{color:inherit; opacity:1}
.form-control:-ms-input-placeholder{color:inherit}
.form-control::-webkit-input-placeholder{color:inherit}

h1, h2, h3, h4, h5, h6, .gdlr-title-font {font-family: 'Quicksand', sans-serif; }
p {margin-bottom: 20px;}
a{text-decoration: none !important;}
.btn-dark-blue{display: inline-block; background: #003c42; padding: 10px 20px; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 700; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; font-style: 700; }
.btn{box-shadow: 0px 3px 2px rgb(0 0 0 / 40%);}    
.btn-dark-blue:hover{background-color: #018490; color: #fff;}  
.btn-dark-black:active{color: #fff;}  
.btn-dark-black:focus{color:#fff;}  

.btn-dark-black{display: inline-block; background: #000; padding: 10px 20px; color: #fff; font-size: 14px;
text-transform: uppercase; font-weight: 700; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; font-weight: 700; 
    /* box-shadow: 0px 3px 2px rgb(0 0 0 / 40%); */
}  
.btn-dark-black:hover{background-color: #333; color: #fff;}      

header{background-color: rgba(255, 255, 255, 1); position:relative; left:0; top:0; width:100%; z-index:99;
-moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/*header:after{ content:""; position:absolute; bottom:59px; left:0; width:100%; background-color:#c6ccd6; height:1px;}*/
header .top-navigation {background-color: #00305a; color:#fff; position: relative; font-size:14px; line-height: 24px; padding: 4px 0px; font-family: 'PT Sans', sans-serif;font-weight:700;}
header .top-navigation-left{display:inline-block}
header .top-navigation-left p{font-family: "Open Sans"; font-weight:600; color:#fff; font-size:16px; font-style:italic; margin: 3px 0;}
/* header .top-navigation-right{ float:right;} */
header .top-navigation-right {float: right; margin-left: auto;}
header .top-navigation-right .text-block:last-child{padding-right:0;}
header .top-navigation-right .text-block:last-child:after{display:none}
header .top-navigation-right .text-block{font-family: 'Quicksand', sans-serif; font-weight:500; position: relative; display: inline-block; padding-right: 20px; margin-right: 20px; font-size:17px;}
header .top-navigation-right .text-block:after {content: " "; position: absolute; right: 0px; top: 3px; bottom: 3px; border-right: 1px solid; opacity: 0.85; filter: alpha(opacity=85);  }
header .top-navigation  i.fa {margin-right: 7px;}
header .text-block{display:inline-block}
header .top-navigation-right .top-social-wrapper{padding-right:0; margin-right:0}
header .top-navigation-right .top-social-wrapper:after{display:none;}

/*header.sticky .top-navigation{display:none; }*/

.logo{display:inline-block; margin:6px 0 0 0; position: relative; float: left;}
.logo a{display:inline-block; max-width:290px;}
.logo img{max-width:100%; display:block; width:170px;}


.search_bar{float:right; position:relative; margin-top: 12px; padding-left: 15px;}
.search_bar input[type="text"]{ background: #f1f1f1; border: 0; height: 35px; padding: 0 10px; width: 210px; padding-right: 45px;}
.search_bar i{position: absolute; right: 0; top: 0; height: 35px; background: #00305a; color: #fff; font-style: normal; font-size: 17px; width: 40px; line-height: 35px; text-align: center;}
.search_bar i input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; border: 0;}
.search_bar input[type="button"]{position: absolute; width: 100%; height: 100%; left: 0; background-color: transparent; top: 0; border: none; outline: none;}
.search_bar i:before{content: "\f002";font-family:'FontAwesome';}

/*nav{ float:right;}*/
nav > ul.vision_menu{ display:inline-block; margin-top: 12px; margin-bottom: 12px;}
nav > ul.vision_menu > li:last-child > a{ padding-right:0}
nav > ul.vision_menu ul{ background-color:#fff;  border-top-width: 3px; border-top-style: solid;  border-color:#00cd74; box-shadow: 0px 0px 2px rgba(0, 1, 0, 0.2);
-moz-box-shadow: 0px 0px 2px rgba(0, 1, 0, 0.2);  -webkit-box-shadow: 0px 0px 2px rgba(0, 1, 0, 0.2); min-width:190px;}
nav > ul.vision_menu ul li a {padding: 10px 0px; margin: 0px 20px;  border-top-width: 1px;  border-top-style: solid; border-color:#e6e6e6; white-space: nowrap; text-decoration:none;}
nav > ul.vision_menu ul li:first-child > a{ border-top:0;} 
nav > ul.vision_menu li.active a{color: #00cd74; text-decoration: none;}
ul.mias_menu > li >a{padding: 10px 0;}

.main-header {display: flex; justify-content: center; align-items: center;}
.main-header .mid-header {margin-right: auto; margin-left: auto; align-items: center;}

.headService{ /*float:right;*/}
.headService ul{ padding:0; margin:0; max-width:600px; overflow:hidden; text-align: center;}
.headService ul li{ width:25%; float:left; line-height:normal; list-style:none; padding:10px; position:relative;}
.headService ul li a{font-family: 'Quicksand', sans-serif; font-size:14px; font-weight:500; color:#272727; text-decoration:none; position:relative; z-index:22;  max-width: 134px; display: inline-block;}
.headService ul li:after{ content:""; position:absolute; left:0; top:0; height:0%; width:100%; background-color:#01a1af;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out;}
.headService ul li:hover:after,
.headService ul li.active:after{}
.headService ul li:hover a,
.headService ul li.active a{ color:#000!important; }
.headService ul .active{ background-color: #01a1af;}
ul.mias_menu{ border-top: 1px solid #e2e2e2;    vertical-align: middle;}
ul.mias_menu li:first-child{ margin-left:0;}

.mias-carousel{ background:url(../img/sliderBack.jpg) no-repeat center center; background-size:cover; position:relative;}
.mias-carousel .carousel.slide{}
.mias-carousel .carousel-inner{ width:100%; }
.mias-carousel .carousel-control{ opacity:1; background-image:none; width:40px;}
.mias-carousel .carousel-control > span{ background:url(../img/arrow_slide.png)no-repeat center right; width:16px; height:39px;}
.mias-carousel .carousel-control.left > span{ background-position:center left;}
.mias-carousel .carousel-control.right > span{ }
.mias-carousel .carousel-control > span:before{ display:none;}

.mias-carousel .mias-caption{position: absolute;  right: 0;  bottom:26%;  max-width: 1170px; text-align: left;  left: 0;  margin: 0 auto; padding: 0 15px;}
.mias-carousel .mias-caption h3{ font-family: 'Quicksand', sans-serif; font-weight:500;  font-size:30px;  color:#fff; line-height:normal;}
.mias-carousel .mias-caption h3 span{font-weight:400;  font-size:24px; display:block;}
.mias-carousel .vc_log{ margin:7px 0}
.mias-carousel .mias-caption h2{font-family: 'PT Sans', sans-serif; color:#fff; font-size:58px; font-weight:700;}
.mias-carousel .mias-caption img{ max-width:100%; display:inline-block;}
.mias-carousel .mias-caption p{font-family: 'PT Sans', sans-serif; color:#fff; font-size:18px; font-weight:400;}

.owl-carousel { position:relative;}
.owl-nav { max-width:1170px; margin:0 auto; position: absolute;  right:0px; ;left:0; top:0;  margin-top: -21px; text-align:right;}
.owl-nav > div{ border-color: #ffffff; display:inline-block;    padding:4px 18px 4px 18px;    vertical-align: super; font-size: 20px;
    cursor: pointer;  border-radius: 3px; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  overflow: hidden; font-size:0;}
.owl-nav > div:after{ font-family: 'FontAwesome'; content:"\f104"; color:#167ac6; font-size:20px;}
.owl-nav > div.owl-next{ margin-left:3px;}
.owl-nav > div.owl-next:after{ content:"\f105";}


.btn{font-family: 'PT Sans', sans-serif;font-weight: 400; border-radius:3px; }

.btn.btn-info {font-weight: 700; background-color: #202121; border-color: #00305a; color: #fff;
 padding: 15px 32px; font-size: 18px; line-height: normal; width: 100%;}
.btn.btn-black{ background-color:#003c42;  font-weight:700; line-height:normal; height:47px; color:#fff; vertical-align:middle}

.miashelp{ overflow:hidden; padding:15px 0}
.miashelp .helpblog{ position:relative; display:block;}
.miashelp .helpblog:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;}
.miashelp .helpblog:hover:after{ opacity:0.85;}
.miashelp .helpblog img{width:100%; display:block; }
.miashelp ul{ padding:0; margin:0 -7px;}
.miashelp ul li{ width:33.3333%; float:left; padding:0 7px; list-style:none;}

.miashelp .helpblog .helpbDetails{ position:absolute;top:0; left:0; width:100%; height:100%; z-index:4; text-align: center;}
.miashelp .helpblog .helpbDetails .hd_cover{ display: table;  height: 100%;  width: 100%;  margin: 0;}
.miashelp .helpblog .helpbDetails .hd_cover .hd_cover2{ display:table-cell; vertical-align:middle;}
.miashelp .helpblog .helpbDetails h1{font-family: 'Quicksand', sans-serif; font-size: 18px;  font-weight: 600; color: #fff; border: 2px solid #fff;  display: inline-block; border-radius: 4px;  padding: 11px 15px; line-height: normal; text-transform: uppercase; min-width: 200px;    margin: 0; transition: all 0.4s ease-in-out;    -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;}
.miashelp .helpblog .helpbDetails .hd_cover .hd_cover2 h3{font-family: 'Quicksand', sans-serif; font-size: 18px;  font-weight: 600; color: #fff; border: 2px solid #fff;  display: inline-block; border-radius: 4px;  padding: 11px 15px; line-height: normal; text-transform: uppercase; min-width: 200px;    margin: 0; transition: all 0.4s ease-in-out;    -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;}
.miashelp ul li:hover h3{ background-color:#00305a;   border-color: #ffffff30!important; box-shadow: 0px 0px 40px 2px #00000080;}

.miashelp .helpblog .helpbDetails h1 br{ display:none;}
.miashelp ul li:hover h1{ background-color:#00305a;   border-color: #ffffff30!important; box-shadow: 0px 0px 40px 2px #00000080;}
 
.latestContent{ background-color:#01a1af;}
.latestContent h1{ color:#fff; font-size:39px; margin:35px 0; font-weight: 700;}
.latestContent h2{ color:#fff; font-size:39px; margin:35px 0; font-weight: 700;}
.latestContent .contentBlog .lb_wall img{ width:100%; display:block; min-height: 223px;}
.latestContent .contentBlog { padding-bottom:50px;}
.latestContent .contentBlog .lb_details{ color:#fff;}
.latestContent .contentBlog .lb_details h2{ font-size:24px; font-weight:400; margin-bottom:20px;}
.latestContent .contentBlog .lb_details p{font-family: 'Quicksand', sans-serif; font-size:16px; font-weight:400; line-height:normal;}
.latestContent .contentBlog .moreinfo{ width:100%; margin-top:10px;}
.latestContent .contentBlog .moreinfo a{ font-family: 'Quicksand', sans-serif; font-size:16px; font-weight:700; line-height:normal; color:#fff;}

/* .innovation{ background-color:#f5f5f5; overflow:hidden;} */
.innovation h1{ color:#3c3b3b; font-size:39px; margin:50px 0}
.innovation h2{ color:#3c3b3b; font-size:39px; margin:50px 0}
.innovation .row{ margin-right:-7px; margin-left:-7px;}
.innovation .row > div{ padding-right:7px; padding-left:7px;}
.innovation .innovationBox{ margin-bottom:14px; position:relative; display:block;}
.innovation .innovationBox:after{ content:""; bottom:0; left:0; background-color:#272727; opacity:0.8; position:absolute; width:100%; height:100%; opacity:0;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;}
.innovation .innovationBox img{ width:100%; display:block;}
.innovation .innovationBox h2{ position:absolute; bottom:-10%; left:0; width:100%;font-family: 'Quicksand', sans-serif; font-size:16px; font-weight:700; line-height:normal; color:#fff; padding-left:15px; margin:15px 0; z-index:22; opacity:0;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;}
.innovation .innovationBox:hover:after{ opacity:0.8}
.innovation .innovationBox:hover h2{  bottom:0%; opacity:1;}
.innovation .innovationBox.adv_b:after{ display:none;}

.getinTouch h3{ color:#3c3b3b; margin:25px 0; margin-bottom: 0; text-align: center; font-size: 36px;}
.getinTouchinner{ background-color:#018490; }
.getinTouch .subscribeText{ display:block;}
.getinTouch .subscribeText h2{ font-family: 'Quicksand', sans-serif; font-size:19px; font-weight:400; line-height:normal; color:#fff; margin:20px 0; display:block;}
.getinTouch .subscribeFrom{ float:left; width:100%;    max-width: 427px;}
.getinTouch p{font-family: 'PT Sans', sans-serif;  list-style:none; font-size:14px; font-weight:400; font-style:italic; color:#fff; line-height:normal;}


.subscribeFrom{ margin-top:10px; }
.getinTouch{ border-bottom:1px solid #ffffff}
.getinTouch .subscribeInput{ background-color:#4badb6; color:#fff; border:1px solid #4badb6; height:46px; border-radius:3px; padding:0 10px;    width: 78%;display:inline-block;        margin-right: 1%; outline:none; font-family: 'Quicksand', sans-serif; }
.getinTouch button{ width:20%; display:inline-block;}

.socailSec{ text-align:center; position:relative;}
.socailSec:before{content:""; bottom:0;   left: -11px; background-color:#fff; opacity:1; position:absolute; width:1px; height:80%; top:10%; }

.socailSec a{ color: #fff;  font-size: 35px;   display: inline-block;  border: 2px solid #fff;  width: 70px;  height: 70px;  border-radius: 50%;    text-align: center;
    line-height: 70px; text-decoration:none; margin:0 7px;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;}
.top-social-wrapper{ display:inline-block;    padding-bottom: 36px;}
.top-social-wrapper h2{ color:#fff; text-align:left; font-size:19px; font-weight:normal; margin:20px 0}
.socailSec a.fa-twitter:hover{ background-color:#55acee}
.socailSec a.fa-facebook:hover{ background-color:#3b5998}
.socailSec a.fa-linkedin:hover{ background-color:#007bb5}
.socailSec a.fa-youtube-play:hover{ background-color:#ff0000}
.socailSec a:hover{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);}
.socailSec a.fa-instagram:hover{ background-color:#d62976;}
footer{padding-top:20px; color:#575555;}

footer .co_details{ margin-top:17px; max-width: 290px;}
footer .co_details .ft_logo{ margin-bottom:15px; max-width: 290px;}
footer .co_details .ft_logo img{ max-width:100%}
footer .co_details p{font-family: 'Quicksand', sans-serif;  font-size:14px; font-weight:400; text-align: justify;}
.footerLink { padding-top:15px}
.footerLink > div{ min-height:175px; border-left:1px solid #e4e4e4}
.footerLink > div h2{ font-size:16px; color:#018490; text-transform:uppercase; margin-top:0; margin-bottom:15px;}
.footerLink ul{ padding:0; margin:0;}
.footerLink ul li{list-style: none;font-family: 'Quicksand', sans-serif;  font-size:15px;font-weight:400;color:#575555; margin-bottom:8px; padding-left:25px; position:relative;}
.footerLink ul li:after{  content: "\f178"; font-family: 'FontAwesome'; position:absolute; left:0;    top: 0;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;}
.footerLink ul li a{ text-decoration:none;  color:#575555; }
.footerLink ul li a:hover{ color:#018490}
.footerLink ul li:hover:after{ left:5px;color:#018490}
.footerLink .address_info  ul li{    padding-left: 0;}
.footerLink .address_info ul li:after { display:none;}

.copyrightSec{ background-color:#f7f6f6; font-size:14px; color:#767676; padding:13px 0;      line-height: normal; margin-top:15px;    font-family: 'Quicksand', sans-serif;
    font-weight: 700;}


#backTop{     width: 52px; height: 52px;  line-height: 52px;   text-align: center;  font-size: 22px;  cursor: pointer; z-index: 999; display: none; box-sizing: content-box;
    -webkit-box-sizing: content-box;  background: #f7f6f6;  color: #717171;  font-family: 'Quicksand', sans-serif;  font-weight: 700;  font-size: 14px;
    border-radius: 50%; text-decoration:none;}

.slideBottom{ margin-top:-114px; position:relative;}
.slideBottom .row{ margin-left:-7px; margin-right:-7px;}
.slideBottom .row > div{ padding-left:7px; padding-right:7px;}
.client-owl{ background-color:#fff; border-radius:4px; text-align: center;padding:18px 0;  min-height: 125px;}
.client-owl span{ display:inline-block}
.client-owl img{ width:auto!important; max-width:100%; display:block}
.client-owl .owl-dots{ display:none;}


ul.countdown {list-style: none;     padding: 0 2%; border-radius:4px; padding-top:13px; display: block;text-align: center;   background-color:#ffffff; width:100%; overflow:hidden; text-align:center; margin-bottom:0}
ul.countdown li {font-family: 'Quicksand', sans-serif; float:left; background-color: #f1f1f1; margin:0 1.5%; padding:0 2%; width:22%}
ul.countdown li span { color:#018490;  font-size:68px; font-weight: 500;  line-height: 64px;}
ul.countdown li p {font-family: 'Quicksand', sans-serif; font-size:20px;font-weight: 500;   color: #018490; margin-bottom:5px;text-transform: capitalize;}
ul.countdown li:nth-child(2) span,
ul.countdown li:nth-child(2) p{ color:#00305a}
ul.countdown li:nth-child(4) span,
ul.countdown li:nth-child(4) p{ color:#3c3b3b}

.heading_bar{ background:url(../img/heading-bg.jpg) no-repeat center center; background-size:cover; padding-top: 50px; padding-bottom: 50px; }
.heading_bar .container{position:relative; min-height:160px; text-align: center; display: flex;  align-items: center; justify-content: center; flex-direction: column;}
.heading_bar h1{font-family: 'PT Sans', sans-serif;  list-style:none; font-size:25px; font-weight:700; text-transform:uppercase; color:#fff; position:absolute; width: 100%; top: 20px;
    /* bottom:10px; left:15px;  */
    line-height:normal;
}
.heading_bar .breadcrumb{ position:absolute; 
    bottom:30px; width: 100%;
    /* right:15px; */
}


.breadcrumb{ background-color:transparent; color:#fff;  font-family: 'Quicksand', sans-serif; font-size:16px; font-weight:500; padding: 12px 15px; margin:0; color:#fff; } 
.breadcrumb a{ color:#fff; font-size:16px;    line-height: normal;}
.breadcrumb>.active{color:#fff;}
.breadcrumb>li+li:before{ content:"//"; position:relative; display:inline-block;  color:#fff;} 

.contantSec .lead{font-family: 'Quicksand', sans-serif; font-size:26px;font-weight: 500;   color: #276485; text-align: center; margin:45px auto;}
.contantSec .lead.l2{ max-width:100%; font-size:22px; line-height:35px;}
.contantSec .box_co{ background-color:#ededed; border-radius:4px; padding:20px 13px}
.contantSec .box_co p{font-family: 'Quicksand', sans-serif; font-size:20px;font-weight: 400;   color: #00305a; text-align: center; margin:0 auto;    line-height: normal;}

section.book_a_consultation{background:url(../img/login-video.jpg) no-repeat center left;  background-size:cover; position:relative; color:#fff;}
section.book_a_consultation:after{ content:""; position:absolute; right:0; top:0; width:50%; height:100%;}
section.book_a_consultation .container{ position:relative; z-index:2}
section.book_a_consultation .form-group{ margin-bottom:20px;}
section.book_a_consultation .form-control{font-family: 'Quicksand', sans-serif; font-size:16px; font-weight:400;  background-color:#01a1af; border:1px solid #fff; box-shadow:none; border-radius:2px; color: #fff!important; height: 45px;}
section.book_a_consultation textarea.form-control{ resize:none; height:157px;}
section.book_a_consultation .consultationForm{ 
    /* padding-left:20px; */
    background-color: #01a1af;
    margin-top: 0;
    padding: 20px;
    padding-top: 40px;
    margin-left: 40px;
}
.left-login-box{border-right: 1px solid;}
section.book_a_consultation .consultationForm form {max-width: 450px; margin: 0 auto;}
section.book_a_consultation .consultationForm h1{ text-align: center; margin-bottom: 20px; margin-top: 0; font-size: 35px;}
section.book_a_consultation .consultationForm h2{ text-align: center; margin-bottom: 20px; margin-top: 0; font-size: 38px;}
section.book_a_consultation .consultationForm h3{text-align: center; margin-top: 0; margin-bottom: 18px; font-size: 20px;}
section.book_a_consultation .btnSet{ padding-bottom:40px;  margin: 0 auto; max-width: 470px;}
section.book_a_consultation .btnSet .btn{font-family: 'Quicksand', sans-serif; font-size:16px; font-weight:400; display:block; width:100%; padding:16px 15px; box-shadow:1px 1px 1px #000;    box-shadow: 0px 3px 2px rgba(0,0,0,0.4);}

.headingSec{ text-align: center; color:#00305a; font-family: 'Quicksand', sans-serif; }
.headingSec h1{ font-weight:500; font-size:39px; margin-bottom:35px; margin-top:15px;}
.headingSec h2{ font-weight:500; font-size:39px; margin-bottom:35px; margin-top:15px;}
.headingSec p{font-weight:400; font-size:18px;}

.meet_specialists .our_specialists_owl{ margin-top:50px;    padding-bottom: 70px;}
.meet_specialists .owl-nav{top:auto; bottom:0;    text-align: center;}
.meet_specialists .owl-nav > div{ background-color:#f4f4f4; border-radius:50%; width:34px; height:34px; line-height:34px; padding:0; text-align: center; margin:0 5px;}
.meet_specialists .owl-nav > div:after{ color:#595959}
.meet_specialists .owl-nav > div:hover{background-color:#00305a}
.meet_specialists .owl-nav > div:hover:after{ color:#fff;}
.specialists_box{ text-decoration:none!important;}

.meet_specialists .modal-dialog { max-width:1024px; width:auto;}
.meet_specialists .modal-dialog img{ max-width:100%; display:block}

.specialists_box img{ width:100%;}
.specialists_box .specialistsDetails{ font-family: 'Quicksand', sans-serif;  background-color:#ededed; overflow:hidden; padding:20px;}
.specialists_box .specialistsDetails h2{    color: #5f5f5f;  font-size: 18px;  font-weight: 600; margin-top:0; margin-bottom:5px;}
.specialists_box .specialistsDetails p{   color: #5f5f5f; margin-bottom:0 }
.specialists_box:hover .specialistsDetails{ background-color:#01a1af}
.specialists_box:hover .specialistsDetails h2,
.specialists_box:hover .specialistsDetails p{ color:#fff;}

.patients_testimonials{ background-color:#00305a; color:#fff;font-family: 'Quicksand', sans-serif;    padding: 45px 0; margin-top:50px; }
.patients_testimonials .headingSec { color:#fff;}
.patients_testimonials .single-testi-des {   background: #fff;  padding: 30px;  box-shadow: 1px 1px 2px rgba(222, 222, 222, 0.32);  border-radius: 5px;  margin-bottom: 30px;    position: relative;}
.patients_testimonials .single-testi-des::before {   position: absolute;  bottom: -12px;   left: 50%;  height: 30px;  width: 30px; content: "";  background: #fff;
    margin-left: 12px;   margin-top: 0px; -webkit-transform: rotate(45deg); transform: rotate(45deg);  margin-left: -15px;}
.patients_testimonials .single-testimonial img {  width: 60px;  border-radius: 50%;   text-align: center;  margin: 0 auto;}
patients_testimonials .single-testimonial {  margin-right: 30px;   text-align: center;}
.patients_testimonials .single-testimonial h6 {   margin-top: 0px;  font-size: 12px;  text-transform: capitalize; letter-spacing: 3px;}
.patients_testimonials .single-testimonial p {  font-size: 17px; font-weight: 400;color: #000000;}
.patients_testimonials .testi-name {text-align: center;}
.patients_testimonials .testi-name h2 { font-size: 18px;  margin-top: 20px;  text-transform: capitalize; font-weight: 600;  transition: .3s;    color: #ffffff;}
.patients_testimonials .testi-name h3 { font-size: 12px; text-transform: capitalize;   margin-top: 0;  color: #fff;}
.patients_testimonials .owl-theme .owl-controls { margin-top: 30px;}
.patients_testimonials .owl-theme .owl-controls .owl-page span {  display: block;  width: 30px;  height: 4px;  margin: 5px 7px; filter: Alpha(Opacity=50);    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  border: 1px solid #207FDC;   background: #207FDC;}

.patients_testimonials .owl-theme .owl-nav{ display:none;}
.patients_testimonials .owl-dots{ display:block;    width: 100%; text-align: center;    margin-top: 19px;}
.patients_testimonials .owl-dots .owl-dot{     background-color: #fff;  width: 30px;  height: 4px;  display: inline-block;  margin: 0 5px;  border-radius: 10px;}

.serchBar{ background-color:#ededed; padding:18px 0}
.serchBar .searchblog{ max-width:865px; margin:0 auto}
.serchBar .searchblog .inputsearch{ float:left; border:1px solid #d6d6d6; background-color:#fff;    width:75%; border-radius:5px; margin-right:2%; position:relative;}
.serchBar .searchblog .inputsearch input{font-family: 'Quicksand', sans-serif; font-size:16px; padding:5px 17px; width:100%; outline:none;  background-color:transparent; border:0; height:42px;padding-right: 60px;}
.serchBar .searchblog .inputsearch .fa{ color:#01a1af; position: absolute; right: 15px; font-size: 19px; width: 30px; top: 7px; padding-left: 12px;  border-left: 1px solid #c2c2c2;
    line-height: 27px;}
.serchBar .searchblog  button{ float:right;  width: 23%;  text-transform: uppercase;  font-weight: 500;  font-family: 'Quicksand', sans-serif;  font-size: 16px;    line-height: 40px;    padding: 0 7px;}

.conditionBlog{ padding:20px 0}
.conditionBlog .row > div{ border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; /*height: 524px;*/ padding:50px;}
.conditionBlog .row > div h1{font-family: 'Quicksand', sans-serif;
    color: #00305a;
    font-weight: 500;
    margin-top: 0;}
.conditionBlog .row > div h1 span{ display:block; font-size:18px; color: #000; margin-top: 10px;}
.conditionBlog .row > div p{font-family: 'Quicksand', sans-serif;
    color: #6d6d6d;
    font-weight: 500;}
    .conditionBlog .row > div .btn{width: auto;}    
.conditionBlog .row > div .btn.btn-info{    border-radius: 0;  padding: 17px 61px;   text-transform: uppercase;  box-shadow: 0px 3px 2px rgba(0,0,0,0.4);}
.conditionBlog .row > div .btn.btn-info:hover { background-color: #18558a; box-shadow: none;}
.conditionBlog .row > div:nth-child(even){ border-right:0}
.conditionBlog .row > div:last-child{border-bottom:0}
.conditionBlog .row > div:nth-last-child(2) {border-bottom:0}
.conditionBlog .paginationSec{ margin-top:50px; border-bottom:1px solid #e8e8e8}

.conditionBlog .row.list_type > div{border-right:none!important; border-bottom:1px solid #d5d5d5!important;   min-height:inherit; padding:30px 0;}
.conditionBlog .row.list_type > div:last-child{border-bottom:none!important; }
.conditionBlog .row.list_type h1{margin-bottom: 15px;font-size: 30px;}
.conditionBlog .row.list_type h1 span{font-size: 17px;}
.conditionBlog .row.list_type .btn.btn-info{padding: 10px 30px;    font-size: 16px;}
.conditionBlog .row.list_type p{ font-size: 16px;}



.paginationSec{ text-align: center;}
.paginationSec .pagination>li>a, .paginationSec .pagination>li>span{  background-color: #f4f4f4;  border-radius: 50%;  border-color: #f4f4f4; color: #5b5b5b;
    font-family: 'Quicksand', sans-serif;  font-weight: 700; margin:0 3px;}
.paginationSec .pagination>li .fa{ font-weight:bold;}

.videoDetails > div{ padding:0}
.videoDetails{ clear:both; margin:40px 0; overflow:hidden}
.videoDetails ._right{ float:right;}
.videoDetails .nav>li>a{ padding:0;}

.videoDetails nav{ margin:0; width:100%; position:relative;}
.videoDetails nav li{ background-color:#2b2623; background-repeat:no-repeat; background-position:center left;     background-size:70% 100%; border:2px solid #fff; transition:all 0.2s ease-in-out;}
.videoDetails nav li a{ min-height:154px; position:relative; color:#fff; background-color:transparent!important;  display: table;
    width: 100%;  padding-left:69%!important; }
.videoDetails nav li h2{  background-color: #2b2623;  margin: 0; width: 24%;  text-align: center; font-size: 24px; margin-right: 3%;  margin-top: 0; display: table-cell;
    vertical-align: middle;    white-space: inherit; position:relative;padding: 0 30px;}

.videoDetails nav li .arrow{ opacity:0;  position: absolute; top:0;  left:-100px;  width:100px;  height: 100%; overflow:hidden;transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; }

.videoDetails nav li .arrow:after{ content: "";  position: absolute;  right:-99px;  width: 100px;  height: 99px;  border: 2px solid #fff;
    border-radius: 50%;  top: 50%;  margin-top: -50px;background:#01a1af url(../img/arrow_tab.png)no-repeat 19% center;transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;}

.videoDetails nav li.active,
.videoDetails nav li:hover,
.videoDetails nav li.active h2,
.videoDetails nav li:hover h2{ background-color:#01a1af}

.videoDetails nav li:hover,
.videoDetails nav li.active{background-size: 80% 110%;}

.videoDetails nav li:hover .arrow:after,
.videoDetails nav li.active .arrow:after{right:-50px;opacity:1;}
.videoDetails nav li:hover .arrow{ opacity:1;}

.videoDetails nav li.active .arrow{right:-50px; opacity:1;}


.videoDetails .who-we-are{ background-image:url(../img/tab-who-we-are.jpg)}
.videoDetails .personalizedCare{ background-image:url(../img/tab-personalized_care.jpg)}
.videoDetails .advancedSurgery{ background-image:url(../img/tab-advanced-surgery.jpg)}
.videoDetails iframe{display:block; padding:3px;}
.vd_condition{ margin-bottom:51px; box-shadow:0 0 120px #000000f5;}

.advance-surgery .options {display: flex; justify-content: center; align-items: center; margin-top: 50px;}
.surgery .icondiv h4{color: #000; padding-bottom: 30px; font-size: 18px;}
.surgery .icondiv img {max-height: 60px;}
.advance-headings {background-color: #fff; text-align: center; font-size: 18px; color: #000; font-weight: 500; padding-top: 15px; padding-bottom: 15px; margin-bottom: 20px; font-family: 'Quicksand', sans-serif;}
.advance-headings:hover {background-color: #01a1af; color: #fff;}

section.book_a_consultation.refer-patient{ margin-top:0; background-image:url(../img/refer-patient.jpg); background-position:top left}
section.book_a_consultation.refer-patient:after{ display:none}
section.book_a_consultation.refer-patient .consultationForm{  background-color: #01a1af;  margin-top:0; padding:20px; padding-top:40px;box-shadow: 0 -30px 0px 30px rgba(0,48,90,0.5);}
section.book_a_consultation.refer-patient .consultationForm h2{ text-align: center; margin-bottom:20px; margin-top:0; font-size:38px;}
section.book_a_consultation.refer-patient .consultationForm h3{ text-align: center; margin-top:0; margin-bottom:18px; font-size:20px;}
section.book_a_consultation.refer-patient .consultationForm form{ max-width:450px; margin:0 auto}

section.book_a_consultation.refer-patient .form-control{ background-color:#fff; color:#272929!important; border-color:#c6c7c7}
section.book_a_consultation.refer-patient .form-group{ margin-bottom:7px;} 
section.book_a_consultation.refer-patient .btn.btn-info{ background-color:#202121; width:100%; border-radius:0; height:48px; margin-bottom:40px; padding: 7px 32px;}


section.book_a_consultation.refer-patient2{ margin-top:0; background-image:url(../img/refer-patient2.jpg); background-position:top left}
section.book_a_consultation.refer-patient2:after{ display:none}
section.book_a_consultation.refer-patient2 .consultationForm{  background-color:rgba(0,48,90,0.8);  margin-top: 0; padding:20px; padding-top:40px;box-shadow: 0 -30px 0px 30px rgba(40,211,226,0.2);}
section.book_a_consultation.refer-patient2 .consultationForm h2{ text-align: center; margin-bottom:15px; margin-top:0; font-size:27px;}
section.book_a_consultation.refer-patient2 .consultationForm h3{ text-align: center; margin-top:0; margin-bottom:18px; font-size:27px; font-weight:700;}
section.book_a_consultation.refer-patient2 .consultationForm h4{ text-align:left; margin-top:15px;    margin-bottom: 13px;}
section.book_a_consultation.refer-patient2 .consultationForm form{ max-width:450px; margin:0 auto}

section.book_a_consultation.refer-patient2 .form-control{ background-color:#fff; color:#272929!important; border-color:#c6c7c7}
section.book_a_consultation.refer-patient2  textarea.form-control { resize: none;  height:115px;}
section.book_a_consultation.refer-patient2 .form-group{ margin-bottom:7px;} 
section.book_a_consultation.refer-patient2 .btn.btn-info{ background-color:#202121; width:100%; border-radius:0; height:48px; font-weight:500; margin-bottom:40px; text-transform:uppercase;}
section.book_a_consultation.refer-patient2 .btn.btn-info{padding: 7px 32px;}
section.book_a_consultation.refer-patient2 .row{ margin-right:-3px; margin-left:-6px;}
section.book_a_consultation.refer-patient2 .row > div{ padding-left:3px; padding-right:3px;}

section.book_a_consultation.refer-patient2 .file {  visibility: hidden; position: absolute;}
section.book_a_consultation.refer-patient2 .btn.btn-primary{ font-family: 'Quicksand', sans-serif; font-size:15px; font-weight:500; background-color: #01a1af;  border: 0;    margin: 0;  height: 45px;}

.section_link a{ display: block; font-family: 'Quicksand', sans-serif; font-size: 18px; font-weight: 400; color: #00305a; text-transform: uppercase; text-decoration: none; line-height: normal; margin: 10px 0;}
.section_link a:hover{color: #007680;}
.section_link a.active{ color: #01a1af;}
/* .page-contant .container > .row > div:first-child{border-right:1px solid #d5d5d5;}
.page-contant .container  > .row > div:last-child{border-left:1px solid #d5d5d5; margin-left:-1px;} */

.page-contant .contant_box{ padding:35px;  position:relative; list-style:none}
.page-contant .contant_box.surgery { padding: 10px 35px 0; }
.blogdetail .contant_box{ padding:35px 0px;}
/* .page-contant .contant_box:after{ content:""; position:absolute;bottom:-1px; left:0; width:40%; background-color:#d5d5d5; height:1px;} */
.page-contant .contant_box .videoSec{ margin-bottom:40px;}
.page-contant .contant_box .videoSec img{ max-width:100%; display:block;}
.page-contant .contant_box h1{ color:#01a1af; font-size:30px; font-weight:400; text-transform:uppercase; margin-bottom:1rem; margin-top:10px}
.page-contant .contant_box h2{ color:#01a1af; font-size:30px; font-weight:400; text-transform:uppercase; margin-bottom:1rem; margin-top:10px}

.page-contant .contant_box p{font-family: 'Quicksand', sans-serif; font-weight:500; font-size:18px; color:#333; line-height:28px; text-align: justify;}
.page-contant .contant_box ul li{font-family: 'Quicksand', sans-serif; font-weight:500; font-size:18px; color:#333; line-height:28px; text-align: justify;}
.page-contant .contant_box ol{font-family: 'Quicksand', sans-serif; font-weight:500; font-size:18px; color:#333; line-height:28px;}
.page-contant .videoBlogs h4{ font-size:24px; color:#018490; font-weight:400}

#section4.contant_box{ border-bottom:0;}
/* .download_pdf_btn{ text-align: center;} */
.download_pdf_btn .btn.btn-info{font-family: 'Quicksand', sans-serif; font-size:18px; font-weight:500; min-width:300px;    padding: 12px 5px;    margin-top: 20px;}

.section_link{transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;}
/* .section_link{ margin-top:35px;} */
.videobox img{ max-width:100%;}


.fixBtn{ margin-top: 150px; margin-bottom: 100px;}
.fixBtn a{font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    text-decoration: none;
    font-size: 16px;
    color: #00305a;
    text-transform: uppercase;
    display: block;
    text-align: center;
    border: 1px solid #cfdfe1;
    margin-bottom: 3px;
    max-width: 185px;
    line-height: 24px;
    padding: 10px 0;
    background-color: #01a1af;
    color: #fff;}
/* .fixBtn a{ background-color:#ededed;font-family: 'Quicksand', sans-serif;font-weight:500; text-decoration:none; font-size:23px; color:#00305a; text-transform:uppercase; display:block; text-align: center; border:1px solid #cfdfe1; margin-bottom:3px; max-width:185px; line-height:35px; padding:17px 0;    background-color: #01a1af;
    color: #fff;} */
/*.fixBtn a.active{ background-color:#01a1af; color:#fff;}*/

.innvo-btn{ position: absolute; bottom:15px; right:15px;}


.innvo-btn a{      font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border: 2px solid #fff;
    display: inline-block;
    border-radius: 4px;
    padding: 10px 10px;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;}

.innvo-btn a:hover{ background-color:#0694a0;color: #fff;}


.btnSection{     padding-top: 24px;
    text-align: center;
    margin-bottom: 26px;}

.btnSection a.btn { font-family: 'Quicksand', sans-serif;
        font-size: 17px;
    font-weight: 600;
    color: #fff;
    border: 2px solid #003c42;
    background-color:#003c42;
    display: inline-block;
    border-radius: 4px;
    padding: 12px 20px;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    min-width: 280px;
    margin: 0 18px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;}
.btnSection a.btn:hover{background-color: #018490;color:#fff}

.btnSection2{     padding-top: 24px;
    text-align: center;
    margin-bottom: 26px;}

.btnSection2 a.btn { font-family: 'Quicksand', sans-serif;
        font-size: 17px;
    font-weight: 600;
    color: #fff;
    border: 2px solid #018490;
    background-color:#018490;
    display: inline-block;
    border-radius: 4px;
    padding: 12px 20px;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    min-width: 280px;
    margin: 0 18px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;}
.btnSection2 a.btn:hover{background-color: #005e66;color:#fff}

.btnSection-1{     padding-top: 24px;
    text-align: center;
}

.btnSection-1 a.btn.light { font-family: 'Quicksand', sans-serif;
        font-size: 17px;
    font-weight: 600;
    color: #fff;
    border: 2px solid #0DACB2;
    background-color:#0DACB2;
    display: inline-block;
    border-radius: 4px;
    padding: 12px 20px;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    min-width: 280px;
    margin: 0 18px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    margin-bottom: 10px;
}


.btnSection-1 a.btn { font-family: 'Quicksand', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    border: 2px solid #003c42;
    background-color:#003c42;
    display: inline-block;
    border-radius: 4px;
    padding: 12px 20px;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    min-width: 280px;
    margin: 0 18px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out; box-shadow: none; margin-bottom: 10px;}
.btnSection-1 a.btn:hover{background-color: #018490;color:#fff}

.patients_testimonials-1 {margin-top: 0px;}
ul.mias_menu .active a{color: #000;}

.hide-desk{ display:none!important}

.order-1 {order: 1;}
.order-2 {order: 2;}
.order-3 {order: 3;}


@media (min-width: 801px) and (max-width:1050px) {
    .logo{position: relative; }
    .logo a{    max-width:280px;}    
    .headService ul li a{    font-size: 13px;}
    /* .headService ul{    max-width:500px;} */
    ul.mias_menu li{    margin-left:20px; margin-right: 20px;}
    .slideBottom{ margin-top:-50px}
    ul.countdown li span{    font-size: 46px;line-height: 55px;}
    ul.countdown li p{    font-size: 16px;}
    .miashelp .helpblog .helpbDetails h1{    font-size: 14px;}
}

@media (max-width: 991px){.sidebar-left{margin: 0px 15px 15px;}}

@media (min-width: 768px) and (max-width:800px) {
    .getinTouch button{margin-bottom: 15px;}
     /* .headService {  display: none;}    */
    .logo{ top:0}
    .logo a{    max-width: 275px;}    
    .headService ul{ margin-right: 45px;}
    /* .headService ul li{min-height: 85px;} */
    .headService ul li a{ font-size:14px;}
    
header .container{    position: relative;}      
header nav {  margin: 0;      position: absolute!important;  top: 0!important; width: 100%;  left: 0;}
header nav .menu-collapser{  width: 100%;  height: 60px;  text-align: right;}    
header nav .collapse-button{  top: 0;  position: relative;  text-align: right;    margin-top: 32px;  display: inline-block;}
 ul.mias_menu{    background-color: rgba(255,255,255,1);    width: 100%;}
    ul.mias_menu li{ margin-left: 0}
    ul.mias_menu li a{    padding: 10px 10px;}
    nav .menu-collapser{    height: 84px;}
    .slideBottom{ margin-top:-50px}
    .videoDetails nav li a{    padding-left: 55%!important;    min-height: 100px;}
    .videoDetails nav li h2{    padding: 0 5px;    font-size: 20px;}
     .videoDetails iframe{ width:100%;    height: auto;}
    .section_link a{    font-size:16px;    margin: 18px 0;}
    
     header{ margin-bottom:35px;}
    .search_bar{    width: 100%;  position: absolute; bottom: -35px;  right: 0;}   
    .search_bar input[type="text"]{    width: 100%;}
    
}



@media (max-width: 768px) {
    
    
    
    header{ margin-bottom:35px;}
    .search_bar{    width: 100%;  position: absolute; bottom: -35px;  right: 0;    padding-left: 0;}   
    .search_bar input[type="text"]{    width: 100%;}
    
    .mias-carousel .mias-caption p{    font-size: 14px; margin-bottom:5px;}
    
/* .headService{ display:none;}     */

    
ul.mias_menu li:hover a:after, ul.mias_menu li.active a:after {  width: 95%; opacity: 1;}    
 
/* header .container{    position: relative;}     */
header .container { 
    position: relative;
    }
header .top-navigation .container { 
    position: relative;
    display: flex;
}  
header nav {  margin: 0; position: absolute!important; top: 70px!important; width: 100%;  left: 0; 
    z-index: 999;}
    .headService ul li a {max-width: none;}
    .headService ul li a br {display: none;}
header nav .menu-collapser{  width: 100%;     height: auto; text-align: right; border-bottom: 1px solid #f1f1f1;}    
header nav .collapse-button{  top: 0;  position: relative;  text-align: right;    margin-top:0;  display: inline-block;}
.client-owl{ min-height:inherit}

.page-contant{ position:relative;}
    #content{ width:100%;border-left:0!important;    margin-left:0%!important;    padding-top: 18px!important;}    
    nav.navfix{ width:100%!important;background-color: #fff;    left: 0;}
.fixBtn{   bottom:0; margin:0; width: 100%;}    
.fixBtn a{ float:left;  max-width:inherit;  font-size: 17px;  line-height: normal;    padding: 10px 15px; margin-bottom: 15px; width: 100%;}  
 /* .section_link {  margin-top:75px;  padding-bottom: 15px;} */
    
    .page-contant .contant_box .videoSec embed{ width:100%; height:auto}   
    
    
header.sticky .collapse-button{top:7%;}
.mias-carousel .mias-caption h2{font-size: 20px; margin-top:0}  
.mias-carousel .mias-caption h3 span{    font-size: 12px;}
.mias-carousel .mias-caption h3{    font-size: 22px;}  
    .mias-carousel .mias-caption{    bottom: 5%;    padding: 0 35px;}    
    .slideBottom .owl-dots{ display:none;}
    ul.countdown li span{    font-size: 35px; line-height:normal}
    ul.countdown{ padding:0}
    ul.countdown li p{ font-size:13px;}
    .miashelp ul li{ width:100%; margin-bottom:15px;}
    .latestContent h1,
    .innovation h1,
    .getinTouch h1{ font-size:25px;}
    .miashelp .helpblog .helpbDetails h1{ font-size:16px;    margin: 0;}
    ul.mias_menu{    background-color: rgba(255,255,255,1);    width: 100%;    box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.22);}
    ul.mias_menu li{ margin-left: 0}
    ul.mias_menu li a{    padding: 10px 10px;}
    .socailSec  { clear:both;}
    .getinTouch .subscribeInput{ vertical-align: middle; margin-right:0; 
        /* margin-bottom:15px;width:100%;  */
        }
    .getinTouch button{ width:auto; padding: 5px;}
    .socailSec:before{ display:none;}
    .socailSec a {
    color: #fff;
    font-size: 17px;
    display: inline-block;
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    margin: 0 7px;
}
    
    .footerLink > div{     min-height: inherit; margin-bottom:15px;}
    
header:after{ display:none;}    
.slideBottom{ margin-top:0}   
header .top-navigation-right .text-block{    font-size: 13px;    padding-right: 10px;  margin-right: 10px;}   
header .top-navigation-right {width: 100%; text-align: right;}    
header .top-navigation-left p{font-size: 14px;}
    .logo{ top:0;}   
.logo a {  display: inline-block;  max-width: 220px;}    
    .conditionBlog{ padding:0}
    footer .co_details {
    margin-top: 0;
}
    .serchBar{ margin-bottom:15px;}
    .serchBar .searchblog .inputsearch input{font-size: 12px; padding: 5px 10px;}
    .conditionBlog .row > div{ padding:20px;    min-height: inherit;}   
    .conditionBlog .row > div p{ font-size:16px;}
    .videoDetails nav{    position: relative!important;
    top: 0!important;}
    
    
    .videoDetails nav li{ width:33.3333%; float:left;}
    .videoDetails > div{ clear:both;}
    .videoDetails nav li a{ padding:0!important;    min-height: 100px;}
    .videoDetails iframe{   height: auto; width: 100%;}
    .vd_condition {
    margin-top: 0;
}
    .videoDetails nav li h2{    font-size: 15px;padding: 0 10px;}
    .videoDetails nav li .arrow{ display:none;}
    
    
    .serchBar .searchblog  button{    width: 23%;    font-size: 13px;}
    .conditionBlog .row > div .btn.btn-info{font-size: 15px;    padding: 12px 40px;}
    .conditionBlog .row > div h1{    margin-bottom: 9px;    font-size: 26px;}
    .conditionBlog .paginationSec{ margin-top:0;}
    .contantSec .lead.l2 {  max-width: 100%;  font-size: 18px;  line-height: 28px;}
    .heading_bar .container{ min-height:140px;    text-align: center;}
    .heading_bar h1{  position: relative;    left: 0;  font-size:25px;  bottom: 0;}
    .breadcrumb a { font-size: 14px;}
    .heading_bar .breadcrumb{ position:relative;    bottom: 0;    width: 100%;  right: 0;}
    
    section.book_a_consultation.refer-patient .consultationForm h2 {  margin-bottom: 9px;  margin-top: 0;  font-size: 33px;}
   .section_link a{    font-size:16px;    margin: 14px 0;} 
    
    
    .page-contant .contant_box{ padding:15px 0;}
    
    .contantSec .lead{    font-size: 18px;}
    section.book_a_consultation .consultationForm{ padding:20px; margin-left: 0px;}
    section.book_a_consultation .consultationForm h2{font-size: 25px}
    section.book_a_consultation .btnSet .btn{ margin-bottom:15px;}
section.book_a_consultation textarea.form-control{ height:115px;}
section.book_a_consultation:after{  width:100%}
    .headingSec{ padding:0 15px}
    .headingSec h1{    font-size: 27px;}
    
    .hide-desk{ display:block!important}
     .hide-mob{ display:none!important}
    
    .btnSection a.btn{    margin: 7px 0px;}
    .top-social-wrapper h2{ text-align: center;}
    .order-1 {order: 1; margin-right: 5px;}
.order-2 {order: 3;}
.order-3 {order: 2;}

.main-header {display: flex; justify-content: start;
    align-items: center;
    flex-wrap: wrap;}
.main-header .mid-header {margin-right: auto; margin-left: 0; align-items:start ;     margin-top: 6px;}
.logo img {width: 120px;}

    
}


.conditionBlog.bloglist .row > div{    min-height: inherit; border:0; padding: 20px;}
.conditionBlog.bloglist .row > div h1{  font-size: 27px;  font-weight: 600;    margin-bottom: 20px;}
.conditionBlog.bloglist  .row > div h1 span{ font-size: 18px;  font-weight: 500;  margin-top: 10px;}
.conditionBlog.bloglist  .row > div p{    font-size: 17px}
.conditionBlog.bloglist  .row > div .btn.btn-info{font-size: 14px;  padding: 14px 30px;}
.consultation {background-color: #01a1af; padding-bottom: 50px;}
.consultation h2 {
    color: #fff;
    font-weight: 700;
}
.consultation .mb-15 {margin-bottom: 15px;}
.consultation .consultation-box{color: #fff;}
.consultation .consultation-box p {margin-bottom: 0; font-family: 'Quicksand', sans-serif;}

@media (min-width: 768px){

    .conditionBlog.bloglist  .row{
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }  
}

@media (min-width: 1024px){
	header.sticky {position: fixed;
	-moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  -webkit-transition: all 0.5s ease;
	  transition: all 0.5s ease;
	  z-index:99
	}
}

.blogdetail #content{
    margin: 0;
    border-left: 0;
}
.blogdetail #content img {
    margin: 20px auto;
    display: flex;
    max-width: 100%;
}

/* .blogdetail #content img.f_img{
    max-width: 100%; margin: 0px 20px 20px 0px; float: left;
} */

.doctor-details{
    font-size: 15px;
    padding-top:30px;
    border-bottom: 1px solid #e8e8e8;
}

.doctor-details .doc-pro img{width:100%;}
.doctor-details h3{font-size: 19px;
    font-weight: 600;
    color: #000;
    margin: 15px 0;
}
.doctor-details ul{
    padding-left: 20px;
    margin-bottom: 20px;
}

.login-form-box{
    /* background-color: rgba(255,255,255, 0.1); */
    backdrop-filter: blur(6px);
    border-radius: 25px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 50%); padding: 30px;background-color: rgb(1 161 175);margin-right: 40px;}
.register-container{display: flex; align-items: center;}
.login-form-box h2{margin-top: 0px;}
.login-btn{width: auto !important; padding: 10px 30px !important; border-color: #202121 !important;} 
.loginform h3{margin-top: 18px !important;} 

.sidebar-left{background-color: #00305a; padding: 0;}
.sidebar-left .nav .nav-item .nav-link{color: #fff;}
.sidebar-left .nav .nav-item{border-bottom: 1px solid #fff;}
.sidebar-left .nav .nav-item:last-child {border-bottom: none;}
.sidebar-left .nav .nav-item:hover .main-menu
{
    background-color: #272727;
    color: #EEE;
}
.sidebar-left .nav .nav-item .nav-link i{margin-right: 5px;}
.sidebar-left .nav .nav-item .nav-link{padding: 1.2rem;}
.surgeries-opt{position: relative;}
.surgeries-opt::after{font-family:Material-Design-Iconic-Font; content: "\f2f9"; position: absolute; right: 1rem;}

/* .dashboard-bg{background:url(../img/book_a_consultation_bg.jpg) no-repeat center left;  background-size:cover; position:relative; color:#fff;} */

/* .dashboard-bg{margin-top: 15px; margin-bottom: 15px;} */
.flex-wrap .details-box {position: relative; overflow: hidden;}
.flex-wrap .details-box:before {content: ""; position: absolute; right: -40px; top: 10px;
    width: 100px; height: 100px; border-radius: 100px; background-color: rgba(245, 245, 245, 0.3);}
.flex-wrap .details-box:after {content: ""; position: absolute; right: -20px; bottom: -10px;
        width: 110px; height: 110px; border-radius: 100px; background-color: rgba(245, 245, 245, 0.3);}    
.flex-wrap .card {border: 0; width: 100%; border-radius: 12px; margin-bottom: 1.875rem;
    -webkit-box-shadow: 0 10px 30px 0 rgb(24 28 33 / 5%);
    box-shadow: 0 10px 30px 0 rgb(24 28 33 / 5%); background-color: #fff;}
.flex-wrap .card .card-body{padding: 1.5rem;}
.dash-contetnt h4{font-size: 18px; color: #fff; font-weight: 700;}
.dash-contetnt h2 {font-size: 24px; color: #fff; font-weight: 700; margin-top: 10px;}
.dash-contetnt .growth-indicator {color: #fff;}
.details-box span {display: inline-block; margin-top: 0px; color: #fff; font-weight: 600;}
.flex-wrap .detail-box1 {
    background: rgb(79, 81, 127);
    background: -moz-linear-gradient(45deg, rgba(79, 81, 127, 1) 0%, rgba(50, 53, 132, 1) 44%, rgba(50, 53, 132, 1) 100%);
    background: -webkit-linear-gradient(
45deg
, rgba(79, 81, 127, 1) 0%, rgba(50, 53, 132, 1) 44%, rgba(50, 53, 132, 1) 100%);
    background: linear-gradient(
45deg
, rgba(79, 81, 127, 1) 0%, rgba(50, 53, 132, 1) 44%, rgba(50, 53, 132, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f517f', endColorstr='#323584', GradientType=1);
}
.flex-wrap .detail-box2{background: rgb(192, 133, 248);
    background: -moz-linear-gradient(45deg, rgba(192, 133, 248, 1) 0%, rgba(192, 133, 248, 1) 44%, rgba(160, 89, 242, 1) 100%);
    background: -webkit-linear-gradient(
45deg
, rgba(192, 133, 248, 1) 0%, rgba(192, 133, 248, 1) 44%, rgba(160, 89, 242, 1) 100%);
    background: linear-gradient(
45deg
, rgba(192, 133, 248, 1) 0%, rgba(192, 133, 248, 1) 44%, rgba(160, 89, 242, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c085f8', endColorstr='#a059f2', GradientType=1);} 
.flex-wrap .detail-box3 {
        background: rgb(253, 181, 131);
        background: -moz-linear-gradient(45deg, rgba(253, 181, 131, 1) 0%, rgba(253, 181, 131, 1) 26%, rgba(252, 141, 148, 1) 100%);
        background: -webkit-linear-gradient(
    45deg
    , rgba(253, 181, 131, 1) 0%, rgba(253, 181, 131, 1) 26%, rgba(252, 141, 148, 1) 100%);
        background: linear-gradient(
    45deg
    , rgba(253, 181, 131, 1) 0%, rgba(253, 181, 131, 1) 26%, rgba(252, 141, 148, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb583', endColorstr='#fc8d94', GradientType=1);
    }
.flex-wrap .detail-box4{background: rgb(253, 181, 131);
    background: -moz-linear-gradient(45deg, rgb(108 222 210) 0%, rgb(87 191 181) 26%, rgb(35 195 175) 100%);
    background: -webkit-linear-gradient(
45deg
, rgb(108 222 210) 0%, rgb(87 191 181) 26%, rgb(35 195 175) 100%);
    background: linear-gradient(
45deg
, rgb(108 222 210) 0%, rgb(87 191 181) 26%, rgb(35 195 175) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74d5cb', endColorstr='#27c1ad', GradientType=1);}    

.upcoming-apt .card .card-header.no-border {padding: 1.25rem 1.25rem 0; border-bottom: 0;}
.upcoming-apt .card .card-header .card-title {margin-bottom: 0; font-size: 20px; font-weight: 600;color: #3c3b3b;}
.upcoming-apt table {
    color: #141415;
    max-width: 100%;
    margin-bottom: 0;
    width: 100%;
    padding: .5rem;
    border: 1px solid #ededf9;
}
.upcoming-apt .table thead tr th {
    font-weight: 600;
    border: 0;
    color: #333;
}
.upcoming-apt .table td, .table th {
    padding: 1rem 0.75rem;
    border-bottom: 0;
    vertical-align: middle;
    white-space: nowrap;
}   

.recent-container .card .card-header.no-border {
    padding: 1.25rem 1.25rem 0;
    border-bottom: 0;
}
.recent-container .card .card-header .card-title {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600; color: #3c3b3b;
}
.recent-container .table{color: #141415;
    max-width: 100%;
    margin-bottom: 0;
    width: 100%;
    padding: .5rem;
    border: 1px solid #ededf9;
}
.recent-container .table thead {
    background-color: transparent;
    border-bottom: 0;
}
.recent-container .table thead tr th {
    font-weight: 600;
    border: 0;
    color: #333;
}
.recent-container .btn.text-success{color: #22cc62 !important;}
.m-r-5 {
    margin-right: 5px !important;
}
.sidebar-left .nav .nav-item .nav-link:focus{background-color: #000;}
.dashboard-wrapper{background-color: #f7f6f6; border-top: 1px solid #e2e2e2; padding: 15px 0px;}
.btn-edit{color: #fff; background-color: #003c42; border-color:1px solid #003c42;}
.btn-edit:hover{background-color:#001d20; color: #fff;}
.btn-edit-outline{border:1px solid #003c42; background-color:transparent; color: #003c42;}
.welcome-box{background: linear-gradient(45deg, #007680, #00baff); padding: 50px;
    margin-bottom: 15px; border-radius: 12px;}
.welcome-txt h1{font-size: 40px; color: #fff; font-weight: 700; margin-top: 0px;}
.welcome-txt p{font-size: 18px; color: #fff; margin-bottom: 0px;}

/* =================================Patients_page====================================== */
.patient-profile .panel .panel-body .form-group input{height: 45px; border-radius: 4px; border: 1px solid #ccc;
 background: #fff; width: 100%;}
.patient-profile .panel .panel-body .form-group select{height: 45px; border-color: #929090; background: #fff;}
.patient-profile .panel .panel-body .form-group .btn-submit{font-family: 'Quicksand', sans-serif; font-size: 17px;
font-weight: 600; color: #fff; border: 2px solid #003c42; background-color: #003c42; display: inline-block;
border-radius: 4px; padding: 12px 20px; line-height: normal; text-transform: uppercase; margin: 0; 
transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.patient-profile .panel .panel-body .form-group .btn-submit:hover{background-color: #018490; color: #fff;}
.patient-profile .panel-default .panel-heading{background: linear-gradient(140deg, #007680, #018490); color: #fff;}
.patient-profile .panel-default .panel-heading h4{font-size: 20px; font-weight: 700;}

.my-profile .form-group{font-size: 16px;}
.my-profile .form-group a.btn{padding: 7px 10px !important;}

.left-blog-sidebar{padding: 60px 0px; margin-bottom: 20px;}
/* .blog-left{border: 1px solid #eeeeee;} */
.left-blog-sidebar h3 {
    background-color: #01a1af; color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 15px 15px 15px;
    margin: 0;
}
.price-range {
    padding: 20px 15px;
}
.price-range label {
    padding: 0 0 20px 0;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    margin: 0;
}
.price-range #slider-range {
    border: 0;
    background-color: #e2e3e6;
    border-radius: 12px;
    height: 7px;
}
#amount{border: 0;
    margin-top: 14px;
    height: auto;
    font-size: 15px;
    font-weight: 600;
    color: #007680;
    width: 100%;}
    .dr-cat{padding: 20px 15px;}
.icon-input-search{position: relative; padding: 20px 15px;} 
.icon-input__text-field{border-radius: 70px; background-color: #f3f3f3; padding: 8px 15px; width: 100%; border: 0px;}
.icon-input-search i{position: absolute;    right: 35px;
    top: 35px;}   
    .images-blog{height: 100%;}


    /* =================================Blog================================ */
    .blog-page-container{padding: 100px 15px 50px;}
    .blog-left-wrapper{}
    .blog-left-content-1{padding: 0px 0px 30px 0px;}
    .blog-left-content-1 h3{margin-top: 0px; margin-bottom: 20px; color: #333; font-size: 20px; text-transform: uppercase; font-weight: 600;}
    .categories-module{list-style: none; padding: 0; margin: 0;}    
    .categories-module li{border-bottom: 1px solid #f3f3f3; padding: 7px 0px;}
    .categories-module li a{padding: 7px 0; color: #666; text-decoration: none; font-size: 16px; font-weight: 500;}
    .blog-left-content-2{padding: 0px 0px 30px 0px;}
    .blog-left-content-2 h3{margin-top: 0px; margin-bottom: 20px; color: #333; font-size: 20px; text-transform: uppercase; font-weight: 600;}
    .blog-post .blog-content-container{padding: 1.2rem; background-color: #fff; transition: .3s all ease-in-out;
    box-shadow: 0 15px 45px -9px rgb(0 0 0 / 5%); position: relative; min-height: 260px; text-align: left;}
    .blog-post-image img{width: 100%;}
    .blog-content-container h2{color: #000000; line-height: normal; font-weight: 600; font-size: 22px;  margin: 0px 0px 1rem 0; min-height: 90px; }
    .blog-meta-post span{color: #000000; font-weight: 500; font-size: 20px; margin-bottom: 1rem;}
    .blog-content p{color: #333333; font-weight: 400; font-size: 16px; line-height: 1.5;}
    /* .blog-btn {position: absolute; bottom: 15px; left: 1.2rem;} */
    .blog-btn a{display: inline-block;  padding: 15px; color: #fff; font-size: 18px;
                text-transform: uppercase; font-weight: 700; transition: all 0.4s ease-in-out;
                -webkit-transition: all 0.4s ease-in-out;
                -moz-transition: all 0.4s ease-in-out; width:100%;}
    .blog-btn a:hover{background-color: #018490; color: #fff;}    
    .categories-module li:hover a{color: #018490;}        
    .blog-post{position: relative; height: 100%; padding-bottom: 55px;}    
    .blog-post-image{height: 240px; overflow: hidden;}    
    .blog-container{border-bottom:1px solid #f7f6f6;} 
    /* =================================== */
    .awards{padding: 100px 15px 50px;}
    .awards-container h2{color: #000000; line-height: normal; font-weight: 600; font-size: 22px;  margin: 0px 0px 1rem 0; }
    .awards-container .award-content-container {
        padding: 1.2rem;
        background-color: #fff;
        transition: .3s all ease-in-out;
        box-shadow: 0 15px 45px -9px rgb(0 0 0 / 5%);
        position: relative;
        min-height: 260px;
        text-align: left;
    }

.awards-container .award-content-container .award-content {min-height: auto;}
.awards-container .blog-post {padding-bottom: 25px;}
.awards-container .blog-post .blog-post-image {
	    display: flex;
    align-items: center;
}

.awards-container  .blog-btn a {width: auto;}
/* =================================== */


    @media screen and (max-width: 1024px) {
        .blog-page-container{padding: 20px 15px;}
      }    
    .my-profile-container .form-group{position: relative;}  
    .my-profile-container .patient-profile .panel .panel-body .form-group input{position: initial;}
    /* .my-profile-container .form-group .error{position: absolute; color: red; bottom: -25px; left: 0;}  */

    .mias-latest-content{background-color: #fff; padding-bottom: 35px;}
    .mias-latest-content h1{color: #01a1af; font-weight: 700;}
    .mias-latest-content h2{color: #01a1af; font-weight: 700;}
    .mias-latest-content .contentBlog .lb_details{color: #000; padding: 20px;}
    .mias-latest-content .contentBlog .lb_details h2{color: #000000; line-height: normal; font-weight: 600;
    font-size: 24px; margin-top: 0px;}
    .mias-latest-content .contentBlog .lb_details p{color: #333333; line-height: 1.5;}
    .mias-latest-content .contentBlog .lb_details a{text-decoration: none;}
    .mias-latest-content .contentBlog{box-shadow: 0 0 25px rgb(0 0 0 / 5%); padding-bottom: 0px;}

    .latest-clinic {background-color: #01a1af; padding-bottom: 50px;}
    .latest-clinic .contentBlog {padding-bottom: 0px; background: #fff; padding: 20px;}
    .latest-clinic .contentBlog .lb_details{color: #000; }
    .latest-clinic .contentBlog .lb_details h2 {color: #000000; line-height: normal; font-weight: 600; font-size: 24px; }
    .latest-clinic .contentBlog .lb_details p {color: #333333; line-height: 1.5;}
    .latest-clinic h1{color:#01a1af; font-weight:700;}

    .symptoms-tags{ background-color: #003c42; padding:2px 6px; display: inline-block;
        color: #fff; margin: 0 2px 6px 0;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        box-shadow: inset 0px -1px 0px 0px rgb(0 0 0 / 5%);
        border-radius: 4px;}

    .symptoms-tags:hover {background-color: #018490; color: #fff;} 
    .carousel-inner .item img{width: 100%;}  
    
    .conditionBlog2 h1{font-weight: 700;}
    .conditionBlog2 h2{font-weight: 700;}
    .conditionBlog2 .home-conditions .item{padding: 20px; border: 1px solid #f0f0f0; background-color: #fff;
    border-radius: 4px; height: 100%; display: flex; flex-direction: column;}

    .conditionBlog2 .home-conditions .item h2{color: #000000; line-height: normal; font-weight: 600;font-size: 24px;
        margin-top: 0px; margin-bottom: 0px;}
    .conditionBlog2 .home-conditions .item p{font-family: 'Quicksand', sans-serif; font-size: 16px; font-weight: 400; color: #333333; line-height: 1.5;}
    .conditionBlog2 .home-conditions .item a{font-weight: 700;}
    .conditionBlog2 .owl-carousel .owl-stage {display: flex;}

    .conditionBlog2 .owl-carousel .owl-stage .item .button-block {margin-top: auto;}
    .home-conditions .owl-nav {top: -55px;}
    .home-conditions .owl-nav .owl-prev, .home-conditions .owl-nav .owl-next {background-color: #fff;}

    .adv-surgery{background-color: #f7f6f6; padding-bottom: 50px;}
    .adv-surgery h2{color: #01a1af; font-weight: 700;}

    .conditionBlog .button-block a{width: 100%; font-weight: 700; padding: 15px; font-size: 18px;}

  

    .surgical-gestro-right{border-left: 1px solid #f3f3f3;}
    .surgical-gestro-right #content{ padding: 35px;
        position: relative;
        list-style: none;}
    .surgical-gestro-right .contant_box {padding: 0px;}
    .surgical-gestro-page{padding-top: 50px;}
    .surgical-gestro-left nav.navfix{width: 100%;}
    .surgical-gestro-right .download_pdf_btn a{font-weight: 700; margin-bottom: 20px;}

    .blog-sticky-left{position: -webkit-sticky; position: sticky; top: 0;}
    .cc-sticky-left{position: -webkit-sticky; position: sticky; top: 0;}
    .surgical-gestro-left{position: -webkit-sticky; position: sticky; top: 0;}

    #bookappointment input.error, textarea.error {border: 2px solid #983327 !important;}
    #bookappointment label.error {display: none !important;}

    #updateprofile input.error, textarea.error {border: 2px solid #983327 !important;}
    #updateprofile label.error {display: none !important;}

    .loginform input.error, textarea.error {border: 2px solid #983327 !important;}
    .loginform label.error {display: none !important;}

    .register-container input.error, textarea.error {border: 2px solid #983327 !important;}
    .register-container label.error {display: none !important;}

    #condition-page .container .row > div h1 {font-family: 'Quicksand', sans-serif; color: #00305a; 
        font-size: 39px; font-weight: 500; margin-top: 0; margin-bottom: 30px;}
    #condition-page .container .row > div h1 span {display: block; font-size: 21px;}
    #condition-page .container .row > div p {font-family: 'Quicksand', sans-serif; color: #6d6d6d; font-weight: 500;
    font-size: 18px;}
    #condition-page .container .row >div a{padding: 17px 61px;}

    .headService ul li:after {content: "\f105"; font-family: 'FontAwesome'; position: absolute; left: 0; top: 13px;
        transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
    .headService ul li:after{display: none;} 
    .forget-pass{text-align: center;}
    .forget-pass a{color: #fff; font-size: 18px; text-transform: capitalize;}
        
    @media screen and (max-width: 576px) {
        .headService ul li{ width: 100%; float: left; line-height: normal; list-style: none; padding: 10px;position: relative; text-align: left;}
        .top-navigation-right .text-block a span{display: none;}    
      }
     
      .headService ul li:hover{background-color: #01a1af;transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;}

        @media only screen   
        and (min-device-width : 320px)   
        and (max-device-width : 767px)  {
            .cc-sticky-left{position: inherit;}
            .blog-page-container .row{display: flex; align-items: center; justify-content: center; flex-direction: column-reverse;}
            .blog-sticky-left{position: inherit;}
            .blog-container{position: relative;}
            .blog-container .paginationSec{position: absolute; bottom: -14px;}
        }    
      


     
        
        
        #covidmodal .modal-dialog{max-width: 700px;}
        #covidmodal .modal-dialog .modal-header {display: flex;}
        #covidmodal .modal-dialog button.close {
          position: absolute;
                z-index: 9999;
                right: 20px;
                top: 9px;
                color: #01a1af;
                opacity: 1;
                }
        #covidmodal .modal-dialog button.close:hover, #covidmodal .modal-dialog span:hover {color: #000;}
        #covidmodal .modal-dialog .modal-title{ font-weight: 700; text-transform: uppercase; color: #00305A; font-size: 2.4rem; line-height: normal;}
        #covidmodal .modal-dialog h2{ font-size: 24px; color: #000;font-weight: 700; margin-bottom:1rem;}
        #covidmodal .modal-dialog span{font-size: 40px; line-height: 40px; color: #01a1af; font-weight: 500; margin-bottom:1rem;}
        #covidmodal .modal-dialog ol{padding-left: 1.1rem;margin-bottom: 1.5rem;}
        #covidmodal .modal-dialog ol li{color: #000; font-size: 15px; line-height: normal; margin-bottom: 7px;}
/* ============.main-slider============= */
.banner-caption {position: absolute; top: 0px; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.banner-caption .banner-caption-center { width: 100%; text-align: center;}
.main-slider a.carousel-control{opacity: 1; background-image: none; width: 40px;}
.main-slider .carousel-control > span {background: url(../img/arrow_slide.png)no-repeat center right; width: 16px; height: 39px;}    
.main-slider .carousel-control.left > span {background-position: center left;}
.main-slider .glyphicon-chevron-left:before{display: none;}
.main-slider .glyphicon-chevron-right:before{display: none;}
.main-slider{position: relative;}
.main-slider .banner-caption{position: absolute; width: 100%; height: 100%; left: 0; bottom: 0;  text-align: center; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
.main-slider .banner-caption .container.text-center{width: 100%;}
.main-slider .banner-caption .container.text-center h2{color: rgba(18, 36, 68, 100%); text-transform: uppercase; font-weight: 700; font-size: 48px; line-height: 58px; font-family: 'bubbble_gumbold';}
.main-slider .banner-caption .container.text-center p i{margin-right: 10px; color: #000;}
.main-slider .banner-caption .container.text-center p{font-size: 24px; color: #000; font-family: 'Quicksand', sans-serif; font-weight: 500; margin-top: 1rem;}
.bottom-info a:hover{text-decoration: none; }
.bottom-info a:hover h4{color: #007680;}
.bottom-info{position: absolute; left: 0; bottom: 40px; width: 100%; text-align: center;}
.bottom-info .appointment-deatils{display: flex; background-color: #fff; align-items: center;}
.bottom-info .appointment-deatils img{width: 80px;}
.bottom-info .ad-text{display: flex; width: 100%; align-items: center; justify-content: center; text-align: center; padding: 0px 20px;}
.bottom-info .ad-text h4{color: #000; font-size: 20px; line-height: 24px; font-family: 'Quicksand', sans-serif;}
.bottom-info .dp-img{width: 80px;}    
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 13px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    font-family: 'Quicksand', sans-serif;
  
  }
  
  .actives, .accordion:hover {
    background-color: #ccc; 
  }
  
  .panel {
    padding: 0 18px;
    /*display: none;*/
    background-color: white;
    overflow: hidden;
  }

  .blog-content {
    min-height: 154px;
}

.flash-msg{position: absolute; right: 0; z-index: 999; top: 150px;padding: 10px 30px; animation-name: msg1;  animation-iteration-count: 1; animation-duration: 3s; background-color:#ADD8E6; color: #000; animation-fill-mode: forwards;}
.flash-msg .close{padding: 5px 10px;}
.flash-msg a{color: #000;}


.covid-update{    background-color: #ADD8E6;   
    text-align: center;
    padding: 4px 17px;
    display: inline-block;
    position: fixed;
    color: #000000;
    right: -70px;    cursor: pointer;
    z-index: 99;
    top: 250px;
    font-size: 19px;
    transform: rotate(90deg);}

    .whatsapp-op {
        position: relative;
    }
    .whatsapp-op .whatsapp-toggle {
        background: #26d467;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: block;
        padding: 10px;
        position: fixed;
        right: 100px;
        bottom: 23px;
        z-index: 999;
    }

    .whatsapp-op .whatsapp-toggle img {
        width: 100%;
    }

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {
    color: #fff !important;
}

.nearby {padding-bottom: 0;}
.nearby h2 {
    color: #fff;
    font-size: 39px;
    margin: 35px 0 10px;
    font-weight: 700;
}
.nearby h4 {color: #fff; margin-bottom: 15px;}
.nearby .blog-content-container {padding: 20px;}
.nearby .blog-content-container h2 {
    color: #000000;
    line-height: normal;
    font-weight: 600;
    font-size: 22px;
    margin: 0px 0px 1.3rem 0;
    min-height: auto;
}
.nearby .blog-content-container .blog-content {
    display: flex;
    min-height: 140px; 
}

.nearby .blog-content-container .blog-content p {margin-left: 10px;}
.expertsSection {padding-top: 50px;  padding-bottom: 50px; }
.expertsSection h2 {font-size: 36px; margin-top: 0; margin-bottom: 28px;}
.expertsSection .btnSection {display: flex; flex-wrap: wrap; justify-content: center;}
.expertsSection .boxContent {}
.expertsSection .boxContent h4 {font-size: 22px;  color: #000000; line-height: normal; font-weight: 600; margin-bottom: 4px;}
.expertsSection .boxContent p, .expertsSection p {color: #000; font-size: 17px; font-weight: 500; }
.expertsSection .boxLeft {border-left: 1px solid #ddd;}
.expertsSection .btnSection a.btn {min-width: auto;}
ul.doctorProfiles  {margin:0; padding:0px;}
.doctorProfiles li{list-style: none; display: inline-block; line-height: normal !important; margin: 7px 5px;}
.doctorProfiles li a img {margin:0px !important;}
ul.listing {
    padding-left: 20px;
}
ul.listing li::marker {color: #01a1af;}
label.error {
    color: #f00;
}

@media (max-width:767px) {
    .covid-update {font-size: 15px; padding: 4px 9px; right: -48px; top: 152px;}
	.awards-container .blog-post .blog-post-image {height: auto;}
	.whatsapp-op .whatsapp-toggle {left: 15px; bottom: 15px; right: auto; z-index: 999;}
	.dropdown-menu .list-group {margin-bottom: 0;}
   }


    @media (max-width:991px) {
	.awards-container .blog-post .blog-post-image {height: auto;}
    .appoinment-model .appoinment{background-color: #e2eaed;}
    a.list-group-item:hover {background-color: #00305A !important; color: #fff !important;}
}
	@media only screen and (max-width:1200px) and (min-width: 991px)  {
		.conditionBlog2 .home-conditions .item h2 {font-size: 20px;}
	}

@media (min-width: 1200px) {
    .logo.master-class img {width:200px;}
    .expertsSection .padr-25 {padding-right: 25px !important;}
    .expertsSection .padl-25 {padding-left: 25px !important;}
}

.blogdetail #content img.inner-certificate{
    max-width: 470px;
    width: 100%;
}