/*=========================
  Common Css
==========================*/

html {
    position: relative;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}

body {
    font-family: 'proxima_nova_rgregular';
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    font-family: 'harabara_maisharabaramaisdemo';
}

p {
    color: #545353;
    text-align: justify;
}

p:last-child {
    margin-bottom: 0;
}

a:focus,
a:active {
    outline: none;
}


/*=========================
  Button Css
==========================*/

.btn-default {
    background: transparent;
    border: 2px solid #3dd7b3;
    border-radius: 4px;
    padding: 8px 20px;
    -webkit-transition: all .35s ease;
    -ms-transition: all .35s ease;
    transition: all .35s ease;
    color: #3dd7b3;
    font-family: 'proxima_novasemibold';
    text-transform: uppercase;
    font-size: 16px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background: #3dd7b3;
    color: #000098;
    border-color: #3dd7b3;
}

.text-center .img-responsive {
    margin-left: auto;
    margin-right: auto;
}

.btn-primary {
    border-color: #260099;
    color: #fff;
    background-color: #260099;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    border-color: #00c7a2;
    background-color: #00c7a2;
}


/*=========================
  Breadcrumb Css
==========================*/

.site-breadcrumb {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #260099;
}

.breadcrumb {
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
}

.breadcrumb li,
.breadcrumb li a,
.breadcrumb > .active {
    color: #fff;
}

.breadcrumb > li + li::before {
    content: ">";
    margin-right: 5px;
    font-weight: 700;
    color: #fff;
}


/*=========================
  Header Css
==========================*/

.pr-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}

.pr__header__relative {
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.54);
    -ms-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.54);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.54);
}

.pr-header .navbar-default {
    background: transparent;
    border: none;
    margin: 0;
}

.pr-header .navbar-brand {
    height: auto;
}

.pr-header .navbar-default .navbar-toggle {
    border: none;
    margin-top: 20px;
}

.pr-header .navbar-default .navbar-toggle:focus,
.pr-header .navbar-default .navbar-toggle:hover {
    background: transparent;
}

.pr-header .navbar-default .navbar-toggle .icon-bar {
    background: #000;
}

.pr-header .navbar-collapse {
    background: #fff;
    border: none;
}

.pr-header .navbar-collapse .navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
}

.pr-header .navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
    font-family: 'proxima_novasemibold';
}

.pr-header .navbar-collapse .navbar-nav li .fa {
    font-size: 16px;
    margin-right: 5px;
}

.pr-header .navbar-collapse .navbar-right li {
    float: left;
}


/*=========================
  Banner Css
==========================*/

.fp-ui {
    display: none;
}

.pr-banner {
    text-align: center;
    background: url(../image/poster.jpg) no-repeat center center / cover;
    height: 100vh;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    position: relative;
}

.pr-banner:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.35;
    content: "";
    z-index: 1;
}

.pr-banner h1 {
    color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    padding: 0 15px;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 1.27;
    z-index: 2;
}

.pr-banner h1 span {
    color: #3dd7b3;
    font-size: 30px;
}

.pr-video {
    width: 100%;
}

.pr-video video {
    display: none;
    min-width: 100%;
}


/*.flowplayer {
    background-image: none;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.flowplayer .endscreen {
    right: 80px;
    bottom: 25px;
    z-index: 9999999;
    background: transparent;
    position: fixed;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
    text-align: center;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
}

.flowplayer .endscreen .fp-toggle {
    display: block;
    color: #eee;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.75) url(../image/replay.png) no-repeat center center;
    height: 50px;
    width: 50px;
    text-indent: 99999px;
    border-radius: 4px;
}

.flowplayer .endscreen .fp-toggle:hover {
    background-color: #fff;
}

.flowplayer.is-finished .endscreen {
    z-index: 12;
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
}


/*=========================
  Common Section Css
==========================*/

.pr-common {
    padding-top: 30px;
    padding-bottom: 30px;
}


/*=========================
  Home About Css
==========================*/

.pr-home-about {
    background: #000098;
    -webkit-transform: matrix(1, -0.1, 0, 1, 0, 0);
    -ms-transform: matrix(1, -0.1, 0, 1, 0, 0);
    transform: matrix(1, -0.1, 0, 1, 0, 0);
    padding: 50px 0;
    margin-top: -50px;
    position: relative;
    z-index: 2;
}

.pr-home-about .container {
    -webkit-transform: matrix(1, 0.1, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0.1, 0, 1, 0, 0);
    transform: matrix(1, 0.1, 0, 1, 0, 0);
}

