/************************************************************************************
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 }
}

/* 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 (min-width: 600px) and (max-width: 1000px) { 
	.databox { padding: 0 5px;width: 50% !important;}
}
 
/************************************************************************************
MAX-WIDTH 900
*************************************************************************************/
@media screen and (min-width: 601px) and (max-width: 900px) {  
    .menueleft { display:none; }
	.nine, .row .nine { width:100%; }
	#footer h1 { font-size: 30px; }
 }

@media screen and (min-width: 768px) and (max-width: 980px) {  
	hr { margin-top:10px;margin-bottom:0px;padding-bottom:10px; }
}

@media screen and (max-width: 900px) {  
	.filterbox h2,.loginbox h2 { margin-top:20px !important;}
	.filterbox .hr2 { height:0;}
	.wrapper { min-height: unset;}
 }
 
@media screen and (max-width: 970px) {  
    .banner1,.banner2,.hide_banner_rd { display:none; }
	.navibox { width:100% !important; }
	.navibox p { margin-top:3px; }
	.navi { margin-bottom:3%; }
	.wrap { display: block;font-size:22px;margin-top:2%; }
 }

/************************************************************************************
MAX-WIDTH 800
*************************************************************************************/
@media screen and (min-width: 600px) and (max-width: 800px) {  
	.row { width: 100%; max-width: 100%; min-width: 1px; margin: 0 auto; } 
	.ca-menu{padding:0; margin-left: 100px;}
	.ca-menu li{ width: 250px;}
 }
 
@media screen and (min-width: 600px) and (max-width: 870px) {  
	.title_searchbox { width:50% !important;}
 } 
 
 @media screen and (min-width: 601px) and (max-width: 870px) {  
	.hide_slider { display:none; }
 } 
 
@media screen and (min-width: 600px) and (max-width: 871px) {  
	.show_box_rd { display:block; }
	.title_searchbox { margin-top:2%;} 
	.title_searchbox h2 { font-weight:bold;font-size:140%;} 
 }
 
 @media screen and (min-width: 871px) {  
	.show_box_rd { display:none; } 
 }
 
@media screen and (min-width: 600px) and (max-width: 800px) {  
 .ei-title h2,.ei-title h3 {}
 .boxinfo { width:50% !important; }
 .thumb4 {width:190px !important; }
 .itemtxt .five,.itemtxt .seven { width:100%;}
 .itemtxt .buybox { margin-top:0 !important;}
 .itemtxt .pricebox2,.pricebox2 p { margin-top:0.5% !important;margin-bottom:0px !important;}
}

@media screen and (min-width: 480px) and (max-width: 800px) {  
 #navibuttons a.button.large { line-height:1.6em;padding:10px 25px;}
}

@media screen and (max-width: 800px) {  
  p { font-size: 95% !important; }
  .amount { font-size: 120% !important; }
  .tax { font-size:75% !important; }
  .navi p { font-size: 80% !important; }
  li { font-size: 100% !important; }
  #footer h1 { font-size: 25px; }
  h1,h2,h3,h4,h5,h6 { }
  .ui-accordion .ui-accordion-header { font-size: 100% !important;}
  .hide_navi_rd { display:none; }
}

@media screen and (min-width: 801px) { 
  .show_txt_rd2 { display:none !important; }
}

/************************************************************************************
MAX-WITH 769
*************************************************************************************/
@media screen and (max-width: 768px) {
 .sectiontitle { background-image:none;}
 .wrapper2 { padding-top:0px;margin-top:0px; }
 .wrapcontact .hr { height:10px; } 
 #footer { margin-top:0px; }
 #footer p { text-align:left;}
 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; }
 #deals .three, #deals .row .three { width:50%;}
 .logo { display:none;}
 .loginbox{ width:100% !important;}
 .filterbox { width:100% !important;}
 .loginbox { margin-bottom: 5%;}
 .loginbox h2,.filterbox h2 { margin-top:5px !important;}
}

@media screen and (min-width: 480px) and (max-width: 769px) {  
#sitesearch { float: left; width: 100%; padding-bottom:5px;}
#sitesearch2 {float: left; width: 100%;}
#field1,#field2,#field3,#field4 { width:100%;}
.searchbox input.large.button[type="submit"] { text-align:center;}
.dealpic { width:50% !important; }
}

@media screen and (min-width: 769px) {
.logo2 { display:none;}
}

/************************************************************************************
CAROUSEL
*************************************************************************************/
@media screen and (max-width: 1024px) {
#testimonials {width:98% !important;}
#testimonials blockquote{width:98% !important;}
#testimonials {height:160px !important;}
#testimonials blockquote{height:160px !important;}
}

