@charset "utf-8";
* { scroll-behavior: smooth; }
:root { 
	font-size: 15px; 
	--color-text: #231F20;
	--color-pink: #EE2E53;
	--color-white: #fff;
	--color-green: #25D366; 
	--color-purple: #7F6E9D; 
	--color-light-pink: #FFF5F9;
	--color-dark-grey: #DBDBDB;
	--color-grey: #DEDDD5; 
	--color-whatsapp-green: #25D366; 
	
	--min-width: 1400px;
	--banner-h1-font-size: 4rem;
	--h1-font-size: 4rem; /* 60px */
	--h2-font-size: 3.33rem; /* 50px */
	--h3-font-size: 1.66rem; /* 25px */
	--h4-font-size: 1.33rem; /* 20px */
	
	--font-family: 'Roboto', Arial, Helvetica, sans-serif;
	--headline-font-family: 'Roboto Condensed', 'Vidaloka', serif;
	
	--color-red: #D81717;
	--color-light-grey: #F5F5F5; 
	/* transition: all 0.3s ease; */
}


	.wrapper { width: 100%; max-width: var(--min-width); padding: 6.67rem 30px; margin: auto;  } 
	.curve, body.types-of-hearing-aids #type, #team-list { background-image: url(themes/content-curve-div.webp); background-position: bottom center; background-size: contain; background-repeat: no-repeat; position: relative; z-index: 1; }
	.curve .wrapper, body.types-of-hearing-aids #type .wrapper, #team-list .wrapper { padding-bottom: 10rem; }
	
	p { margin: 0px; }
	
	h1 { font-size: var(--h1-font-size); font-family: var(--headline-font-family); line-height: 1; margin-top: 0px; margin-bottom: 2rem; color: var(--color-pink); }
	h2 { font-size: var(--h2-font-size); font-family: var(--headline-font-family); color: var(--color-pink); line-height: 0.95; margin-bottom: 1.5rem; }
	h3 { font-size: var(--h3-font-size); line-height: 1; }
	h4 { font-size: var(--h4-font-size); font-weight: 700; line-height: 1; color: var(--color-pink); }

	a { text-decoration: none; font-weight: 500; } 
	a:link { color: var(--color-pink); } 
	a:visited { color: var(--color-pink); } 
	a:hover, a:active, a:focus { } 
	a.btn, .btn { color: var(--color-white); font-weight: 500 !important; padding: 21px 2.5rem 21px 2rem; font-size: 0.93rem; background-image: url(themes/icon-right.png); background-repeat: no-repeat; background-size: auto 10px; background-color: var(--color-pink); background-position: right 1.5rem center; text-transform: uppercase; border-radius: 50px; display: inline-block; min-width: 80px; text-decoration: none !important; cursor: pointer; }
	a.btn:hover, .btn:hover { background-color: var(--color-text); }
	a.btn.white { background-color: var(--color-white); color: var(--color-pink); background-image: url(themes/icon-readmore.png); }
	a.btn.white:hover { background-color: var(--color-text); color: var(--color-white); }
	
	a.link { background-image: url(themes/icon-readmore.png); background-size: auto 8px; background-position: right center; padding-right: 1rem; background-repeat: no-repeat; color: var(--color-pink); font-weight: 500; }
	a.link:hover { text-decoration: underline;	}
	a.link.white { background-image: url(themes/icon-readmore-white.webp); }
	
	a.whatsapp { background-color: var(--color-whatsapp-green); color: var(--color-white); font-size: 1.86rem; font-weight: 600; background-image: url(themes/icon-whatsapp-w.png); background-position: left 1.5rem center; background-size: 38px auto; background-repeat: no-repeat; padding: 16px 2rem 16px 5rem; border-radius: 50px; display: flex; flex-direction: column; line-height: 1; }
	a.whatsapp span { font-size: 1rem; font-weight: normal; display: block; }
	
	li h4 { margin: 0px 0px 5px 0px; }
	
	.fpink { padding: 2rem; border: solid 1px var(--color-pink); border-radius: 20px; position: relative; background-color: var(--color-white); }
	.fpink::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; z-index: -1; bottom: -10px; left: -1px; background-color: var(--color-pink); border-radius: 20px; border: solid 1px var(--color-pink); }
	
	.fpink-top { padding: 2rem; border: solid 1px var(--color-pink); border-radius: 20px; position: relative; background-color: var(--color-white); }
	.fpink-top::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; z-index: -1; top: -10px; left: -1px; background-color: var(--color-pink); border-radius: 20px; border: solid 1px var(--color-pink); }
	
	.fpink-top-title > div { display: flex; flex-direction: column; }
	.fpink-top-title .info { padding: 2rem; border: solid 1px var(--color-pink); border-radius: 20px; position: relative; background-color: var(--color-white); }
	.fpink-top-title .title { display: flex; align-items: flex-end; background-color: var(--color-pink); border-radius: 20px 20px 0px 0px; color: var(--color-white); padding: 15px 2rem 35px 2rem; margin-bottom: -25px;}
	.fpink-top-title .title h4 { color: var(--color-white); margin: 0px; line-height: 1; font-weight: 500; flex-grow: 1; }
	.fpink-top-title .title span { justify-content: flex-end; font-weight: 500; font-style: italic; margin-left: 1rem; line-height: 1; }
	
	.fpink-bottom-title > div { display: flex; flex-direction: column; }
	.fpink-bottom-title .info { padding: 2rem; border: solid 1px var(--color-pink); border-radius: 20px; position: relative; background-color: var(--color-white); text-align: left; font-size: var(--h4-font-size); }
	.fpink-bottom-title .title { display: flex; align-items: flex-end; background-color: var(--color-pink); border-radius: 0px 0px 20px 20px; color: var(--color-white); padding: 40px 2rem 15px 2rem; margin-top: -25px;}
	.fpink-bottom-title .title h4, .fpink-bottom-title .title a { color: var(--color-white); margin: 0px; line-height: 1; font-weight: 500; flex-grow: 1; }
	.fpink-bottom-title .title span { justify-content: flex-end; font-weight: 500; font-style: italic; margin-left: 1rem; line-height: 1; }
	.fpink-bottom-title .title a { background-image: url(themes/icon-readmore-white.webp); text-align: center; }

	.norecord { text-align: center; }
	
/*  ###############################################
	LOGO
	###############################################  */
	#logo a, #logo a img { display: block; height: 65px; width: auto; width: initial; } 
	
	/*  ###############################################
	HEADER
	###############################################  */
	#header-holder { position: fixed; top: 0px; width: 100%; z-index: 10; } 
	#header-top { font-weight: 500; color: var(--color-pink); background-color: rgba(255,255,255,0.75); }
	#header-top .wrapper { padding: 0px 30px; }
	#header-top .wrapper > div { display: flex; align-items: center; }
	#header-top .wrapper > div > div:first-child { padding: 20px 0px; display: flex; align-items: flex-end; }
	#header-top .wrapper > div > div:first-child > div { display: flex; flex-direction: column; margin-left: 20px; }
	#header-top .wrapper > div > div:first-child span { white-space: nowrap; }
	#header-top .wrapper > div > div:last-child { padding: 10px 0px; display: flex; margin-left: 2rem; justify-content: flex-end; align-items: center; }
	#header-top span.visit { color: var(--color-text); line-height: 1;margin-right: 12px; }
	
	#top-submenu { flex-grow: 1; }
	#top-submenu ul { display: flex; padding: 0; margin: 0; list-style-type: none; justify-content: flex-end; align-items: center; }
	#top-submenu ul li { padding: 0px; background: none; }
	#top-submenu ul li a { text-decoration: none; display: block; padding-left: 1.5rem; margin-right: 12px; }
	#top-submenu ul li a:hover, #top-submenu ul li a.active { color: var(--color-text); }
	/* Group */
	#top-submenu ul li a { background-image: url(themes/icon-country.png); background-repeat: no-repeat; background-size: 20px auto; background-position: left center; padding-left: 26px !important; line-height: 20px; }
	/*
	#top-submenu ul li:last-child a { color: var(--color-white) !important; padding: 21px 2.5rem 21px 2rem; font-size: 0.93rem; background-image: url(themes/icon-right.png); background-repeat: no-repeat; background-size: auto 10px; background-color: var(--color-pink); background-position: right 1.5rem center; text-transform: uppercase; border-radius: 50px; }
	
	#top-submenu ul li:last-child a:hover { color: var(--color-white); background-color: var(--color-text); }
	*/
	
/*  ###############################################
	MENU
	###############################################  */
	#menu-top { font-size: 0.9375rem; list-style-type: none; position: relative; z-index: 103; flex-grow: 1; text-align: right; background-color: var(--color-pink); color: var(--color-white); border-bottom: solid 1px var(--color-light-pink); } 
	#menu-top .wrapper { padding: 0px 30px; }

	#mobile-menu { display: none; }
	
	