.pr-home-about p {
    color: #fff;
}

.pr-home-about figure {
    margin-bottom: 20px;
}


/*=========================
  Medical Css
==========================*/

.pr-medical {
    background: #3dd7d2 url('../image/banner-2.jpg') no-repeat center center / cover;
    margin-top: -50px;
    padding-top: 120px;
    padding-bottom: 0;
    position: relative;
}

.pr-medical:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url('../image/shape.svg') no-repeat;
    content: "";
    height: 100%;
}

.pr-medical .container {
    position: relative;
    z-index: 2;
}

.pr-medical-emeregency {
    padding-bottom: 20px;
}

.pr-medical-emeregency figure {
    margin-bottom: 15px;
}

.pr-medical-emeregency h2 {
    font-size: 17px;
    color: #000098;
    font-family: 'proxima_novasemibold';
}

.pr-medical-emeregency p {
    font-size: 15px;
    color: #fff;
}


/*=========================
  Services Css
==========================*/

.pr-services {
    background: #ebebeb;
    padding-bottom: 80px;
}

.pr-services h2 {
    text-transform: uppercase;
    color: #000098;
    margin-bottom: 30px;
}

.pr-services .panel-default > .panel-heading {
    color: #000098;
    text-transform: uppercase;
}

.pr-services .panel-default > .panel-heading > .panel-title > a {
    font-size: 15px;
    text-decoration: none;
    font-family: 'proxima_novasemibold';
}

.pr-services .panel-default > .panel-heading > .panel-title > a .icon {
    margin-bottom: 10px;
}


/*=========================
  Footer Css
==========================*/

.main-footer {
    background: #1a1818;
    position: relative;
}

.main-footer:before {
    width: 0;
    height: 0;
    border-bottom: 56px solid #1a1818;
    border-right: calc(100vw - 15px) solid transparent;
    position: absolute;
    content: "";
    top: -56px;
    left: 0;
}

.footer-logo {
    margin-bottom: 15px;
}

.footer-block {
    margin-bottom: 30px;
}

.footer-block p {
    color: #fff;
    margin-bottom: 5px;
    font-size: 18px;
}

.footer-block p:last-child,
.footer-block:last-child {
    margin-bottom: 0;
}

.footer-block p a {
    color: #fff;
}

.footer-block li, .footer-block li a {
    color: #fff;
    font-size: 18px;
    font-family: 'proxima_novasemibold';
}

.footer-links ul {
    padding-top: 8px;
    border-top: 4px solid #3dd7b3;
}

.footer-links ul li {
    margin-bottom: 15px;
}

.footer-links ul li:last-child {
    margin-bottom: 0;
}

.copyrights {
    padding: 20px 0;
    background: #070707;
}

.copyrights p {
    color: #b1b0b0;
    font-size: 16px;
}


/*=========================
  Innerpage Css
==========================*/

.inner-banner {
    padding: 110px 0;
    background: url('../image/inner-banner.jpg') no-repeat center center / cover;
}

.inner-banner h1 {
    color: #3dd7b3;
}

.inner-banner h1 small {
    display: block;
    color: #fff;
}


/*=========================
  Contact page Css
==========================*/

.pr-contact-us {
    background: #000098;
    position: relative;
    padding-bottom: 80px;
}

.pr-contact-us:before {
    width: 0;
    height: 0;
    border-bottom: 56px solid #000098;
    border-right: 100vw solid transparent;
    position: absolute;
    content: "";
    top: -56px;
    left: 0;
}

.pr-contact-map .map {
    margin-bottom: 25px;
}

.pr-contact-map address {
    position: relative;
    font-size: 18px;
    color: #fff;
    font-family: 'proxima_novasemibold';
}

.pr-contact-map address strong,
.pr-contact-details p strong {
    text-transform: uppercase;
    color: #3dd7b3;
}

.pr-contact-details {
    margin-bottom: 30px;
}

.pr-contact-details p,
.pr-contact-details p a {
    color: #fff;
    margin-bottom: 0;
    font-family: 'proxima_novasemibold';
    font-size: 18px;
}

.pr-contact-details .btn {
    margin-bottom: 15px;
}


/*=========================
  Hero banner Css
==========================*/

.hero__banner {
    position: relative;
    padding: 50px 15px;
    background-color: #222;
    background-position: center center;
    background-size: cover;
}

.hero__banner h1,
.hero__banner h2 {
    font-size: 28px;
    color: #fff;
    text-transform: uppercase;
}

