/************************************************************************************
MAX-WIDTH 767
*************************************************************************************/
@media only screen and (max-width: 767px) { 
	input[type="text"].one, input[type="password"].one, input[type="date"].one, input[type="datetime"].one, input[type="email"].one, input[type="number"].one, input[type="search"].one, input[type="tel"].one, input[type="time"].one, input[type="url"].one, textarea.one, .row textarea.one { width: 100% !important }
	input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two { width: 100% !important }
	input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three { width: 100% !important }
	input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four { width: 100% !important }
	input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five { width: 100% !important }
	input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six { width: 100% !important }
	input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven { width: 100% !important }
	input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight { width: 100% !important }
	input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine { width: 100% !important }
	input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten { width: 100% !important }
	input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven { width: 100% !important }
	input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve { width: 100% !important }
	label.right { text-align: left }
	.button { display: block }
	button.button,input[type="submit"].button { width: 100%; padding-left: 10px; padding-right: 0; }
	.button.primary { width:auto; }
	.button-group button.button,
	.button-group input[type="submit"].button { width: auto; padding: 10px 20px 11px; }
	.button-group button.button.large,
	.button-group input[type="submit"].button.large { padding: 15px 30px 16px }
	.button-group button.button.medium,
	.button-group input[type="submit"].button.medium { padding: 10px 20px 11px }
	.button-group button.button.small,
	.button-group input[type="submit"].button.small { padding: 7px 14px 8px }
	.button-group button.button.tiny,
	.button-group input[type="submit"].button.tiny { padding: 5px 10px 6px }
	.button-group.even button.button,
	.button-group.even input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; }
	dl.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
	dl.tabs.mobile dt,dl.tabs.mobile dd { float: none; height: auto; }
	dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
	dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; }
	.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
	.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
	.tabs.mobile dd a.active { border: none; background: #2ba6cb; color: #fff; margin: 0; position: static; top: 0; height: auto; }
	.tabs.mobile dd:first-child a.active { margin: 0 }
	dl.contained.mobile { margin-bottom: 0 }
	dl.contained.tabs.mobile dd a { padding: 18px 20px }
	dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; }
	.tooltip { font-size: 14px; font-size: 1.4rem; line-height: 1.4; padding: 7px 10px 9px 10px; }
	.tooltip > .nub,
	.tooltip.top > .nub,
	.tooltip.left > .nub,
	.tooltip.right > .nub { border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; top: -12px; left: 10px; }
	
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { 
	.flex-video { padding-top: 0 }
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

/* Very large display targeting */
/* Standard (large) display targeting */
.show-for-small,
.show-for-medium,
.show-for-medium-down,
.hide-for-large,
.hide-for-large-up,
.show-for-xlarge { display: none !important }
.hide-for-xlarge,
.show-for-large,
.show-for-large-up,
.hide-for-small,
.hide-for-medium,
.hide-for-medium-down { display: block !important }
@media only screen and (min-width: 1441px) { 
	.hide-for-small,
	.hide-for-medium,
	.hide-for-medium-down,
	.hide-for-large,
	.show-for-large-up,
	.show-for-xlarge { display: block !important }
	.show-for-small,
	.show-for-medium,
	.show-for-medium-down,
	.show-for-large,
	.hide-for-large-up,
	.hide-for-xlarge { display: none !important }
}
/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) { 
	.hide-for-small,
	.show-for-medium,
	.show-for-medium-down,
	.hide-for-large,
	.hide-for-large-up,
	.hide-for-xlarge { display: block !important }
	.show-for-small,
	.hide-for-medium,
	.hide-for-medium-down,
	.show-for-large,
	.show-for-large-up,
	.show-for-xlarge { display: none !important }
}
/* Small display targeting */
@media only screen and (max-width: 767px) { 
	.show-for-small,
	.hide-for-medium,
	.show-for-medium-down,
	.hide-for-large,
	.hide-for-large-up,
	.hide-for-xlarge { display: block !important }
	.hide-for-small,
	.show-for-medium,
	.hide-for-medium-down,
	.show-for-large,
	.show-for-large-up,
	.show-for-xlarge { display: none !important }
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait { display: block !important }
.hide-for-landscape,
.show-for-portrait { display: none !important }
@media screen and (orientation: landscape) { 
	.show-for-landscape,
	.hide-for-portrait { display: block !important }
	.hide-for-landscape,
	.show-for-portrait { display: none !important }
}
@media screen and (orientation: portrait) { 
	.show-for-portrait,
	.hide-for-landscape { display: block !important }
	.hide-for-portrait,
	.show-for-landscape { display: none !important }
}
/* Touch-enabled device targeting */
.show-for-touch { display: none !important }
.hide-for-touch { display: block !important }
.touch .show-for-touch { display: block !important }
.touch .hide-for-touch { display: none !important }
/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge,
table.show-for-large,
table.hide-for-small,
table.hide-for-medium { display: table !important }
@media only screen and (max-width: 1279px) and (min-width: 768px) { 
	.touch table.hide-for-xlarge,
	.touch table.hide-for-large,
	.touch table.hide-for-small,
	.touch table.show-for-medium { display: table !important }
}
@media only screen and (max-width: 767px) { 
	table.hide-for-xlarge,
	table.hide-for-large,
	table.hide-for-medium,
	table.show-for-small { display: table !important }
}
/************************************************************************************
MAX-WIDTH 1000
*************************************************************************************/
@media screen and (max-width: 1500px) {  
    .head,.head2 { padding-left: 25px;padding-right: 25px;}
	#footer,.section,.section-grid,.section-nopadding,.section-inner { padding-left: 35px;padding-right: 35px;}
}

@media screen and (max-width: 1270px) {  
    .navi { display: none;}
	.sticky-header .head2 .four { width: 20% !important;float: left;}
	.sticky-header .head2 .eight { width: 80% !important;float: right !important;}
}

@media screen and (max-width: 1100px) {  
    .section-grid .four { display: none;}
	.section-grid .eight { width: 100% !important;padding: 0;}
	.grid27 { padding: 0 !important;}
}

@media screen and (max-width: 1080px) {  
    .grid12 .media-box-thumbnail-container { max-height: 300px !important;}
	.grid12 .last-box { width: 100% !important;}
}

@media screen and (max-width: 1010px) {  
	.noleftmargin_rd { margin-left: 0px; padding-left: 0px; }
	.norightpadding_rd { padding-right: 0px !important; }
}

@media screen and (max-width: 1000px) {  
	.section.u-pb-0 { padding-top: 50px;}
	.wysiwyg .wysiwyg-item { display: block !important;margin: 0;}
	.wysiwyg-content { padding: 0;}
	.wysiwyg-images, .wysiwyg-content { width: 100%;height: auto;overflow: hidden;}
	.wysiwyg-images-image-big, .wysiwyg-images-image-small { position: unset;width: 70%;height: auto;}
	.wysiwyg-images-image-small { margin-top: -40%;width: 40%;transform: translateX(150%); }
	.section-nopadding .one { display: none;}
	.section-nopadding .ten { width: 100%;}
	.wysiwyg-content h2 { margin-top: 20px;}
	.link2 { padding: 40px 20px !important;}
} 

@media screen and (min-width: 1001px) and (max-width: 1200px) {  
	.sf-menu li { margin: 0 9px;}
	.nav-bar > li > a:first-child { font-size: 20.5px;}
}

@media screen and (min-width: 901px) and (max-width: 1000px) {  
    .navicontact, .navicontact a { font-size: 20.5px;}
	.sf-menu li { margin: 0 6px;}
	.nav-bar > li > a:first-child { font-size: 19px;}
	.sticky-header .sf-menu li { margin: 0 10px;}
}
/************************************************************************************
MAX-WIDTH 900
*************************************************************************************/
@media screen and (min-width: 901px) { 
	.sf-menu { display: block !important;height:100%;} 
	#mobile-nav, .button_container, #overlay, #mobile-note, #toggle { display: none;}
	.left-side-menu,.menue-rd { display: none;}
	.button_container.active { display: block;}
}

@media screen and (max-width: 900px) {  
	#mobile-nav { top: 45px !important;}
	.hide-footable { display: none;}
	.box-contact .six { float: left;width: 100% !important;padding: 0;}
	.section-img .five, .section-img .seven, .section-img .six { width: 100%;}
	.five.columns.bg-img1,.five.columns.bg-img2,.five.columns.bg-img3,.five.columns.bg-img4 { min-height: 300px;background-position: center bottom;}
	.bg-img-txt { padding: 80px 70px 80px;}
	.section-contact .four, .section-contact .eight { width: 100%;padding: 0;}
	.section-contact .four { margin-bottom:30px;padding: 0 100px;}
	#menu,#menu-icon,.navibox,.head,menuright,.navi { display: none;}
	.navisearch { padding: 140px 0 0;}
	.navicontact span { display: block;line-height: 1.7;}
	.navicontact .dash { display: none !important;}
	#header.sticky-header:not(.static-sticky),
	#header.sticky-header:not(.static-sticky) #header-wrap,
	#header.sticky-header:not(.static-sticky) #primary-menu,
	#header.sticky-header:not(.static-sticky) #primary-menu > ul,
	#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a { height: 81px;-webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;-o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease; }
	.sticky-header .button_container { height: 81px;}
	.sticky-header .button_container span { margin-top: 25px;}
	.fa.fa-bars { color: #ff8c00; font-size: 35px;padding: 0;}
	.sticky-header .head2 { padding-right: 0;}
	.section-inner.u-pt-8.u-pb-8 { padding-top: 60px !important;padding-bottom: 60px !important;}
	.menue-rd { margin: -20px 0px 30px !important;}
	.menue-rd .liste { margin: 0 !important;width: 100%;}
	.menue-rd .liste br { display: none;}
	.menue-rd .ui-accordion-content ul { margin: 0 !important;}
	.menue-rd .ui-state-active { background: #ff8c00 !important;}
	.menue-rd .ui-accordion .ui-accordion-header { background: #ff8c00;color: #fff;font-weight: 400;font-size: 16px !important;margin: 0;padding:20px 30px !important;}
	.menue-rd .ui-accordion .ui-accordion-content { border: 1px solid #ff8c00;border-top:none;padding: 10px;margin: 0;}
	.menue-rd .ui-accordion-content ul li { list-style-type: none;margin: 0;}
	.menue-rd .ui-state-default .ui-icon.ui-icon-triangle-1-e { background-image: url("../images/plus_white.png") !important;}
	.menue-rd .ui-state-active .ui-icon.ui-icon-triangle-1-s { background-image: url("../images/minus_white.png") !important;}
	.menue-rd .ui-widget-content a { color: #333333;text-decoration: none;}
	.menue-rd .ui-widget-content a:hover, .menue-rd .ui-widget-content .active a { color: #ff8c00;}
	.menueleft,.navileft,.hide_rd,.navi p { display:none; }
	.wysiwyg { padding: 50px 0;}
}
 
@media screen and (min-width: 768px) and (max-width: 900px) {  
	.navicontact, .navicontact a { font-size: 22px;}
} 
/************************************************************************************
MAX-WIDTH 800
*************************************************************************************/
@media screen and (min-width: 801px) { 
	.box-hide { display: block !important;}
	.filters-container-search { width: 50%;}
	.grid27 .media-box-text p { font-size: 21px !important;}
}

@media screen and (min-width: 600px) and (max-width: 800px) {  
	.row { width: 100%; max-width: 100%; min-width: 1px; margin: 0 auto; } 
	.filters-container-search { width: 80%;}
	.grid11 .media-box-title { display: inline-block;}
}

@media screen and (max-width: 800px) {  
	p,li,td,label,#footer a,.title4,.title5,.button-dsgvo-footer { font-size: 95% !important; } /*Original font-size: 100% !important;*/
	h1 { font-size: 220% !important; } /*Original font-size: 250% !important;*/
	h2 { font-size: 167.5% !important; } /*Original font-size: 187.5% !important;*/
	h3 { font-size: 136.25% !important; } /*Original font-size: 156.25% !important;*/	
	h4, .link2 ul h4 a { font-size: 105% !important; } /*Original font-size: 125% !important;*/	
	.bg-img-txt li { font-size: 120% !important; } /*Original font-size: 150% !important;*/	
	.bg-img-txt h2 { font-size: 200% !important; } /*Original font-size: 218.75% !important;*/
	.media-box-button a { font-size: 95% !important; /*16px | 100%*/ }
	#grid2 .media-box-content .media-box-text a { font-size: 107.5% !important; } /*Original font-size: 112.5% !important;*/
	::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder, :-moz-placeholder { font-size: 95% !important; /*16px | 100%*/ }
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, textareacms,select { font-size: 95% !important; /*16px | 100%*/ }
	.container-titel2 h3 { font-size: 87.25% !important;} /*Original font-size: 100% !important;*/	
	.ui-accordion .ui-accordion-content p { font-size: 95% !important; } /*Original font-size: 100% !important;*/
	.section-button .button { font-size: 109% !important; } /*Original font-size: 137.5% !important;*/
	.media-box-sale,.media-box-date { font-size: 95% !important; } /*Original font-size: 100% !important;*/
	.error-box,.error-box2 { font-size: 95% !important; /*16px | 100%*/ }
	.ui-accordion .ui-accordion-header { font-size: 120% !important;padding-left: 25px !important; } /*Original font-size: 156.25% !important;*/	
    .footable h4  { font-size: 113.2% !important; } /*18px | 118.4%*/
    .footable h4 a { font-size: 100% !important; } /*18px | 104.68%*/
    .footable p { font-size: 100% !important; } /*16px | 105.25%*/
	.grid12 .button.primary { font-size: 100% !important; } /*18px | 104.68%*/
    table.footable > tbody > tr.footable-empty > td { font-size: 107.5% !important; } /*18px | 112.5%*/
	.section-button .button { font-size: 109% !important;}
	footer .eight { text-align:center;}
	#footer {  padding: 50px 15px;}
	.box-hide { display: none !important;}
	.section .one { display: none;}	
	.tpl-right { width: 100% !important;padding: 0;padding-right: 0px;}
	.section-padding { padding-left: 50px;padding-right: 50px;}
	.grid12 .media-box-content { padding: 20px 0px;}
	#logo { margin-top:30px;}
	.grid27 .media-box-text p { font-size: 19px !important;}
	.grid27 .media-box-container { padding: 30px !important;}
}
/************************************************************************************
MAX-WITH 769
*************************************************************************************/
@media screen and (max-width: 768px) {
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, textareacms { margin-bottom:5px; }
	#nav-wrap { position: relative;padding:0px;float:left;left:0;width: 100%;text-align: left; }
   a > .sf-sub-indicator { top: 0;}
	.sf-menu {height:auto;background:#f0f0f0;clear:both;position:absolute;top:40px; width: auto; z-index: 10000; padding: 0px; border: solid 1px #999; display: none;}
	.sf-menu li {clear: both; float: none; margin: 5px 0 5px 10px;border-right:0px solid #fff; }
	.sf-menu a,.sf-menu ul a { font: inherit; background: none; display: inline; padding: 0; color: #333; border: none;}
	.sf-menu a:hover,.sf-menu ul a:hover {background: none; color: #333;}
	.sf-menu ul { width: auto; position: static; display: block; border: none; background: inherit;}
	.sf-menu ul li { margin: 3px 0 3px 15px;}
    .nav-bar > li > a {color:#333 !important;line-height:1.4em !important;padding:5px 10px !important;}
	ul.flyout li a,.nav-bar li ul li a { border: 0px solid #e6e6e6; }
	.form .three { width: 100%;}
	.button.primary,.button.secondary { display: inline-block;}
	#logo img { max-height: 160px;}
	.head2 .four { width: 37% !important;float: left;}
	.head2 .eight { width: 63% !important;float: right !important;}
}

@media screen and (max-width: 700px) {
	.section.u-pb-0 { padding-top: 0;padding-left:0px;padding-right:0px;}
	.section-contact .four { padding: 0;}
}

@media only screen and (min-width: 601px) and (max-width: 768px)  { 
    .navicontact, .navicontact a { font-size: 18px;}
	.navititle { font-size: 22.5px !important;padding-bottom: 5px;}
}
/************************************************************************************
MAX-WIDTH 600
*************************************************************************************/
@media screen and (min-width: 601px) { 
    #masterslider2 { margin-top: 30px !important;}
}

@media screen and (max-width: 600px) { 
	form { margin: 0px !important;}
	.wrapcontact hr { margin-top:20px; }
	.norightpadding_rd2 { padding-right: 0px !important; }
	.gmap { height: 300px;}
	#mobile-nav { top: 25px !important;}
    #logo { margin-top: 30px; margin-bottom: 0px;}
    .sticky-header #logo { margin-top: 7px;margin-bottom: 0;}
	.sticky-header #mobile-nav { top: 25px !important;}
	.sticky-header #header-wrap { height: 71px !important;}
	.sign_rd { display:none; }
	.title { margin-top: 15px;}
	.ui-accordion .ui-accordion-header .ui-accordion-header-icon { z-index: 100;}
	#grid .media-box-image { max-height: 200px;}
	.sticky-header #mobile-note { padding: 18px 21px !important;}
	.sticky-header .button_container { height: 71px;right: 0 !important;}
	.sticky-header .button_container span { margin-top: 20px;}
	.filters-container-search { width: 100%;}
	.form .seven,.form .five { min-height: auto;}
	.section.u-pt-6 { padding-top: 30px !important;}
	.nopadding-600 { padding: 0 !important;}
	.section-grid,.section,.section-nopadding { padding-left: 25px;padding-right: 25px;}
	.bg-img-txt { padding: 60px 25px;}
	.wysiwyg .container { max-width: unset !important;padding: 0 25px;}
	.navisearch { display: none;}
	#logo img { max-height: 150px;}
	.section-inner.u-pt-8.u-pb-8 { padding-top: 40px !important;}
	.sticky-header #logo img { max-height: 50px;height: unset;}
	.sticky-header #logo { margin-top: 10px;}
	#masterslider2 { margin-top: 0px !important;}
	.media-boxes-filter > li label, .media-boxes-filter > li a { font-size: 18px !important;padding: 10px 20px !important;}
	.grid12 .media-box-thumbnail-container { max-height: 200px !important;}
	.index .grid12 .media-box-thumbnail-container { max-height: 300px !important;}
	.thumbtxt3, .thumbtxt4 { width: 100%;}
	.thumbtxt4 { padding-top: 20px;}
	.wrapper_inner2 { padding-bottom: 50px;}
	.footable tbody tr td { display: table-row !important;}
	.show.show-container .show-third { width: 100%;}
	.footable tbody tr td { display: table-row !important;border: none !important;}
	.footable tbody tr { display: table;margin-bottom: 40px;}
	table.table-price em { font-size: 13px;}
}

@media only screen and (min-width: 481px) and (max-width: 600px)  { 
	body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
	.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
	.column, .columns { width: auto !important; float: none; }
	.column:last-child, .columns:last-child { float: none }
	[class*="column"] + [class*="column"]:last-child { float: none }
	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
	.column:after, .columns:after { clear: both }
	.index .grid12 .media-box .media-box-image img { top: -50% !important;}
	.link2 .show.show-container .show-third { width: 80%;margin: 0 auto;float: initial;}
}
/************************************************************************************
MAX-WITH 480
*************************************************************************************/
@media only screen and (max-width: 480px) { 
	body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
	.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
	.column, .columns { width: auto !important; float: none; }
	.column:last-child, .columns:last-child { float: none }
	[class*="column"] + [class*="column"]:last-child { float: none }
	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
	.column:after, .columns:after { clear: both }
	.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important }
	.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto }
	.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto }
	.row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
	.row .mobile-one:last-child { float: right }
	.row .mobile-one.end { float: left }
	.row.collapse .mobile-one { padding: 0 }
	.row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
	.row .mobile-two:last-child { float: right }
	.row .mobile-two.end { float: left }
	.row.collapse .mobile-two { padding: 0 }
	.row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
	.row .mobile-three:last-child { float: right }
	.row .mobile-three.end { float: left }
	.row.collapse .mobile-three { padding: 0 }
	.row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
	.row .mobile-four:last-child { float: right }
	.row .mobile-four.end { float: left }
	.row.collapse .mobile-four { padding: 0 }
	.push-one-mobile { left: 25% }
	.pull-one-mobile { right: 25% }
	.push-two-mobile { left: 50% }
	.pull-two-mobile { right: 50% }
	.push-three-mobile { left: 75% }
	.pull-three-mobile { right: 75% }
	.thumbtxt, .thumbtxt2, .thumbtxt7, .thumbtxt8, .thumbtxt9, .thumbtxt10 { width: 100% !important; }
	.contents.pull-right,.contents.pull-left { padding-left: 25px;padding-right: 25px;}
	.searchbox { padding: 20px;}
	#mobile-nav-right { display: none;}
	.header { min-height: 100px !important;}
	.button_container span { width: 44%;left: 28%;margin-top: 20px;}
	.button_container { height: 71px;width: 71px;right: 0;}
}

@media only screen and (max-device-width: 480px), only screen and (device-height: 320px), only screen and (orientation: landscape) { 
	input.large.button[type="submit"] { margin-top: 0px; }
}
/************************************************************************************
MAX-WIDTH 400
*************************************************************************************/
@media screen and (max-width: 400px) { 
	.ui-accordion .ui-accordion-header .ui-accordion-header-icon { right: 15px !important;bottom: 22px !important;}
	.head2 .four { width: 60% !important;float: left;}
	.head2 .eight { width: 40% !important;float: right !important;}
	h1 { font-size: 200% !important;}
	#logo img { max-height: 100px;}
}

@media screen and (max-width: 380px) { 
	.button_container,.sticky-header .button_container { right: 0px !important;}
}