/*  ###############################################
	BANNER
	###############################################  */
	#banner-zone { margin: auto; width: 100%; position: relative; } 
	#banner-contant { width: 100%; margin: 0 auto; height: 800px; position: relative; z-index: 0; overflow: hidden; } 
	#banner-contant .overlay { position: absolute; bottom: -1px; width: 100%; z-index: 6; }
	#banner-contant .overlay img { display: block; }

	.nivo-caption { color: var(--color-white) !important; position: relative; z-index:100; display: flex !important; position: absolute; bottom: 25%; top: 25%; padding: 0px 30px !important; }
	.nivo-caption .wrapper { padding: 0px; }
	.nivo-caption .wrapper > div { max-width: 55%; display: inline-block; *display: inline;  }
	.nivo-caption h1 { margin: 0px; color: var(--color-white); font-family: var(--headline-font-family); font-size: var(--banner-h1-font-size); text-shadow: 2px 1px 6px rgba(0,0,0,0.3); }
	.nivo-caption .subtitle, .tag { text-transform: uppercase; color: var(--color-pink); font-weight: 500; display: flex; letter-spacing: 1px;  padding-left: 1.5rem; margin-bottom: 10px; position: relative; line-height: 1; align-items: center; }
	.nivo-caption .subtitle::before, .tag::before { content: ''; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; background-color: var(--color-pink); border-radius: 50%; transform: translateY(-50%); }

	.nivo-caption .subtitle .line, .tag .line { margin-left: 1rem; position: relative; align-items: center; flex-grow: 1; }
	.nivo-caption .subtitle .line::after, .tag .line::after { content: ""; display: block; position: absolute; background-color: var(--color-pink); width: 100%; height: 1px; left: 0px; }
	.tag .text { font-size: var(--h4-font-size); text-transform: initial; color: var(--color-text); font-weight: normal; margin-left: 1rem; }
	
	.nivo-caption .banner-info { font-size: 2rem; text-shadow: 1px 1px 5px rgba(0,0,0,0.6); margin: 2rem 0px 0rem 0px; line-height: 1; }
	.nivo-caption a.btn { margin-top: 20px; }
	
	.nivo-directionNav { display: block !important; }
	
	.tag { margin-bottom: 20px; }
	
	.expand { border: solid 1px var(--color-dark-grey); }
	.expand .item { border-bottom: solid 1px var(--color-dark-grey); }
	.expand .item .header { background-image: url(themes/icon-tick-pink.webp), url(themes/icon-expand.webp); background-repeat: no-repeat; background-position: center left 1rem, center right 1rem; padding: 10px 3rem 10px 4rem; font-weight: 600; cursor: pointer; background-color: var(--color-white); color: var(--color-text); background-size: 30px, auto; min-height: 60px; box-sizing: border-box; display: flex; align-items: center; line-height: 1.2;  }
	.expand .item .header:hover, .expand .item.active .header { background-image: url(themes/icon-tick.webp), url(themes/icon-collapse.webp); background-color: var(--color-pink); color: var(--color-white); }
	.expand .item .text { background-color: var(--color-white); padding: 20px 2rem 20px 4rem; display: none; }
	.expand .section { display: none; }
	.expand .section.active { display: block; }
	.expand .item .text h4 { margin: 0px 0px 5px 0px; }
	
	.red-header { position: relative; text-align: center; }
	.red-header .wrapper { padding: 6.67rem 30px !important; }
	.red-header::after { content: ""; display: block; position: absolute; background-color: var(--color-pink); width: 100%; height: 320px; left: 0px; top: 0px; z-index: -1; }
	.red-header h2 { color: var(--color-white); }
	
	.paging { display: flex; flex-wrap: wrap; font-weight: 500; margin-top: 3.33rem; justify-content: center; }
	.paging > div { margin: 0rem 0.5rem; border-radius: 20px; display: flex; }
	.paging > div.active { padding: 10px; }
	.paging > div.active, .paging > div:hover { color: var(--color-white); background-color: var(--color-pink); }
	.paging > div a { padding: 10px; }
	.paging > div:hover a { color: var(--color-white); }
	.paging > div.next a, .paging > div.prev a { padding: 0px; width: 18px; background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.5s ease; }
	.paging > div.next a { background-image: url(themes/right-pink.webp); }
	.paging > div.prev a { background-image: url(themes/left-pink.webp); }
	.paging > div.next:hover, .paging > div.next:hover a, .paging > div.prev:hover, .paging > div.prev:hover a { background-color: transparent !important; }
	.paging > div.next:hover a, .paging > div.prev:hover a { transform: scale(1.2); }
	
/*  ###############################################
	MAIN CONTENT
	###############################################  */
	#main-content { max-width: 100%; margin: auto; } 
	#main-content h4, #service-info2 h4 { font-weight: 500; margin: 0px 0px 5px 0px; }
	#main-content .wrapper { padding-top: 6rem; }
	

/*  ###############################################
	INNER CONTENT
	###############################################  */

	body.inner #main-content .wrapper { padding-top: 3.75rem; }
	body.inner #main-content .wrapper h1 {text-align: center; }
	body.inner #main-content .wrapper p:last-child { margin-bottom: 0px; }
	
	
/*  ###############################################
	BREADCRUMB
	###############################################  */
	.breadcrumb { margin-top: -3rem; position: relative; z-index: 1 }
	.breadcrumb .wrapper { padding: 1rem 20% 1rem 0px !important; box-sizing: border-box; }
	.breadcrumb a, .breadcrumb-current { text-decoration: none; font-weight: 500; font-size: 14px; text-transform: uppercase; word-wrap: break-all; }
	.breadcrumb-separator { padding: 0 10px; color: transparent; background-image: url(themes/breadcrumb-arrow.png); background-repeat: no-repeat; background-position: center; }
	
	
/*  ###############################################
	HOME HIGHLIGHTS
	###############################################  */
	body.home #main-content .wrapper, body.who-we-are #main-content .wrapper { display: flex; padding-bottom: 8.67rem; }
	body.home #main-content .wrapper > div:first-child, body.who-we-are #main-content .wrapper > div:first-child { width: 55%; margin-right: 6rem; flex-shrink: 0}
	body.who-we-are #highlights { padding-top: 7rem; }
	#highlights > div { display: flex; flex-wrap: wrap; }
	#highlights > div > div { width: 42%; text-align: center; padding: 2rem; position: relative; background-size: cover; background-position: center; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column; background-image: url(themes/highlight-bg-pink.webp); color: var(--color-white); border-radius: 10px; flex-grow: 1; margin-left: 2rem; }
	#highlights > div > div:nth-child(1), #highlights > div > div:nth-child(2) { margin-bottom: 2rem; }
	#highlights > div > div:first-child, #highlights > div > div:nth-child(4) { background-image: url(themes/highlight-bg-lpink.webp); color: var(--color-pink); } 
	#highlights > div > div:nth-child(2), #highlights > div > div:nth-child(4) { position: relative; top: 2rem; }
	#highlights h2 { margin-bottom: 5px; }
	#highlights > div > div:nth-child(2) h2, #highlights > div > div:nth-child(3) h2 { color: var(--color-white); }
	#highlights p { font-weight: 500; line-height: 1.2; }
	
	#h-subbanner { background-image: url(themes/home-sub-banner.webp); background-size: cover; background-position: center; height: 500px; display: flex; text-shadow: 1px 1px 2px white; }
	#h-subbanner .wrapper { margin-left: 50%; width: 50%; box-sizing: border-box; }
	#h-subbanner h2 { margin: 0px 0px 1rem 0px; }
	#h-subbanner h4 { font-weight: normal; color: var(--color-text); margin-top: 0px; }
	
	#largest-network-banner .wrapper { padding: 0px; max-width: auto; max-width: initial; max-width: none; }
	#largest-network-banner .wrapper img { display: block; width: 100%; }
	
	.popup-style { max-width: 1000px; }
	.popup-style img { width: 500px; max-width: 100%; margin: auto; display: block; }
	.popup-style h3 { text-align: center; color: var(--color-pink); }
	.popup-style table thead tr th { background-color: var(--color-pink); color: var(--color-white); padding: 10px 1.5rem; }
	.popup-style table td { padding: 10px 1.5rem; border-bottom: solid 1px var(--color-dark-grey); }
	.mfp-container { overflow-y: scroll; }
	
	
/*  ###############################################
	ABOUT COMPANY
	###############################################  */
	#core-values .wrapper > div { display: flex; }
	#core-values .wrapper > div > div { margin-right: 2rem; flex: 1; border: solid 1px var(--color-pink); border-radius: 20px; padding: 2rem; }
	#core-values .wrapper > div > div:last-child { margin-right: 0px; }
	#core-values img { display: block; }
	#core-values h2 { margin: 2rem 0px 1rem 0px; }
	#core-values h4 { margin: 0px 0px 1rem 0px; font-weight: 500; }
	
	
/*  ###############################################
	WHY CHOOSE US
	###############################################  */
	#why-choose-us { background-color: var(--color-light-pink); }
	#why-choose-us h2 { display: flex; align-items: center; }
	#why-choose-us h2::after { content: ''; flex-grow: 1; height: 1px; background-color: var(--color-pink); margin-left: 1rem; }
	#why-choose-us .wrapper > div { display: flex; }
	#why-choose-us #strengths { width: 50%; margin-left: 5.33rem; flex-shrink: 0; }
	#why-choose-us h4 { margin: 0px 0px 1rem 0px; }
	
	
/*  ###############################################
	AWARDS
	###############################################  */
	#awards { text-align: center; margin-top: -5rem; }
	#awards h2 { margin: 0px; }
	#awards h4 { font-weight: normal; color: var(--color-text); margin: 5px 0px 0px 0px; }
	
	#awards .list { display: flex; flex-wrap: wrap; justify-content: center; }
	#awards .list > div { width: 50%; display: flex; }
	#awards .list > div > div{ position: relative; margin-top: 100px; }
	#awards .list > div:nth-child(odd) > div { margin-right: 1rem; }
	#awards .list > div:nth-child(even) > div { margin-left: 1rem; }
	#awards .list > div > div .logo { width: 150px; position: absolute; margin-left: -75px; top: -75px; }
	#awards .list > div > div .info { padding-top: 50px; }
	#awards .list > div h4 { color: var(--color-pink); font-weight: 600; margin: 0px 0px 1rem 0px; }
	
	
/*  ###############################################
	FOUNDER
	###############################################  */
	#founder { background-color: var(--color-light-pink); position: relative; }
	#founder::after { content: ''; width: 100%; bottom: 0px; left: 0px; background-image: url(themes/content-curve-div.webp); background-position: bottom center; background-size: contain; background-repeat: no-repeat; position: absolute; height: 100%; }
	#founder .wrapper { padding-top: 5.33rem; padding-bottom: 0px; }
	#founder td { vertical-align: top; }
	#founder td:first-child { padding: 0px 6rem 2.5rem 6rem; vertical-align: bottom; }
	#founder td:first-child img { max-width: 250px; display: block; }
	#founder td:last-child { padding-bottom: 10rem; }
	#founder h2 { margin-bottom: 2rem; }
	
	
	
/*  ###############################################
	MANAGEMENT
	###############################################  */
	#management { margin-top: -5rem; }
	#management .wrapper { padding-bottom: 3rem; }
	
	#management-team .wrapper { padding-bottom: 4.67rem; padding-top: 0px; }
	#management-team .list { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 2rem; margin-left: -1%; margin-right: -1%; }
	#management-team .item { width: 48%; box-sizing: border-box; display: flex; padding: 1rem 1rem 2rem 1rem; border: solid 1px var(--color-pink); border-radius: 2rem; overflow: hidden; margin: 0px 1%; }
	#management-team .item h4 { margin: 0px 0px 10px 0px; padding-left: 2rem; }
	#management-team .item p { padding: 1rem 2rem 0px 2rem; }
	#management-team .item .img { flex-shrink: 0; width: 38%; }
	#management-team .item img { display: block; width: 250px; }
	#management-team .item .pos { background-color: var(--color-pink); color: var(--color-white); border-radius: 2rem; font-weight: 500; padding: 4px 2rem; width: 100%; }
	#management-team .item .info { padding-top: 2rem; }
	
	
