#services .img-fluid { line-height: 150px } h2.text-4 { font-size: 2.50em !important } .testimonial-author { margin-top: 50px } 
#events .position-absolute { top: -35px; right: -10px } footer h4 { line-height: 15px } 
#footer a:not(.btn):not(.no-footer-css), #footer .text-color-default, #footer .footer-copyright p { color: #fff !important } 
#footer a:not(.btn):not(.no-footer-css):hover { color: var(--primary) !important } #hero .owl-carousel.owl-loaded { z-index: 0 } #hero .owl-carousel .owl-nav { top: 20px } 
#hero .owl-carousel .owl-nav button.owl-prev { right: 40px; left: auto } 
#hero .custom-highlight-text-1:before, #services .custom-highlight-text-1:before, #publications .custom-highlight-text-1:before { border-bottom-color: transparent } 
#hero h4, #services h4, #publications h4 { letter-spacing: 0 } a:active { color: var(--dark--200) } .heroUrl { line-height: 40px } 
.customH4 { color: var(--light) !important; margin: 0 0 14px 0; letter-spacing: -.05em } 
.customContactHeader { font-size: 2.2em; line-height: 42px } #events .custom-date-style-1:before { content: none } .error { display: none; color: darkred !important } 
#submitContactform:focus:not(.bg-transparent) { background-color: var(--primary) } #header .nav-item span { letter-spacing: 0.5px !important } .weight500 { font-weight: 500 !important } 
h1 { color: var(--primary) } .overlay:before { background: var(--primary) } .footerLeft { float: left } .footerLinks li { margin-bottom: 11px !important } .footerRight { float: right }  
.section.section-with-shape-divider.contactFooter { top: -50px } .noMap .box-shadow-4:not(.box-shadow-hover) { background: var(--primary) }   
.noMap .myMap { width: 15%; color: white; margin: 0 auto; padding-top: 50px } .noMap .myMap h2 { color: white; letter-spacing: .1em } 
.noMap .myMap p { color: white; font-size: 1em !important } 
#header .header-column-search .btn.btn-px-3 { padding-left: 1rem; padding-right: 1rem } #cookie-banner { width: auto; height: auto; left: 4%; bottom: 4%; top: auto } 
#cookie-banner .modal-content { border: 3px solid var(--primary) } 
#cookie-banner.highlighted .modal-content { border: 4px solid black } .megaLInk-small { display: none } .attention { animation: attention 500ms ease } 
#footer .social-icons li { width: 100%; margin-left: 0 !important } .leftFooterIcon { float: left } 
.rightFooterTxt { float: left; border: 0 !important; width: 80% !important; text-align: left !important; margin-left: 10px } .hideThis { display: none } 
.officeImgsBottom { padding-top: 0 !important; margin-bottom: -7rem } #office { padding-bottom: 1rem } .publicationsList { margin-top: 50px } 
.hiddenMenuTxt { visibility: hidden; width: 0; display: block; height: 0 } .hiddenDotTxt { visibility: hidden; width: 0; line-height: 0; height: 0; font-size: 0 } 
@keyframes attention { 0% { transform: scale(1) } 20% { transform: scale(1.03) } 40% { transform: scale(0.99) } 60% { transform: scale(1.02) } 100% { transform: scale(1) } }
@media (max-width: 1600px) and (min-width: 1300px) { 
    #hero .col-xl-9 { width: 70% } #hero .text-14 { font-size: 3.7em !important } #header .header-nav-main nav > ul > li > a { padding: 0px 1rem !important }
} 
@media (max-width: 1300px) and (min-width: 1100px) { #hero .col-xl-9 { width: 55% } #hero .text-14 { font-size: 3.1em !important } }
@media (max-width: 1100px) and (min-width: 1000px) { .noMap .myMap { width: 20% } .noMap .customContactMail { padding-left: 0 } }
@media (min-width: 1025px) { #services .ms-xl-auto { margin-left: 20% !important } }
@media (min-width: 1000px) { 
    #services .card-body h2 { font-size: 1.4em !important; color: var(--primary) } #services .card-body p { font-size: 13px }  
    .noMap .contctInfo { width: 75% } .noMap .me-xl-auto { margin-left: auto } .noMap .customContactMail { padding-top: 0 !important; margin-top: 0 !important } 
    #header .header-nav-main nav > ul > li > a { padding: 0px 0.9rem !important; font-size: 15px } #hero .owl-carousel.owl-loaded { max-width: 32.7% } 
    .footerLinks { margin-top: -40px } 
    .firstOfficeImg { background-image: url('/img/office/my-diabetescare-office-2.jpg'); width: 49.4% } .firstOfficeImg img { display: none } 
    .secondOfficeImg { padding-left: 1.5% }
}
@media (max-width: 1100px) { 
    .custom-highlight-text-1 { margin-top: 10px; display: block } footer h4 { line-height: 20px } #contact iframe { min-height: 400px } 
    #services { margin-top: -150px !important } .width50 { width: 50% } 
}
@media (max-width: 1000px) { .noMap .myMap { width: 90%; padding: 10px 0 } .officeImgs { margin: 0 auto } .officeImgLeft { float: left; width: 49% } .officeImgRight { float: right; width: 49% } .officeImgsBottom .officeImgLeft, .officeImgsBottom .officeImgRight { padding-right: 0; padding-left: 1.5% }
} 
@media (max-width: 920px) and (min-width: 600px) { .contactPhone { width: 33% } }
@media (max-width: 900px) and (min-width: 389px) { .heroUrlLeft { float: left } .heroUrlRight { float: right; margin-top: -25px } .heroUrl { font-size: 13px } }
@media (max-width: 900px) and (min-width: 500px) { .hero1 { max-height: 800px } #hero .container .pb-5 { padding-bottom: 0 !important } }
@media (max-width: 900px) { 
    .text-14 { font-size: 4em !important } #hero .container.pb-5 { padding-bottom: 10px !important } .section.section-with-shape-divider .shape-divider.shape-divider-bottom { height: 100px !important } 
    #publications { padding-top: 3rem }  
}
@media (max-width: 850px) { 
    .text-14 { font-size: 3.9em !important } #header .header-column-search { bottom: 0 } #header .header-container .header-row .header-column:first-child { margin-top: -35px } 
    #header .header-btn-collapse-nav { left: -158px; top: 17px !important } #header.header-effect-shrink .header-container { height: 145px !important } 
}
@media (max-width: 830px) { #header .header-btn-collapse-nav { left: -690px; top: -40px !important } .officeImgsBottom .officeImgLeft, .officeImgsBottom .officeImgRight { margin-bottom: 0 !important } }
@media (max-width: 800px) { 
    .text-14 { font-size: 3.7em !important } section.section.section-height-3 { min-height: 800px } .hideMobile { display: none !important } 
    #header .header-btn-collapse-nav { left: -689px; top: -38px !important } #contact svg { margin-top: -10px } 
}
@media (max-width: 1100px) and (min-width: 1000px) { 
    .hero1 { max-height: 750px } .customH4 { font-size: 1.31em !important } #services h4 { font-size: 1.57em !important } #events .position-absolute { top: -25px } 
    #hero .shape-divider.shape-divider-bottom { bottom: -30px } #header .header-column-search .btn.btn-px-3 { position: absolute; top: -45px; left: -650px } #footer .container { max-width: 1000px }
}
@media (max-width: 1100px) and (min-width: 500px) { 
    #hero { min-height: 800px } #hero img.appear-animation { width: 50%; margin-top: 14% } #hero > .containerCustom { width: 50%; float: left } 
    #hero > .container .col-md-7, #hero > .container .col-md-9 { width: 100% } #events .position-absolute { top: -35px } #contact .p-5 { padding: 2rem!important } 
}
@media (max-width: 1100px) and (min-width: 385px) { 
    #header .header-column-search { position: absolute; right: 35px } 
    #header .header-column-search .btn.btn-px-3 { display: block; top: -5px; font-size: 1em !important; padding-top: .4rem !important; padding-bottom: .4rem !important
    } 
    #header .header-btn-collapse-nav { position: absolute; top: 60px }
}
@media (max-width: 1000px) and (min-width: 500px) { #contact .lastOfficeImg { width: 100% } #hero .container .mb-5 { margin-bottom: 0 !important } } 
@media (max-width: 600px) and (min-width: 500px) { 
    #hero img.appear-animation { width: 50%; margin-top: 26% } .heroUrlRight { position: absolute; width: 100%; right: -100% }
} 
@media (max-width: 600px) { 
    .text-14 { font-size: 2.7em !important } .text-3-5 { font-size: 1em !important; line-height: 20px } #hero .container .mb-5 { margin-bottom: 0 !important } 
    #header .header-btn-collapse-nav { left: -510px } .firstOfficeImg { margin-bottom: 0 !important } .officeImgsBottom { margin-top: 0 !important } 
    #contactOffice .shape-divider { max-height: 100px } #header .header-body { display: inline-block } 
    #header.header-effect-shrink .header-top { float: right; width: 50% } #header .header-top .container { padding-right: 0 } 
    #header .header-top .header-column .header-row { display: block } #header .header-nav-top { display: block; float: right; width: 80% !important } 
    .custom-header-top-nav-background { padding-right: 1rem !important; position: absolute; right: -9px } 
    .custom-header-top-nav-background:before { width: 110%; transform: skewX(25deg) } 
    .custom-header-top-nav-background:after { width: 110%; transform: skewX(25deg); right: 7px }
    .social-icons.social-icons-big li a { position: absolute; top: 110px; right: 0 } 
    #header.header-effect-shrink .header-container { height: 170px !important; width: 50% } #header .header-logo img { height: 120px; width: 200px } 
    #header .header-btn-collapse-nav { left: -189px !important }
}
@media (max-width: 535px) { .text-5-5 { font-size: 1em !important } #hero .container .pb-5 { padding-bottom: 0 !important; padding-top: 60px } }
@media (max-width: 500px) { 
    .text-14 { font-size: 3em !important } .text-5-5 { font-size: 1.2em !important } 
    #hero img.appear-animation { position: relative !important; top: 40px !important } .h1Outer { position: absolute; top: -450px }
}
@media (max-width: 500px) and (min-width: 460px) { .h1Outer { top: -500px } }
@media (max-width: 450px) { 
    .text-14 { font-size: 4.1em !important } .text-5-5 { font-size: 1.6em !important } #events .position-absolute .text-5-5 { font-size: 1.5em !important } 
    #contact .text-5-5 { font-size: 1.7em !important } #hero img.appear-animation { top: 100px !important } .h1Outer { top: -530px } .formOuter { padding: 2rem !important } 
    #hero.section.section-height-3 { min-height: 1300px } #header .header-btn-collapse-nav { left: -178px }     
}
@media (max-width: 435px) and (min-width: 425px) { #contact .text-5-5 { font-size: 1.14em !important } }
@media (max-width: 440px) { 
    .text-5-5 { font-size: 1.32em !important } #services { margin-top: -200px !important } 
    .customContactMail { padding-right: 0; padding-left: 0 } #header .header-btn-collapse-nav { left: -185px !important } #contactOffice svg { margin-top: -10px }
}
@media (max-width: 435px) {
}
@media (max-width: 430px) { 
    #header .header-btn-collapse-nav { left: -184px !important }
}
@media (max-width: 420px) { 
    .text-5-5 { font-size: 1.27em !important } #contact .text-5-5 { font-size: 1.6em !important } #events { padding-bottom: 0 !important } .h1Outer { top: -500px } 
    #hero.section.section-height-3 { min-height: 1100px } 
    #services { margin-top: -80px !important } #services .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 0 !important } #cookie-banner { left: 0; bottom: 0 } 
    #cookie-banner .modal-content { width: 80% } 
    #cookie-banner .modal-body { line-height: 20px; font-size: 12px } #header .header-btn-collapse-nav { left: -176px !important } #contactOffice { padding-bottom: 0 } 
    .officeImgsBottom .officeImgLeft, .officeImgsBottom .officeImgRight { padding-left: 2% } 
    #header .header-nav-main { width: 200%; left: 0; transform: none } 
} 
@media (max-width: 405px) { #contact .text-5-5 { font-size: 1.52em !important } #header .header-btn-collapse-nav { left: -371px } } 
@media (max-width: 400px) { 
    .text-14 { font-size: 3.9em !important } #hero .text-5-5 { font-size: 1.25em !important } #contact .text-5-5 { font-size: 1.42em !important } 
    .h1Outer { top: -480px }
}
@media (max-width: 395px) { 
    #contact .text-5-5 { font-size: 1.45em !important } #contact .shape-divider { top: -5px; position: relative; max-height: 50px } 
    section.section.section-height-3 { min-height: 1200px } 
    #services { margin-top: -120px !important } #header .header-column-search { right: 15px } #header .header-btn-collapse-nav { left: -382px }
}
@media (max-width: 391px) { #header .header-btn-collapse-nav { left: -380px } }
@media (max-width: 380px) { 
    #contact .text-5-5 { font-size: 1.34em !important } .customContactMail { padding-top: 0 !important; margin-top: 2rem !important } 
    #header .header-column-search { margin-top: 30px } 
    #header .header-column-search a { 
        position: absolute; display: block; top: 0; font-size: 0.9em !important; line-height: 14px; padding-top: 0.4rem !important; 
        padding-bottom: 0.4rem !important
    } 
    #hero.section.section-height-3 { min-height: 1200px } #header .header-btn-collapse-nav { left: -303px; top: 56px !important }
} 
@media (max-width: 376px) { #header .header-btn-collapse-nav { left: -303px; top: 37px !important } } 
@media (max-width: 370px) { 
    .text-14 { font-size: 3.7em !important } .text-5-5 { font-size: 1.2em !important } #contact .text-5-5 { font-size: 1.24em !important } .h1Outer { top: -450px } 
    #header .header-btn-collapse-nav { left: -288px } 
} 
@media (max-width: 365px) { #header .header-btn-collapse-nav { top: 50px !important; left: -216px !important } } 
@media (max-width: 360px) { #contact .text-5-5 { font-size: 1.22em !important } }
@media (max-width: 350px) { 
    .text-14 { font-size: 3.3em !important } #hero .text-5-5 { font-size: 1.2em !important } .pubLink { display: block } #contact .p-5 { padding: 2rem!important } 
    .h1Outer { top: -420px }
}
@media (max-width: 345px) { 
    #hero .text-5-5 { font-size: 1.35em !important } #contact .text-5-5 { font-size: 1.33em !important } #contact .shape-divider { top: -10px } 
    #services { margin-top: -150px !important }
} 
@media (max-width: 330px) { #hero .text-5-5 { font-size: 1.18em !important } #contact .text-5-5 { font-size: 1.18em !important } }