/*1. Animate css, 2. Smartmenus css, 3. Slick css, 4. Reset css, 5. Core css, 6. custom css*/
/* =================animate css starts here================= */
.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}
@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}
.fadeIn{-webkit-animation-name:fadeIn; animation-name: fadeIn;}
@-webkit-keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 30px, 0);transform: translate3d(0, 30px, 0);} to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0);} to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.fadeInUp{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
/* =================animate css ends here================= */
/* =================reset css starts here=================  */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin: 0; padding: 0; outline: none; border: 0 }
a { text-decoration: none; border: 0; outline: 0; }
ul {list-style: none;}
a:focus, input:focus, textarea:focus, *:focus { outline: 0 !important; }
/* =================reset css ends here================= */
/***********************  fonts *************************/
/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'bankgothiclightbt';
    src:url('../fonts/bankgothiclightbt.eot');
    src:url('../fonts/bankgothiclightbt.eot') format('embedded-opentype'),
    url('../fonts/bankgothiclightbt.woff2') format('woff2'),
    url('../fonts/bankgothiclightbt.woff') format('woff'),
    url('../fonts/bankgothiclightbt.ttf') format('truetype'),
    url('../fonts/bankgothiclightbt.svg#bankgothiclightbt') format('svg');
    display: swap;
}