/*  ###############################################
	MILESTONES
	###############################################  */
	#milestones .wrapper { padding-top: 0px; text-align: center; }
	#milestones .wrapper > ul { list-style: none; padding: 0; margin: 20px auto; position: relative; width: 100%; max-width: 1000px; }
	#milestones .wrapper > ul > li { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-left: 0; background-image: none; display: flex; flex-direction: row; text-align: left; justify-content: flex-start; align-items: flex-start; padding: 0px 0px 2rem 0px; }
	#milestones .wrapper > ul > li:before { content: ''; position: absolute; left: 50%; top: 0; height: 100%; width: 2px; background-color: var(--color-dark-grey); z-index: -1; }
	#milestones .wrapper > ul > li:after { content: ''; position: absolute; left: 50%; top: 0; height: 1rem; width: 1rem; border-radius: 50%; background-color: var(--color-pink); transform: translateX(-50%); }
	#milestones .wrapper > ul > li:first-child::after, #milestones ul li:last-child::after { background-color: var(--color-text); }
	#milestones .wrapper > ul > li:last-child { padding-bottom: 0px; }
	#milestones .wrapper > ul > li h4 { background-color: var(--color-white); margin: 0; width: 52%; padding-right: 5%; justify-content: flex-end; display: flex; box-sizing: border-box;}
	#milestones .wrapper > ul > li p { margin-top: 0; background-color: var(--color-white); padding: 0px 1rem; }
	#milestones .wrapper > ul ul { margin: 0px; }
	#milestones .wrapper > ul ul li { padding:0px 0px 1rem 0px; line-height: var(--h4-font-size); }
	#milestones .wrapper > ul ul li:last-child { padding-bottom: 0px; }
	#milestones ul li:last-child::before { display: none; }
	
/*  ###############################################
	CONTACT
	###############################################  */	
	body.contact #contact-form .wrapper { padding: 0px 30px; }
	#contact-info table { margin-left: -1rem; margin-right: -1rem; max-width: auto; max-width: initial; max-width: none; width: auto; width: initial; }
	#contact-info table tr { display: flex; }
	#contact-info table tr td { flex: 1; padding: 0px 1rem; display: flex; }
	#contact-info table tr td > div { border: solid 1px var(--color-pink); border-radius: 20px; padding: 2rem; flex-grow: 1; }
	#contact-info h2 { margin-bottom: 1rem; }
	#contact-info a { font-weight: normal; margin-right: 1rem; text-decoration: underline; }
	#contact-info .custcare a { text-decoration: none; padding-left: 2rem; background-image: url(themes/icon-phone.webp); background-size: auto 18px; background-position: left center; background-repeat: no-repeat; font-weight: normal; margin: 10px 0px; display: block; }
	#contact-info .custcare a.whatsapp-l { background-image: url(themes/icon-whatsapp-pink.webp); }
	#contact-info .custcare a.email { background-image: url(themes/icon-email-pink.webp); background-size: 18px auto; }
	
	#contact-form .fpink-top { padding: 5.33rem 3.33rem 3.33rem 3.33rem; }
	#contact-form .fpink-top h2 { text-align: center; }
	
	.mfp-content { max-width: 800px; width: 100%; padding: 3.33rem; box-sizing: border-box; text-align: center; }
	.mfp-content .mfp-close { right: 1rem; top: 1rem; }
	.mfp-bg { background-color: rgba(0,0,0,0.6); }

/*  ###############################################
	NEWS & EVENTS
	###############################################  */	
	body.news-events #main-content .wrapper, body.blogs #main-content .wrapper { padding-bottom: 3.33rem; }
	body.newsevent #main-content .wrapper h1 { font-size: var(--h2-font-size); text-align: left; }
	body.newsevent #main-content .wrapper h2 { font-size: var(--h3-font-size); }
	body.newsevent #main-content .wrapper h3 { font-size: var(--h4-font-size); }
	#newsevent-list .wrapper { padding-top: 0px; }
	
	#newsevent-list .note { padding: 0px 0px 3.125rem 0px; text-align: center; width: 100%; display: none; }
	#newsevent-list .note.show { display: block; }
	
	#newsevent-list .list { display: flex; flex-wrap: wrap; column-gap: 2rem; row-gap: 3rem; }
	#newsevent-list .list .item { display: flex; flex-direction: column; width: calc(33.333% - 1.333rem); box-sizing: border-box; }
	#newsevent-list .list .item:last-child { margin-bottom: 0px; }
	
	#newsevent-list .list .item a:hover img { transform: scale(1.05); }
	#newsevent-list .list .item .image img { display: block; width: 100%; height: auto !important; transition: transform 1s; border-radius: 20px; }
	#newsevent-list .list .item .date, #h-latest-news-events .list .item .date { display: flex; flex-grow: 1; padding-right: 2rem; }
	#newsevent-list .list .item .date > div, body.newsevent #main-content div.date, #h-latest-news-events .date > div { font-style: italic; display: flex; margin-right: 0.5rem; }

	#newsevent-list .list .item .info { position: relative; flex-grow: 1; display: flex; flex-direction: column; }
	#newsevent-list .list .item .info > div { display: flex; align-items: center; }
	#newsevent-list .list .item h4 { margin: 20px 0px; flex-grow: 1; }
	#newsevent-list .list .item .desc { margin-top: 1rem; color: var(--color-text); }
	#newsevent-list .list .item a.btn { position: absolute; bottom: 0px; }
	#newsevent-list .list .item a.link { white-space: nowrap; }
	
	body.newsevent .back { margin: 5rem 0px 0px 0px; }
	#prev-next { display: flex; margin-top: 2rem; clear: both; }
	#prev-next > div { display: flex; flex-direction: column; flex: 1; padding-right: 1rem; }
	#prev-next > div a { font-weight: 600; background-position: left center; background-repeat: no-repeat; line-height: 35px; background-size: contain; }
	#prev-next > div .title { font-size: var(--h3-font-size); font-weight: 600; margin-top: 1rem; line-height: 1; }
	#prev-next > div .title .date { font-size: 1rem; font-weight: normal; margin: 0px; display: block; margin-top: 5px; }
	#prev-next .next a { background-image: url(themes/right-pink.webp); background-position: right center; padding-right: 2.5rem; }
	#prev-next .next { text-align: right; padding-right: 0px; padding-left: 1rem; }
	#prev-next .next .date { justify-content: flex-end; }
	#prev-next .prev a { background-image: url(themes/left-pink.webp); padding-left: 45px; }

	
	body.newsevent #main-content .wrapper h1 { text-align: left; margin-bottom: 1rem; }
	body.newsevent #main-content .date { font-style: italic; }
	body.newsevent #main-content img.cover { float: right; width: 50%; margin-left: 2rem; margin-bottom: 2rem; }
	body.newsevent #main-content h4 { color: var(--color-pink); }
	body.newsevent #main-content li::marker { color: var(--color-pink); font-size: var(--h4-font-size); font-weight: 500; }
	
	body.newsevent #main-content img { width: 100%; }
	
	#h-news { background-color: var(--color-pink); }
	#h-news .wrapper { padding: 5.33rem 30px; }
	#h-news .title {text-align: center; padding-left: 6rem; color: var(--color-white); flex-shrink: 0; box-sizing: border-box; width: 32%; }
	#h-news h2 { color: var(--color-white); margin-bottom: 1rem; }
	#h-news #newsevent-list { display: flex; flex-direction: row-reverse; align-items: center; }
	#h-news .list { display: flex; margin-left: 0px; margin-right: 0px; }
	#h-news .list > div { flex: 1; } 
	#h-news .list > div:last-child { margin-right: 0px !important; }
	#h-news a.btn { margin-top: 30px; }
	
	#h-news .list > div:last-child > div { width: 100%; }
	#h-news .list > div:last-child > div .info { padding-top: 0px; }
	
	
