:root {
	--primary-color: #33B9CB;
	--secondary-color: #091D3E;
	--sectionbg: #E8FCFF;
	--text-color:#354A6A;
	--white-color:#ffffff;
	--red-color:#F13429;
	--green-color:#1D933A;
}

/* only bigger screen landscape screen */
@media only screen and (min-width: 1025px) {
	a:hover { text-decoration: none; }
	#mainmenu > ul { display:flex !important; }
	.mbvisible { display: none !important; }
	.btn:hover:after { background-position: 0 0; }
	.btn:hover { background-color: var(--primary-color); color: var(--secondary-color); }
	.btn.btn-secondary:hover { background-color: var(--secondary-color); color: var(--white-color); }
	#mainmenu li a:hover { color: var(--primary-color); }
	#mainmenu li.submenu a:hover { color: var(--secondary-color); }
	#mainmenu li .submenu a:hover { background-color: var(--primary-color); color: var(--secondary-color); }
	.callus:hover:before { background-position: 0 -55px; }
	#footer .newslettersection .btn.btn-secondary:hover { background-color: var(--secondary-color); border-color: var(--white-color);  color: var(--white-color); }
	.footertop .socials .fb a:hover { background-position: 0 -24px; }
	.footertop .socials .ig a:hover { background-position: -24px -24px; }
	.footertop .socials .tw a:hover { background-position: -48px -24px; }
	.footertop .socials .li a:hover { background-position: -72px -24px; }
	#footer .fmenu li a:hover { color: var(--primary-color); }
	#footer .footerbottom .designbytag a:hover { color: var(--white-color); text-decoration: none; }
	.prevsliderarrow:hover { background-position: -60px 0; }
	.nextsliderarrow:hover { background-position: 0 0; }
	.breadcrumbslisting li a:hover { text-decoration: underline; }
	.btnaddremove.btn-remove:hover { background-color: #BF2B22; }
	.btnaddremove.btn-add:hover { background-color: #14722C; }
	.contactinformationbox:hover { background-color: var(--sectionbg); }
	.contactinformationbox.emailinfobox:hover h6:before { background-color: var(--secondary-color); background-position: 0 -48px; }
	.contactinformationbox.phonebox:hover h6:before { background-color: var(--secondary-color); background-position: -48px -48px; }
	.contactinformationbox.addressbox:hover h6:before { background-color: var(--secondary-color); background-position: -96px -48px; }
	.articlebox:hover .articletitle:before { background-color: var(--secondary-color); background-position: 0 -60px; }
	
	.servicesbox.servicesboxone:hover h6:before { background-position: 0 -80px; }
	.servicesbox.servicesboxtwo:hover h6:before { background-position: -80px -80px; }
	.servicesbox.servicesboxthree:hover h6:before { background-position: -160px -80px; }
	.servicesbox.servicesboxfour:hover h6:before { background-position: -240px -80px; }
	.servicesbox.servicesboxfive:hover h6:before { background-position: -320px -80px; }
	.servicesbox.servicesboxsix:hover h6:before { background-position: -400px -80px; }
}



/*==========================================================================================================*/
@media only screen and (max-width: 1466px) {
	.wrapfull { padding: 0 30px; }
	.heroslider.animate:before, .heroslider.animate:after { width: 25vw; height: 25vw; }
	.heroslider h1, .heroslider h2 { font-size: 4.2vw; }
	#mainmenu > ul > li { padding: 0 10px; }
	.callus { font-size: 14px; }
	.callus:before { width: 40px; height: 40px; }
	.callus:hover:before { background-position: 0 -40px; }
	.callus { padding: 0 0 0 48px; margin-right: 15px; }
	.btn { padding: 14px 18px; font-size: 13px; letter-spacing: 0.5px; }
	#mainmenu li.hasnav .navtrigger { padding-right: 6px; }
	.sliderarrow { width: 50px; height: 50px; }
	.nextsliderarrow { background-position: -48px 0; }
	.exptag em { font-size: 3.5vw; }
	h1 { font-size:5vw;  }
	h2 { font-size:3.3vw; }
	h3 { font-size:2.258vw; }
	h4 { font-size:1.8vw; }
	.sliderarrowwrapper { flex: 0 0 110px; max-width: 110px; }
	#logo { width: 200px; }
	.heroslider .sliderimg { height: 50vh; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1200px) {
	.headerright .btn.btn-secondary { display: none; }
	fieldset legend { font-size: 32px; }

	#jobapplicationsection .cols2, .skillquizformwrapper .cols { margin: 0 -8px; }
	#jobapplicationsection .cols2 .col, .skillquizformwrapper .cols .col { padding: 0 8px; }
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1200px) {
	.contactinformation .cols { flex-direction: column; margin: 0; }
	.contactinformation .cols .col { flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1024px) {
	body { min-width:320px; }
	img{ max-width: 100%; width:auto; height:auto; }
	.wrap, .wrapfull { width:auto; padding:0 20px; }
	.lgitems { display: none !important; }

	#header, #header.fixed { padding: 12px 0; }
	#mainmenu > ul { display:none; position:absolute; left:0; width:100%; top:100%; background:var(--secondary-color); z-index:5; }
	#mainmenu ul li { float:none; margin:0; padding:0; border-bottom:solid 1px rgba(255, 255, 255, 0.2); }
	#mainmenu ul li:last-child { border-bottom: 0; }
	#mainmenu ul li a { padding:12px 15px; display:block; color: var(--white-color); font-weight: 500; font-size: 14px; }
	#mainmenu ul li a:after { display:none; }

	#mainmenu ul li .submenu { left: 0; right: 0; width: 100%; top: 0; background-color: #051125; position: relative; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: 0; }
	#mainmenu ul li .submenu li a { padding-left: 30px; }
	
	/* Responsive Menu line icon*/
	#menu { display:block; width: 45px; height: 45px; background-color: var(--primary-color); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; padding: 12px 13px; }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:var(--secondary-color); text-decoration:none; }
	.menulines-button em { font-style:normal; font-weight:bold; margin-left:10px; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width: 20px; height: 3px; background: var(--secondary-color); position: relative; float: left; margin:9px 0 0 0; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1; }
	.menulines:before, .menulines:after { display: inline-block; width:20px; height: 3px; background: var(--secondary-color); position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
	.menulines:before { top: 7px; }
	.menulines:after { top: -7px; }
	.menuopen .menulines { background:none; }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

	.navtrigger-button { position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; color: white; border-radius: 50%; text-align: center; font-size: 30px; font-weight: 500; line-height: 32px; }
	
	.secpadding { padding: 40px 0; }
	#mainbanner.secpadding { padding: 0 !important; }
	.sectitle { margin: 0 0 20px; }

	.aboutusleft .cols { margin: 0; flex-direction: row; }
	.aboutusleft .cols .col { padding: 0; flex: 0 0 100%; max-width: 100%; margin: 0 0 20px; }
	.aboutusleft .cols .col:last-child { margin-bottom: 0; }
	.aboutusleft .col:first-child .bgimg { height: 300px; background-position: center 20%; margin-bottom: 20px; }
	.aboutusleft .col:last-child .bgimg { background-position: center 20%; height: 300px; }


	.aboutusright .cols { margin: 0; flex-direction: row; }
	.aboutusright .cols .col { padding: 0; flex: 0 0 100%; max-width: 100%; margin: 0 0 20px; }
	.aboutusright .cols .col:last-child { margin-bottom: 0; }
	

	.whatwedoleftimg  { height: 400px !important; }
	#whatwedo .cols { margin: 0; flex-direction: row; }
	#whatwedo .cols .col { padding: 0; flex: 0 0 100%; max-width: 100%; margin: 0 0 20px; }
	#whatwedo .cols .col:first-child { display: none; }
	#whatwedo .cols .col:last-child { margin-bottom: 0; }
	.whatyoucando .bgimg { background-position: center top; }
	.statistics { margin-top: 20px;	}
	.statistics ul li strong { font-size: 35px; }
	.statistics ul li em  { font-size: 16px; }

	.quoteseccontent { padding: 40px 18px; gap: 20px; }
	.quoteseccontent h2 { line-height: 1.2; }

	.articleslistwrap .cols .col { flex: 0 0 50%; max-width: 50%; margin: 0 0 30px; }
	.articleslistwrap .cols .col:last-child { margin-bottom: 0; }

	.heroslider .sliderimg { flex: 0 0 45vw; max-width: 45vw; }

	.truehealthcarecontent { padding-left: 0; }
	.whyusaboutcontent { padding-right: 0; }
	.whyusaboutcontent .cols { margin: 0; flex-direction: row; }
	.whyusaboutcontent .cols .col { padding: 0; flex: 0 0 100%; max-width: 100%; margin: 0 0 20px; }
	.whyusaboutcontent .cols .col:last-child { margin-bottom: 0; }

	.truehealthcareimg .exptag { width: 220px; }

	#whyusabout > .wrap > .cols, #truehealthcare > .wrap > .cols { flex-direction: column; margin: 0; }
	#whyusabout > .wrap > .cols .col, #truehealthcare > .wrap > .cols .col { padding: 0; flex: 0 0 100%; max-width: 100%; }

	.borderimg:before { top: 10px; left: 10px; opacity: 0.5; }

	.truehealthcareimg, #whyusabout .bgimg  { margin-bottom: 35px; }
	#truehealthcare .truehealthcareimg .exptag { display: none; }	
	.truehealthcarecontent, .whyusaboutcontent { text-align: center; }
	#whyusabout.secpadding { padding: 0 !important; }

	.servicesbox { flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); }

	.contactpagecontent { flex-direction: column-reverse; margin: 0; }
	.contactpageleft, .contactpageright { flex: 0 0 100%; max-width: 100%; }
	.contactpagecontent > div { padding: 0; }

	.contactpageleft .cols .col:nth-child(2) .contactinformationbox { min-height: 233px; display: block; position: relative; }

	.contactpageright { margin-bottom: 20px; }

	#jobapplicationsection .checkbox, #jobapplicationsection .radio { margin-right: 9px; }

	fieldset legend { font-size: 28px; }
	
} 

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	body { font-size: 15px; }
	.tabnav { display:none; }
	.tab-container { padding:0; border:none;}
	.tab-data { margin:0 0 30px; }
	.tab-data .tabnav { display:none; }
	.tab-container .tabMobiletrigger { background:#f3f3f3; border:medium none; font-size:15px !important; text-transform:uppercase; margin:0 0 7px; padding:16px 54px 16px 16px; position:relative; cursor:pointer; font-weight:bold; }
	.tabMobiletrigger:after { border-left:8px solid rgba(0, 0, 0, 0); border-right:8px solid rgba(0, 0, 0, 0); border-top:8px solid #848690; content:""; margin-top:-3px; position:absolute; right:19px; top:50%; }
	.tabMobiletrigger:before { background:rgba(0, 0, 0, 0.08); content:""; height:100%; position:absolute; right:0; top:0; width:54px; z-index:1; }
	.tabcontent { padding:15px 0; margin:0; }
	.tabMobiletrigger.rotate:after { border-top-color:#272c2f; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }

	.articleslistwrap .cols { margin: 0; flex-direction: row; }
	.articleslistwrap .cols .col { padding: 0; flex: 0 0 100%; max-width: 100%; margin: 0 0 20px; }
	.articleslistwrap .cols .col:last-child { margin-bottom: 0; }

	.quoteicon { width: 60px; }
	.quoteicon img { max-width: 100%; width: 100%; height: auto; }

	#contactus > .wrap > .cols { margin: 0; flex-direction: column-reverse; }
	#contactus > .wrap > .cols > .col { padding: 0; flex: 0 0 100%; max-width: 100%; margin: 0 0 20px; }
	#contactus > .wrap > .cols > .col:last-child { margin-bottom: 0; }
	.contactformheight { height: 300px !important; margin: 20px 0 0; }
	.orsepration { font-size: 14px; }

	h1 { font-size:36px;  }
	h2 { font-size:32px; }
	h3 { font-size:26px; }
	h4 { font-size:18px; }

	.articletitle { padding: 20px 80px 20px 20px; min-height: auto; margin-top: -10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
	.articletitle:before { right: 20px; width: 40px; height: 40px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }

	#contactform { padding: 20px; }

	
	.footertop .cols { margin: 0; flex-direction: column; gap: 20px; align-items: flex-start; }
	.footertop .cols .col { padding: 0; flex: 0 0 100%; max-width: 100%; }
	.fmenu { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; }
	.fmenu li { margin: 0; }
	.fmenu li:first-child { margin-left: 0; }
	.fmenu li a { padding-left: 14px; }
	.footerbottom { flex-direction: column; justify-content: center; gap: 15px; padding: 20px 0; }

	.heroslider { padding: 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.heroslider .sliderimg { flex: 0 0 40vw; max-width: 40vw; position: relative; left: -1px; height: 350px; }

	.statistics ul { gap: 15px; }
	.statistics ul li { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }

	.whatyoucando .contentblock { padding: 20px; text-align: center; }
	.sliderarrowwrapper { flex: 0 0 90px; max-width: 90px; top: 245px; left: 20px; }
	.sliderarrow { width: 40px; height: 40px; }
	.nextsliderarrow { background-position: -40px 0; }

	.whatyoucando  { flex-direction: column; }
	.whatyoucando .bgimg { flex: 0 0 250px; max-width: 100%; }
	.whatyoucando .contentblock { max-width: 100%; flex: 0 0 100%; }

	.copyright { text-align: center; }

	.contactformwrap, .articletitle, .roundedcorner, .contactmap #map, .servicesbox { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }

	section .wrapfull { padding: 0; }

	#header.wrapfull { padding: 0 20px; }
	
	#innerbanner.secpadding { padding: 0 !important; }
	#innerbanner .innerbannercontainer  { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; }

	.truehealthcareimg .bgimg, #whyusabout .col .bgimg { height: 270px; }

	#servicechooseus .gridcolumswrapper .cols { flex-direction: column; margin: 0; }
	#servicechooseus .gridcolumswrapper .cols .col { flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-bottom: 20px; }
	.gridcol1 { margin-bottom: 20px !important; }

	.servicesbox { flex: 0 0 100%; max-width: 100%; gap: 0; min-height: 100px; }
	.servicesbox h6 { padding: 0 0 0 78px; }
	.servicesbox h6:before { transform: scale(0.8) translateY(-50%); -webkit-transform: scale(0.8) translateY(-50%); -moz-transform: scale(0.8) translateY(-50%); -ms-transform: scale(0.8) translateY(-50%); -o-transform: scale(0.8) translateY(-50%); margin: -7px 0 0 -9px; }

	fieldset legend { font-size: 24px; }
	
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) {
	
	
	.default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width:auto; float:none; }
	table.res-table tr th { display:none; }
	table.res-table tr td { display:block; position:relative; padding-left:50%; }
	table.res-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 50%; display:block; padding-right:10px; position:absolute; left:0; top:0; padding:10px 10px; } 
	table.res-table { border-top:0; }
	
	.list-block.cols3 .col { width:100%; float:none; }
	.image-block figure { width:100%; float:none; padding-right:0; }
	.image-block.right-align figure { padding-left:0; }

	.mt-30 { margin-top: 20px !important; }

	.heroslider { padding: 20px 20px 70px; }
	.heroslider .sliderimg { flex: 0 0 180px; max-width: 180px; height: 230px; }
	.heroslider h1, .heroslider h2 { font-size: 26px; margin: 15px 0 0; text-align: center; }
	.sliderarrowwrapper { top: auto; left: 0; right: 0; margin: 0 auto; bottom: 20px; }
	.heroslider .item { flex-direction: column-reverse;	}
	.heroslider .sliderimg { flex: 0 0 200px; max-width: 390px; background-position: center 20%; left: 0; }
	.heroslider.animate:before, .heroslider.animate:after { width: 100px; height: 100px; }
	.heroslider:before { top: 0; right: 0; }
	.heroslider:after { bottom: 130px; left: 0; }

	.cols2 { flex-direction: column; margin: 0; }
	.cols2 .col { flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; }

	#jobapplicationsection .cols2 { margin: 0; }
	#jobapplicationsection .cols2 .col { padding: 0; }

	#aboutussection > .wrap > .cols { flex-direction: column-reverse; }
	.aboutusright { margin-bottom: 30px; }
	.exptag { padding: 16px 0; }
	.exptag em { font-size: 40px; }

	.articletitle { margin-top: -30px; width: 100%; left: 0; }

	h1 { font-size:30px;  }
	h2 { font-size:28px; }
	h3 { font-size:24px; }
	h4, h5 { font-size:20px; }
	h6 { font-size:18px; }

	.statistics ul li strong { font-size: 32px; }
	.statistics ul li em { font-size: 14px; }

	#footer p, #footer a, .footerbottom * { font-size: 14px; }

	#logo, .flogo { width: 150px; }

	.sectitle.sectitleleft { text-align: center; }
	#aboutussection p { text-align: center; }
	.aboutusright { text-align: center; }

	.contactformwrap .callus { margin: 15px auto 10px !important; }

	.innerbannercontainer.secpadding { padding: 30px 0; }

	.emailinfobox, .contactpageleft .cols .col:nth-child(2) .contactinformationbox { min-height: auto;	}
	.addressboxinfo { flex-direction: column; align-items: flex-start; gap: 20px; }

	#jobapplicationsection .inputgroup.mb-15 .cols .col { margin-bottom: 20px; }
	#jobapplicationsection .inputgroup.mb-15 .cols .col:last-child { margin-bottom: 0; }

	.longform .inputgroup:not(.btn-add) { margin-bottom: 0 !important; }

	
}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {

	h1, h2 { font-size: 27px; }
	.g-recaptcha { position: relative; left: -20px; transform: scale(0.85); -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); }
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	
		
} 
/*==========================================================================================================*/