@font-face {
    font-family: 'bankgothicmd';
    src:url('../fonts/bankgothicmd.eot');
    src:url('../fonts/bankgothicmd.eot') format('embedded-opentype'),
    url('../fonts/bankgothicmd.woff2') format('woff2'),
    url('../fonts/bankgothicmd.woff') format('woff'),
    url('../fonts/bankgothicmd.ttf') format('truetype'),
    url('../fonts/bankgothicmd.svg#bankgothicmd') format('svg');
    display: swap;
}
/* font-family: 'bankgothicmd'; 
font-family: 'bankgothiclightbt'; */
/********************** fonts end ***************************/
/* =================core css starts here================= */
body {font-size: 16px; line-height: 20px; font-weight: 400;font-family: 'PT Sans', sans-serif;color: #666; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 0.2s ease-in; }
.container { width: 100%; max-width: 1090px; }
.container.container1 {max-width: 920px; }
a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in;  -webkit-transition: all 0.2s ease-in; }
a img {border: 0px none;}
a:hover { outline: none; color:#ccc; text-decoration: none; }
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color: inherit; }
::-webkit-input-placeholder { color: #000; opacity: 0.5; }
::-moz-placeholder { color: #000; opacity: 0.5; }
:-moz-placeholder { color: #000; opacity: 0.5; }
:-ms-input-placeholder { color: #000; opacity: 0.5; }
.os-animation {opacity: 0;}
.os-animation.animated {opacity: 1;}
img {max-width: 100%; border:0; height: auto;}
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; margin-bottom: 24px; line-height: 1.2; letter-spacing:0.3px; font-weight: 600; color: inherit;font-family: 'bankgothiclightbt'; }
h1 {font-size: 47px;}
h2 {font-size: 37px;}
h3 {font-size: 27px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}
p {margin: 0px; padding: 0px; margin-bottom: 20px; }
strong {font-weight: 700;}
b {font-weight: 400;}
p:last-child {margin-bottom: 0;}
.btn { border: 0; border-radius: 0; font-weight: 500; padding: 10px 20px;min-width: 225px; font-size: 16px; line-height: 26px; text-transform: uppercase; letter-spacing: -1px;box-shadow: none; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;font-family: 'bankgothicmd';  }
.btn.btn-lg { flex-shrink: 18px; /*padding: 17px 25px; padding-right: 45px;*/ }
.btn-default,.btn-default:focus { background:transparent; color: #06405e; border:2px solid #06405e;}
.btn-default:hover,.btn-default:active { color: #fff; background-color: #06405e;border-color:#06405e;}
.btn-primary,.btn-primary:focus { background:transparent; color: #fff; border:2px solid #fff;}
.btn-primary:hover,.btn-primary:active { color: #06405e; background-color: #fff; border-color:#fff;}
.btn.btn-block{min-width: 100%;}
.btn+.btn {margin-left: 25px;}
ul:not([class]) {list-style: none;margin-bottom: 15px;text-align:left;line-height: 20px;}
ul:not([class]) > li {padding-left: 20px;position: relative;margin-bottom: 23px;}
ul:not([class]) > li:last-child{margin-bottom: 0;}
ul:not([class]) > li:before {content: '';position: absolute;left: 1px;top: 7px;background: #fff;height: 9px;width: 9px;border-radius: 50%;border: 2px solid #06405e;}
/* =================core css ends here================= */
/* ================= Header Start ================= */
#header { background:rgba(6, 64, 94, 0.9); color: #fff; height: 86px; position: fixed; left: 0; top: 0px; right: 0; padding: 0; z-index: 9999; transition: all 0.2s ease-in; display: flex; align-items: center; }
.fixed #header {top:0; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); background-color: #06405e;}
#header::before{position: absolute; content: ''; width: 50%; background: #e6ecef; height: 86px; opacity: 1; transition: opacity 0.2s ease-out;}
.fixed #header::before{ opacity: 0; }
.navbar{padding: 0; width: 100%;} 
.navbar-brand { color: #fff !important; padding: 0; margin: 0; position: relative; z-index: 999;}
.navbar-brand img { width: 260px; margin-top: 40px; transition: 0.3s ease;}
.navbar-brand > span { position: absolute; top: 50%; left: calc(100% + 30px); transform: translateY(-50%); white-space: normal; font-size: 14px; line-height: 16px; font-weight: 400; text-transform: uppercase; }
.navbar-brand > span > strong { font-size: 21px; line-height: 25px; font-weight: 700; }
.navbar-expand-xl .navbar-nav{margin-right: -12px;margin-top: 14px;}
.navbar-expand-xl .navbar-nav .nav-item{margin: 0 12px;}
.navbar-expand-xl .navbar-nav .nav-link{font-size:14px;line-height:43px;font-weight:300;color:#fff; text-transform: uppercase; padding: 0;margin:0; font-family: 'bankgothiclightbt'; }
/*.navbar-expand-xl .navbar-nav .nav-item:hover .nav-link,*/ .navbar-expand-xl .navbar-nav .nav-item .nav-link.active{font-weight: 700;}
.dropdown-toggle::after{display:none;}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{display:none;}
.nav-inside{width: 100%;padding: 0;}
.header-right{margin-left:1px;margin-top: 14px;}
.header-right-link li a {width: 22px; filter: invert(1);}
.header-right-link li a.mail { width: 24px; }
.header-right-link {display: flex;}
.header-right-link li {margin-left: 35px;}
.fixed .navbar-brand img, .collapsed .navbar-brand img{ width: 200px;margin-top: 0; filter: brightness(0) invert(1);}
@media only screen and (min-width: 1200px) {
.navbar-nav>li>.dropdown-menu { display: block !important; top: 100% !important; margin-top: 10px !important; opacity: 0; visibility: hidden; background: #f00; color: #fff;   min-width: 180px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); border: 0; border-radius: 0; transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; }
.dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0px !important; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
.dropdown-item { color: #fff; padding: 5px 15px;  font-weight: 400;}
.dropdown-item:focus, .dropdown-item:hover{color:#333; background: transparent;}
} 
.navbar-toggler {width: 45px;height: 45px;border-radius: 0;cursor: pointer;text-decoration: none;padding: 0;border: 0;background: transparent;margin: 0;position: absolute;top: 0;right: 0;}
.navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus {background: transparent;}
.navbar-toggler:not([class="collapsed"]), .navbar-toggler:not([class="collapsed"]):focus, .navbar-toggler:not([class="collapsed"]):hover {background: transparent;}
.navbar-toggler.collapsed, .navbar-toggler.collapsed:focus, .navbar-toggler.collapsed:hover {background: transparent;}
.navbar-toggler .icon-bar {position: relative;display: inline-block;width: 22px;height: 4px;color: #243238;text-indent: -55px;margin-top: 0;background: transparent!important;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;vertical-align: middle;}
.navbar-toggler .icon-bar:before, .navbar-toggler .icon-bar:after {content: '';width: 22px;height: 4px;background: #005983;position: absolute;left: 0;transition: all .2s ease-out;}
.navbar-toggler.collapsed .icon-bar {background: #005983!important;}
.navbar-toggler.collapsed .icon-bar:before, .navbar-toggler.collapsed .icon-bar:after {background: #005983;}
.navbar-toggler.collapsed .icon-bar:before {top: -8px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .icon-bar:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.navbar-toggler.collapsed .icon-bar:after {bottom: -8px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .icon-bar:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
/* ================= Header End ================= */
main { overflow-x: hidden; }
.content-container{padding: 65px 0; position: relative;} 
.content-container.less-pad{padding:35px 0 45px;}
.content-container.blue-bg{background-color: #06405e; color:#fff;}
.content-container.gray-bg{background-color: #e6ecef;}
.heading { margin-bottom: 15px; }
.heading h5 { line-height: 18px; color: #666; margin-bottom: 5px; }
.heading h1, .heading h2 { font-size: 37px; line-height: 27px; color: #06405e; margin-bottom: 0; }
.blue-bg .heading h2{color:#fff;}
/* ================= Homepage End ================= */
.hero-container {position: relative;padding: 86px 0 74px;height: 645px;}
.hero-content {padding:73px 17% 30px 0;}
.hero-content p {margin-bottom: 34px;}
.hero-img img {width: 100%;height: 100%;object-fit: cover;}
.hero-img {position: absolute;top: 0;left: 50%;width: 50vw;height: 100%;}

/**************service ****************/
.service-container .heading {margin-bottom: 30px;}
.service-list{width:calc(100% + 80px); margin-left: -40px;margin-bottom: 19px;}
.service-list .service-item{width: 33.33%; padding:40px;}
.service-img {height: 245px;}
.service-img img {width: 100%;height: 100%; object-fit: cover;}
.service-content {padding: 25px 0;}
.service-head {display: flex;align-items: center;margin-bottom: 30px;}
.service-head h4 {margin-bottom: 10px;margin-left: 20px;font-weight: 500;}
.service-head-icon {width: 50px;}
.service-body {line-height: 19px;}
.service-box {height: 100%;}
/**************service end *************/

/**************partner ****************/
.partner-container { padding: 48px 0; }
.partner-list {width: calc(100% + 40px);margin-left: -20px;}
.partner-item {padding: 0px 20px;}
.partner-icon {min-height: 53px;line-height: 53px;}
/**************partner end *************/

/**************family-company ****************/
.yf-content { padding: 15px 15px; padding-left: 17%; }
.yf-content .heading { margin-bottom: 20px; }
.yf-content .heading h2 { line-height: 24px; margin-top: 5px; }
.yf-img img { width: 100%; height: 100%; object-fit: cover; }
.yf-img { position: absolute; top: 0; right: 50%; width: 50vw; height: 100%; }
.signature-box { display: inline-block; vertical-align: top; width: 100%; }
.signature-img { width: 220px; float: right; }
/**************family-company end *************/

/**************rating-company end *************/
.rate-us-content .heading {margin-bottom: 12px;}
.rate-us-content-inner {margin-bottom: 28px;}
.rate-us-content {padding-right: 15px;}
.google-img {width: 70px;}
.rating-img {width: 80px; margin:0 15px 0 8px; display: flex; align-items: center;}
.review-btn {border: 0;border-radius: 0;font-weight: 500;padding: 12px 23px;font-size: 16px;line-height: 26px;text-transform: uppercase;letter-spacing: -1px;box-shadow: none;transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;font-family: 'bankgothicmd'; border: 2px solid #06405e;}
.review-btn span {font-size: 14px; color: #06405e; transition: 0.3s ease;}
.review-btn:hover {background: #06405e;}
.review-btn:hover span {color: #fff;}
.review-img { position: absolute; top: 0; right: 50%; width: 100vw; height: 100%; text-align: right; padding-right: 50px;}
.review-img img {height: calc(100% + 30px); object-fit: cover; margin-top: -30px; margin-left: 20px;}
/**************rating-company ****************/


.contact-container { background-image: url(../images/overlay.png); background-repeat: no-repeat; background-size: contain; background-position: 70%; }
.contact-container .heading {margin-bottom: 13px;}
.contact-form .form-control{background:transparent;letter-spacing:0.889px;height:31px;border:0;border-radius:0;border-bottom:2px solid white;font-size:16px;font-weight:400;padding:0 0 5px 0px;color:#fff;font-family: 'bankgothiclightbt';}
.contact-form .form-control:focus{box-shadow:none;border-color:#fff;}
.contact-form .form-group{margin-bottom:51px;position:relative;z-index:1;}
.contact-form label:not(.error){font-size:16px;color:white; font-family: 'bankgothicmd';}
.contact-form .label-placeholder{position:absolute;top:3px; left: 0; transition:all 0.2s ease-in;z-index:-1;}
.contact-form .form-control:focus{border-bottom:2px solid #fff;}
.contact-form .form-control:focus + .label-placeholder,
.contact-form .form-control:focus + label + .label-placeholder{font-size:12px;transform:translate3d(0,-100%,0);opacity:1;top:3px}
.form-control:valid + .label-placeholder,
.form-control:valid + label + .label-placeholder{font-size:12px;transform:translate3d(0,-100%,0);opacity:1;}
.contact-form-left { padding-right: 15px; }
.contact-form-right { padding-left: 15px; }
.contact-form-content {margin-top: 87px;}
.substance{display: flex; align-items:center;}
.substance p{font-size:12px; line-height:20px; color: #ccc;}
.substance p a {font-weight: 700;}
form .btn:after { content: ''; position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; border-radius: 50%; background: #fff url(../images/ajax-loader.gif) no-repeat center/15px 15px; opacity: 0; }
form.loading .btn:after { opacity: 1; }
label.error { font-size: 10px; line-height: 14px; margin-top: 5px; color: #f00; margin-bottom: 0; }
div#responseDiv { display: block; width: 100%; }
/* ================= Footer Start ================= */
#footer {padding: 18px 0;background: #06405e;color: #fff;text-align: center;}
.footer-nav {width: calc(100% + 30px);margin-left: -15px; font-family: 'bankgothiclightbt';margin-bottom: 2px;}
.footer-nav-link {padding: 0px 15px;position: relative;}
.footer-nav-link + .footer-nav-link::before {content: '';position: absolute;width: 5px;height: 5px;border-radius: 3px;background: #fff;left: -3px;top: 50%;transform: translateY(-50%);}
.copyright {font-family: 'bankgothicmd'; font-size:12px;}
/* ================= Footer End ================= */

/* ================= contact-info Start ================= */
.contact-info-container{width:100%;max-width:450px;padding:25px 0;position:fixed;right:0px;top:0;bottom:0; transform: translateX(100%);z-index:99999;transition:all .3s cubic-bezier(.77,.2,.05,1);}
.contact-info-inner{width:100%;height:100%;padding:80px 40px 40px;overflow:auto; font-size:18px;line-height:26px;background:#fff;box-shadow:0 0 25px  rgba(0,0,0,0.1); position: relative;}
.tab-header a{position:absolute;top:30px;left:35px; opacity:1;background: #fff;}
.tab-header h3{font-size:28px;font-weight:400;}
.cursor-default{cursor: default;}
.toggled-tab .contact-info-container{transform: translateX(0px);}
.ci-item img {position: absolute; width: 40px; left: 0px; top: 50%; transform: translateY(-50%);}
.ci-item {position: relative; padding-left: 60px;margin-bottom: 40px;}
.ci-item:last-child{margin-bottom: 0;}
.ci-content h4 {margin-bottom: 0px;}
.contact-info-list {margin-top: 30px;}
.ci-content a {font-size: 18px; color:#06405e; font-family: 'bankgothiclightbt'; letter-spacing: -1px;}
.ci-btn {background: #fff; left: -64px; position: absolute; padding: 15px;border-radius: 0;top: 100px; cursor: pointer; width: 66px; height: 66px;box-shadow:-10px 0 25px  rgba(0,0,0,0.1)}
/* ================= contact-info End ================= */

.bee { position: fixed; top: 0; width: 85px; height: 55px; background: url(../images/bee-img.png) no-repeat center/cover; animation: move 20s infinite linear; z-index: 999999; }
@keyframes move {
    0% { transform: translate(0vw, 110vh); }
    10% { transform: translate(20vw, 60vh); }
    20% { transform: translate(40vw, 80vh); }
    30% { transform: translate(60vw, 20vh); }
    40% { transform: translate(80vw, 40vh); }
    50% { transform: translate(100vw, 0vh); }
    60% { transform: translate(80vw, 40vh); }
    70% { transform: translate(60vw, 20vh); }
    80% { transform: translate(40vw, 80vh); }
    90% { transform: translate(20vw, 60vh); }
    100% { transform: translate(0vw, 110vh); }
}
.btn-close{position:absolute;right:calc(50% - 18px);top:-50px;font-size:70px;color:#666;z-index:99;cursor:pointer;}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width: 1199.98px){ 
.navbar{padding:0 15px;width: 100%;}
.navbar-toggler{width: 60px;height: 40px;height: 60px;order-radius: 0;cursor: pointer;text-decoration: none;padding: 0;border: 0;background: transparent;margin: 0;position: absolute;right: 0;top: 50%;z-index: 999;/* padding-bottom: 5px; */transform: translateY(-50%);}
.navbar-default .navbar-toggler:hover,.navbar-default .navbar-toggler:focus {background: transparent;}
.navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover {background: transparent;}
.navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover {background: transparent;}
.home .navbar-toggler.collapsed,.home .navbar-toggler.collapsed:focus,.home .navbar-toggler.collapsed:hover {background: transparent;}
.navbar-toggler .navbar-toggler-icon {position: relative;display: inline-block;width: 30px;height: 3px;color: #243238;text-indent: -55px;margin-top: 0;background: transparent!important;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;vertical-align: middle;}
.navbar-toggler .navbar-toggler-icon:before,.navbar-toggler .navbar-toggler-icon:after {content: '';width: 30px;height: 3px;background: #fff;position: absolute;left: 0;transition: all .2s ease-out;}
.navbar-toggler.collapsed .navbar-toggler-icon {background: #fff!important;}
.navbar-toggler.collapsed .navbar-toggler-icon:before,.navbar-toggler.collapsed .navbar-toggler-icon:after {background: #fff;}
.navbar-toggler.collapsed .navbar-toggler-icon:before {top: -10px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.navbar-toggler.collapsed .navbar-toggler-icon:after {bottom: -10px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
.header-right{position: relative;z-index: 999;margin-right: 0;display: flex;justify-content: center;margin: 0;margin-top: 40px;}
.header-right-link li{margin:0px 15px;}
.navbar-collapse, .navbar-collapse.collapsing{position:fixed;top: 0;left: 0; background-color:#06405e; padding: 0;z-index:99;margin:0;border:0;overflow-y:auto;bottom: 0;width: 100%;height:0;display: block !important;transition: all .3s cubic-bezier(0.77,0.2,0.05,1.0); }
.navbar .collapse.show{height: 100vh;}
.navbar-inside{padding: 0 15px; padding-top: 120px; display: flex; flex-flow: column; align-items: center; text-align: center;}
.navbar-expand-xl .navbar-nav .nav-item{padding: 0;margin: 0;}
.navbar-expand-xl .navbar-nav .nav-link{line-height: 40px;padding: 10px 0;position:relative;font-size: 40px;}
.navbar-nav.sm-collapsible .sub-arrow{border:0;margin: 0;width: auto;font-size: 30px;line-height: 60px;top: 0;height: 60px;color: #fff;width: 40px;}
.dropdown-menu{background:transparent;border:0;padding: 0;margin: 0 0 20px 0;}
.dropdown-item {padding: 7px 20px 7px 40px;}
.dropdown-item:focus, .dropdown-item:hover{color: #fff;background:transparent;}

}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width: 991.98px){
h1 {font-size: 37px;}
h2 {font-size: 25px;}
h3 {font-size: 21px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
.heading h1, .heading h2{font-size:25px;}
/**************hero **************/
.hero-content {padding:123px 0 60px 0;}
 /********************service************************/
.service-list {width: calc(100% + 30px); margin-left: -15px;}
.service-list .service-item {padding: 15px;}
/******************* your family ***************/
.yf-content{padding: 0;}
.review-img{right:65%;}
}
/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
.btn {line-height: 18px; font-size: 15px;}
 .content-container{padding:40px 0;}
.mob-pb-0{padding-bottom: 0 !important;}
#header { height: 70px;background-color:#06405e;}
#header::before{height: 70px; background-color: transparent;}
.navbar-brand img, .fixed .navbar-brand img{ width: 175px; padding: 0 5px; margin: 0;filter: brightness(0) invert(1);}
.navbar-brand > span { left: calc(100% + 10px); font-size: 12px; line-height: 14px; }
.navbar-brand > span > strong { font-size: 19px; line-height: 23px; }
.fixed .navbar-brand img, .collapsed .navbar-brand img {width: 175px;}
/***************hero ************************/
.hero-container{padding-top: 70px !important;height: auto;}
.hero-content {padding: 60px 0 40px;}
/**************partner *********************/
.partner-item {width: 50%; padding: 15px; text-align: center;}
.partner-list{flex-flow: wrap;
 /********************service************************/
}

.service-list .service-item {width: 100%;}
/******************* your family ***************/
.rate-us-content{padding: 0;}
.yf-content-inner {display: inline-block; margin-bottom: 40px;}
.yf-img, .hero-img {position: relative;width: 100%; left: 0; height: auto;}

.review-img { position: relative; right: auto; left: 0; top: auto; bottom: 0; padding: 0; text-align: left; width: 40%; margin-bottom: -45px; }
.review-img img { margin-top: 0; margin-left: 0; width: 100%; }
.review-btn-box { width: 55%; }
.review-mobile { padding: 0 15px; }
.review-btn { padding: 10px 10px; line-height: 14px; text-align: center; }
.rating-img { margin: 5px auto 8px; }

/*************contact ***********/
.contact-form-content {margin-top: 50px;}
.contact-form .form-group {margin-bottom: 30px;}
.contact-form-left { padding-right: 0; }
.contact-form-right { padding-left: 0; }

/***************contact-info ************/
.contact-info-inner {padding: 50px 25px;}
.tab-header a {top: 15px; left: auto;right: 20px;}
.ci-item {margin-bottom: 30px; padding-left: 50px;}
.ci-item img {width: 30px;}
.ci-btn {width: 50px; height: 50px; padding: 10px; left: -50px;}
}
/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px){
  .btn {width: 100%;}
}