/*  ###############################################
	CONTACT FORM
	###############################################  */
	.tbContactform  { width: 100%; margin: auto; overflow: hidden; }
	.tbContactform input.text { width: 100%; border-radius: 15px; padding: 20px 1.5rem; margin-bottom: 1rem; font-size: 1rem; position: relative; z-index: 1; font-family: var(--font-family); line-height: 1; border: solid 1px var(--color-pink); box-sizing: border-box; }
	.tbContactform textarea { width: 100%; border-radius: 15px; padding: 20px 1.5rem; margin-bottom: 1rem; font-size: 1rem; position: relative; z-index: 1; height: 180px; font-family: var(--font-family); line-height: 1; border: solid 1px var(--color-pink); resize: none; box-sizing: border-box; }
	.tbContactform select { width: 100%; border-radius: 15px; padding: 20px 1.5rem; margin-bottom: 1rem; font-size: 1rem; position: relative; z-index: 1; font-family: var(--font-family); line-height: 1; border: solid 1px var(--color-pink); }
	.tbContactform input[type="file"] { font-size: 1rem; font-family: var(--font-family); line-height: 1; border: solid 1px var(--color-pink); width: 100%; padding: 18px 1.5rem; border-radius: 15px; box-sizing: border-box; }
	.tbContactform td { position: relative; width: 50%; }
	.tbContactform td:first-child { padding-right: 0.5rem; }
	.tbContactform td:last-child { padding-left: 0.5rem; }
	.tbContactform td[colspan="2"] { padding-left: 0px; padding-right: 0px; }
	.radio-holder { display: flex; }
	.radio-holder .item { margin-left: 1.5rem; display: flex; align-items: center; }
	.radio-holder .item span { line-height: 1; }
	.radio-holder .item input { margin: 0px 8px 0px 0px;}
	.tbContactform td.terms > div { display: flex; align-items: flex-start; }
	.tbContactform td.terms input[type="checkbox"] { margin-right: 1rem; }
	.tbContactform td.terms span { text-align: left; }
	.tbContactform button, .tbContactform input[type="submit"] { border: none; cursor: pointer; margin-top: 20px; font-size: 0.93rem; outline: none; color: var(--color-white); padding: 21px 2.5rem 21px 2rem; background-color: var(--color-pink); background-image: url(themes/icon-right.png); background-repeat: no-repeat; background-size: auto 10px; background-position: right 1.5rem center; line-height: 1; font-weight: 500; font-family: var(--font-family); border-radius: 50px; display: inline-block; *display: inline; zoom: 1; width: 125px; }
	.tbContactform button:hover, .tbContactform input[type="submit"]:hover { background-color: var(--color-text); }
	.tbContactform .note { font-size: smaller; font-style: italic; line-height: 1.2; padding: 2px 0px 0px 0px; width: auto; width: initial; text-align: left; }
	
	.tbContactform tr:last-child { }
	.tbContactform tr:last-child td { padding-top: 3rem; }
	.tbContactform td.captcha { }
	.tbContactform td.button { padding-left: 2rem; display: flex; justify-content: flex-end; width: 100%; box-sizing: border-box;}
	div.grecaptcha-badge { z-index: 100; }

	.tbErrors{ color: #ed1c24; margin-bottom: 10px; margin-top: 0px; text-align: center;}
	.tbSuccess{ color: #31B404; margin: 0px; margin-bottom: 10px !important; text-align: center; }
	
	
/*  ###############################################
	QUICK LINKS
	###############################################  */
	#quicklinks { background-image: url(themes/quicklinks-bg.webp); background-size: cover; background-position: center; text-align: center; }
	#quicklinks .wrapper { padding: 5.33rem 30px 5rem 30px; }
	#quicklinks a { margin: 0.5rem; }
	
	
/*  ###############################################
	FOOTER
	###############################################  */
	#footer .wrapper { padding: 5.33rem 30px 0px 30px; }
	#footer #cologo { text-align: center; }
	#footer #cologo a img { display: block; margin: auto; height: 75px; width: auto; width: initial;}
	#f-quicklinks { display: flex; border-bottom: solid 1px var(--color-grey); padding-bottom: 2.67rem; }
	
	#footer-menu { flex-grow: 1; display: flex; margin-left: 5rem; }
	#footer-menu ul { margin: 0px; }
	#footer-menu ul > li h4 { margin-top: 0px; margin-bottom: 1.5rem; }
	#footer-menu ul li { margin-left: 0px; padding-left: 0px; list-style-type: none; padding: 0px; background-image: none; }
	#footer-menu ul li a { color: var(--color-text); margin: 0px 0px 10px 0px; }
	#footer-menu ul li a:hover { color: var(--color-pink); }
	#footer-menu > ul { display: flex; flex-grow: 1; }
	#footer-menu > ul > li { margin-left: 5rem; flex-grow: 1; }
	
	.footermenu a { margin: 0px 10px; display: inline; display: inline-block; text-decoration: none; font-weight: normal; }
	.footermenu a:first-child { margin-left: 0px; }
	.footermenu a:hover,
	#footer-menu a.active { text-decoration: none; color: var(--color-text);}
	
	#copyright { font-size: 0.933rem; background-color: var(--color-pink); color: var(--color-white); }
	#copyright .wrapper { padding: 2.66rem 30px; }
	#copyright .wrapper > div { display: flex; }
	.copyright a { font-weight: 600; color: var(--color-white); }
	.copyright a:hover { text-decoration: underline; }
	
	#footer-menu2 { margin-top: 1rem; }
	#footer-menu2 a { font-weight: normal; color: var(--color-text); }
	#footer-menu2 a:hover { color: var(--color-pink); }
	#footer-menu2 a:last-child { margin-right: 0px; }
	
	#footer-menu3 { margin-left: 2rem; flex-grow: 1; text-align: right; }
	#footer-menu3 a { color: var(--color-white); text-transform: uppercase; }
	#footer-menu3 a:hover { text-decoration: underline; }
	#footer-menu3 a:last-child { margin-right: 0px; }

	#footer .follow { border-top: solid 1px var(--color-grey); margin-top: 2rem; padding-top: 2rem; }
	#footer .follow a { background-repeat: no-repeat; background-size: contain; height: 25px; width: 25px; display: inline-block; zoom: 1; margin: 0px 10px; vertical-align: middle; }
	#footer .follow a.youtube { background-image: url(themes/icon-youtube.webp); }
	#footer .follow a.facebook { background-image: url(themes/icon-facebook.webp); }
	#footer .follow a.instagram { background-image: url(themes/icon-instagram.webp); }
	#footer .follow a.tiktok { background-image: url(themes/icon-tiktok.webp); width: 22px; }
	#footer .follow a.linkedin { background-image: url(themes/icon-linkedin.webp); width: 30px; }
	
	#f-icons { display: flex; justify-content: center; text-align: center; margin-bottom: 2rem; margin-top: 1rem; }
	#f-icons > div { margin: 0px 1rem; flex: 1; flex-grow: 0; }
	#f-icons h4 { font-size: 0.933rem; font-weight: 500; margin: 0px; min-width: 140px; }
	#f-icons img { max-width: 8rem; display: block; margin: auto; }
	
	#copyright #webdesign { margin-top: 1rem; display: block; }
	#copyright #webdesign a { color: var(--color-white); font-weight: normal; }
	#copyright #webdesign a:hover { text-decoration: underline; }
	
	
	
	
	

body { font-family: var(--font-family); color:var(--color-text); margin: 0; background-color: var(--color-white); line-height: 1.3; } 
.mobile { display: none; } 
.note { font-size: 15px; padding: 15px 0px; width: 80%; margin: auto; font-weight: normal; }


	
	
	a img { border: none; }
	
	ol { padding-left: 1.5rem; } 
	ol > li { padding: 0px 0px 1rem 0.5rem; }
	ol > li:last-child { padding-bottom: 0px; }
	ul { padding: 0px; margin: 1rem 0px; }
	ul > li { padding: 0px 0px 1rem 30px; margin-left: 0px; list-style-type: none; position: relative; background-image: url(themes/bullet-pink.webp); background-repeat: no-repeat; background-position: 10px 6px; background-size: 6px; } 
	ul > li:last-child { padding-bottom: 0px; }
	
	ul ul { margin: 0px; }
	ul ul > li { padding: 5px 0px 5px 5px; margin-left: 2rem; list-style-type: circle; background: none; }
	ul ul ul > li { list-style-type: square; }

	.num ol { list-style-type: none; /* Remove default list styling */
            counter-reset: list-counter; /* Initialize counter */
            padding-left: 0; }
	.num ol > li { counter-increment: item; /* Increment counter */
            margin: 10px 0;
            position: relative;
            padding-left: 3.125rem; /* Adjust padding to make room for the number */ }
	.num ol > li:before { content: counter(item); /* Use counter value as content */
            position: absolute;
            left: 0;
            top: 0.5rem;
            transform: translateY(-50%); background-color: var(--color-pink); color: var(--color-white); border-radius: 50%; /* Make it a circle */
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;}
			
	
	
	.about-us #main-content .wrapper { padding-bottom: 0px; }
	.wrapper p:last-child, .wrapper h1:last-child { margin-bottom: 0px; }
	.wrapper h2:first-child, .wrapper p:first-child { margin-top: 0px; }
	

/*  #######################################
    TAB MENUS
    #######################################   */
	.tab-menu { padding: 0px 0px 2rem 0px !important; display: flex; }
	.tab-menu > div { flex: 1; text-align: center; background-color: var(--color-text); font-size: 0.93rem; box-shadow: inset 0 0 0 0 var(--color-pink); transition: color .3s ease-in-out, box-shadow .3s ease-in-out; margin-left: 3px; display: flex; justify-content: center; align-items: center;  }
	.tab-menu > div:first-child { margin-left: 0px; }
	.tab-menu > div a { font-weight: 500; padding: 1.5rem 0.5rem; color: var(--color-white); text-transform: uppercase; line-height: 1; width: 100%; }
	.tab-menu > div:hover { box-shadow: inset 800px 0 0 0 var(--color-pink); }
	.tab-menu > div.active { background-color: var(--color-pink); }
	.tab-menu > div.active a, .tab-menu > div:hover a { color: var(--color-white); }
	
	.tab-menu .cat { display: inline-block; *display: inline; zoom: 1; margin: 0px 10px; font-size: 18px; color: var(--color-text); font-weight: bold; text-decoration: none; line-height: 35px; cursor: pointer; }

	.tab-menu .cat a { }
	.tab-menu .cat-sel, .tab-menu .cat:hover { border-bottom: solid 3px var(--color-pink); }
	

select { color: var(--color-text); padding: 20px 1.5rem; border: solid 1px var(--color-pink); font-family: var(--font-family); margin: 0px; position: relative; background-color: transparent; }
textarea { color: var(--color-text); padding: 20px 1.5rem; border: solid 1px var(--color-pink); font-family: var(--font-family); margin: 0px; position: relative; background-color: transparent; } 

iframe { width: 100%; display: block; } 
img { max-width: 100%; height: auto; }




table { max-width: 100%; width: 100%; border-collapse: collapse; }



.col-expand { margin-bottom: 5px; }
.col-expand:hover { cursor: pointer; }
.col-expand .header { background-color: var(--color-pink); background-image: url(themes/icon-expand.png); background-repeat: no-repeat; background-position: right 1.5rem top 65%; }
.col-expand .header h3 { font-weight: 600; margin: 0px; color: var(--color-text); padding: 22px 35px; }
.col-expand .header:hover { background-color: var(--color-pink); }
.col-expand .header:hover h3, .col-expand.active .header h3 { color: var(--color-white); }
.col-expand.active .header { background-color: var(--color-pink); background-image: url(themes/icon-collapse.png); }

.col-expand .expandinfo { display: none; border: solid 1px var(--color-pink); padding: 2rem; }
.col-expand.active .expandinfo { display: block; }

.mfp-image-holder .mfp-content { height: 90%; width: 90%; }
.mfp-gallery .mfp-image-holder .mfp-figure { height: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure figure { margin: 0px; height: 100%; max-height: 100%; max-width: 100%; }
img.mfp-img { height: 100%; padding-bottom: 30px; }
.mfp-bottom-bar { bottom: 0rem; }
.mfp-close { top: 0px }


.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 18px; height: 32px; margin-top: -16px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: transparent; z-index: 1;}
.slick-prev { background-image: url(themes/left-pink.webp); left: -2rem;}
.slick-next { background-image: url(themes/right-pink.webp); right: -2rem;}
.slick-dots { text-align: center; position: absolute; bottom: 0px; width: 100%; margin: 0px; padding: 10px 0px 30px; z-index: 8; }
.slick-dots li { position: relative; display: inline-block; width: 21px; height: 21px; margin: 0 10px; padding: 0; cursor: pointer; background: url(themes/bullet.webp) no-repeat center; }
.slick-dots li.slick-active { background: url(themes/bullet-active.webp) no-repeat center;}
.slick-dots li button:hover, .slick-dots li button:focus { outline: none;}
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}


/*  ###############################################
	SITEMAP
	###############################################  */
	#sitemap ul ul { margin-block-start: 5px; }
	#sitemap ul li:last-child { margin-bottom: 0px; }
	



.tbContactform select option { line-height:20px; }


.antispam  { display: none; visibility:hidden; }

.tbContactform input.error, .tbContactform label.error, .tbContactform textarea.error, .tbContactform select.error {
    border: solid 1px #ed1c24;
    color: #ed1c24;
	background-color: var(--color-light-pink);
}
.tbContactform .error > span { color: #ed1c24; } 
.error::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ed1c24;
  opacity: 1; /* Firefox */
}
.error:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ed1c24; }
.error::-ms-input-placeholder { /* Microsoft Edge */ color: #ed1c24; }

.tbContactform div.col.error { 
    border: solid 1px #ed1c24;
    color: #ed1c24;
	border-radius: 2px; 
}

/* The Modal (background) */
.modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 12; /* Sit on top */ padding-top: 5vh; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.6); /* Black w/ opacity */}

/* Modal Content */
.modal-content { background-color: var(--color-white); margin: auto; padding: 0px 0px; width: 800px; max-width: 95%; max-height: 82vh; overflow: auto; }
#modal-content img { margin-left: auto; margin-right: auto; display: block; width: 200px; border-radius: 120px; border: solid 8px #0050a2; display: block;}
#modal-content .name, .strength, .industry, .website, .businesspage { padding-top: 10px; }
#modal-content .item { padding: 50px; }
#modal-content .table {display: table;margin-top: 20px; text-align: justify; }
#modal-content .table-row {display: table-row;}
#modal-content .table-cell {display:table-cell; padding-top: 10px; }
#modal-content .table-cell.label { color: #0050a2; font-weight: bold; width: 150px; }
#modal-content .table-cell p {text-align: left; width: 200px; }
#modal-content .table-cell a { word-break: break-all; }