.hero__banner svg {
    position: absolute;
    display: block;
    bottom: -1px;
    left: 0;
    width: 100%;
}

.hero__banner .reverse-shape {
    top: -1px;
    bottom: initial;
}

.pr__white__box p {
    margin-bottom: 20px;
}

.pr__white__box p:last-child {
    margin-bottom: 0;
}

.pr__white__box p a {
    color: #260099;
}

.list-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.list-service li {
    width: 50%;
    margin-top: 30px;
    font-size: 15px;
    text-decoration: none;
    font-family: 'proxima_novasemibold';
    color: #000098;
    text-transform: uppercase;
}

.list-service .icon {
    margin-bottom: 10px;
}






.privacy-policy { padding:50px 0; text-align: left; }
.privacy-policy h1 { margin-bottom:25px !important; }
.privacy-policy h1, .privacy-policy h1 * { display: block; float: none; margin: 0; padding: 0; }

.privacy-policy h3 { margin: 0 0 10px; }
.privacy-policy h4 { margin: 40px 0 10px; }
.privacy-policy p { margin-bottom:15px; }
.privacy-policy p a { color: #000; font-weight: 700; }
.privacy-policy p a:hover { color: #260099; }

.privacy-policy ul { margin:0; padding:0; }
.privacy-policy ul li { margin:0 0 15px; padding-left:20px; position: relative; list-style: none; }
.privacy-policy ul li:before { content: ""; display: block; position: absolute; left:0; top:12px; width:5px; height:5px; background: #666666; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

.privacy-policy .mtb-0 { margin-top:0px; }
.privacy-policy .mt-20 { margin-top:20px; }



.privacy-policy .copyright { margin-top:30px; }



/*=========================
  Responsive Css
==========================*/

@media (min-width: 768px) {
    .row-fluid {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }
    /*=========================
      Header Css
    ==========================*/
    .pr-header {
        padding-top: 10px;
    }
    .pr-header .navbar-default {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .pr-header .navbar-collapse {
        padding-left: 0;
        background: transparent;
    }
    .pr-header .navbar-collapse .navbar-nav {
        width: calc(100% - 132px);
        margin-top: 4px;
    }
    .pr-header .navbar-collapse .navbar-nav.navbar-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
    }
    .pr-header .navbar-default .navbar-nav > li > a {
        color: #1a1a1a;
        font-weight: 500;
        position: relative;
        overflow: hidden;
        text-transform: uppercase;
    }
    .pr-header .navbar-default .navbar-nav > .active > a,
    .pr-header .navbar-default .navbar-nav > .active > a:focus,
    .pr-header .navbar-default .navbar-nav > .active > a:hover,
    .pr-header .navbar-default .navbar-nav > li:hover > a,
    .pr-header .navbar-default .navbar-nav > li:focus > a,
    .pr-header .navbar-default .navbar-nav > li:active > a {
        background: transparent;
        color: #fff;
    }
    .pr__header__relative .navbar-default .navbar-nav > .active > a,
    .pr__header__relative .navbar-default .navbar-nav > .active > a:focus,
    .pr__header__relative .navbar-default .navbar-nav > .active > a:hover,
    .pr__header__relative .navbar-default .navbar-nav > li:hover > a,
    .pr__header__relative .navbar-default .navbar-nav > li:focus > a,
    .pr__header__relative .navbar-default .navbar-nav > li:active > a {
        color: #260099;
    }
    .pr-header .navbar-default .navbar-nav > li:last-child:hover > a:before,
    .pr-header .navbar-default .navbar-nav > li:last-child:focus > a:before,
    .pr-header .navbar-default .navbar-nav > li:last-child:active > a:before {
        height: 0;
    }
    .pr-header .navbar-default .navbar-nav > li > .btn {
        padding: 3px 15px;
        color: #fff;
    }
    .pr-header .navbar-default .navbar-nav > .active > .btn,
    .pr-header .navbar-default .navbar-nav > .active > .btn:focus,
    .pr-header .navbar-default .navbar-nav > .active > .btn:hover,
    .pr-header .navbar-default .navbar-nav > li:hover > .btn,
    .pr-header .navbar-default .navbar-nav > li:focus > .btn,
    .pr-header .navbar-default .navbar-nav > li:active > .btn {
        border-color: #37d3b6;
        background-color: #37d3b6;
    }
    /*=========================
      Banner Css
    ==========================*/
    .pr-banner {
        height: auto;
    }
    .pr-banner h1 {
        font-size: 34px;
    }
    .pr-banner h1 span {
        font-size: 46px;
    }
    .pr-video video {
        display: block;
    }
    /*=========================
      Home about Css
    ==========================*/
    .pr-common {
        padding: 50px 0;
    }
    /*=========================
      Call Css
    ==========================*/
    .pr-medical {
        padding-top: 220px;
        padding-bottom: 0;
    }
    .pr-medical:before {
        background: url('../image/before.png') no-repeat center calc(100% + 2px);
    }
    .pr-medical-emeregency {
        padding: 160px 65px 25px 20px;
        background: url('../image/shape.svg') no-repeat right calc(100% + 2px);
    }
    .pr-lady {
        position: relative;
    }
    .pr-lady img {
        position: absolute;
        right: 15px;
        bottom: 0;
        width: calc(100% - 30px);
    }
    /*=========================
      Services Css
    ==========================*/
    .pr-services {
        padding-bottom: 80px;
    }
    .services-tab .nav-tabs {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: none;
        margin-bottom: 30px;
    }
    .services-tab .nav-tabs > li {
        margin: 0;
        width: 200px;
    }
    .services-tab .nav-tabs > li > a {
        text-transform: uppercase;
        color: #000098;
        margin: 0;
        margin-right: 10px;
        border: none;
        font-family: 'proxima_novasemibold';
    }
    .services-tab .nav-tabs > li.active > a,
    .services-tab .nav-tabs > li.active > a:focus,
    .services-tab .nav-tabs > li.active > a:hover,
    .services-tab .nav > li > a:focus,
    .services-tab .nav > li > a:hover {
        border: none;
        border-radius: 4px;
        -webkit-box-shadow: 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.15);
        -ms-box-shadow: 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 1.5px 2.598px 5px 0px rgba(0, 0, 0, 0.15);
        background: #fff;
    }
    .services-tab .nav-tabs > li:last-child > a {
        margin-right: 0;
    }
    .services-tab .nav-tabs > li > a .icon {
        margin-bottom: 10px;
    }
    .services-tab .nav-tabs > li > a .icon .img-responsive {
        max-height: 65px;
    }
    .services-tab .tab-content p {
        color: #545353;
        font-size: 16px;
    }
    /*=========================
      Footer Css
    ==========================*/
    .footer-links ul {
        padding-top: 12px;
    }
    .footer-links ul li {
        margin-bottom: 10px;
        text-align: center;
    }
    /*=========================
      Innerpage Css
    ==========================*/
    .inner-banner {
        padding: 130px 0 100px;
    }
    .inner-banner h1 {
        font-size: 48px;
    }
    /*=========================
      Contact page Css
    ==========================*/
    .pr-contact-map address {
        padding-left: 110px;
        font-size: 14px;
    }
    .pr-contact-map address:before {
        content: url(../image/address-icon.png);
        position: absolute;
        left: 0;
        top: 0;
    }
    /*=========================
      Hero banner Css
    ==========================*/
    .hero__banner {
        padding: 100px 15px;
    }
    .hero__banner__reverse {
        padding: 150px 15px;
    }
    .hero__banner h1,
    .hero__banner h2 {
        font-size: 32px;
    }
    .pr__white__box {
        font-size: 16px;
    }
    .list-service li {
        width: 33%;
    }
}

@media (min-width: 992px) {
    /*=========================
      Header Css
    ==========================*/
    .pr-header .navbar-default .navbar-nav {
        width: auto;
    }
    /*=========================
      Banner Css
    ==========================*/
    .pr-banner h1 {
        font-size: 42px;
    }
    .pr-banner h1 span {
        font-size: 55px;
    }
    /*=========================
      Middle Section Css
    ==========================*/
    .pr-common {
        padding: 60px 0;
    }
    .pr-home-about {
        -webkit-transform: matrix(1, -0.06, 0, 1, 0, 0);
        -ms-transform: matrix(1, -0.06, 0, 1, 0, 0);
        transform: matrix(1, -0.06, 0, 1, 0, 0);
        margin-top: -50px;
    }
    .pr-home-about .container {
        -webkit-transform: matrix(1, 0.06, 0, 1, 0, 0);
        -ms-transform: matrix(1, 0.06, 0, 1, 0, 0);
        transform: matrix(1, 0.06, 0, 1, 0, 0);
    }
    .pr-home-about p {
        font-size: 16px;
    }
    /*=========================
      Call Css
    ==========================*/
    .pr-medical {
        padding-top: 220px;
        padding-bottom: 0;
    }
    .pr-medical-emeregency {
        padding: 300px 100px 25px 20px;
    }
    /*=========================
      Service Css
    ==========================*/
    .pr-services {
        padding-bottom: 100px;
    }
    .services-tab .tab-content p {
        font-size: 17px;
    }
    /*=========================
      Footer Css
    ==========================*/
    /*=========================
      Innerpage Css
    ==========================*/
    .inner-banner {
        padding: 160px 0 120px;
    }
    .inner-banner h1 {
        font-size: 58px;
    }
    .inner-banner h1 small {
        font-size: 38px;
    }
    /*=========================
      Contact page Css
    ==========================*/
    .pr-contact-us {
        padding-bottom: 100px;
    }
    .pr-contact-map address {
        font-size: 16px;
    }
    .pr-contact-details .btn {
        margin-right: 15px;
        margin-bottom: 0;
    }
    /*=========================
      Hero banner Css
    ==========================*/
    .hero__banner {
        padding: 120px 15px;
    }
    .hero__banner__reverse {
        padding: 150px 15px;
    }
    .hero__banner h1,
    .hero__banner h2 {
        font-size: 34px;
    }
    .pr__white__box {
        font-size: 17px;
    }
    .list-service li {
        width: auto;
        -webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;
        margin-top: 50px;
    }
}

@media (min-width: 1200px) {
    .zo-common {
        padding: 60px 0;
    }
    /*=========================
      Header Css
    ==========================*/
    .navbar-header {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .pr-header .navbar-default .navbar-center {
        margin-right: 100px;
    }
    .pr-header .navbar-collapse .navbar-nav {
        margin-top: 10px;
    }
    /*=========================
      Banner Css
    ==========================*/
    .pr-banner {
        background-attachment: fixed;
        height: calc(100vh - 84px);
    }
    .pr-banner h1 {
        line-height: 1;
        font-size: 36px;
    }
    .pr-banner h1 span {
        font-size: 60px;
    }
    .pr-video video {
        position: fixed;
        top: 0;
        left: 0;
    }
    /*=========================
      Middle Section Css
    ==========================*/
    .pr-home-about {
        padding: 70px 0 90px;
        margin-top: -60px;
    }
    /*=========================
      Call Css
    ==========================*/
    .pr-medical {
        margin-top: -100px;
        background-attachment: fixed;
    }
    .pr-medical-emeregency {
        padding: 400px 100px 25px 40px;
    }
    /*=========================
      Service Css
    ==========================*/
    .pr-services {
        position: relative;
    }
    .services-tab .nav-tabs > li {
        margin-right: 10px;
    }
    .services-tab .nav-tabs > li:last-child {
        margin-right: 0;
    }
    .services-tab .nav-tabs > li > a {
        padding: 25px 10px;
        margin: 0;
        min-width: 170px;
    }
    .services-tab .nav-tabs > li > a .icon {
        min-height: 102px;
    }
    .services-tab .nav-tabs > li > a .icon .img-responsive {
        max-height: inherit;
    }
    .services-tab .tab-content p {
        font-size: 18px;
    }
    /*=========================
      Footer Css
    ==========================*/
    .copyrights {
        position: relative;
    }
    /*=========================
      Innerpage Css
    ==========================*/
    .inner-banner h1 {
        font-size: 65px;
    }
    .pr-contact-us:before {
        border-right-width: calc(100vw - 15px);
    }
    /*=========================
      Hero banner Css
    ==========================*/
    .hero__banner {
        padding: 140px 15px;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    .hero__banner__reverse {
        padding: 170px 15px;
    }
    .hero__banner h1,
    .hero__banner h2 {
        font-size: 38px;
    }
}

@media (min-width: 1600px) {
    /*=========================
      Header Css
    ==========================*/
    .main-header .navbar-collapse .navbar-nav {
        width: 67%;
    }
    /*=========================
      Banner Css
    ==========================*/
    .banner::before {
        width: 65%;
    }
    .banner .banner-mobile {
        width: 300px;
    }
    /*=========================
      Middle Section Css
    ==========================*/
    /*=========================
      Testimonial Section Css
    ==========================*/
    /*=========================
      Footer Css
    ==========================*/
    /*=========================
      Hero banner Css
    ==========================*/
    .hero__banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 450px;
    }
    .hero__banner h1,
    .hero__banner h2 {
        margin: 0 auto;
        text-align: center;
    }
}