@charset "utf-8";
/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (max-width:1800px) {
.banner-part { background-size: cover; }
}
@media (max-width:1600px) {
.banner-part { background-position: center center; }
}
@media (max-width:1400px) {
.banner-part { background-position: 73% center; }
header .logo a img { width: 100%; max-width: 400px; }
.banner-text p { max-width: 36%; padding: 0 0 8px 0; line-height: 28px;}
}
@media (min-width:1200px) {
    .container { width: 1180px; }
}
@media (max-width:1200px) {
    h1 {
        font-size: 42px;
    }
    .banner-text p {
        font-size: 20px;
        line-height: 24px;
    }
.enumenu_ul li a { font-size: 18px; }
.enumenu_ul > li { margin: 0 25px 0px 0px; }
header .logo a img { max-width: 370px; }
.banner-text p { max-width: 39%; }
.three-box ul li { display: block; padding: 8px 0; border-bottom: 1px solid #30a1ac; }
.three-box ul li a { font-size: 16px; }
h2 { font-size: 30px; }
.three-box p { font-size: 18px; }
.red-butn i { right: 18px; font-size: 22px; }
.red-butn { font-size: 18px; padding: 12px 22px 13px 22px; }
.ext-btn { padding-right: 60px; }
.data-education-part .three-box { position: relative; padding: 0 18px; }
.resources-icon img { width: 100%; max-width: 64px; }
.health-icon img { width: 100%; max-width: 50px; }
.researcher-icon img { width: 100%; max-width: 72px; }
h3 { font-size: 24px; }
.footer-boxes { width: 88%; }
.footer-boxes ul li a { font-size: 18px; }
h5 { font-size: 20px; line-height: 28px; }
.contact-address a { font-size: 18px; line-height: 26px; }
.callus-part { font-size: 18px; }
.contact-address { width: 100%; }
.butn-footer a.white-butn { font-size: 20px; padding: 14px 96px 14px 22px; }
.butn-footer ul li a { display: inline-block; font-size: 28px; color: #fff !important; }
.enumenu_ul > li ul.sb-menu li a { font-size: 18px; }
header { padding: 0 30px; }
}
@media (max-width:1024px) {
h1 { font-size: 38px; }
.banner-text p { max-width: 33%; font-size: 18px; }
.white-butn { font-size: 20px; }
.first-box { padding-right: 20px; }
.third-box { padding-left: 20px; }
.compare-box p { padding: 20px !important; }
.red-butn { margin-bottom: 30px; }
.three-box p { font-size: 16px; line-height: 22px; }
.bhc-part img { width: 100%; max-width: 320px; }
.footer-boxes { width: 90%; }
.privacy-bar { font-size: 16px; padding: 24px 38px; }
.privacy-bar a { font-size: 16px; }
.enumenu_ul > li.has-children > a::before { right: -10px; bottom: 4px; }
.red-butn { font-size: 16px; padding: 12px 22px 13px 22px; }
.ext-btn { padding-right: 60px; }
.enumenu_ul li a { padding-right: 5px; }
}
@media (max-width:991px) { /*tablets*/
h1 { font-size: 32px; }
header { position: relative; width: 100%; padding: 0 20px; }
header .logo a img { max-width: 270px; }
.search-box input { display: inline-block; ; }
.enumenu_ul li a { font-size: 15px; }
.enumenu_ul > li { margin: 0 20px 0px 0px; }
.banner-text p { max-width: 42%; font-size: 18px; }
.white-butn { font-size: 18px; padding: 15px 58px 15px 18px; }
.banner-part { height: 420px; background-position: 74% center; }
    .three-box figure.compare-img img {
        max-width: 72px;
    }
    .three-box figure.health-img img {
        max-width: 72px;
    }
    .three-box figure.price-img img {
        max-width: 122px;
    }
    .three-box figure.resource-img img {
        max-width: 122px;
    }
    .three-box figure.locate-img img, .three-box figure.locate-img-index img {
        max-width: 88px;
    }
.first-box { padding-right: 0; }
.compare-box { width: 100%; }
.red-butn { font-size: 16px; padding: 12px 22px 13px 22px; }
.ext-btn { padding-right: 60px; }
.three-box p { font-size: 16px; }
.third-box { padding-left: 0; }
.data-education-part h3 { margin: 0 0 0px 0; font-size: 20px; }
.data-education-part .three-box { position: relative; padding: 0; }
.three-box p { font-size: 14px; }
.bhc-part p { line-height: 28px; font-size: 20px; }
.bhc-part img { max-width: 300px; }
.more-butn { width: 28px; height: 28px; font-size: 18px; padding: 2px 0 0 2px; }
.footer-boxes { width: 98%; }
h4 { font-size: 20px; }
h5 { font-size: 16px; line-height: 24px; margin-bottom: 10px; }
.footer-boxes ul li a { font-size: 16px; }
.footer-boxes ul li { padding: 8px 0; }
.contact-address a { font-size: 16px; line-height: 24px; }
.callus-part { font-size: 16px; }
.butn-footer a.white-butn { font-size: 16px; padding: 12px 70px 12px 18px; }
.butn-footer ul li { padding: 0; }
.butn-footer ul li a { font-size: 20px; }
.three-box ul li { display: block; padding: 6px 0; border-bottom: 1px solid #30a1ac; }
.three-box ul li a { font-size: 14px; }
.enumenu_ul > li .sb-menu li:first-child { padding-top: 15px; }
.enumenu_ul.desk ul li a { padding: 7px 10px; font-size: 15px; }
header .logo { margin: 47px 0 0; }
.enumenu_ul > li ul.sb-menu li a { font-size: 15px; }
}
/*------------tablet portrait  view------*/
@media (max-width:800px) {
}
/*------------mobile (phones) landscape  view------*/
@media (max-width:767px) { 
.logo{width: 58.33%;}
footer { padding-top: 30px; text-align: center; }
.footer-boxes ul { text-align: left; margin: 0 auto; display: table; }
.footer-boxes ul li a { font-size: 18px; }
h4 { font-size: 26px; }
.footer-boxes { width: 100%; margin-bottom: 30px; }
h5 { font-size: 20px; line-height: 28px; margin-bottom: 15px; }
.butn-footer a.white-butn { font-size: 18px; padding: 14px 80px 14px 20px; width: inherit; }
.butn-footer ul li a { font-size: 26px !important; margin-bottom: 0; margin-top: 10px; }
.bhc-part p { line-height: 26px; font-size: 18px; }
.bhc-part { text-align: center; padding: 35px 0; }
.red-butn { margin-bottom: 0; }
header .logo a img { max-width: 368px; }
header { padding: 0 25px; position: relative; z-index: 999; background: #fff; }
.search-box i { font-size: 35px; color: #c24e5a; position: relative; cursor: pointer; margin-top: 0; display: block; }
/*.search-box .submit-butn { display: none; }*/
.search-box i{ display: none; }

.search-box input {width: 65%;}
.mobile-logo { display: inline-block !important; }
.desktop-logo { display: none !important; }
.banner-text p { max-width: 100%; font-size: 20px; line-height: 26px; }
.banner-text h1 { font-size: 36px; max-width: 100%; margin: 0 0 15px 0; }
.white-butn { font-size: 19px; padding: 16px 72px 16px 25px; margin-top: 22px; }
header .logo { display: inline-block; margin: 26px 0 20px; }
.banner-part { background: #106487; width: 100%; height: auto; overflow: hidden; }
.search-box, nav { display: inline-block; margin-right: 14px; vertical-align: middle; }
.search-nav-part { margin-top: 0px; width: 100%;background: #f3f4f5;float: none;text-align: center;padding: 12px 0;}
.search-box:before{position: absolute;left: -100%;right: -100%;top: -12px;bottom: -12px;margin: auto;background: #f3f4f5;content: '';z-index: -9;}
.menu-icon.active .menu-box {
    padding: 11px 10px 0;
    height: 60px;
    background: #c24e5a;
    width: 60px;
}
.search-box {
    width: 100%;margin-right: 0;position: relative;
}
.enumenu_ul > li.has-children > a::before { display: none; }
.enumenu_ul > li { margin: 0; border-bottom: 2px solid #fecfcf; }
.enumenu_ul >li .sb-menu li { border-bottom: 2px solid #fecfcf; }
.enumenu_ul > li:last-child { border-bottom: none; }
.enumenu_ul li a { font-size: 20px; color: #fff; padding-left: 30px; text-align: left; }
.enumenu_ul > li.active.has-children > ul { position: relative; left: 0; right: 0; width: 100%; top: 0; opacity: 1; visibility: visible; transition: inherit; -webkit-transition: inherit; -moz-transition: inherit; transform: inherit; -webkit-transform: inherit; -moz-transform: inherit; background: #fd6c6e; border-top: 2px solid #fecfcf !important; border-bottom: none; }
.enumenu_ul > li ul.sb-menu li a { font-size: 20px; line-height: 25px; padding-bottom: 10px; padding-left: 25px; padding-top: 10px; border-left: 22px solid #fd6c6e; font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 600; }
.enumenu_ul > li .sb-menu li:first-child { padding-top: 0px; }
.enumenu_ul > li:first-child { padding-top: 20px; }
.enumenu_ul > li:first-child span.arrow { top: 27px; }
.enumenu_ul > li ul.sb-menu li a:hover { border-left: 22px solid #c24e5a; background: none; }
.menu-open .header_overlay { background: rgba(10, 60, 90, 0.63) none repeat scroll 0 0; height: 100%; left: 0; position: fixed; right: 0; width: 100%; top: 0; z-index: 10; }
.menu-open .header_overlay { z-index: 1; }
.mobile-none { display: none; }
.mobile-content-data { display: block; }
.mobile-content-data ul { margin: 0; padding: 0; }
.mobile-content-data ul li { float: left; text-align: center; padding: 45px 22px 0; width: 50%; background: #fff; height: auto; }
figure { margin: 0 0 10px 0; }
.mobile-content-data ul li.bg-change { background: #f3f4f5; }
.mobile-content-data h2 { font-size: 34px; margin: 0 0 10px 0; text-transform: lowercase; }
    .mobile-content-data ul li figure.compare-img img {
        max-width: 63px;
        width: 100%;
    }
    .mobile-content-data ul li figure.health-img img {
        max-width: 63px;
        width: 100%;
    }
.mobile-content-data ul li figure.price-img img { max-width: 114px; width: 100%; }
    .mobile-content-data ul li figure.locate-img img, .mobile-content-data ul li figure.locate-img-index img {
        max-width: 74px;
        width: 100%;
    }
    .mobile-content-data ul li figure.resource-img img {
        max-width: 74px;
        width: 100%;
    }
.mobile-content-data ul li p { font-family: freight-sans-pro, sans-serif; font-style: normal; font-weight: 500; font-size: 20px; color: #333; margin: 0; padding: 0 0 20px 0; }
.resources-icon img { width: 100%; max-width: 73px; }
.health-icon img { width: 100%; max-width: 54px; }
.researcher-icon img { width: 100%; max-width: 88px; }
.footer-boxes ul li a { border-bottom: 1px solid #30a1ac; padding-bottom: 8px; display: inline-block; }
.footer-boxes ul li { margin-bottom: 0; padding: 10px 0 5px; border-bottom: none; }
.butn-footer ul li a { border-bottom: none; }
.banner-img-mobile { display: none;}
.callus-part { font-size: 16px; text-align: left; padding: 0 40px; text-align: left; margin: 9px auto 20px; display: table; max-width: 292px; }
.contact-address a { font-size: 18px; line-height: 26px; text-align: left; display: inline-block; margin: 0; }
.abso-sec {position: absolute;top: 23px;right: 0px;}
.head-wrap{position: inherit;}
.banner-text {
    padding: 20px;
    bottom: 0;
    top: auto;
    transform: inherit;
    position: inherit;
    left: 0;
}
.landingImgMobile {
    display: block;
    margin: 5px auto;
}

.landingImgFull {
    display: none;
}

}
/*------------mobile (phones) portrait view------*/
@media (max-width:600px) {
}
@media (max-width:640px) {
header .logo a img { max-width: 344px; }
.banner-text h1 { font-size: 34px; max-width: 100%; margin: 0 0 15px 0; }
.banner-text p { max-width: 100%; font-size: 18px; line-height: 24px; }
}
@media (max-width:550px) {
header .logo a img { max-width: 100%; }
/*.enumenu_ul { width: 92%; }*/
.white-butn { font-size: 14px; padding: 14px 50px 15px 15px; margin-top: 22px; }
.white-butn i { font-size: 30px; }
.footer-boxes ul li a { font-size: 16px; }
h5 { font-size: 18px; }
.banner-part { overflow: hidden; }
.banner-text p { max-width: 100%; font-size: 14px; line-height: 20px; }
.banner-text h1 { font-size: 26px; max-width: 100%; margin: 0 0 15px 0px; }
}
/*----------optional css------*/
@media (max-width:480px) {
.banner-text h1 { font-size: 28px; max-width: 100%; margin: 0 0 15px 0px; }
.mobile-content-data ul li { float: none; padding: 35px 20px; width: 100%; height: auto !important; }
.white-butn { width: 100%; }
.white-butn i { font-size: 25px; }
.mobile-content-data ul li.bg-change { background: none; }
.mobile-content-data ul li:nth-child(even) { background: #f3f4f5; }
.mobile-content-data ul li:nth-child(odd) { background: #fff !important; }
.banner-part { height: auto; overflow: hidden; }
.banner-text p { max-width: 100%; font-size: 16px; line-height: 20px; }
    
@media (max-width:360px) {
    .banner-text {
        padding: 0px 20px;
    }
}
/*---------use only when design is customise-----------*/
@media screen and (min-width:700px) and (max-width:990px) {
}

/*--------- HERO area tweak -----------*/
@media (min-width:1122px) {
.banner-text { left: 8%; }
.banner-text p { max-width: 33%; font-size: 20px; line-height: 30px; }
}
@media (min-width:1483px) {
.banner-text { left: 10%; }
.banner-text p { max-width: 44%; font-size: 22px; }
}
@media (min-width:1673px) {
.banner-text { left: 14%; }
.banner-text p { max-width: 66%; font-size: 24px; }
}
@media (min-width:1838px) {
.banner-text { left: 4%; }
}
@media (min-width:2136px) {
.banner-text { left: 20%; }
}
@media (min-width:2298px) {
.banner-text { left: 23%; }
}