/* The Close Button */
.close {color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; position: sticky; position: -webkit-sticky; line-height: 0; margin-right: 20px; margin-top: 20px; }
.close:hover, .close:focus { color: #000; cursor: pointer; }
.close:hover .tooltiptext {visibility: visible;}
.close .tooltiptext { visibility: hidden; background-color: var(--color-orange); color: #0050a2; width: 126px; font-weight: inherit; font-family: 'Open Sans'; border-radius: 6px; padding: 12px 10px; position: absolute; z-index: 1; top: 11px; left: -809%; font-size: initial; text-align: justify; line-height: 1em; }


@media only screen and (max-width: 1800px) { 
	#h-promotions .wrapper { width: var(--min-width); }
	#h-promotions #promotion-list { margin-left: -1rem; margin-right: -1rem; }
	
	#whatsapp { right: 30px; }
	
	.breadcrumb { margin-top: -2rem; }
}

@media only screen and (max-width: 1600px) { 
	.nivo-caption { bottom: 15%; top: 30%; }
	.nivo-prevNav, .nivo-nextNav, .nivo-controlNav { bottom: 5rem; }
	.nivo-directionNav a { width: 25px; height: 40px; }
	.nivo-controlNav a { height: 40px; margin: 0px 5px; }
	.nivo-caption a.btn { margin-top: 10px; }
	.nivo-caption .subtitle { margin-bottom: 5px; }
	.tag { margin-bottom: 10px; }
	#h-subbanner .wrapper { margin-left: 60%; width: 40%; }
	
	#h-promotions #promotion-list { margin: 0px; }
	#h-promotions #promotion-list .list { padding: 0px 1.5rem; position: relative; }
	.slick-prev { left: 0px; }
	.slick-next { right: 0px; }
	
	#h-news .title { padding: 0px 3rem; }
	
	#service-info2 .content { padding: 4rem; }
	
	.breadcrumb { margin-top: -1rem; }
}
	

@media only screen and (max-width: 1480px) { 
	.wrapper { max-width: auto; max-width: initial; max-width: none; box-sizing: border-box; }
	body { line-height: 1.2; }
	
	#menu ul li { margin: 0px 0.5rem; }
	
	
	#h-services h4 { margin-bottom: 0.5rem; }
	#h-services .list > div a img { width: 3rem; }
	
	#h-promotions .wrapper { width: auto; width: initial; }
	
	.breadcrumb .wrapper { padding: 1rem 20% 1rem 30px !important; }
	body.home #main-content .wrapper, body.who-we-are #main-content .wrapper { padding-top: 2rem; }
	
	#founder td:first-child { padding: 0px 4rem 1.5rem 4rem; }
	
	#contact-form .fpink-top { padding: 4rem 2rem 2rem 2rem; }
	
	#service-expandinfo .content .img { padding-left: 2rem; }
	#service-benefit .list > div { margin: 4rem 12.5px 0px 12.5px; padding: 25px; }
	#service-benefit .list > div:before { height: 60px; top: -35px; }
	#service-benefit .list > div h4 { margin: 0.5rem 0px 1rem 0px ; }
	
	
	body.product #main-content .wrapper img { height: auto !important; }
	#hearingaid-expandinfo .content .img { padding-left: 2rem; }
	#hearingaid-benefit .list > div { margin: 4rem 12.5px 0px 12.5px; padding: 25px; }
	#hearingaid-benefit .list > div:before { height: 60px; top: -35px; }
	#hearingaid-benefit .list > div h4 { margin: 0.5rem 0px 1rem 0px ; }
	#hearingaid-calltoaction .icon { height: 60px !important; width: auto !important; }
	
	.fpink-bottom-title .info .icon { height: 60px !important; width: auto !important; }
	
	#centre-list .list > div { width: 50%; }
	
	div.media-resources > div { margin-right: 30px; }
	div.media-resources > div:nth-child(3) > div:first-child { margin-bottom: 30px; }
	div.media-resources a { padding: 30px; }
	
	#e-library .list > div > div:first-child { width: 45%; }
	#e-library .list > div > div:last-child { padding: 30px; }
	
	
	#job-application-form .wrapper { margin: 0px 30px; width: auto; width: initial; }
	
	
}

@media only screen and (max-width: 1280px) {
	:root { 
		font-size: 15px; 
		--h1-font-size: 2.8rem; 
		--banner-h1-font-size: 2.8rem; 
		--h2-font-size: 2.5rem; 
		--h3-font-size: 1.5rem;
		--h4-font-size: 1.2rem; }
	h1 { margin-bottom: 1.5rem; }
	h2 { margin-bottom: 1rem; }
	
	.wrapper { padding: 4rem 30px; }
	.red-header .wrapper { padding: 4rem 30px !important; }
	#main-content .wrapper { padding-top: 3.33rem; }
	body.inner #main-content .wrapper { padding-top: 2rem; }
	body.home #main-content .wrapper, body.who-we-are #main-content .wrapper { padding-bottom: 5.33rem; }
	#feedback .wrapper { padding: 4rem 30px; }
	.curve .wrapper, body.types-of-hearing-aids #type .wrapper, #team-list .wrapper { padding-bottom: 7rem; }
	#h-products { margin-top: -3rem; }
	#h-products h4 { margin-bottom: 5px; }
	
	#service-info3.up, #service-benefit.up, .up, #hearingaid-benefit, #styles .wrapper { margin-top: -3rem !important; }
	
	#quicklinks .wrapper { padding: 3.33rem 30px 3rem 30px; }
	
	#awards { margin-top: -3rem; }
	
	body.who-we-are #highlights { padding-top: 6rem; }
	
	#logo a, #logo a img { height: 60px; }
	#header-top .wrapper > div > div:first-child { padding: 10px 0px; }
	#top-submenu ul li a { padding-left: 1rem; }
	/* 
	#top-submenu ul li:last-child a { padding: 18px 2.3rem 17px 1.8rem; background-position: right 1.3rem center; }
	*/
	#menu-top { font-size: 14px; }
	#menu a, #menu a:visited { padding: 1.33rem 0px; }
	#menu ul ul { top: 54px; }
	.slicknav_menu { padding-top: 10px; }
	
	body.home #main-content .wrapper > div:first-child, body.who-we-are #main-content .wrapper > div:first-child { margin-right: 3rem; }
	
	a.whatsapp { font-size: 1.5rem; padding: 15px 2rem 15px 4rem; background-size: 30px auto; background-position: left 1.3rem center; }
	#highlights > div > div { padding: 1.5rem; }
	
	.red-header::after { height: 50%; }
	.fpink-bottom-title .info { padding: 25px; }
	#h-promotions .list .item { margin: 0px 12.5px; }
	
	#h-news .wrapper { padding: 4rem 30px; }
	#newsevent-list .list .item { padding: 25px; }
	
	#core-values img { width: 80px !important; height: 80px !important; }
	#core-values h2 { margin: 1rem 0px 10px 0px; }
	
	#why-choose-us #strengths { margin-left: 3rem; }
	
	#awards .list > div > div { margin-top: 80px; }
	#awards .list > div > div .logo { width: 120px; margin-left: -60px; top: -60px; }
	
	#founder .wrapper { padding-top: 3.33rem; }
	#founder td:first-child { padding: 0px 3rem 1.5rem 3rem; }
	#founder td:last-child { padding-bottom: 8rem; }
	
	#management { margin-top: -3rem; }
	#management .wrapper { padding-bottom: 2rem; }
	#management-team .item { flex-direction: column; }
	#management-team .item .img { width: 150px; }
	#management-team .item .info { padding-top: 1rem; }
	#management-team .item h4 { padding-left: 20px; }
	#management-team .item .pos { padding: 4px 20px; }
	#management-team .item p { padding: 1rem 20px 0px 20px; }
	
	.states-links span.label { margin-right: 1rem; }
	.states-links a.btn { padding: 18px 1.5rem; }
	.states-links > div { margin-left: 10px; }
	.states-links > div .state { padding: 5px 12px 3px 12px; }
	#team .wrapper { padding-bottom: 2rem; }
	
	body.our-audiologists #contact-form { margin-top: 0px !important; }
	
	#service-benefit { margin-top: -3rem; }
	
	#service-info2 .img { width: 35%; }
	#service-info2 .content { left: 35%; width: 65%; padding: 3rem; }
	
	body.product #main-content .logo { max-height: 40px; }
	
	#contact-info table tr td > div { padding: 25px; }
	
	#footer .wrapper { padding: 4rem 30px 0px 30px; }
	#f-quicklinks { padding-bottom: 2rem; }
	
	
	ul > li { padding: 0px 0px 1rem 20px; background-position: 0px 6px; }
	a.btn, .btn, #promotion-list .states-links a.btn { padding: 18px 2.3rem 17px 1.8rem; }
	
	#faq .states-links > div > div:first-child { margin-left: 0px; }
	
	#promotion-list .states-links > div a:first-child { margin-left: 0px; }
	
	#hearingaid-brands .wrapper .label { width: 15%; }
	#hearingaid-brands .wrapper .brands { flex-grow: 1; }
	#style-list .wrapper { column-gap: 25px; row-gap: 25px; }
	#style-list .item { width: calc(33.333% - 1.111rem); } 
	#price .wrapper { padding-bottom: 2rem; }
	
	.num ol > li:before { width: 25px; height: 25px; }
	
	
	
	body.news-events #main-content .wrapper { padding-bottom: 2.5rem; }
	#newsevent-list .note { padding-bottom: 2.5rem; }	
	#newsevent-list .wrapper { padding-bottom: 2.5rem; }
	
	
	
	body.newsevent .back { margin-top: 3rem; }
	#newsevent-list .list .item h3 { line-height: 1.1; }
	
	body.newsevent #main-content img.cover { margin-left: 2.5rem; margin-bottom: 2.5rem; }
	
	
	#f-icons > div { margin: 0px 0.5rem; flex-grow: 1; }
	#f-icons h4 { min-width: auto; min-width: initial; min-width: none; }
	#f-icons img { max-width: 100%; }
	
	#footer-menu { font-size: 14px; margin-left: 2rem; }
	#footer-menu > ul > li { margin-left: 4rem; }
	#footer-menu3 { margin-left: 0px; margin-top: 1rem; text-align: center; }
	
	.copyright, #footer .wrapper > div:last-child { font-size: 13px; }	
	#copyright .wrapper { padding-top: 30px; }
	
	#copyright .wrapper > div { flex-direction: column; align-items: center; text-align: center; }
	#footer-menu2 { margin-top: 1rem; }
	
}
@media only screen and (max-width: 1180px) { 
	#menu { display: none; }
	#mobile-menu { display: block;  }
	
	#header-holder { }
	
	#header-top { float: left; position: absolute; left: 0px; right: 168px; background-color: transparent; z-index: 1; }
	#header-top .wrapper { padding-right: 0px; }
	#header-top .wrapper > div > div:first-child span { width: 200px; white-space: normal; }
	#menu-top { position: relative; padding-left: 0px; z-index: 0; background-color: rgba(255,255,255,0.75); height: 80px; }
	#menu-top .wrapper { }
	.slicknav_menu { position: relative; }
	.slicknav_btn { padding: 18px 1.8rem; position: absolute!important; right: 0rem; border-radius: 50px; }
	
	#banner-zone { margin-top: 80px; }
	
	.nivo-prevNav, .nivo-nextNav, .nivo-controlNav { bottom: 4rem; }
	.nivo-directionNav a { height: 35px; }
	.nivo-controlNav a { width: 35px; height: 35px; background-size: 105%; }
	.nivo-controlNav a.active, .nivo-controlNav a:hover { background-size: 105%; }
	.nivo-caption { bottom: 100px; top: 10%; }
	
	body.home #main-content .wrapper > div:first-child, body.who-we-are #main-content .wrapper > div:first-child { margin-right: 1rem; }
	
	#team-list .list .item img { max-height: 200px; }
	#team-list .list > div > div { padding: 25px; margin: 12.5px; }
	#team-list .list .item .loc { margin-top: 1.5rem; }
	
	#testimonial-list .list{ column-gap: 25px; row-gap: 1rem; }
	#testimonial-list .fpink-bottom-title .info, body.testimonials .mfp-content .info { padding: 25px; }
	.fpink-bottom-title .title { padding: 35px 25px 12px 25px; }
	
	.fpink { padding: 25px; }
	.fpink-top-title .info { padding: 25px; }
	.fpink-top-title .title { padding: 12px 25px 32px 25px; }
	
	#video-list .list { column-gap: 25px; row-gap: 35px; }
	#video-list .list .item { width: calc(33.333% - 1.111rem); }
	
	#promotion-list .list { column-gap: 25px; row-gap: 35px; }
	#promotion-list .list .item  { width: calc(33.333% - 1.111rem); }
	#promotion-list .list .item h4 { margin: 1rem 0px; }
	
	#newsevent-list .list { column-gap: 25px; row-gap: 35px; }
	#newsevent-list .list .item { width: calc(33.333% - 1.111rem); }
	#newsevent-list .list .item h4 { margin: 1rem 0px; }
	
	#centre-list .list > div > div { margin: 12.5px; }
	#centre-list .map a { display: block; margin-top: 2px; }
	
	#hearingaid-brands .wrapper .brands > a { padding: 25px; margin-left: 25px; }
	
	
	#footer #copyright { flex-direction: column; text-align: center; }
	#copyright #webdesign { text-align: center; }
	#footer-menu2 { text-align: center; margin-top: 10px; }
	#footer-menu2 span:first-child { display: none; }	
}
@media only screen and (max-width: 1080px) { 
	:root { 
		--h1-font-size: 2.5rem; 
		--banner-h1-font-size: 2.5rem; 
		--h2-font-size: 2.2rem; 
		--h3-font-size: 1.2rem; 
		--h4-font-size: 1rem; 
		}
		
	a.link { font-size: 0.933rem; }
		
	#header-top .wrapper > div > div:last-child { margin-left: 0px; }
	
	#header-holder { font-size: 14px; line-height: 1.2; }
	#header-top .wrapper > div > div:first-child > div { }
	#logo a, #logo a img { height: 50px; }
	#menu-top { height: 72px; }
	#banner-zone { margin-top: 72px; }
	
	body.home #main-content .wrapper, body.who-we-are #main-content .wrapper { flex-direction: column; }
	body.home #main-content .wrapper > div:first-child, body.who-we-are #main-content .wrapper > div:first-child { width: auto; width: initial; margin-right: 0px; margin-bottom: 2rem; }
	#highlights > div > div { width: 20%; }
	#highlights > div > div:first-child { margin-left: 0px; }
	#highlights > div > div:nth-child(1), #highlights > div > div:nth-child(2) { margin-bottom: 0px; }
	#highlights > div > div:nth-child(odd) { background-image: url(themes/highlight-bg-lpink.webp); color: var(--color-pink); }
	#highlights > div > div:nth-child(odd) h2 { color: var(--color-pink); }
	#highlights > div > div:nth-child(even) { background-image: url(themes/highlight-bg-pink.webp); color: var(--color-white); }
	#highlights > div > div:nth-child(even) h2 { color: var(--color-white); }
	
	a.whatsapp { font-size: 1.3rem; }
	#h-services .list > div { width: 50%; }
	#h-services .list > div a { flex-grow: 1; }
	
	#h-subbanner h2 { margin-bottom: 10px; }
	#h-subbanner img { height: 40px; }
	
	#h-news #newsevent-list { flex-direction: column; }
	#h-news #newsevent-list .list .item:last-child { margin-right: 0px !important; }
	#h-news a.btn { margin-top: 1rem; }
	#h-news .title { width: auto; width: initial; padding: 0px; margin-bottom: 2rem; }
	
	body.who-we-are #highlights { padding-top: 0px; }
	#largest-network-banner .wrapper { height: 300px; }
	#largest-network-banner p  { height: 100%; }
	#largest-network-banner img { height: 100%; object-fit: cover; }
	
	#core-values .wrapper > div { flex-wrap: wrap; }
	#core-values .wrapper > div > div { flex: initial; flex-grow: 1; width: 38%; }
	#core-values .wrapper > div > div:nth-child(2) { margin-right: 0px; }
	#core-values .wrapper > div > div:last-child { margin-top: 2rem; }
	
	#why-choose-us .wrapper > div { flex-direction: column; }
	#why-choose-us #strengths { margin-left: 0px; width: auto; width: initial; margin-top: 2rem; }
	
	.expand .item .header { background-size: 25px, auto; padding-left: 3.5rem; min-height: 55px; }
	.expand .item .text { padding-left: 3.5rem; }
	
	#founder tr { display: flex; flex-direction: column; }
	#founder td:first-child { padding: 0px 2rem 1rem 2rem; }
	#founder td:first-child img { width: 200px; height: 320px; object-fit: cover; object-position: top; max-width: 80%; margin: auto; }
	#founder td:last-child { padding-bottom: 6rem; }
	#founder h2 { text-align: center; margin-bottom: 1rem; }
	
	.states-links > div .state { font-size: 14px; }
	
	#service-info2 { display: block; }
	#service-info2 .img { position: relative; aspect-ratio: 1/1; float: left; margin-right: 2rem; min-width: 320px; }
	#service-info2 .content { left: 0px; width: 100%; padding: 4rem 30px; }
	#service-info2::after { content: ''; display: block; clear: both; }
	
	#faq .states-links { flex-direction: column; }
	#faq .states-links span.label { margin-right: 0px; margin-bottom: 1rem; }
	#faq .states-links > div { width: 100%; }
	
	#video-list .list .item { width: calc(50% - 12.5px); }
	
	#promotion-list .list .item { width: calc(50% - 12.5px); }
	#promotion-list .states-links { flex-direction: column; }
	#promotion-list .states-links span.label { margin-right: 0px; margin-bottom: 1rem; }
	#promotion-list .states-links > div { width: 100%; }
	
	#newsevent-list .list .item { width: calc(50% - 12.5px); }
	
	#testimonial-list .list .item { width: calc(50% - 12.5px); }
	#testimonial-list .list .item img.profile, body.testimonials .mfp-content img.profile { width: 2.5rem; height:2.5rem; }
	
	body.product #main-content table { margin-top: 2rem; }
	body.product #main-content table tr { flex-direction: column; }
	body.product #main-content table tr td:last-child { width: auto; width: initial; padding-left: 0px; padding-top: 2rem; }
	body.product #main-content .logo { max-height: 37.5px; }
	
	.tbContactform tr { display: flex; flex-direction: column; }
	.tbContactform td { width: 100%; } 
	.tbContactform td:first-child { padding: 0px; }
	.tbContactform td:last-child { padding-left: 0px; }
	.tbContactform tr:last-child td { padding-top: 2rem; justify-content: center; }
	.tbContactform td.resume { padding-bottom: 1rem; }
	div.g-recaptcha > div { margin: auto; }
	.tbContactform td.button { text-align: center; }
	.tbContactform td.terms { text-align: left; }
	.tbContactform button, .tbContactform input[type="submit"] { margin-top: 0px; width:200px; }
	
	#f-icons { flex-wrap: wrap; }
	#f-icons > div { flex: initial; width: 120px; margin: 5px; }
	
	#f-quicklinks { flex-direction: column; }
	#footer .follow { padding-top: 20px; margin-top: 20px; }
	#footer-menu { margin-top: 2rem; margin-left: 0px; }
	#footer-menu > ul > li { margin-left: 0px; margin-right: 2rem; }
	#footer-menu > ul > li:last-child { margin-right: 0px; }
	
	
	
	
	#highlights .item h2 { font-size: var(--h1-font-size); }
	
	
	#contact-info .wrapper { padding-top: 0px; }
	#contact-info .wrapper > table > tbody > tr { display: flex; flex-wrap: wrap; justify-content: center; }
	#contact-info .wrapper > table tr td { flex: initial; box-sizing: border-box; width: 50%; padding: 0px 12.5px; flex-grow: 1; margin-top: 25px; }
	
	
	
	#f-quicklinks .wrapper { flex-wrap: wrap; }
	#f-quicklinks #cologo { width: 100%; }
	
	#f-quicklinks h3 { height: auto; height: intial; justify-content: center; }
}
@media only screen and (max-width: 950px) { 
	#header-holder { background-color: var(--color-white); height: 95px; border-bottom: solid 1px var(--color-light-pink); }
	#header-holder::after { content: ''; display: block; clear: both; }
	#header-top .wrapper { }
	#header-top .wrapper > div { align-items: flex-start; }
	#header-top .wrapper > div > div:first-child { flex-direction: column-reverse; align-items: flex-start; flex-grow: 1; }
	#header-top .wrapper > div > div:first-child > div { margin-left: 0px; flex-direction: row; margin-bottom: 5px; }
	#header-top .wrapper > div > div:first-child span { width: auto; width: initial; margin-left: 3px; }
	#header-top .wrapper > div > div:last-child { position: absolute; right: 0px; top: 22px; /* group */ height: 50px; }
	
	#menu-top { position: absolute; top: 0px; right: 0px; left: 0px; background-color: var(--color-white); border-bottom: none; }
	.slicknav_menu { padding-top: 32px; }
	.slicknav_nav { margin-top: 62px !important; }
	.mobile { display: block; }
	
	#banner-zone { margin-top: 95px; }
	
	#service-expandinfo .content { flex-direction: column-reverse; }
	#service-expandinfo .content .img { padding-left: 0px; margin-bottom: 1rem; width: auto; width: initial; max-width: 600px; }
	
	#hearingaid-expandinfo .content { flex-direction: column-reverse; }
	#hearingaid-expandinfo .content .img { padding-left: 0px; margin-bottom: 1rem; width: auto; width: initial; max-width: 600px; }
	
	#centre-list .list > div { width: 100%; }
	
	#price-list .wrapper .item { padding: 2rem; margin-bottom: 35px; }
	#price-list .wrapper .item > div:first-child { width: 40%; }
	#price-list .wrapper .item > div:first-child h3 { margin-bottom: 1rem; }
	
	body.promodetail #main-content img.cover, 
	body.newsevent #main-content img.cover	{ float: none; margin-left: 0px; margin-bottom: 1rem; width: 100%; }
	
	#prev-next .prev a { padding-left: 30px; }
	#prev-next .next a { padding-right: 30px; }
	#prev-next > div a { line-height: 30px; }
}
@media only screen and (max-width: 768px) {
	:root { 
		--h1-font-size: 2.2rem; 
		--banner-h1-font-size: 2.2rem; 
		--h2-font-size: 1.8rem; 
		--h3-font-size: 1.1rem;  }
	.breadcrumb { margin-top: -10px; }
	
	#milestones .wrapper { text-align: left; }
	#milestones .wrapper > ul > li { flex-direction: column; padding-left: 2.5rem; }
	#milestones .wrapper > ul > li h4 { justify-content: flex-start; padding-right: 0px; margin-bottom: 5px; }
	#milestones .wrapper > ul > li p { padding: initial; }
	#milestones .wrapper > ul > li:before, #milestones .wrapper > ul > li:after { left: 10px; }
	#milestones .wrapper > ul > li:after { height: 10px; width: 10px; top: 2px; }
	
	/*
	#top-submenu ul li:last-child a { padding: 15px 2rem 15px 1.5rem; background-position: right 1.1rem center; }
	*/
	.slicknav_btn { padding: 15px 1rem; border-radius: 1rem; }
	#menu-top .wrapper { padding: 0px 25px; }
	#header-top { right: 87px; }
	/* #top-submenu ul li:last-child a { padding: 10px 2rem 10px 1.5rem; text-align: center; width: 100px; line-height: 1; } */
	
	#top-submenu ul li a { background: none; padding-left: 0px !important; padding-right: 10px; margin-right: 10px; border-right: solid 1px var(--color-text); line-height: 1; }
	#top-submenu ul li:last-child a { border-right: 0px; }
	.slicknav_menu .slicknav_menutxt { display: none; }
	.slicknav_menu .slicknav_icon { margin: 0px; }
	
	.nivo-directionNav a { height: 30px; width: 20px; background-size: 105%; }
	.nivo-controlNav a { width: 30px; height: 30px; }
	.nivo-prevNav, .nivo-nextNav, .nivo-controlNav { bottom: 2.5rem; }
	.nivo-caption { bottom: 25%; }
	
	.nivo-caption .subtitle, .tag { font-size: 0.933rem; }
	
	.wrapper { padding: 4rem 25px; }
	#feedback .wrapper { padding: 4rem 25px; }
	#h-news .wrapper { padding: 4rem 25px; }
	
	#quicklinks .wrapper { padding: 3.33rem 25px 3rem 25px; }
	
	body.inner #main-content .wrapper { padding-top: 2rem; }
	
	a.btn { padding: 0.8rem 2rem 0.8rem 1rem; background-position: right 1rem center; }
	a.btn, .btn { min-width: auto; min-width: initial; min-width: none; }
	
	#highlights > div { justify-content: center; }
	#highlights > div > div { margin-left: 25px; width: 42%; max-width: 220px; }
	#highlights > div > div:nth-child(2), #highlights > div > div:nth-child(4) { top: 25px; }
	#highlights > div > div:nth-child(1), #highlights > div > div:nth-child(2) { margin-bottom: 25px; }
	#highlights > div > div:first-child, #highlights > div > div:nth-child(4) { background-image: url(themes/highlight-bg-lpink.webp); color: var(--color-pink); }
	#highlights > div > div:nth-child(4) h2 { color: var(--color-pink); }
	#highlights > div > div:nth-child(3) { background-image: url(themes/highlight-bg-pink.webp); color: var(--color-white); }
	#highlights > div > div:nth-child(3) h2 { color: var(--color-white); }
	
	#feedback .wrapper > div { padding: 3rem; }
	#feedback .wrapper > div > div { padding-right: 0px; }
	#feedback .btn { margin-top: 1rem; }
	
	#h-subbanner { height: 200px !important; }
	
	.tag { margin-bottom: 1rem; }
	.tag::before { top: 7px; }
	.tag .text { width: 100%; margin-top: 10px; margin-left: -1.5rem; }
	
	#h-services .list { margin-top: 10px; }
	#h-services .list > div { padding: 12.5px; }
	#h-services .list > div a { padding: 25px; }
	#h-services h4 { margin-top: 10px; }
	#h-services p { line-height: 1.1; font-size: 14px; }
	
	.curve .wrapper, body.types-of-hearing-aids #type .wrapper, #team-list .wrapper { padding-bottom: 6rem; }
	.slick-prev, .slick-next { width: 14px; height: 25px; }
	
	#h-promotions #promotion-list .list { padding: 0px 1rem; }
	
	#largest-network-banner .wrapper { height: 250px; }
	
	#core-values .wrapper > div > div { width: auto; width: initial; margin-right: 0px; margin-top: 2rem; padding: 25px; }
	#core-values .wrapper > div > div:first-child { margin-top: 0px; }
	#core-values img { width: 60px !important; height: 60px !important; }
	#core-values h4 { height: auto !important; height: initial !important; }
	
	#awards .list > div { width: 100%; }
	#awards .list > div > div { margin-right: 0px !important; margin-left: 0px !important; margin-top: 70px; }
	#awards .list > div > div .logo { width: 100px; margin-left: -50px; top: -50px; }
	#awards .list > div > div .info { padding-top: 35px; }
	
	.states-links { flex-wrap: wrap; justify-content: center; }
	.states-links > div { width: 100%; margin-left: 0px; margin-top: 1rem; justify-content: center; }
	.states-links a.btn { padding: 15px 1.5rem; }
	
	#team-list .list > div { width: 50%; }
	
	#faq .states-links > div { row-gap: 10px; column-gap: 2%; }
	#faq .states-links > div > div { flex: initial; width: 49%; box-sizing: border-box; margin: 0px !important; padding: 10px 2rem 10px 1rem; background-position: right 1rem center; }
	#faq .states-links span.label { margin-bottom: 0px; }
	
	#promotion-list .states-links a.btn { padding: 10px 2rem 10px 1rem; }
	#promotion-list .states-links span.label { margin-bottom: 0px; }
	
	#service-benefit .list { margin-left: 0px; margin-right: 0px; flex-direction: column; }
	#service-benefit .list > div { width: 100% !important; margin-left: 0px; margin-right: 0px; margin-top: 3rem; }
	#service-benefit .list > div h4 { height: auto !important; height: initial !important; }
	#service-benefit .list > div:before { height: 50px; top: -30px; }
	.fpink-bottom-title .info .icon { height: 50px !important; width: auto !important; }
	
	.fpink-top { padding: 25px; }
	
	#service-info2 .content { padding: 2rem 25px 4rem 25px; }
	#service-info2 .img { float: none; width: 100%; margin-right: 0px; }
	
	body.videos #main-content .wrapper, body.testimonials #main-content .wrapper { padding-bottom: 3rem; }
	#video-list .list .item { width: 100%; }
	#video-list .states-links, #testimonial-list .states-links { column-gap: 10px; }
	#video-list .states-links a.btn, #testimonial-list .states-links a.btn { padding: 0.8rem 1rem; flex-grow: 1; margin: 0px; }
	
	#promotion-list .list .item { width: 100%; }
	
	#newsevent-list .list .item { width: 100%; }
	#h-news .list { flex-direction: column; }
	
	#testimonial-list .list .item { width: 100%; }
	
	body.product #main-content .logo { max-height: 33px; }
	#hearingaid-benefit .list { margin-left: 0px; margin-right: 0px; flex-direction: column; }
	#hearingaid-benefit .list > div { width: 100% !important; margin-left: 0px; margin-right: 0px; margin-top: 3rem; }
	#hearingaid-benefit .list > div h4 { height: auto !important; height: initial !important; }
	#hearingaid-benefit .list > div:before { height: 50px; top: -30px; }
	#hearingaid-calltoaction .icon { height: 50px !important; width: auto !important; }
	
	#style-list .item { width: calc(50% - 12.5px); }
	
	.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { padding: 4rem 25px; }
	.mfp-container { padding-left: 0px; padding-right: 0px; }
	.mfp-content .mfp-close { right: 25px; }
	
	.paging { margin-top: 2rem; }
	.paging > div.active, .paging > div a { padding: 5px; }
	.paging > div { margin: 0px 5px; }
	
	#hearingaid-brands .wrapper .tag { margin-bottom: 1rem; }
	#hearingaid-brands .wrapper > div:last-child { flex-direction: column; }
	#hearingaid-brands .wrapper .label { width: auto; width: initial; }
	#hearingaid-brands .wrapper .brands { width: 100%; }
	#hearingaid-brands .wrapper .brands > a { padding: 10px; }
	#hearingaid-brands .wrapper .brands > a:first-child { margin-left: 0px; }
	
	body.types-of-hearing-aids #type table tr { flex-direction: column; }
	body.types-of-hearing-aids #type table td { padding: 0px !important; }
	body.types-of-hearing-aids #type table td:first-child { padding-bottom: 2rem !important; }
	
	#price-list .wrapper { padding: 0px 25px; }
	#price-list .wrapper .item { flex-direction: column; }
	#price-list .wrapper .item > div:first-child { width: auto; width: initial; padding-right: 0px; margin-bottom: 1rem; }
	#price-list .wrapper .item > div:first-child .short_desc { text-align: left; }
	
	#price-add-benefit .wrapper { padding-top: 2rem; }
	
	a.btn-readmore { padding: 12px 25px 12px 40px; }
	
	.tab-menu { padding-bottom: 1.0rem !important; }
	
	
	ul ul > li { margin-left: 1rem; }
	
	.num ol > li { padding-left: 2.5rem; }	
	.num ol > li:before { width: 22px; height: 22px; }
	.cols2 ul li { width: 100%; }
	.cols3 ul li { width: 100%; }
	
	
	#awards-highlights .list { margin-top: 10px; }
	#awards-highlights .list > div { margin-top: 20px; margin-right: 0px; max-width: auto; max-width: initial; max-width: none; }
	
	
	.tab-menu > div a { padding: 1rem 0.5rem; }
	
	#useful-links .list > div a { padding: 1.5rem 1.5rem 1.5rem 3.5rem; background-position: left 1.5rem center; background-size: 20px; }
	
	.cols2 ul, .cols3 ul { flex-direction: column; }
	
	body.inner #main-content h1 { margin-bottom: 1rem; }
	.breadcrumb a, .breadcrumb-current { font-size: 0.85rem; }
	.breadcrumb .wrapper { padding: 10px 30px !important; }
	
	#highlights { flex-direction: column; }
	#highlights .item { width: 100%; justify-content: center; text-align: center; }
	#highlights .item h2 { font-size: var(--h1-font-size); }	
	
	#contact-form .fpink-top { padding: 3rem 25px 25px 25px; }
	#contact-info .wrapper > table tr td { width: 100%; }
	
	#f-quicklinks .wrapper > div { width: 100% !important; }
	#f-quicklinks h3 { text-align: center; }
	
	#footer .wrapper { padding: 4rem 25px 0px 25px; }
	#footer #cologo a img { height: 70px; }
	#footer-menu > ul > li:first-child { width: 40%; }
	#whatsapp { right: 25px; }
}
@media only screen and (max-width:650px){
	:root { font-size: 14px; }
	
	#logo a, #logo a img { height: 40px; flex-shrink: 0; }
	#header-holder { font-size: 13px; height: 100px; }
	#header-top { right: 0px; float: none; }
	#header-top .wrapper { padding: 0px 20px; }
	#header-top .wrapper > div { flex-direction: column-reverse; }
	#header-top .wrapper > div > div { width: 100%; }
	#header-top .wrapper > div > div:first-child { align-items: flex-start; flex-direction: row; }
	#header-top .wrapper > div > div:first-child > div { flex-direction: column; font-size: 12px; margin-left: 1rem; padding-right: 45px; }
	#header-top .wrapper > div > div:last-child { position: relative; top: 0px; margin-top: 10px; padding: 0px; justify-content: flex-start; box-sizing: border-box; padding-bottom: 10px; border-bottom: solid 1px var(--color-light-grey); height: auto; height: initial; }
	#top-submenu ul li:last-child a { padding-right: 0px; margin-right: 0px; }
	#menu-top { top: 115px; z-index: 1; height: auto; height: initial; }
	#menu-top .wrapper { padding: 0px 20px; }
	/* #top-submenu ul li:last-child a { font-size: 13px; padding: 7px 1.0rem; background-image: none; } */
	/* #top-submenu ul li a { background-size: 18px auto; line-height: 1; margin-right: 10px; } */
	
	.slicknav_btn { padding: 12px 10px; top: -68px; }
	.slicknav_menu { padding-top: 0px; }
	.slicknav_nav { margin-top: 8px !important; }
	
	#banner-zone { margin-top: 100px; }
	.nivo-prevNav, .nivo-nextNav, .nivo-controlNav { bottom: 2rem; }
	.nivo-caption .wrapper > div { max-width: 60%; }
	
	#highlights > div > div { margin-left: 20px; }
	#highlights > div > div:nth-child(2), #highlights > div > div:nth-child(4) { top: 20px; }
	#highlights > div > div:nth-child(1), #highlights > div > div:nth-child(2) { margin-bottom: 20px; }
	#highlights > div > div:nth-child(3) { margin-left: 0px; }
	
	#h-services .title { flex-direction: column; align-items: flex-start; }
	#h-services .title h2 { margin-bottom: 10px; }
	
	#feedback .wrapper > div { padding: 2.5rem; }
	#feedback .wrapper > div > div { width: 63%; }
	
	#newsevent-list .list { row-gap: 2rem; }
	#newsevent-list .list .item h4 { margin: 1rem 0px; }
	
	#largest-network-banner .wrapper { height: 200px; }
	
	.expand .item .header { background-size: 20px, auto; padding-left: 3rem; padding-bottom: 9px; min-height: 50px; background-position: center left 10px, center right 10px; }
	.expand .item .text { padding: 1rem 2rem 1rem 3rem; }
	
	
	#management-team .list { margin-left: 0px; margin-right: 0px; row-gap: 25px; }
	#management-team .item { width: 100%; margin: 0px; }
	
	#centre-list .contact .hours table td:first-child { width: 155px; }
	
	body.product #main-content .logo { max-height: 30px; }
	
	
	#newsevent-list .note { padding-bottom: 2rem; }	
	body.newsevent .back { margin-top: 2rem; }
	body.newsevent #main-content img.cover { margin-left: 0px; margin-bottom: 2rem; float: left; width: 100%; }
	
	#footer-menu ul > li h4 { margin-bottom: 1rem; }
	#footer-menu > ul { flex-direction: column; }
	#footer-menu > ul > li { margin-bottom: 2rem; margin-right: 0px; text-align: center; }
	#footer-menu > ul > li:first-child { width: auto; width: initial; }
	#footer-menu > ul > li:last-child { margin-bottom: 0px; }
	#footer-menu ul li:last-child a { margin-bottom: 0px; }

	#prev-next > div .title { font-size: 1rem; }
	#prev-next > div .title .date { font-size: 13px; }
	
	
	#f-icons > div { flex: initial; width: 100px; margin: 5px; }
	
	#copyright .wrapper { padding-top: 20px; padding-bottom: 20px; }
	#whatsapp { width: 40px; height: 40px; right: 20px; }	
}
@media only screen and (max-width:550px){
	:root { --h1-font-size: 1.8rem; --banner-h1-font-size: 1.8rem; }
	.nivo-prevNav, .nivo-nextNav, .nivo-controlNav { bottom: 1.5rem; }
	.nivo-controlNav a { width: 25px; height: 25px; }
	.nivo-directionNav a { height: 25px; }
	
	#f-icons > div { flex: initial; width: 30%; margin: 5px; }
	
	.wrapper  { padding: 3rem 20px; }
	#main-content .wrapper { padding-top: 2.33rem; }
	body.home #main-content .wrapper, body.who-we-are #main-content .wrapper { padding-bottom: 4.33rem; }
	#feedback .wrapper { padding: 3rem 20px; }
	.curve .wrapper, body.types-of-hearing-aids #type .wrapper, #team-list .wrapper { padding-bottom: 5rem; }
	#h-products { margin-top: -1rem; }
	
	#service-info3.up, #service-benefit.up, .up, #hearingaid-benefit, #styles .wrapper { margin-top: -1rem !important; }
	
	#awards { margin-top: -1rem; }
	
	#h-subbanner .wrapper { padding-left: 0px; }
	#h-subbanner img { height: 30px; }
	#h-subbanner h2 { margin-bottom: 5px; }
	
	#h-services .list > div a { padding: 20px; }
	#h-services .list > div { padding: 10px; }
	
	.red-header .wrapper { padding: 3rem 20px !important; }
	.red-header h2 { margin-bottom: 1rem; }
	
	#h-news .wrapper { padding: 3rem 20px; }
	
	#largest-network-banner .wrapper { height: 180px; }
	
	#core-values .wrapper > div > div { padding: 20px; margin-top: 20px; }
	#core-values .wrapper > div > div:first-child { margin-top: 0px; }
	
	#founder td:last-child { padding-bottom: 5rem; }
	#management { margin-top: -1rem; }
	
	#team-list .list > div { width: 100%; }
	#team-list .list > div > div { padding: 20px; margin: 10px; }
	#team-list .list .item img { max-height: 150px; }
	#team-list .list .item h4 { height: auto !important; height: initial !important; }
	
	#service-benefit { margin-top: -1rem; }	
	#service-benefit .list > div { padding: 20px; }	
	
	#service-info2 .content { padding: 3rem 20px; }
	
	.fpink-top { padding: 20px; }
	
	#quicklinks a { margin: 5px; }
	
	#footer .wrapper { padding: 3rem 20px 0px 20px; }
	#footer #cologo a img { height: 50px; }
	
	#contact-form .fpink-top { padding: 2rem 20px 20px 20px; }
	.tbContactform input.text, .tbContactform textarea { padding: 1rem 15px; }
	.tbContactform select { padding: 1rem 10px; }
	
	#contact-info table tr td > div { padding: 20px; }
	
	.fpink { padding: 20px; }
	.fpink-top-title .title { padding: 12px 20px 32px 20px; }
	.fpink-top-title .info { padding: 20px; }
	.fpink-bottom-title .info { padding: 20px; }
	
	body.videos #main-content .wrapper, body.testimonials #main-content .wrapper { padding-bottom: 2rem; }
	#video-list .list { row-gap: 30px; }
	#video-list .list > div h4 { margin-top: 10px; }
	#video-list .states-links a.btn, #testimonial-list .states-links a.btn { padding: 10px 1rem; }
	
	#promotion-list .list { row-gap: 30px; } 
	
	#newsevent-list .list .item { padding: 20px; }
	
	body.product #main-content .logo { max-height: 25px; }
	#hearingaid-brands .wrapper .brands > a { margin-left: 10px; }
	#style-list .wrapper { column-gap: 20px; row-gap: 20px; }
	#style-list .item { width: 100%; }
	#price-list .wrapper { padding: 0px 20px; }
	#price-list .wrapper .item { margin-bottom: 25px; padding: 2rem 20px; }
	
	.paging > div.next a, .paging > div.prev a { width: 12px; }
	
	.breadcrumb .wrapper { padding: 10px 20px !important; }
	body.inner #main-content .wrapper { padding-top: 1.5rem; }
	#header-top .wrapper { padding: 0px 20px; }
	a.btn-black, a.btn { padding: 10px 2rem 10px 1rem; }
	#whatsapp { right: 20px; }
	
	
	body.newsevent .title .subline { flex-direction: column; }
	body.newsevent .title .tag::after { content: ''; }
	body.newsevent .title .date { margin-bottom: 1rem !important; }
	
}
@media only screen and (max-width:450px){
	#header-top .wrapper > div > div:first-child > div { font-size: 11px; line-height: 1; margin-left: 10px; }
	#logo a, #logo a img { height: 35px; }
	#header-top .wrapper > div > div:last-child { font-size: 12px; }
	
	#banner-zone, #banner-contant { height: 250px !important; }
	.nivoSlider img { height: 250px !important; width: auto !important; margin-left: -46%; }
	
	#largest-network-banner .wrapper { height: 150px; }
	
	#feedback .wrapper > div > div { background-position: left 30% center; }
	
	.expand .item .header { background-size: 15px, auto; padding-left: 35px; line-height: 1.1; }
	.expand .item .text { padding-left: 35px; }
	
	#founder td:first-child img { width: 150px; height: 240px; }
	.tbContactform td.terms input[type="checkbox"] { margin-right: 10px; margin-left: 0px; margin-top: 0px; }
	
}

@media only screen and (max-width:400px){
	#h-services .list > div { width: 100%; }
	#largest-network-banner .wrapper { height: 130px; }
	
	#centre-list .contact .hours table tr { display: flex; flex-direction: column; margin-bottom: 5px; }
	#centre-list .contact .hours table tr:last-child { margin-bottom: 0px; }
	#centre-list .contact .hours table td:first-child { font-weight: 500; width: auto; }
	#centre-list .contact .hours table td:last-child { margin-left: 0px; }
	
	div.g-recaptcha > div { width: 100% !important; height: auto !important; } 
	
}