@media screen and (max-width: 850px) {
.fitcarousel {width:97%;overflow:hidden;}
}
@media screen and (min-width: 470px) and (max-width: 480px) {  
.fitcarousel {width:89% !important;overflow:hidden;}
}

/************************************************************************************
MAX-WIDTH 600
*************************************************************************************/
@media screen and (max-width: 600px) { 
 	.back-top, .back-top a, .slide {display:none;}
	.bread { text-align:left; }
	.hide_box_rd { display:none; }
	.itemtxt .titlebox { margin-bottom:5px!important;padding-top:0px !important; }
	.itemtxt .pricebox { margin-top:5% !important; }
	.itemtxt .buybox { margin-top:0% !important; }
	.itemtxt hr { margin:20px 0px 20px 0px !important; }
	.itemtxt .hr { height:0px !important;  }
	.amount { display:none !important; }
	.dropamount { margin-bottom:2%; }
	.itemtxt .pdfbox h4 { font-size:100% !important; }
	.norightpadding_rd { padding-right: 0px !important; }
	.noleftmargin_rd { padding-left: 0px !important; }
	.basket { margin:0px !important; }
	.basket .hr2 { height:20px!important; }
	.shopitem { padding-bottom:20px!important; }
	form { margin: 0px !important;}
	.wrapcontact hr { margin-top:20px; }
	.button.primary { width:100%;margin:0; }
	.navi h3 { margin-top:0; }
	.rslides_container { margin-top:5%;margin-bottom:5%;}
	.sbox2 { margin-bottom:5%;}
	.txtright { text-align:left !important;}
	.itemtxt .pricebox2,.pricebox2 p { margin-top:1% !important;margin-bottom:1% !important;}
	.show_le2 { text-align:left;float:left;padding-right: 5px;}
	.itemtxt .buybox p { text-align:left !important;}
	.pricebox2 { float: left !important;width: 50% !important;}
	.button-right { text-align:left; }
	#footer h1 {padding-top:20px;}
}

@media screen and (max-width: 601px) { 
	.show_box_rd { display:none; }
	.show_article_rd { display:block; }
	.itemtxt h3 { margin-top:15px !important; }
	.infobox { float:none !important;z-index:1000;}
	.itemtxt .buybox,.dropamount { padding-left:0px !important;padding-right:0px!important;}
}

@media screen and (min-width: 601px) { 
	.show_article_rd { display:none; }
	.show_txt_rd { display:none; }
}

@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 }
	.nav-bar { height:1px; margin-top: 30px;padding: 0; }
	.nav-bar > li { float: left; display: block; position: relative; padding: 10px 0; margin: 0 7px 0 0;line-height:10px;}
	ul.flyout li a, .nav-bar li ul li a {margin:0px;height:100%;}
	.ei-slider {height:215px;}
    .responsiveslide {margin-left: 0px !important;width:100% !Important;}
	.responsiveimg {margin-left: 0px !important;width:100% !Important;}
    .menueleft,.navileft,.hide_rd,.title,.navi p { display:none; }
	.naviicons { display:block;margin-bottom:10px; }
	.button.medium { display:inline-block;margin-top:0px;margin-bottom:5px; }
	.button.medium i.fa { }
    h1, h2, h3, h4, h5, h6 { }
	.boxinfo { width:50% !important;padding-right:10%; }
    .optic-zoom { max-width:50% !important; }

}

@media screen and (min-width: 480px) and (max-width: 600px) {  
#sitesearch,#sitesearch2 {width:100% !important;}
}

/************************************************************************************
MIN-WIDTH 481
*************************************************************************************/
@media screen and (min-width: 481px) {  
.thumbzoom {width:30%;}
.thumbzoom2 {width:100%;}
}

