@charset "utf-8";
/* CSS Document */

	
@media all and (min-width:600px) and (max-width:850px) and (min-height:320px) and (max-height:480px) and (orientation:landscape) {	
	
	.mobhide {display:none}
	.mobshow, .mobhzshow, .mobhide.mobhzshow {display:contents}		
.card:hover {
  transform:none !important;
}
		.ortho-bord, .pat-bord, .surg-bord, .wound-bord {border:1px solid white;left:2%}
	.ortho-bord:hover {border-color:#0058a4 !important;box-shadow: inset 0 0 0 2px #0058a4;}
	.pat-bord:hover {border-color:#002d5b !important;box-shadow: inset  0 0 0 2px #002d5b}
	.surg-bord:hover {border-color:#1d90b2 !important;box-shadow: inset  0 0 0 2px #1d90b2 }
	.wound-bord:hover {border-color:#8a9eae !important;box-shadow: inset  0 0 0 2px #8a9eae}
.wound2-g  {    height: 445px !important;}
.surgical-h .wound3-g  {    height: 525px !important;}
		
		/* store */


.cart_btn {    margin: 24px 70px 5px 0;width:100%}
.social {display:none !important}
.pageTitle-sm.store {font-size:35px !important;margin-top:-10px !important}
.top40 .catalog {margin-top:-60px}
.bottom60.catalog, .sfshoppingCartWrp {margin-left:35px}
	#T3BF8F5AD136_Col00 {margin-left:0 !important}
.sfshoppingCartWrp, #TDCA4F7A2005_ctl00_ctl00_orderInfoPanel {width:90% !important;margin-top:20px}
.sfshoppingCartWrp table {width:100% !important}
.sfCheckoutBtn, #TDCA4F7A2005 {margin-top:20px}
.sfcheckoutMulitPage .sfcheckoutPreviewProduct {
    margin-left: 200px !important;
}
.RadGrid_Basic .sfItmTitleCol {width:100% !important}

.square_store {width:80% !important;margin:40px 0 0 0;float:left !important}
.div_ads-border.pete-quote.bottom-0 {margin-bottom:0 !important}
.store.half {width:45% !important}

#T5816D1D8008_Col00 {font-size: 16px !important;
    line-height: 18px !important;
    letter-spacing: 5px !important;
 margin: 4px 0 2px -1px !important;
    width: 120% !important;}


/* admin edit button */
		
.sfInlineEditingPageMenu .sfInlineEditingToggleLnk {
		display: none !important;}
		
		
	/* cookie */
		
		div.consent {width:70% !important;top:40px;left:28px;margin:auto !important;height:auto !important}
		div.consent p {font-size:14px !important}
		img.cookie {margin:0 auto 90px !important;text-align:right !important;height:120px;width:120px !important;}
		div.left, div.right {height: auto !important;width:100% !important}
		div.consent p.title {margin-bottom:20px !important;font-size: 32px !important;line-height: 34px !important;}
		.accept {margin-bottom:20px}

		
		
		
	/* global */
		
		.products-head, .about-head, .oem-head, .community-head, .sales-head, .international-head, .services-head {background-position: center bottom -5px;}
	

	.page_content {padding:5px 0 0 0}
		.div_content {padding:50px 35px 30px !important;width:80% !important}
	
		.div_crumb_center, .container_products, .logohead, .Products, .footer_content, .div_nav, .div_ads-border, .div_ads-border.bottom-0, .div_ads-static, div.home-news, .cert-content {width:100% !important;}
	
			.div_crumb.top-60 {margin-top:-5px !important}
	.sfBreadcrumbWrp, .sfBreadcrumbWrp .RadSiteMap .rsmOneLevel .rsmItem, .breadcrumbLink, span.rsmItem.sfBreadcrumbNavigation a, span.rsmItem.sfNoBreadcrumbNavigation a, span.sfBreadcrumbNodeSeparator {   font-size: 14px !important;}

	
		.full-width {width:100% !important;}
		.full-width.hz {width:auto !important;}
	.no-width {width:0 !important}

		
		.news-home1 {margin:0 auto  !important}
		.div_ads-static, .div_ads-full,  .div_ads-border {margin:0 auto 40px !important}
		
		.bar-text {width:100% !important;margin: 10px auto 0px auto !important;}
		.bar-text .bar {padding:0 !important}
		


	div.block-left, div.block-right {margin:0 !important}
	
			div.block-left, div.block-right {margin:0 !important}
	
	.no-margin, .bottom-60,	.top, .top-60, .top60, .top20, .no-margin {margin:0px !important}
	.padding40, .padding60	{padding:0 !important}

	p.phone.big a, p.phone.big {color:#14bef0 !important}
	
	.contact.textiles .form {margin-top:0 !important}
	.form {width:85%;margin:-20px auto ;padding:10px 40px!important}
		.form .sfFormBox .sfTxt, .form-select, div.form-select {width:80% !important}

		
	.sfContentBlock p {margin-bottom:0 !important}
		
		.bottom20 {margin:0 !important}
	
	.w600,	.w575, .w550, .w450, .w400, .w350, .w490, .w650, .intro-text {margin:0px 25px 0 35px;width:90% !important }
	.intro-vert {width:auto;display:block;}
	.intro-vert.mobile {height:auto !important}
		
	.mobile-intro-hold {padding:35px 55px 0;width:85%}
	.mobile-crumb-hold {padding:0 30px;width:90%}
	.intro, .intro.quality ul li a, .intro strong {line-height:1.25 !important;font-size:14px !important}
	.products-head, .about-head, .oem-head, .community-head, .sales-head, .international-head, .services-head {height:200px;padding:65px 0 0 35px !important}
	.job-top {min-height:100px !important;overflow:hidden;}

	.mobile-slide {min-height:260px;padding-bottom:30px;background-color:white;}
		
		div.text-block {padding:45px 55px}
	
	div.block.text-block {
    padding: 50px 35px 20px !important;
        padding-top: 50px;
        padding-right: 35px;
        padding-bottom: 20px;
        padding-left: 35px;
		border-bottom: 2px solid white !important;}
		
		div.block.text-block.bullets { padding:0 !important;border:0 !important}
		
	div.hold {background-color:white}
	.overlay-section {height:100%}		

	div.intro-text {margin:20px 20px -20px !important}
	div.intro-text div.intro {margin:20px 0px 0 0;}
	.w500 {width:80% !important}
		div.intro-text {margin-bottom:-90px;}
	
		.about-head {background-position: right 30% bottom -5px !important;}
	
	/* titles */ 
	
	
	.services-head .pageTitle, .about-head .pageTitle, .products-head .pageTitle, .catTitle, .pageTitlesm {
   margin-top: -46px;
    margin-bottom: 35px;}

	.services-head .pageTitle, .about-head .pageTitle, .products-head .pageTitle, .catTitle, .pageTitlesm { 
		word-wrap: normal;}

	.catTitle {margin-top:-16px !important;}
	
	
	.big, p.big {font-size:100% !important	}
	
	h1, h2, h3, h4, h5, h6, .bar, .title, .cat, .pageTitle2, .pageTitle, .pageTitle a, .pageTitle.small, .widgetTitle, .widgetTitle p, .widgetTitle a, .sideTitle, .sideTitle a, .crumbTitle a, .sideTitle2, .sideTitle2 a, .catTitle, .catTitle a, .a.title, .title a, .cat-title a, .wound-title a, .bar, .subTitle, .pageTitle.med, .subTitle2, .parTitle, .ctTitle, .sidebarTitle {	letter-spacing: 1px;}
		
	h1, .crumbTitle a,  .catTitle, .catTitle a, .largeTitle, .parTitle, .pageTitlesm {
		font-size: 35px !important;line-height:1.25 !important}
	
	.sideTitle2, .sideTitle2 a, .sideTitle, .sideTitle a, .pageTitle, .pageTitle2, .pageTitle a, .pageTitle.white, .sfpostDetails .sfpostTitle, .search-results h1, .pageTitlesm  {font-size:35px !important;line-height:1.25 !important;}
	
	.search-results h1 {margin-bottom:30px;}
	
		h4 .barTitle, .widgetTitle, .widgetTitle p, .widgetTitle a, .block p, .block a, .sfitemTitle  {
    font-size: 22px !important;
			line-height: 24px !important}
		.barTitle, .block p, .block a, .sfitemTitle {width:85% !important}
		
		.widgetTitle, .widgetTitle p, .widgetTitle a {width:100% !important}
		
		.subTitle, .mobsub {font-size:16px !important;line-height:18px !important}
		
		.title {font-size:22px !important;line-height:24px !important}
	
	.large-head, .overlay, .wires-overlay {	height: 200px !important;}

	.largeTitle, .largeTitle.top {position: absolute;left: 35px;}
	.largeTitle {top: -180px}
	.largeTitle.top {top: 190px;}
	.sideTitle {margin-bottom:15px }
	
	.barTitle {margin:0 25px 5px 54px !important;line-height:1 !important;padding-bottom:5px !important}	
	.barTitle.small {font-size:12px !important;line-height:18px !important;letter-spacing: 5px !important;margin:2px 0 !important}	
	.left.mobile-center, .right.mobile-center {text-align:center !important}
	
		div.full-block {position:inherit !important}
	
		
		
		/* buttons & photos */
	
	
		div.button, div.button-hold {width:auto !important;max-width:300px !important;letter-spacing:1px}
		.button a, .small.button a, .long a, .med a, .button.mid, .button.small {min-width:77% !important;width:96%;max-width:96%;}
		.mid a {width:75%}
	div.button-holder {float:left}
	
		/* contact on support pages */
		div.button.no-marg {width:105% !important}
		div.button.no-marg.med {width:95% !important}

		div.hover, div.small.button {width:83% !important}
		.button.small2 a, .button.med a {width:89% !important}
		.button a {padding:12px 10% 12px 12px !important}
	
		.small a {min-width:95% !important}
	.no-bkd a {width:auto !important}

		.bar {font-size:25px !important; line-height:27px !important;height:auto !important; min-height:30px; margin:0;letter-spacing:1px !important; padding:5px 0 0;}

		.div_square, div.slider-hold {width:100%;margin:40px 35px 0 -35px !important}
	.square img {width:100% !important}

		
	/* upper nav */
	
	
		input {border-radius:0 !important}
		
	td.rdCenter, div.sfPageContainer .RadDock .rdContent, div.head, div.head-hold {
    height: 96px;	overflow:hidden;}
	div.head {box-shadow:0px 1px 8px 1px rgba(0,0,0,0.4) !important}
		div.head {overflow:visible !important}
	
	.wrap_slogan, .div_slogan {height:22px;overflow:hidden;}
.slogan {font-size: 9px;letter-spacing: 5px;background-image:none;background-clip: none !important; -webkit-background-clip: none !important; -webkit-text-fill-color: white !important;}

	
		div.logo {margin:5px 0 0 15px;float:left;text-align:left;}
		.logo img {height:auto !important}

		.mobile-search {margin-right:60px;margin-top:-7px;position:relative}
		.sfsearchBox .sfsearchTxt, .ui-autocomplete-input {height:27px !important;z-index:80}
	.search button {height: 20px;
width: 20px;
right: 30px;
top: 23px;z-index:85;position:absolute;}
	.search button, .sfsearchSubmit {background-image: url(../img/search-b.png);height:20px;width:20px;}	
	
	.navbar {padding:9px 0 12px}
	.uppermenu, .social { visibility: hidden;height:0;width:0;}

	
	
	/* toggle menu button */
	
	
	div.mainnav-holder {position:absolute;top:40px;right:20px;float:right;}	
	.sfNavWrp.mainnav .sfNavToggle {background-color:#0058a4;
    display: inline-block;content:url(/DeRoyalcom_2018/design_master/img/mobile_menu-white.png);float:right;
    height:15px;border:1px solid white;	padding: 10px;color:#0058a4;margin-right:20px;}
		
	.sfNavToggle a:active {background-color:#70cacb}
		
	.sfNavWrp.mainnav .sfNavToggle.sfShow {background-color:white !important;content:url(/DeRoyalcom_2018/design_master/img/mobile_menu-293.png);margin-right:20px !important}

	
	
	/* toggle menu 	*/
	
	
	.k-popup {}
	
	.k-popup .k-item.k-first {display:contents !important}
	ul.k-group.k-menu-group li.k-item.k-state-default.k-first a.mainnav.k-link.k-menu-link {margin-top:5px !important;}
	ul.k-group.k-menu-group li.k-item.k-state-default.k-first a.mainnav.k-link.k-menu-link:hover {background-color:transparent !important}
	
	.k-menu-group .k-first a {    position: absolute !important;
    z-index: 1000000000;
    top: 0;
    display: inline !important;
    border: none !important;
    padding-top: 5px;color:#002d5b !important;width:auto !important}

		div.mainnav-menu {z-index: 100000;margin-right:-30px}
	
	
	.sfNavList.sfShown {margin-right: -22px;background-color:#70cacb !important;padding:0 !important}
	
	a.mainnav.k-link:hover {background-color:#002d5b !important}
	.k-state-border-down a.mainnav.k-link {background-color:#002d5b !important;border-top:1px solid white !important}
	
	a.mainnav.k-link, .sfNavHorizontalDropDown .k-item > a.k-link, .sfNavWrp.mainnav .sfNavSelect, .sfNavWrp.mainnav .sfNavSelect option {margin:0;padding: 15px 150px 0px 20px;font-size:14px !important;line-height:1 !important;}
		
	.sfPublicWrapper, .sfNavHorizontalDropDown, .mainnav, .k-item, .k-state-default, .k-first {
    background-color: transparent;
    margin: 0;
    padding: 0;
    overflow: hidden;
		width: 100% !important;}
		
		.k-menu .k-item, .k-menu-scroll-wrapper .k-item, .k-menu-scroll-wrapper.horizontal>.k-item, .k-popups-wrapper .k-item, .k-popups-wrapper.horizontal>.k-item, .k-widget.k-menu-horizontal>.k-item {margin:-1px -22px -1px -1px}

		.sfNavHorizontalDropDown .k-group .k-item > a.k-link {padding-bottom:10px !important;
		}
		.sfNavWrp.mainnav .sfNavList.sfShown li {border-bottom:1px solid white}
	.sfNavWrp.mainnav .sfNavList.sfShown li a::after {z-index:100000000;content:'+';position:absolute;font-size:16px;top:0;right:15px;padding:13px;transition:all 0.3s ease-in 0s;}

	.sfNavWrp.mainnav .sfNavList.sfShown li.k-state-border-down a::after {transform: rotate(315deg);color:#002d5b !important;}
	
	
	.sfNavWrp.mainnav .sfNavList.sfShown {border:1px solid white;}
		
	.sfNavWrp.mainnav .sfNavList.sfShown li ul {background-color:#002d5b !important;border-top:1px solid white !important }	
		
	.sfNavWrp.mainnav .sfNavList.sfShown li ul li a {border:none !important;}
	.sfNavWrp.mainnav .sfNavList.sfShown li ul li a::after {content:none}
	
	.sfNavWrp.mainnav .k-group { margin: 0;}
	
	
	div.k-animation-container {margin:0 !important;padding-right:30px;}
	
		div.k-animation-container:before {border-width:0 !important}


	
	/* footer */
	
	
	
	.div_footer {background-position:center !important;margin-top:-4px;padding-bottom:80px;border-top: 4px solid #c1c1c1;position:relative;}
	div.footer_content {padding:40px 40px}
		
		.footer_content .sf_2cols_1_75 {width:100% !important}

	.copyright {font-size: 12px;padding-bottom: 15px;margin: 0 auto 0 0 !important;width: 80%}
	.foot-logo {  display:none}
	div.foot-social p span.social {height:25px !important;bottom:5px;left:5px;width:100% !important;visibility:visible !important;text-align:center;}
	.social img { margin: 20px 5px;  height: 25px;}
		
		div.foot-social {position:absolute;margin:0 0 0 -5px !important;bottom:40px; left:30px;}
		

		.foot-right {position:absolute;left:10px;bottom:20px;}
	
	div.block-left.block40-40-20 {padding:40px 40px 20px 80px !important}
	
	
	
	/* home page */
	
		div.block-left, div.block-right {margin:0 !important;}
		div.block-left {width:100% !important}
	
		.products-bar {display:none;}
		.products-buttons {margin-top:0 !important;height:180px !important}
	.home-icons img, .cat-icons img {
    height: 60px;
		margin: 5px auto !important;}
		.cat a.surgical img, .cat a.wound img, .cat a.patient img, .orthopedic.cat a img {height:30px;}
	.cat {
    margin-top: 5px !important;
}
	.card {margin:2%;width:95% !important}
	.card-container {overflow:visible !important;height: 150px !important;margin-top:10px !important;width: 95% !important;float: left !important;margin-bottom:-35px }
	.patient.title, .orthopedic.title, .wound.title, .surgical.title, .card .wound-title a {font-size:18px !important;line-height:1.25 !important}

	
		.ab-icon {width:40px !important;height:50px !important}
		.ab-icon .icons-circle img {margin:11% auto 10% !important}

		.div_ads-full.no-margin.community {margin-top:-40px !important}
		
		.intro-container .intro {width:120% !important}
		.homeBox {margin-top:-10px !important}
		
		.community-in {background-color:rgba(255,255,255,0.85);padding-left:40px;}
		.community {background-position:right -240px top -80px !important}
		.up30 {background-position: right -220px top -100px !important}
		
		.home-news-hold {width:100% !important;background-color:white}
		.home-news-hold .pageTitle {margin-bottom:-40px}
		
		.comm-circle .comm-title {font-size:22px !important;line-height:25px !important;padding-top:10px;}
		div.comm-circle {    margin: 160px 0 0 10px !important; width: 250px !important;  height: 250px !important;    padding: 35px 20px 20px !important;}
		.comm-circle .intro {font-size:14px !important;margin-top:5px;}
		.no-bkd.center {margin-left: -16% !important}
		
		.gb-icon, .sv-icon {margin-left:-85px;margin-top:30px}
		.sv-icon {margin-bottom:-75px}
		.qt-icon {margin-top: 35px;margin-bottom: -40px;position: absolute;margin-left: -80px;}
	
	.more-btn {width:90%;margin-left:-40px}
	.mobile-hide {display:none;}
	
	
	/* about deroyal */
		
		.CEO-photo {}
	.div_history {margin-top:0px !important;}
	.flip-border {padding-top:80px !important;}
			.his-text, div.flip-card, .flip-card-back {height: 360px !important;overflow:hidden !important}
.history-center {margin-left:30% !important;}

			
	.div_ads-border.pete-quote {width:80% !important}
		.quote, .no-quote {font-size:18px !important;line-height:20px !important}
		.quote::after {line-height:0 !important}
		.quote-name {margin:0 35px 20px !important;font-size:12px !important}

		
		.no-quote {margin:0 !important;padding:35px 35px 5px !important;}
		.mid a {margin-left:-45px !important;margin-bottom:35px !important;margin-top:10px !important}
		.mob.mid a {margin:0 !important;width:105% !important}
		
	.div_ads-full.top-60.community {margin-top:-40px !important}
	
	
	
		/* careers */
	
	
	.careers-photo {display:contents !important}
		.mobile-intro-hold.bottom20 {margin-bottom:-50px !important}
	.cloud .center img {padding:10px 0 !important;width:90% !important}

	.grad-left {
    background-image: linear-gradient(255deg, #0058a4 0%, #0058a4 30%, rgba(0,88,164,0.4) 60%, transparent 75%);}
	.grad-right {
    background-image: linear-gradient(105deg, #0058a4 0%, #0058a4 30%, rgba(0,88,164,0.4) 60%, transparent 75%);}

.benefits {padding-top:0px}
.perkTitle {font-size:18px !important;padding: 10px 0px !important;margin-top: 0px !important;color:#14bef0 !important}
	
		.div_ads-border.bottom-0.cloud {margin-bottom:40px !important}
		.center.tabtop-60 {margin-top:10px !important}
		.perks img {width:100%}
	
		.car1 {background-position: right -160px top -40px !important}
		.res3, .res5 {background-position:right -70px top 0 !important}
		.res4 {background-position:left -130px top 0 !important}
		
	
	
/* community */	


.sfimagesTmbList .sfimagesTmb img {padding:1px !important;}
.sfimagesTmbList .sfimagesTmb {margin:14px !important;padding:1px !important;background-color:white;border-right:2px solid white}
	.sfimagesTmbList img:hover {
    border: 3px solid white;
    box-shadow: inset 0 0 15px 0 #000;
}
	.comm-intro {margin:-45px 0 0 !important}


	
/* News & Events */

		.sfeventTitle a::before {margin-left:-18px !important}
		
div.eventFeature {
	width: 24%;margin:0 0 3px -3px !important}
div.eventName-hold {padding-top:10px;}
.eventOverlay {    height: 280px;    padding: 20px 10% 0;}
.sfeventListItem {    padding-bottom: 10px !important;}
.eventOverlay {    background-image: linear-gradient(0deg, #0058a4 0%, #0058a4 40%, rgba(0,88,164,0.4) 70%, transparent 80%);}
div.eventInfo-holder {
    height: 65px !important;
}
div.eventInfo-holder {
    height: 50px !important;
}div.eventName-hold {margin-top:0 !important}
.bio-head {margin-right:90% !important}
h1.sfpostDetails.sfpostTitle {line-height:27px;}
div.sfpostDetails.sfdetails {padding-top:40px;margin-top:-80px;}
div.sfpostAuthorAndDate.sfmetainfo {height:20px !important;}
.eventLocation {font-size:12px !important}
div.eventLocation {line-height:14px !important;position:absolute !important;bottom:0;height:30px;width:100%}
div.eventName-hold {position:absolute !important;bottom:40px}

.eventName {font-size:14px !important;}

.article.top40 .sfnewsList {   margin: 40px 0 0 10px !important}
	
	div.eventRow {height:620px !important}
	
/* article */


.sfnewsDetails .sfnewsContent {padding:0 !important}
.section-holder.blog-top  {padding:0 !important}
	.section-holder.blog-top .overlay {height:180px !important;padding:0 15px 20px!important}
	.article.top40 {margin-top:-10px !important}

		div.article-content, div.content {min-height:300px !important}
		.article.large-head, .article.overlay, .sfnewsDetails .sfdetails {height:130px !important}
	
	.article {margin-left:10px !important;float:left !important}
	.article img.-align-left {margin:5px 35px 35px 0 !important}
	.article img.-align-right {margin:5px 0 35px 35px !important}
	.article img.-align-center {margin:5px 35px 35px !important}
	
table {width:85% !important}

	hr {margin:40px 0 0 !important}
	
	.article .mmobtop-80 {margin-top:-50px !important}
	
	
	
/* Events */

		
.contact-calendar {    padding: 30px 0px 0 60px;
    margin-bottom: -30px;
    width: 120%;

}
	.contact-calendar.white.top60 {padding:0 !important}
.event.large-head, .event-head, .event-details {height:240px !important}
.event.eventOverlay, .event-photo {height:235px !important}
div.logo-shadow {    width: 30% !important;   height: 55% !important;   right: 5% !important;   top: 20% !important;}
	li.event-details-date {font-size:25px !important}
div.event-logo-hold {height:75% !important}
div.logo-date {height:33% !important;padding:0 !important}
li.event-details-date {padding:0 !important}
.sfAddEventWrp {float:left !important;padding:0px 10% 2px !important;margin:0px 0 0 !important;border-bottom:none !important;width:100% !important;}
	
	.pageTitle.white.dateTitle, .pageTitlesm {
		font-size: 25px !important;line-height:27px !important}
	
		.sfical, .sfoutlook, .sfgooglecalendar {font-size:12px !important}

div.event-details-intro {padding:20px 35px !important}
li.event-details-date1 {display:none;}
li.event-details-title {margin-bottom:20px !important;margin-top:20px !important}
p.event-details-content {font-size:14px !important;line-height:16px !important;margin:20px 0 40px !important}
li.event-details-hotel a {
margin-top:5px !important;
    font-size: 14px;
    line-height: 16px;

}
li.event-details-hotel a::first-line {font-size:20px !important}

div.event-details-stuff {position:relative !important;margin:0 35px !important;padding:0 !important;float:left;}

div.poster-pages {margin-top:0 !important;padding:0 80px 70px 35px !important}


/* products */

	

	div.wc-swoosh .cat-title a, div.c298-swoosh .cat-title a, div.c295-swoosh .cat-title a, div.c325-swoosh .cat-title a {font-size:25px !important;}
	div.wc-swoosh .cat-holder, div.c298-swoosh .cat-holder, div.c295-swoosh .cat-holder, div.c325-swoosh .cat-holder {   margin: 15% 0 35% 50% !important;}
	div.wc-swoosh div.center {width:150% !important;}
	div.cat-title {margin-left:0px;margin-top:-30px}
	.section-icons img {margin:-30px 10px -3px !important;height:40px !important}

.section-holder {background-position:top right 55% !important;padding:60px 35px 0 !important;}
	.div_crumb.top-60 {margin-top:5px !important}
.cat-title, .cat-title a, .cat-title a:hover, .wound-title, .wound-title a, .wound-title a:hover {letter-spacing:1px !important}

div.npwt {margin-top:20px !important}

.orthopedic-g, .patient-g, .surgical-g, .wound-g, .orthopedic-h, .patient-h,  .orthopedic-h2, .patient-h2, .surgical-h, .wound-h, .wound2-g, .npwt, .adv, .burn, .ct-npwt  {opacity:0.95}
	.wound3-g, .orthopedic-h, .patient-h, .orthopedic-h2, .patient-h2, .wound-h, .npwt, .adv, .burn, .ct-npwt {height:445px !important}
	.surgical-h {height:525px !important;}
.orthopedic-h, .patient-h, .orthopedic-h2, .patient-h2, .surgical-h, .wound-h, .npwt, .adv, .burn, .ct-npwt {background-size: cover;border-bottom:10px solid white}

.orthopedic-h, .orthopedic-h2 {background-position: right 80% top;}
.patient-h, .patient-h2, .surgical-h, .wound-h, .burn {background-position: right 15% top;}
.adv, .ct-npwt, .npwt {background-position: right 20% top;}

div.menu-vert-hold {width:80% !important;padding:40px 35px}
div.menu-vert {margin:0 !important}
.cat-holder {margin:35% 0 35% 50% !important}
div.product-menu {margin-top:15px !important;}
div.cat-title-hold {margin-top:-40px !important;}
div.cat-hold {padding:0 !important}

div.wound-title {width: auto !important}
.product-menu a::before {left:280px !important

}

.sfBreadcrumbWrp, .sfBreadcrumbWrp .RadSiteMap .rsmOneLevel .rsmItem, .breadcrumbLink, span.rsmItem.sfBreadcrumbNavigation a, span.rsmItem.sfNoBreadcrumbNavigation a, span.sfBreadcrumbNodeSeparator {font-size:11px !important;line-height:1.25 !important}

div.share-buttons {margin:25px !important}


#RadWindowWrapper_ctl30_ctl00_ctl00_detailContainer_ctl00_RadSocialShare1_compactPopup {left:50% !important;top:375px !important;right:20% !important}




/* continuum */
		
		#scanner, #paperless, #capture  {padding-top:180px !important}

.ct-top {padding-bottom:220px !important;background-position: top right 30%!important}
	.new-ct-top {    margin: 80px 40px 80px !important;    width: 100% !important}
	.new-ct-top .parTitle {padding: 0 0 20px 0 !important;}

.ct-data {margin:20px 0 0 -30% !important;background-size:80% !important;    }

.ct-bar {z-index:200005;background-image:none !important;height:0 !important;padding:0 !important}
div.continuum-page-logo {margin-left: 100px !important;
    height: 55px !important;
    padding: 0 40px 30px 120px !important;
    margin-top: -105px;
background-position: right bottom 10px;}
div.continuum-page-logo img {max-width:65% !important;right:50px !important}
		
div.intro.countdown {margin:30px 0 -20px 40px !important}		
div.ct-counter {margin:0 0 55% 75% !important}
div.count-num {margin-left:-120px !important}
.count-num {font-size:120px !important;margin:0 0 -70px !important}
div.copyright.countdown {margin: -30px 0 -10px auto !important;}
		
div.contact-btn {display:none !important}
	div.contact {padding:40px 0 20px !important}

		div.hold {margin-top:100px}
		.parTitle {float:left !important; font-size:28px !important;line-height:1.25 !important;padding:0 0 20px 35px !important}
		.parr.parTitle {width:100% !important;margin-left:-35px !important;margin-top:40px !important;font-size:35px !important;line-height:1 !important}
		div.menu-hold {width:95%;padding:0 0 35px 35px}
		div.menu-hold .parTitle {padding:0 0 20px !important}
	
	.ct-corner-R .copyright {   margin: 0 auto 0 20px !important;  width: 20% !important}
.continuum2-middle {    padding: 40px 0 0 40px;    width: 90% !important;}
.continuum2-middle .intro-bins-wide { width: 120% !important;}
.continuum2-middle .top-40 { margin-top:-40px !important;}
	div.ct-corner-L {background-position: top -60px left -20px !important}
	div.ct-corner-R {background-position: bottom -60px right -20px !important}
	.ct-STAT {font-size:44px !important}
	.ct-button-space {    margin-left: 40px !important;}
	
	
	div.mask-oscar {    height: 138px !important}
	.oscar-bin {background-size:60% !important;background-position:top right !important}
	.oscar-bin .w450 {width:450px !important}
	
	div.npwt-device img {
    height: auto !important;
    max-width: 155% !important;
    margin-left: -100px !important;}
	div.mask-npwt, div.mask-npwt {height:200px !important}
	
	div.bkd-spine {width:300px !important}
		.mob-298.bkdteal {background-color:#14bef0 !important}
			.rfid {background-position:right 10% bottom !important}
		.quote {margin:-60px 25px 20px 	10px !important}
		.quote-name.white {padding-left:25px !important}
		
		div.intro.bins {margin-left:2px !important;}
		
		.mobct.icons {float:left !important;    padding: 0 0 0 10px!important;
    margin-top: -2px !important;}
		
		#playbtn.button.continuum2.vid, .button.continuum2 a, .button.continuum3 a {font-size:15px !important;letter-spacing:1px !important;text-align:left;padding:12px !important}
		
		.button.continuum2 a {min-width:100% !important;max-width:295px !important}
		
		div.rfid-bar {display:none;}
		div.bkd-npwt {margin:0 !important}

		div.bkd-npwt2, .jetstream {display:none !important;margin:0 !important;height:0 !important}
		div.inventory {margin:0 !important}
		
		.scanner img {position:relative !important;   left: 20px !important;
    width: 325px !important;    margin: -60px 0 !important;    padding-top: 0 !important;}
		div.bkd-air {margin-top:-30px}
		div.caption-air {margin-bottom:-20px !important}
		div.text-caption-air {width: 100% !important;margin-right:40px !important}
		div.continuum-right, div.continuum-left {background-image:none !important}
		div.bkd-dme {margin:-20px 0 -60px !important;height:auto !important;width:100% !important;    background-size: cover;}
		div.bkd-phys, div.bkd-oscar {margin:40px 0 -40px !important}
		
		div.ct-arch {background-position:left !important}
		.ctTitle {padding: 50px 0 20px 35px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    width: 55% !important;}
		.ct-bullets {margin:0 0 0 35px !important;font-size:14px !important;line-height:1 !important;width:55%;}
		
		div.CEC-btn {    margin: 20px 0 -80px -50% !important;
    padding-left: 35px;
    background-image: url(/images/default-source/page-content/continuum/cec);
    background-position: right 0;
    background-size: 200%;
    width: 100%;
    height: 150px;
    padding-top: 30%;
    background-repeat: no-repeat;}
		.button.continuum3 {width:auto !important;}
		.contact-img {margin-bottom:0 !important}

		

/* par excellence */

	.bkdgraylt.parrr {background-color:white !important;padding:40px 0 0 !important;margin-bottom:-40px !important}
	
.par-logo-img img {    height: 90px !important;	margin-top: 60px !important;}
.bar-tagline {background-color:#002d5b;margin: -4px 0 0 0 !important;;height: auto !important;font-size:16px !important;padding: 5px 0 !important}

	.par.border-left, .par.border-right {    width: 50% !important;
}
.mob_content, div.text-block.par, .menu-block {padding:20px 35px 30px!important;}
div.text-block.par, div.intro.bins {background-color:white !important;width:90% !important;height:auto !important}
div.text-block.par img {width:90% !important;margin-bottom:-30px !important;height:auto !important}
.mob_content, .mob_content div.intro.bins, .menu-block {width:80% !important}
div.center.wider, div.center.wide {text-align:left !important;}



div.text-block.bullets {font-size: 14px !important;
  
   /* background-color: transparent;
    background-image: url(../img/blue-arch.png);
    background-size: cover !important;
    background-position: top 20px left -200px !important;
    background-repeat: no-repeat; */
    width: 150%;
    height: 150%;}
.html5-video-player {width:350px !important;height:200px !important}

				
#container {

    max-width: 90% !important;
    height: 300px !important;
    background-size: cover !important;
    margin: 45px 35px 50px !important;

}
li.sfvideoTmb a:.:after, #playme {
   padding: 6px 5px 6px 8px !important;;
    top: 38% !important;;
    left: 43% !important;;
}
.copyright.mob_content {padding-bottom:60px !important;}
.copyright.mob_content, .mob-copyright {font-size:10px !important}
		
		


/* oem & textiles */

.textile-contacts {padding:60px 60px 58px 40px !important;}
.contact-truck .textile-contacts {

    margin-left: -40px !important;
    margin-bottom: -20px !important;

}
	.contact-truck {background-image:none !important }
div.language {padding:0 0 20px !important;height:20px !important}
div.language select.sflanguagesDropDown {margin:10px 0}
div.lang {margin:0 !important}
.langTitle {display:none}
.langSelect {
    position: absolute;
    top: 0;
	left: 35px;}


		.contact.textiles {padding:0 !important;margin-top:40px !important}
	.intro.addressTitle {font-size:16px !important}
		.copyright .gray6 .mobile-intro-hold {margin-top:-40px;}
.sfpostDetails {padding-bottom:0 !important}
		
		div.tex1.support-line, div.tex2.support-line, div.tex3.support-line, div.tex4.support-line, .tex5 {border-bottom:1px solid white !important;margin:0px !important}

	
	.div_square .mobile-intro-hold {padding:20px 0 !important}
	
	
	div.tex-content {

    margin: -30px 20px !important;

}
	div.tex-holder	{
    margin-top: 80px !important;
    margin-bottom: 0 !important;
}
	div.tex-hold {

    margin-bottom: 20px;
    margin-left: -5px !important;
    margin-right: 25px !important;

}
		.textiles-bkd {background-color:white !important}
		.textile-bar {margin-bottom:-60px}
		div.tex-image {height:200px !important;width:95% !important;}
		div.tex-button {width: 81% !important;margin-top: -120px !important;margin-left: 14%;}
	div.tex-button .button a {padding: 12px 30% 12px 0 !important;height:52px;float:left !important;width:87.5% !important}

	div.bar.tex.bkdwhite {display:none;margin-bottom:-20px;}
	div.tex1 div.block-left, div.tex2 div.block-left, div.tex3 div.block-left, div.tex4 div.block-left {width:65% !important}
	div.tex5 div.block-right {

    width: 55% !important;
    margin-bottom: 0px !important;
    float: right;

}
	.tex5 {background-position:left -80px top}
	
	/* international */
		
		div.country {height:auto !important}
		.symTitle {padding:20px 0}
		





/* support & quality */

		
		#trademarks {padding-top:120px}
		.mob-copyright.sup-right {padding-top:20px}
		.barTitle.thin.corporate-title {margin:0 0 5px !important}		
		
div.customer {padding:0px 0px 10px !important;margin-bottom:-5px !important}
.corp-address {line-height:22px !important;margin-top:20px;margin-bottom:-30px !important}
.corp-address.legal {margin-bottom:30px !important}
	div.block-left.legal-50 {width:70% !important;padding: 40px 60px 20px !important;}
	.legal-contact {padding:0 40px}
.corp {    margin-bottom: -60px !important;

}
.support	.mob-copyright.sup-right {

    padding-top: 0px;

}


.intro.quality ul {padding:20px 10px !important}
div.block-full {margin:auto 35px}
div.block20-10 {padding:30px 35px 10px !important}


div.cat-block {border-top:2px solid white;height:auto !important;padding:40px 35px 30px  !important}
div.support-line {border:0 !important}
div.language {padding: 10px 35px !important;}
	
	.support .menu-block {padding:0 !important;margin-left:55px !important}
	.support .sf_2cols_2_25, .support .sf_2cols_1_75 {width:50% !important}
	.support .sf_2cols_2_25 {padding:20px 0;}
div.contact-block {margin-top:10px !important; padding:0 !important}
	.contact-block .sf_2cols_1_50, .contact-block .sf_2cols_2_50 {width:100% !important;margin:30px 0 10px !important}
	.contact-block .sf_2cols_2in_50 {margin-left:0 !important}
	
	.sup1 .int.block.text-block {
    height: 180px !important
}

p.phone.big, p.fax.big {font-size:20px !important;line-height:1.25 !important}
p.time.big {font-size:18px !important}
.block .email a {font-size:15px !important}
		p.phone.blue295 a, p.phone.blue295, p.fax.blue295, p.fax.blue295 a {font-size:18px !important;color:#002d5b !important}


/* warranty */

div.support-holder {

    margin: 0px 0 0 !important;

}
.contact-block {padding:0 15px 45px}
.mob-email-left {left: 25px !important;
    position: absolute;}
div.returns {margin-top:0 !important}
.warranty-int-title {

    margin-top: -15px !important;

}

/* app pages */

.resp-grad .resp-iframe {width:92% !important;height:800px;margin-left:18px !important;}
	iframe.resp-iframe {overflow-y:scroll !important;min-height:900px;}
	.resp-iframe {position:relative !important}
		div.resp-container {overflow-y:scroll}
		
div.certs, div.web-tools {padding:35px !important;}
	div.certs .catTitle {word-spacing:9999px;word-wrap:normal;margin-top:-22px !important}
.intro-vert.top20.bottom1, .intro-vert.top20.bottom15 {height:45px !important;padding-top:20px !important}
div.resp-container {margin-top:-100px;min-height:450px;padding:0 !important}
.resp-grad {background-color: #3983e8;border-bottom:10px solid #3983e8;border-top:10px solid #10327c;background-image: linear-gradient(0deg, #3983e8 30%, #10327c 95%) !important;padding:0 35px 30px;}


.tools-bkd {background-size:cover}
.cert-content {
    width: 95%;
    margin: -60px 35px !important;
}
		.cert-crumb {display:none !important}


#content {width:80% !important;padding:60px 35px !important}

div.terms {
    top: 75px;
	right: 25%;}
.loading-top {background-position:90% center !important}


.mob.section-holder {padding:0 !important}
.mob.careersDeRoyal, div.careersDeRoyal {width:auto !important;padding:0px 0 0 !important}




/* search results */

.mob.div_content {padding:0 !important;width:100% !important}
		.mob.pageTitlesm {margin:8px 0 -15px !important;}

.pageTitlesm.searchTitle {word-spacing:0 !important;padding-bottom:10px;}
.search-head {background-position:top right 80% !important
}
.search-results h3 a {text-decoration:underline !important;border:0 !important;text-transform:capitalize !important;line-height:24px !important;letter-spacing:0 !important;font-family:'Arial', sans-serif !important}




/* catalog stuff */


div.sfBreadcrumbWrp {margin-left:35px !important}
#initialpageload {width:50px;}
div.loader, #initialpageload p {margin:30px auto !important;text-align:center !important}
.breadcrumbLink {font-size:10px !important;line-height:12px !important;}
.half, .event.half {width:100% !important;padding: 0 0 20px 0 !important;background-color:white !important;overflow:hidden !important}
.left40 {margin:0 !important}
.tab > label {font-size:16px !important;width:95%}
.tab > label::after {line-height:2.75 !important;font-size:24px !important;margin-right: -15px !important;}
.video-container iframe, .video-container object, .video-container embed {width:100% !important}
.sfContentBlock h2 {font-size:20px !important}
#productDetailSection {
    margin-left: 0px;
    width: 85%;
}
.back a {margin-top:-25px !important}
.mobile-DOC {
    width: 100% !important;
    float: left !important;
    margin-top: 50px !important;
    margin-left: 0px !important;margin-top:0 !important
}
.loginBox {margin-left:15px !important}
.imgDiv img {max-width:95% !important}
.catListThumbnailStrip { padding-top: 0px !important}

.sfLargeIcns .sfdownloadList .sfdownloadTitle {
	font-size: 16px !important;}
.sfitemDetails table { width:100% !important;
    font-size: 12px !important;line-height:14px !important}
.sfSmallIcns .sfdownloadList .sfdownloadFile, .sfLargeIcns .sfdownloadList .sfdownloadFile {padding-bottom:10px !important}

.featureTitle2, .galleryTitle2 {margin-right:2% !important;margin-left:0 !important;width:23% !important;overflow:hidden;}
.sfitemsListTitleDateTmb .sfitem {
	margin-bottom: 10px !important;}

div.feature-image {    margin: 30px 0 15px !important;}
div.feature-image, #galleryImg-hold, #galleryImg-hold img, .galleryTitle2link a img {
    height: 100px !important;
    margin: 30px 0 15px !important;
}

#galleryImg-hold, #galleryImg-hold img, .galleryTitle2link a img {margin:0 0 15px !important}
div.galleryTitle-hold {margin:none !important;width:100px !important;height:75px !important;overflow:visible !important}
	
.galleryTitle2link a, .featureTitle2link a {
    font-size: 14px !important;
	line-height: 17px !important;}

.featureTitle2link a img {
    height: 100px !important;
    margin-bottom:20px !important;
}
.galleryTitle2 {margin:0 5% 0 0 !important}
div.sidebar {padding:0 20px 40px !important;}
.div_line, #maincontent {padding:30px;width:90%}
	.category-list {width:200% !important}
.filter-accordion > label {padding:10px 40px 10px 10px !important}
.filter-accordion > input[type=checkbox] + label::after {
    margin-top: -1% !important;
}

	#T07DFA19D054_ctl00_ctl00_updpnlCatalogList {margin-top:-30px !important}

.filter-accordion {margin:0px 2px 2px 0 !important;width:141% !important}
	.small2 a {margin:0 0 2px !important;padding: 10px 50px 10px 10px !important;}
		
		div.boa.Yes {margin:-60px -30px 10px 20px !important}

}
#productDetailSection ul {
    margin-left: -20px;list-style:none !important;padding-bottom:40px
}
span#lcode, span#UPN, span#sterilization, span#latex, span#CEMarkCompliant {
    float: left;
    width: 110%;
    padding-bottom: 10px;
    border-bottom: 1px solid;
	margin-bottom: 10px;}

}

 /* video player Increasing top margin for mobile */
    @media screen (min-width: 100px) and (max-width: 767px) { margin-top: 10%; }
    @media screen (min-width: 100px) and (max-width: 414px) { margin-top: 13%; }

{
  &-content {
    box-shadow: 0 1px 6px fade(black, 70%);
  }
  
  &-close {
    text-transform: uppercase;    
    background: transparent;
    position: absolute; 
    font-weight:light;      
    font-size: 12px;
    display: block;
    border: none;
    color: white;
    top: -22px;
    right: 3%;
  }
}

.video-container {  
    padding-bottom: 56.25%;
    position: relative;  
    padding-top: 30px; 
    overflow: hidden;
    height: 0; 
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    height: 100%;  max-height:200px;max-width:350px;
    width: 100%;  
    left: 0;  
    top: 0;
}
}