/**Hila Klien**/
/*General Styles*/
body {font-size: 20px; font-family: BarlowRegular, FbTypograph2-Regular !important;}
.section-title h1, .section-title h2, .grid-rows .grid-row-text h2, .owl-carousel .photoTextWrapper h3 { font-size: 250%; position: relative; color: #333333; margin: 0;}
.section-title h2:after, .grid-rows .grid-row-text h2:after, .owl-carousel .photoTextWrapper h3:after { content: ""; display: block; height: 3px; width: 133px; 
    background: #ff7d3d; margin: 10px auto 20px;}
.grid-text p, .grid-rows .grid-row-text p, .photoFullText { margin-top: 0; margin-bottom: 30px; color: rgba(51, 51, 51, 0.8); line-height: 1.2;}/*Paragraphs HP*/
.grid-rows .grid-row-text a.grid-row-button, .owl-carousel .photoTextLinkWrapper a.item-button { margin-top: 0;} /*Buttons HP*/
.grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button, .owl-carousel .photoTextLinkWrapper a.item-button { display: flex; width: 175px; height: 47px; color: #333333; 
    font-size: 20px;  background: #fff; border: 2px solid #244170; border-radius: 23.5px; justify-content: center; align-items: center; margin: 0 auto; transition: all ease-in-out 200ms; 
    -webkit-transition: all ease-in-out 200ms;}
.grid-text .sec-button:hover, .grid-rows .grid-row-text a.grid-row-button:hover, .owl-carousel .photoTextLinkWrapper a.item-button:hover,
    .grid-text .sec-button:focus, .grid-rows .grid-row-text a.grid-row-button:focus, .owl-carousel .photoTextLinkWrapper a.item-button:focus { background: #244170; color: #fff;}
.grid-rows .grid-row-text a.grid-row-button {background: transparent;}

/*Header*/
#header2 { position: fixed; background: #fff; padding: 10px 45px; box-shadow: -8px 7px 30px 0 rgba(0, 0, 0, 0.15);}
#header2 .header-top, #header2 ul.menu li, #header2 ul.menu li a {color: #333333; }
#header2 ul.menu li a { letter-spacing: -0.55px;}
#header2 .header-top-left svg { fill: #333333; }
#header2 .menu-sub { background: #f9f9f9;}
#header2 ul.menu li {font-size: 110%; margin-left: 20px;}
#header2 ul.menu > li:before { content: none;}
.has-sub i.opensub { color: #333333; font-size: 100%;}
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none;}
#header2 .max-width { max-width: 100%;}
#header2 .header-top { padding: 0;}
#header2 .menu-nav, #header2 ul.menu, #header2 ul.menu li.last-item { margin: 0;}
#header2 #header-left, #header2 .header-top { width: auto;}
#header2 #header-container { display: flex; justify-content: space-between; align-items: center;}
#header2 .header-right-section { position: static; order: 1;}
#header2 .menu-nav { width: 840px;  position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%);}
#header2 .header-top .address { float: left; font-size: 110%; letter-spacing: -0.55px;}
#header2 .header-top-left { margin: 0;}
#header2 .header-top-left svg {width: 11px; height: 17px;}
span.topAddress { position: relative;} 
span.topAddress:before { content: ""; display: inline-block; height: 17px; width: 1px; position: relative; top: 4px;  margin: 0 15px 0 7px; background: #f68428;}
span.topAddress:after { content: ""; display: inline-block; height: 17px; width: 1px; position: relative; top: 4px; margin: 0 9px 0 7px; background: #f68428;}
#header2 ul.menu .menu-sub li { padding: 4px 0; }
#header2 ul.menu li:hover, #header2 ul.menu li:focus {color: #333333;}
#header2 ul.menu > li { line-height: 1.2;}
#header2 ul.menu li .menu-sub a {width: auto; transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; border-bottom: 2px solid transparent; line-height: 1.2;
    padding: 0;}
#header2 ul.menu li .menu-sub li.active > a, #header2 ul.menu li .menu-sub li:hover > a, #header2 ul.menu li .menu-sub li:focus > a {border-bottom: 2px solid #f68428;}

/*Top Banner*/
#home-gallery .gallery-caption { z-index: 3;}
div#home-gallery:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(51, 51, 51, 0.3); z-index: 2; pointer-events: none;}
#home-gallery .gallery-caption .gallery-text { width: 450px; text-align: center; margin: 0 auto; line-height: 1.1;}
span.”banner-title” { display: inline-block; background: #1d3767; font-size: 94%; padding: 6px 10px; border-radius: 3px; line-height: 1;}
span.”banner-subtitle” {display: inline-block; font-size: 44%; line-height: 0.9; }
.button-holder#FixFormOuter { background-color: #f68428; padding: 10px 20px;}
.button-holder#FixFormOuter svg.FixFormOuterImg { display: none;}
button.controlSlider {bottom: 10%;}
#side-contact-form #DynamicFormObject h3.dynamicFormObjectTitle, #GridPromo #DynamicFormObject h3.dynamicFormObjectTitle { color: #fff; font-size: 73%; margin: 15px 0 10px;}
h3.dynamicFormObjectTitle:after, h3.dynamicFormObjectTitle:before
    {width: 20px;}
#side-contact-form h3.dynamicFormObjectTitle:after, #side-contact-form h3.dynamicFormObjectTitle:before {content: none;}
#side-contact-form #DynamicFormObject, #GridPromo #DynamicFormObject {background: url('../../../warehouse/temp/hilaKlein/01-saliva-bg.jpg'); background-size: cover; background-position: center; 
    background-repeat: no-repeat; border: none; border-radius: 0;}
#side-contact-form p, #GridPromo p { font-size: 92%; }
 #home-gallery:before{ content: ""; position: absolute; background: url('../../../warehouse/temp/hilaKlein/00-banner-frame.svg'); background-position: center;
    background-size: cover; background-repeat: no-repeat; width: 100%; height: 100px; bottom: -60px; right: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); 
    pointer-events: none; z-index: 5;}
#DynamicFormObject .dynamicFormObjectFields .top-form { display: block; color: #fff; margin-bottom: 15px;}
#DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 0px;}
#side-contact-form .dynamicFormObjectField, #side-contact-form .dynamicFormObjectSubmit { padding: 0 20px; }
#side-contact-form .must:before { right: 25px; }
.flex-control-paging li a { width: 14px; height: 14px;}
#home-gallery .flex-control-paging li a { background: #1d3767;}
#home-gallery .flex-control-paging li a.flex-active { background: #f68428;}

/*Video Section*/
.top-video-container { background: #f2f2f2; padding: 130px 0 60px ;}
.top-video-container .owl-carousel .owl-item .topImg{position: relative;}
.top-video-container .owl-carousel .owl-item .topImg:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.2); pointer-events:none;}
.top-video-container .owl-controls { display: none;}
.top-video-container .owl-carousel .owl-item .item .plus-sign { width: 140px; height: 140px; opacity: 1; background: transparent; z-index: 1;}

/*Services Section*/
.sections .grid-content-section { position: relative; max-width: 100%; padding: 10px 0 70px; margin-bottom: 0;}
.sections .grid-content-section .grid-boxes { max-width: 1170px; margin: 0 auto;}
.section-title {margin-bottom: 50px;}
.section-title h1:before, .section-title h1:after { content: ""; display: inline-block;  width: 120px; border-top: 2px solid #ff7d3d; vertical-align: middle;}
.section-title h1:before {margin: 0 0 0 45px;}
.section-title h1:after {margin: 0 45px 0 0;}
.services-section .grid-boxes .grid-box {height: 234px; box-shadow:-9.9px 9.9px 40px 0 rgba(29, 55, 103, 0.2); padding: 0; margin: 20px;} 
.services-section .grid-boxes .grid-box:before { content: ""; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; border: 2px solid #1d3767; pointer-events: none;}
.grid-boxes .grid-box-image { padding-bottom: 77%;}
.grid-boxes .box-image-animation img {max-width: 110px; max-height: 80px;}
.grid-boxes .box-image-animation { display: flex; justify-content: center; align-items: center;}
.grid-boxes .grid-box-title h3 { font-size: 105%; padding: 0 30px;}
.grid-boxes .grid-box-title h3 a { color: #333333;}
.grid-box-title { position: relative; top: -42px;}
.grid-box.corona .grid-box-title h3 a { color: red; }
.corona .grid-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); pointer-events: none; }
/*Saliva Section*/
.saliva-gland-section.grid-text-section {background: url('../../../warehouse/temp/hilaKlein/01-saliva-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;
    margin-bottom: 0; padding: 65px 0;}
.section-title h2 { max-width: 603px; background: #fff; padding-top: 60px; margin: 0 auto;}
.grid-text { max-width: 603px; background: #fff; padding: 20px 0 60px; margin: 0 auto; width: 603px;}

/*About Section*/
.grid-row-section { max-width: 1185px; margin: 0 auto; padding: 90px 15px;}
.grid-rows { box-shadow: -13.4px 13.4px 18px 0 rgba(0, 0, 0, 0.03);}
.grid-rows .grid-row { direction: ltr !important; background-color: #f2f2f2;}
.grid-rows .grid-row:after { content: ""; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; border: 2px solid #1d3767; pointer-events: none;}
.grid-row li.slider-item { padding-bottom: 465px;}
.grid-rows .grid-row-text { width: 100%; text-align: center; padding: 0 30px;}
.grid-rows .grid-row-text p { width: 80%; margin: 0 auto 30px;}
.grid-rows .grid-row-text h2 { margin-bottom: 0; letter-spacing: -1px;}

/*Review Section*/
.grid-gallery-section { margin-bottom: 0;}
.photoFullText {width: 60%; margin: 0 auto 30px; line-height: 1;}
.owl-carousel .owl-item .item {padding: 0;}
.owl-carousel .photoTextWrapper { width: 705px; box-shadow: -13.4px 13.4px 18px 0 rgba(0, 0, 0, 0.06);}
.lower-banner a.slide-bg-layer { pointer-events: none;}
.owl-carousel .owl-dots { z-index: 1;}
.owl-carousel .owl-dot.active { background: #244170;}

/*Footer*/
footer { padding-top: 0;}
#SiteFooter {position: relative; background: #244170; color: #fff; z-index: 1;}
.home-page #SiteFooter:before { content: ""; position: absolute; background: url('../../../warehouse/temp/hilaKlein/03-footer-frame.svg'); background-position: center;
    background-size: cover; background-repeat: no-repeat; width: 100%; height: 150px; top: -50px; right: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); 
    pointer-events: none;}
.st0 { fill: #fff !important;}
.site-credit.alternative { padding: 10px 0;}
#SiteFooter .site-credit.alternative svg { fill: #fff;}
#accessability a, a.AccessabilityLink span:hover, a.AccessabilityLink:hover { color: #fff;}
span.footer-separator { color: #f68428;}
#SiteFooter .footer-address {display: none;}
.footer-text.text-center { padding: 20px 130px;}
p.footer-right { float: right;}
p.footer-left { position: absolute; left: 0; top: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%);}
#SiteFooter .footer-left img {max-width: 10px; width: 100%;}

/*****Inner Pages*****/
/*General Styles*/
#GridPage {padding: 0;}
#GridContent {padding: 100px 0;}
.contact-page #GridContent {padding: 0;}
.contact-page #GridPage {padding: 100px 0;}
.blog-page #GridContent { padding: 0 0 100px 0}
.blog-page #GridPage {padding-top: 100px;}
#headline h1 { position: relative;  color: #333333; font-size: 119%; text-align: right;}
.contact-page #headline h1, .blog-page #headline h1 { text-align: center;}
#headline h1:after {content: ""; display: block; height: 3px; width: 133px; background: #ff7d3d; margin: 10px 0 30px;}
.contact-page #headline h1:after, .blog-page #headline h1:after { margin: 10px auto 30px;}
.lobby-grid #GridPage .max-width ,#GridPage .max-width, .blog-grid #GridPage .max-width { max-width: 1170px;}
#text1, #lobbyText, .blog-post-content, #BlogView h2, #BlogView .share-strip { color: rgba(51, 51, 51, 0.8);}
#text1 h2, #text1 h3, .blog-post-title, #BlogView h2, .faq-body h3, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 125%;}
#text1, #lobbyText {text-align: right;}
#BlogView #text1, #text1 {max-width: 100%;}
h3.dynamicFormObjectTitle {position: relative;}
.contact-page h3.dynamicFormObjectTitle:after, .contact-page h3.dynamicFormObjectTitle:before { content: ""; display: inline-block; width: 133px; border-top: 2px solid #ff7d3d; vertical-align: middle;}
#text1, #lobbyText {line-height: 1.2;}

/*About Page*/
.about-page .grid-text-section { margin-bottom: 0; padding: 0;}
.about-page .sections .grid-content-section { padding-bottom: 0;}
.about-page .grid-box-title { position: static;}
.about-page .grid-boxes .grid-box-subtitle {margin-bottom: 20px; line-height: 0.9;}
.about-page .grid-boxes .box-image-animation img { max-width: 200px; max-height: 100%;}
.about-page .grid-boxes .box-image-animation:hover img { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;}
.about-page .grid-boxes .box-image-animation {cursor: auto;}
.about-page .section-title h2 { text-align: right; max-width: 100%;}
.about-page .section-title h2:after { margin: 10px 0 0;}
.about-page .section-title { margin-bottom: 0;}
.about-page #LobbyModule .grid-boxes { padding-top: 22px;}
.about-page #LobbyModule .grid-boxes .grid-box-image { margin-bottom: 0;}
.about-page .grid-text, .about-page .grid-text-section .section-animation-item { max-width: 100%; width: 100%;}
.about-page .grid-text-section .section-animation-item {text-align: right; padding: 0;}
.about-page .grid-text p { margin-bottom: 20px;}
.about-page ul { color: rgba(51, 51, 51, 0.8);}
.about-page .grid-text-content h3 { font-size: 250%; position: relative; color: #333333;}
.about-page .grid-text-content h3:after { content: ""; display: block; height: 3px; width: 133px; background: #ff7d3d; margin: 10px 0 20px;}
.about-page .grid-boxes .grid-box-title h3 a {cursor: auto;}

/*Services Page*/
.categories-strip ul {background: #1d3767;}
.categories-strip ul li { transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms;}
.categories-strip ul li.active, .categories-strip ul li:hover, .categories-strip ul li:focus { background: rgba(255,255,255, 0.3);}
.categories-strip ul li:first-child:hover, .categories-strip ul li:first-child:focus { background:none;}

/*Saliva Page*/
.faq-headline span { font-size: 96%;}
.faq-headline span, .faq-headline .button-open {color: #fff;}
.faq-headline, .faq-headline.open { background: #1d3767;}
.faq-body.collapse.in {color: #333333;}

/*Blog Page*/
#BlogView #headline h1 {text-align: right;}
#BlogView #headline h1:after { margin: 10px 0 20px;}
.blog-post-icons { margin: 15px 0;}
.blog-page .fa { color: #244170;}
.blog-post-text { padding: 10px 0 0 0; margin: 0; border-bottom: 1px solid #1d3767;}
.pagination > li > a { transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; border-color: #1d3767;}
.pagination > li > a, .pagination > li > span {color: #1d3767;}
.pagination > .active > a, .pagination > li:hover > a, .pagination > li:focus > a { background: #1d3767; color: #fff;}
#BlogView .share-strip span { display: none;}

/*Blog Inner Page*/
#BlogView .share-strip {  line-height: 1;}
#BlogView .share-strip:after, #BlogView .share-strip:before {top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.blog-post-icons, .blog-related-post-title {color: #333333;}

/*Contact Page*/
.contact-page #text1 {text-align: center;}
.form-container-wide #DynamicFormObject {background: url('../../../warehouse/temp/hilaKlein/01-saliva-bg.jpg'); background-size: cover; background-position: center; 
    background-repeat: no-repeat; border: none; color: #fff; }
#DynamicFormObject:after { top: 15px; bottom: 15px; left: 15px; right: 15px; border: 2px solid #fff;}
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: none;}
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormObjectFields {display: block; width: 100%; padding: 0;}
.contact-page #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 114%; line-height: 1; margin-top: 0;}
.normal-form input, .normal-form textarea { background: rgba(255, 255, 255, 0.7); color: #333333; border: none; border-radius: 3px; padding: 6px 15px; width: 100%; }
.must:before {top: 12%; right: 17px; color: #333333;}
#DynamicFormObject input[type=submit] {color: #333333; border: none; border-radius: 3px; background: #fff; font-size: 100%; transition: all ease-in-out 200ms; 
    -webkit-transition: all ease-in-out 200ms;}
#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { background: #f68428; color: #fff;}
#side-contact-form #DynamicFormObject input[type=submit]:focus, #side-contact-form #DynamicFormObject input[type=submit]:hover { background: #f68428;}
.contact-page #DynamicFormObject input[type=submit]:focus,.contact-page #DynamicFormObject input[type=submit]:hover { background: #f68428;}
.form-container-wide #DynamicFormObject .dynamicFormObjectFields {margin-bottom: 0;}

/*Accessability Page*/
#accessability #text1 a { color: rgb(51, 51, 51); text-decoration: none;}
#accessability #text1 a:hover, #accessability #text1 a:focus { text-decoration: underline;}

@media(min-width: 1201px) {
    #GridTop.blog { height: 500px; }
}

@media(min-width: 1025px) {
    .lower-banner .owl-carousel .owl-item img { height: 460px;}
    #header2 ul.menu > li.active, #header2 ul.menu > li.has-sub.active, #header2 ul.menu > li:hover, #header2 ul.menu > li:focus { border-bottom: 2px solid #f68428;}
    #header2 ul.menu > li {transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; border-bottom: 2px solid transparent;}
}

@media(min-width: 991px){
    #GridPromo.fixedLayoutForm { top: 5%;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 88%; margin: 0 auto;}
    #side-contact-form.fixedLayoutForm { max-width: 350px; width: 350px; top: 15%;}
    #GridPromo.fixedLayoutForm.affix, #GridPromo.fixedLayoutForm { max-width: 351px; width: 351px;}
    .button-holder#FixFormOuter { width: 70px;}

    /*Contact Page*/
    .form-container-wide #DynamicFormObject { padding: 60px 60px 50px;;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { float: none; display: inline-block; width: 155px; }
}

@media(min-width: 768px) {
    .services-section .grid-boxes .grid-box {width: 20%;}
    #SiteFooter .footer-left img { margin: 0 0 5px 4px;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectField{ width: 33.33%; padding: 0 10px;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 33%; float: none; display: inline-block;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%;}
    .top-video-container .owl-carousel .owl-item .topImg{ width: 550px; margin: 0 auto;}
    .about-page .grid-boxes .grid-box { width: 32%; height: auto;}
    .about-page .grid-boxes .grid-box-image { padding-bottom: 100%;}
}

@media(max-width:1440px) {
    #header2 { padding: 10px 30px;}
}

@media(max-width: 1280px) {
    #header2 { padding: 10px 20px;}
    #header2 ul.menu li { font-size: 100%; margin-left: 15px;}
    #header2 #header-left img { width: 140px;}
    #header2 .menu-nav { width: 810px; }
    .categories-strip ul li {padding: 10px; font-size: 80%;}
    .normal-form input { max-width: 100%;}
}

@media(max-width:1024px) {
    /*Header*/
    #header2 .header-right-section { order: 0; background: none;}
    #header2 .menu-nav {width: auto; color: #333333; position: static; transform: none; -webkit-transform: none;}
    #header2 .menu-nav .closed, #header2 .menu-nav .opened { display: none !important;}
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #333333; height: 3px;}
    #header2 .max-width { width: 100%;}
    #header2 #header-left img { width: 180px;}
    #header2 ul.menu { background: #f9f9f9; width: 100vw; height: 100vh; padding: 20vh 20px 0;}
    #header2 ul.menu li {font-size: 200%; padding: 10px 0; margin-left: 0;}
    #header2 ul.menu li .menu-sub a { float: none;}
    #header2 ul.menu li.active { background: transparent;}
    #header2 ul.menu > li.active > a, #header2 ul.menu > li:hover > a, #header2 ul.menu > li:focus > a { border-bottom: 2px solid #f68428;}
    #header2 ul.menu > li > a {transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; border-bottom: 2px solid transparent;}
    #header2 ul.menu .social-links a svg { fill: #333333; width: 33px; height: 27px; }

    /*Top Banner*/
    #home-gallery .gallery-caption .gallery-text { width: 320px; }
    span.”banner-subtitle” { display: block; white-space: normal;}
    3#home-gallery:before { height: 61px; bottom: -32px;}

    /*About Section*/
    .section-title h1:before, .section-title h1:after { width: 90px;}

    /*Service Section*/
    .section-title { margin-bottom: 20px;}
    .grid-boxes .grid-box {height: 220px; }
    .sections .grid-content-section { padding-top: 40px; margin-bottom: 0;}

    /*Saliva Section*/
    .grid-text {padding: 20px 0 40px;}
    .section-title h2 { padding-top: 20px;}

    /*About Section*/
    .grid-row-section { max-width: 90%; padding: 60px 15px;}

    /*Review Section*/
    .owl-carousel .photoTextWrapper { width: 500px; padding: 30px; }
    .photoFullText { width: 100%; }
    .lower-banner .owl-carousel .owl-item img { width: auto; height: 350px; }

    /*Footer*/
    .footer-text.text-center { padding: 20px 30px;}
    p.footer-left { left: 15%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

    /*****Inner Pages*****/
    /*General Styles*/
    .lobby-grid #GridPage .max-width, #GridPage .max-width { max-width: 80%; width: 100%;}
    #GridContent { padding: 50px 0;}
    .contact-page #GridPage {padding: 50px 0;}
    .blog-page #GridContent { padding: 0 0 50px 0}
    .blog-page #GridPage {padding-top: 50px;}
    h3.dynamicFormObjectTitle:before, h3.dynamicFormObjectTitle:after { content: ""; display: inline-block; width: 70px; border-top: 2px solid #ff7d3d; vertical-align: middle;}

    /*About Page*/
    .about-page .grid-boxes .box-image-animation img { max-width: 150px; max-height: 100%;}
    .about-page #LobbyModule .grid-boxes .grid-box-image { margin-bottom: 20px;}

    /*Contact Page*/
    .contact-page h3.dynamicFormObjectTitle:after, .contact-page h3.dynamicFormObjectTitle:before {width: 70px;}
}

@media(min-width: 768px) and (max-width: 990px) {
    /*About Section*/
    .box-image-animation { display: flex; justify-content: center;}
    .services-section .grid-box-image { padding-bottom: 100%;}
    .dynamicFormObjectField.col-xs-12, .dynamicFormObjectSubmit { width: 33.33%; padding: 0 10px;}
    .dynamicFormObjectSubmit { float: none; display: inline-block;}
    .dynamicFormObjectField.textareaField { width: 100%;}
    .contact-page #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-top: 15px;}
    #DynamicFormObject .dynamicFormObjectFields { margin: 0;}
}

@media(max-width: 990px) {
    /*Header*/
    #header2 ul.menu .menu-sub li { font-size: 80%;}
    li.has-sub > a { margin-right: 40px;}

    /*Top Banner*/
     #home-gallery:before { height: 41px; bottom: -21px;}

    /*Services Section*/
    .grid-boxes .grid-box { width: 22%; height: 170px; margin: 8px 8px;}
    .grid-boxes .grid-box-title h3 { font-size: 99%; padding: 0 15px; margin: 0;}
    .grid-box-title { top: -30px;}

    /*About Section*/
    .grid-row-section { max-width: 100%; }

    /*Review Section*/
    .owl-carousel .photoTextWrapper {padding: 20px 30px;}

    /*Footer*/
    p.footer-left { left: 20%; }

    /*****Inner Pages*****/
    /*General Styles*/
    #GridContent { padding:50px 0 0;}
    #GridPromo { margin: 20px 0 40px; padding: 0;}
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 91%; }
    #GridTop { background-position: 100% 20%;}
    #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 125%;}
    #GridPromo #DynamicFormObject { padding : 40px;}
    .normal-form input, .normal-form textarea { max-width: 100%; width: 100%;}

    /*Services Page*/
    .categories-strip ul li { font-size: 100%;}

    /*Saliva Page*/
    .faq-headline span { font-size: 89%;}
    
    /*Blog Page*/
    .blog-page #GridContent { padding: 0;}
    .blog-grid #GridPromo { max-width: 80%; margin: 20px auto 40px; }


    /*Inneg Blog Page*/
    div#BlogView { max-width: 90%; margin: 0 auto;}

    /*Contact Page*/
    .form-container-wide #DynamicFormObject {padding: 40px;}
    .contact-page #text1 p:last-child { margin-bottom: 0px;}
    .must:before { right: 18px;}
    #side-contact-form #DynamicFormObject h3.dynamicFormObjectTitle, #GridPromo #DynamicFormObject h3.dynamicFormObjectTitle {font-size: 114%;}
}

@media(max-width: 767px) {
    /*General Styles*/
    .section-title h1, .section-title h2, .grid-rows .grid-row-text h2 { font-size: 215%; }
    .grid-text p, .grid-rows .grid-row-text p, .photoFullText {margin-bottom: 15px;}
    .lobby-grid #GridPage .max-width, #GridPage .max-width { padding: 0;}
    .section-title h1, .section-title h2 { max-width: 100%; }
    #headline h1 { line-height: 0.9;}

    /*Header*/
    #header2 .mobile-middle-kdm { display: none;}
    #header2 ul.menu li {font-size: 130%; padding: 5px 0;}
    #header2 ul.menu .menu-sub li { font-size: 68%; }

    /*Top Banner*/
    #home-gallery .gallery-caption .gallery-text { width: 100%;}
    span.”banner-title” { font-size: 114%; }
    span.”banner-subtitle” { font-size: 52%; margin-top: 10px;}
    #home-gallery:before { height: 33px; bottom: -17px; background: url('../../../warehouse/temp/hilaKlein/00-banner-frame-mobile.svg'); background-size: cover; 
        background-repeat: no-repeat; background-position: center;}

    /*Form Section*/
    #side-contact-form.mobile-form { width: 90%; }
    h3.dynamicFormObjectTitle:after, h3.dynamicFormObjectTitle:before { width: 40px;}
    div#side-contact-form { padding-bottom: 30px;}

    /*About Section*/
    .section-title h1 { max-width: 60%; margin: 0 auto; line-height: 1;}
    .top-video-container { padding: 40px 0 60px;}
    .grid-boxes .grid-box-image { padding-bottom: 73%;}

    /*Service Section*/
    .sections .grid-content-section { padding: 40px 0 20px;}
    .section-title h1:before, .section-title h1:after { width: 50px; position: absolute; top: 50%;}
    .section-title h1:before { margin: 0; right: -20px; transform: translateX(50%);}
    .section-title h1:after { margin: 0; left: -20px; transform: translateX(-50%);}
    .grid-boxes .grid-box { width: 65%; height: auto; margin: 0 0 50px;}
    .grid-boxes .box-image-animation img { max-width: 90px; max-height: 70px;}  /*max-width: 130px; max-height: 100px;*/
    .grid-boxes .grid-box-image { padding-bottom: 67%;}
    .grid-box-title { top: -50px;}
    .services-section .grid-boxes .grid-box { width: 45%; position: relative; margin: 0 5px 20px;}
    .services-section .grid-boxes .grid-box-image { padding-bottom: 90%;}
    .services-section .grid-box.col-xs-6 .grid-box-title h3 { font-size: 120%;}
    .services-section .grid-box-title { width: 100%; position: absolute; top: 70%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%); -o-transform: translateY(-50%);} 

    /*Saliva Section*/
    .grid-text-section .section-animation-item { width: 95%;}
    .grid-text { max-width: 85%;}

    /*About Section*/
    .grid-row li.slider-item { padding-bottom: 78%;}
    .grid-rows .grid-row-text { padding: 0 30px 40px; margin: 20px 0 0;}
    .grid-rows .grid-row:after {z-index: 2;}
    #multi-content-modal.videoInPop .modal-content { max-width: 100%;}
    #multi-content-modal.videoInPop .modal-content iframe { height: 280px;}

    /*Review Section*/
    .owl-carousel .photoTextWrapper { width: 80%; padding: 20px 10px;}
    .owl-carousel .photoTextWrapper h3 { font-size: 190%; }
    .photoFullText { margin: 0 auto 15px; font-size: 85%;}
    .home-page #SiteFooter:before { height: 35px; top: -15px;}

    /*Footer*/
    #SiteFooter:before {height: 34px; top: -15px;}
    p.footer-right { float: none;}
    p.footer-left { position: static; margin-top: 10px; transform: none; -webkit-transform: none;}
    #SiteFooter .mobile-seperator a {padding: 7px 0;}
    a.AccessabilityLink { margin-bottom: 8px;}
    #SiteFooter .footer-left img { max-width: 11px; margin-bottom: 5px;}

    /*****Inner Pages*****/
    #GridPromo h3.dynamicFormObjectTitle:after, #GridPromo h3.dynamicFormObjectTitle:before { width: 30px;}
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 21px;}
    #GridPromo #DynamicFormObject { padding: 20px 10px 40px;}
    #headline h1:after { margin: 15px 0 30px;}
    #DynamicFormObject .dynamicFormObjectFields .top-form { line-height: 1; padding: 0 10px;}
    #GridPromo #DynamicFormObject { padding: 20px 10px 40px;}
    #DynamicFormObject .dynamicFormObjectFields { margin: 0;}

    /*About Page*/
    .about-page .grid-boxes .grid-box { width: 50%; }
    .about-page .grid-boxes .grid-box-image { padding-bottom: 100%;}
    .about-page .grid-boxes .box-image-animation img { max-width: 160px; }
    .about-page .about-page #LobbyModule .grid-box { margin: 0 0 10px;}
    .about-page #LobbyModule .grid-boxes { padding-top: 40px;}

    /*Services Page*/
    .mobile-strip {background: #1d3767;}
    #text1 ul { padding-right: 20px;}

    /*Saliva Page*/
    .faq-headline, .faq-headline.open { padding-left: 30px;}
    .faq-headline .button-open {left: 15px;}
    #text1 iframe { width: 100%; height: auto;} 

    /*Blog Page*/
    #BlogView #headline h1 {line-height: 0.9;}
    .blog-grid #GridPage .max-width { max-width: 100%; width: 100%;}
    .blog-posts {-webkit-column-count: 1; column-count: 1;}
    .blog-grid #GridPromo { max-width: 80%; }
    .blog-related-posts .col-sm-4.col-xs-6 { width: 100%;}
    .blog-view { text-align: right;}
    #BlogView .share-strip:after, #BlogView .share-strip:before { width: 20%;}
    #BlogView .share-strip a.share-icon:last-child { display: none;}
    .blog-related-posts.row { margin: 0;}
    #GridTop.blog { height: 300px;}

    /*Contact Page*/
    .contact-page #text1 {font-size: 96%;}
    .contact-page #text1 p:last-child { margin-bottom: 20px;}
    .contact-page #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, 
    #side-contact-form #DynamicFormObject h3.dynamicFormObjectTitle, #GridPromo #DynamicFormObject h3.dynamicFormObjectTitle { font-size: 73%; margin: 15px 0 10px;}
}

@media(max-width: 375px) {
    .owl-carousel .photoTextWrapper h3 { font-size: 170%;}
    #GridPromo h3.dynamicFormObjectTitle:after, #GridPromo h3.dynamicFormObjectTitle:before { width: 20px;}
}

@media(max-width: 360px) {
    #header2 ul.menu {padding: 15vh 20px 0;}
    #header2 ul.menu li {font-size: 150%; }
    #header2 ul.menu .menu-sub li { font-size: 64%;}
    .section-title h1:before, .section-title h1:after { width: 25px;}
    .grid-rows .grid-row-text p { width: 100%;}
    #side-contact-form #DynamicFormObject h3.dynamicFormObjectTitle, #GridPromo #DynamicFormObject h3.dynamicFormObjectTitle { font-size: 73%;}
    .about-page .grid-boxes .grid-box-image { padding-bottom: 90%;}
}

@media(max-width: 320px) {
    #header2 #header-left img {width: 150px;}
    .contact-page #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #side-contact-form #DynamicFormObject h3.dynamicFormObjectTitle, 
        #GridPromo #DynamicFormObject h3.dynamicFormObjectTitle { font-size: 62%;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 110%; }
    .section-title h1 { max-width: 70%; }
    .faq-body { font-size: 90%;}
    .services-section .grid-box.col-xs-6 .grid-box-title h3 { font-size: 100%;}
    .services-section .grid-boxes .grid-box-image { padding-bottom: 120%;}
}