/************************************************************************************
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 }
	/* Mobile 4-column Grid */
	.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% }
	.nav-bar { height:1px; margin-top: 30px; padding: 0; }
	.nav-bar > li { float: left; display: block; position: relative; padding: 10px 0; margin: 0 7px 0 0;line-height:10px;}
	ul.flyout li a, .nav-bar li ul li a {margin:0px;height:100%;}
	.name {display:block;}
	.noleftmarg {padding:0px !important;}	
	.ei-slider {height:130px;}
	.responsiveslide {margin-left: 0px !important;width:100% !Important;}
	.responsiveimg {margin-left: 0px !important;width:100% !Important;}
	.newsmargin{margin-left:0px;}
	.floatright {float:none;}
	.left { float: none }	
	.right { float: right; }
	.ei-title h2,.ei-title h3 {}
	#testimonials {height:260px !important;}
    #testimonials blockquote{height:260px !important;}
	.noslide h3 {padding:0px;}
	.ca-menu li {width:100%;float:none;}
	.navisearch p { font-size:13px;margin-top:25px;}
	/*input.large.button[type="submit"] { margin-top:5px; padding:8px; }*/
	.menueleft,.navileft,.hide_rd,.navi p { display:none; }
	.naviicons { display:block; }
	.button.medium { display:inline-block;margin-top:0px;margin-bottom:5px; }
	.button.medium i.fa { }
	.title { display:none; }
	.searchbox { margin-bottom:5px; }
	.box_hr { margin-top:15px; }
	.hr2 { height:10px; }
	.threeportofolio h3 { margin-top:10px; }
	.thumbzoom {width:100% !Important;}
	.boxinfo,.thumb4,.thumb5 { width:100% !important; }
	.thumb2 { width:100% !important; padding-right:30%; }
	.thumbtxt, .thumbtxt2, .thumbtxt3, .thumbtxt4 { width:100%; }
	.boxpdf2 h4 { margin-top:15px;}
	.sitemap ul li { display:block; }
	.optic-zoom { max-width:100% !important; }
    #footer { text-align: center;}
}

@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; }
}

/************************************************************************************
SUPERFISH
*************************************************************************************/
@media screen and (max-width: 768px) {
	#nav-wrap { position: relative;padding:0px;float:left;left:0; }
	#menu-icon {background: url("../images/menu-icon-w.png") no-repeat scroll 15px center #2b2825; color: #fff; cursor: pointer; display: block; height: 44px; padding: 12px 15px 15px 45px;}
	#menu-icon:hover {}
	#menu-icon.active {background-color: #c2c0bd;}
   a > .sf-sub-indicator { top: 0;}
	.textmenu { margin-top: 8px !important;}
	.sf-menu {height:auto;background:#c2c0bd; clear: both; position: absolute; width: auto; z-index: 10000; padding: 0px; border: solid 0px #999; display: none;margin-left: 0;width: 230px;}
	.sf-menu li {clear: both; float: none; margin:0;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: #fff;}
	.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;}
	.nav-bar > li > a:hover  { color: #fff !important; }	
	.sfHover a { color: #fff !important; }
	.sfHover ul li a { color: #333!important; }
	ul.flyout, .nav-bar li ul { margin-top:0px;z-index:1000 !important}
	ul.flyout li a, .nav-bar li ul li a {color:#333;background: #dfdfde;margin-top:0px;overflow:hidden;}
	ul.flyout li a:hover, .nav-bar li ul li a:hover {color:#333;background: #f4f4f4;margin-top:0px;overflow:hidden;}	
	.fitcarousel {width:81%;overflow:hidden;}
	ul.flyout li a,.nav-bar li ul li a { border: 0px solid #e6e6e6; }
	#menu { margin-left: 0px; padding-left: 0px; margin-right: 0px; padding-right: 0px; }
	.nav-bar > li > a:first-child { padding: 14px 20px 10px 20px; }
}
 
@media screen and (min-width: 769px) { 
	/* ensure #nav is visible on desktop version */
	.sf-menu { display: block !important;height:100%;} 
}

@media screen and (max-width: 600px) {
	.sf-menu { margin-top:0px; }
	#nav-wrap { }
	.nav-bar > li {padding:0px; }
	ul.flyout li, .nav-bar li ul li {background:#eee;}
}

/************************************************************************************
MAX-WIDTH 400
*************************************************************************************/
@media screen and (max-width: 400px) { 
	.infobox { float:none !important;}
	.logo2 {text-align: center;}
	.databox { padding: 0;}
}

/************************************************************************************
MAX-WIDTH 360
*************************************************************************************/
@media screen and (max-width: 360px) { 
.object-left,.object-right {width:100% !important;}
}

/************************************************************************************
MAX-WIDTH 320
*************************************************************************************/
@media screen and (max-width: 319px) { 
	.logo2 { text-align:center; }
}
/************************************************************************************
MAX-WIDTH 240
*************************************************************************************/
@media screen and (max-width: 240px) { 
    .row .mobile-one {width:45% !important;}
    .row .mobile-three {width:55% !Important;}
    .ca-menu, #footer {overflow:hidden;}
    h1 {font-size:20px;}
    #testimonials {height:250px !Important;}
    .image_carousel {overflow:hidden;}
}