@import url("/css/styles-devices.css");
@media only screen and (max-width: 890px) {
	#cat_nav div { 	width:13%; }
	#cat_nav li { margin-right: 33px; }
	div#site_search2 { right: 100px; }
	div#login { right: 114px; }
}

@media only screen and (max-width: 800px) {
.noDispOnDev {
display: none;
}
#container { width:auto; max-width:900px; }
#cat_nav div { width:14%;}
#cat_nav li { margin-right: 15px; padding-left:32px;}
div#site_search2 { right: 16px; }
div#login { right: 30px; }

.featured td.image{padding-left:10px; }
.bg_main .featured img{ max-height:90px; margin:10px 0 30px 0 }

img { width:auto; max-width:100%; }
.clr_on_800 { clear:both}

.infobox img.left-ib{
float: none; margin:10px auto 10px;
}
.infobox img.right-ib{
float: none; margin:10px auto 10px;
}
#foot2 .soc_med, #foot3 .soc_med { margin:0 }

}

@media only screen and (max-width: 750px) {
.guest_flower1 {
padding-right:0;
}
}

@media only screen and (max-width: 700px) {
#secondary_menu { top: 3px; left: 2px; }
.bg_main .featured img{  }
#header #cat_nav li { background:none; margin-right: 20px; margin-left:5px;  padding-left:0px;}
div#site_search2 { right: 4px; }
div#login { right: 20px; }
#foot3 .soc_med img{ width:16%; margin:2px 2px 2px 0px;}
#ASYM_logo {
top: 30px;
left: 50px;
.clr_on_700 { clear:both}

}

}
@media only screen and (max-width: 650px) {
.sign_up {
	float:none;
	margin:0;
	width: 100%;
	background: url(/i/design/sign-up-top-bg.png) repeat-x;
	background-color:#c4d7e5;
	border-radius: 8px;
}
.sign_up_top {
	padding:5px 10px 5px 10px;
}
.sign_up_bottom {
	clear:none;
	padding:1px 5px 15px 5px;
}
}

@media only screen and (max-width: 600px) {
#logo_div { left: 6px; width:450px;;
top: 35px;;
}
#logo_div .joy{ width:55px;	margin-right:12px;}
#logo_div .tel{ width:300px;}
#logo_div .asoyam{ width:330px;  margin-top:15px;}
#logo_div .ayaytam{ display:none; }
#logo_div .asrcl{ display:block;}
#logo_div .asrsttoy{ display:none;}

#secondary_menu > ul li { padding: 0 2px; }
#ASYM_logo { left: 0px;}
#ASYM_logo .ayaytam { display:none;}

div#magnify { display: block; }
div#site_search2 { display:none; }
div#login { right: 10px; top: 35px; }

#site_search2 form input.search_q {
  font-size:10px;
width: 120px;
 padding:1px 0 1px 3px;
}
#mband_wrap {
	margin-top:40px;
}
#mband img {margin-top:87px; height:73px}
#mband img.med {margin-top:77px; height:83px}
#mband img.tall {margin-top:70px; height:90px}
#mband img.full {margin-top:0px;  height: auto; width:680px;}
.featured td.image{ display:none }
div.progMenu {
margin:0 0 10px 10px;
padding: 5px 5px 10px 10px;
}

.noDispBelow600 { display: none; }

}

@media only screen and (max-width: 560px) {
	#cat_nav div { 	width:16%; }
	#cat_nav div.karma_cat { display:none;}
}

@media only screen and (max-width: 520px) {
.noDispBelow520 { display: none; }

	/* #cat_nav div { 	width:33%; } */
}
@media only screen and (max-width: 480px) {
#cat_nav div { 	width:auto;padding-left:8px; padding-right:8px;}

.SpBanner { display:none; }
.SpMobBanner { display: block; }

.featured td.image{ display: block }
.bg_main .featured img{
	max-height:120px; margin:6px 0;
}
#logo_div {
width:300px;
}
#logo_div .joy{ width:40px; margin-right:5px;}
#logo_div .tel{ width:250px;}
#logo_div .asoyam{ width:250px; margin-top:15px;}
#logo_div .asrcl{ display:block;}
#logo_div .asrsttoy{ display:none;}
#ASYM_logo { top: 55px; width:95%}
#ASYM_logo .asym-logo { display:none;}

div#site_search2 {
top: 28px;
right: 4px;
}
#mband_wrap { margin-top:90px; }
#mband_int { display:none;}

.info-half, .info-half-left, .info-third, .info-third-left, .info70, .info30-left {
	width:100%;
	float:left;
	clear:left;
}

.nocrndev {border-radius: 0px;}

.dev_width_300 { width:300px }
.clr_on_dev { clear:both}
.noDispOnSmallDev { display: none; }
}
@media only screen and (max-width: 420px) {
#cat_nav div { 	padding-left:4px; padding-right:5px;}
div#login { top: 32px; }
}

@media only screen and (max-width: 400px) {
.sign_up_top {
	padding:5px 10px 0px 10px;
}
.sign_up_bottom {
clear:left;
	padding:1px 10px 15px 10px;
}
}

@media only screen and (max-width: 360px) {
.no_dev_mrg { margin:0;}
#cat_nav div a { font-size:12px;}
#cat_nav div { line-height:14px; }

#secondary_menu > ul li a { font-size:10px; }
div#login { right: 6px; top: 32px; }
div#login a { font-size:10px; }

.right, div.right {margin-left: 4px;}
.left, div.left {margin-right: 4px; }
}