.header-right{ float:right; font-family:Arial; padding-top:10px;}
.header-right strong{ color:#000066; font-size:16px; font-weight:bold;}
.call-text{ margin:0; color:#005566; font-size:12px; font-weight:bold; display:block;}
.call-text p{ margin:0; color:#005566; font-size:12px; font-weight:bold;}
.call-text p span{ color:#cc0000; font-size:15px;}
.teb-call-text{ display:none; background:#007fd2; text-align:center; height:25px; line-height:25px; color:#FFFFFF; font-size:13px; font-weight:bold; text-decoration:none; margin:4px 0;}
.teb-call-text:hover{ color:#dfebf7;}
.mob-call-text{ display:none; background:#007fd2; text-align:center; height:25px; line-height:25px; color:#FFFFFF; font-size:13px; font-weight:bold; text-decoration:none; margin:5px 0;}
.mob-call-text:hover{ color:#dfebf7;}
.email-text{ color:#005566; font-size:12px; font-weight:bold;}
.email-text a{ color:#005566; text-decoration:none;}
.email-text a:hover{text-decoration:underline;}
.header-right b{ color:#005566; font-size:12px; font-weight:normal; font-weight:bold;}
.material-menu{ display:none;}

.footer-content{ float:left; width:100%; padding:15px 0 10px 0;}
.footer-box-1{ width:280px; float:left;}
.footer-box-2{ width:280px; float:left; margin:0 55px;}
.footer-box-3{ width:280px; float:left;}
.footer-box-4{ width:280px; float:left; clear:left; margin-top:10px;}
.footer-box-5{ width:280px; float:right; margin-top:10px;}

.footer-box{ font-family:Arial;}
.footer-box h3{ border-bottom:#FFFFFF solid 2px; color:#ffea01; font-size:18px; font-weight:bold; padding-bottom:8px; margin-bottom:18px;}
.footer-box ul{ margin:0; padding:0; list-style:none; color:#FFFFFF;}
.footer-box ul li{ padding:0 0 0 0; font-size:12px; line-height:18px;}
.footer-box ul li a{ text-decoration:none; color:#FFFFFF; padding-left:5px;}
.footer-box ul li a:hover{ text-decoration:underline;}

@media only screen and (min-width: 960px) {
.sectioncell{ height:230px !important;}
.sectionprice{ width:100px;}
}

@media only screen and (min-width: 900px) and (max-width: 959px) {
textarea { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
img{ max-width:100%; height:auto;}
#wrapper{ width:99%;}
#topnav a{ padding:0 37px;}
#mainarea{ width:75.5%; padding:8px;}
.f-left{ width:49%;}
.f-right{ width:49%;}
.sectioncell{ margin:0 8px 10px 8px; width:25% !important; height:225px !important;}
#footer .footer-link a{ padding:0 5px;}
#info-div ins{ display:none !important;}

#ys_pageBody.ys_sideBar{ width:78%;}
#ys_mastFoot{ width:100%; float:left;}
#ys_merchFooter{ width:100%; float:left;}
/*#ys_merchFooter #footer{ width:97.8%; padding:0 10px; margin-bottom:10px;}
.footer-box-1{ width:33%;}
.footer-box-2{ width:30%; margin:0 15px;}
.footer-box-3{ width:33%;}
.footer-box-4{ width:33%;}
.footer-box-5{ width:33%;}*/

}
@media only screen and (min-width: 800px) and (max-width: 899px) {
textarea { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
img{ max-width:100%; height:auto;}
#wrapper{ width:99%;}
#topnav a{ padding:0 29px;}
#mainarea{ width:73%; padding:8px;}
.f-left{ width:49%;}
.f-right{ width:49%;}
.slider-content{ width:385px;}
ul.tabs li{ width:127px;}
.selected{ width:127px;}
.sectioncell{ margin:0 4px 10px 4px; width:25% !important; height:225px !important;}
#footer .footer-link a{ padding:0 5px;}
#itemimage{ width:36%;}
#orderbox{ width:62%;}
.orderright{ width:251px;}
.header-right{ margin-bottom:10px;}
.call-text p{ display:none;}
.teb-call-text{ display:block;}
#info-div ins{ display:none !important;}
#ys_mastFoot{ width:100%; float:left;}
#ys_merchFooter{ width:100%; float:left;}
/*#ys_merchFooter #footer{ width:97.6%; padding:0 10px; margin-bottom:10px;}
.footer-box-1{ width:33%;}
.footer-box-2{ width:30%; margin:0 15px;}
.footer-box-3{ width:33%;}
.footer-box-4{ width:33%;}
.footer-box-5{ width:33%;}*/



}
@media only screen and (min-width: 768px) and (max-width: 799px) {
textarea { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
img{ max-width:100%; height:auto;}
#wrapper{ width:99%;}
#topnav{ display:none;}
#topnav a{ padding:0 27px;}
#mainarea{ width:97%; margin-top:0;}
.sectioncell{ margin:0 10px 10px 10px; width:25% !important; height:225px !important;}
#leftcol{ width:100%;}
#topform{ width:326%; padding-bottom:0;}
#topsearchbox{ width:90%; padding:0 10px; height:29px;}
#footer .footer-link a{ padding:0 5px;}
.leftbot{ display:none;}
#leftbot img{ display:none;}
#leftbot a{display:none!important}
#leftbot iframe{display:none!important}
.call-text p{ display:none;}
.teb-call-text{ display:block;}
#info-div ins{ display:none !important;}

/* Top bar in vertical view type */
.top-bar.vertical {background: transparent; min-height: auto; line-height: 45px; margin: 0 0 0 0; padding: 0; width: auto; position: relative;}
.top-bar.vertical ul {display:block;float:none !important;height:auto;line-height:auto; padding: 0 0 5px 0; margin: 0; text-align: left;}
.top-bar.vertical ul > li {display:block;float:none;background-image: none;padding: 0px; margin: 0px;}
.top-bar.vertical ul > li a {height:auto;line-height:1.3;padding:6px;white-space:pre-line;}
.top-bar.vertical ul > li.has-dropdown {position:static;}
.top-bar.vertical ul > li a.has-dropdown{ font-size: 16px; background: #265a90; font: 14px "Century Gothic",Arial,sans-serif; color: #fff; display: block; text-decoration: none; }
.top-bar.vertical ul > li a.has-dropdown:hover{
    color: #fff!important;
}
.top-bar.vertical ul > li.has-dropdown .dropdown {left:auto;margin:0;padding:0 !important;position:static;display:block;z-index:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li {background: transparent; background-image: none; line-height: 1; min-width: 100%; padding: 0px; margin: 0px; padding-bottom: 5px !important;}
.top-bar.vertical ul > li.has-dropdown .dropdown li > a {height:auto;line-height:1.3;padding:5px 17px 5px 15px;white-space:pre-line;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {position:static;left:auto;top:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a {padding-left:30px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a {padding-left:45px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a li a {padding-left:60px;}
.top-bar.vertical ul > li > a:hover,
.top-bar.vertical ul > li.active > a,
.top-bar.vertical ul > li > a:focus { color: #898989 !important; }
.material-menu-button {display:block;width:33px;height:33px;padding:10px 10px 0px 10px;background-color:#000; cursor: pointer;}
.material-menu-button span {display:block;width:100%;height:5px;margin-bottom:4px;background-color:#fff;}
.material-menu{display: inline-block;}
.material-menu-wrapper {padding:10px;}
.material-menu-view-mobile {background-color:#fff; height: 96%!important;}
.material-menu .leftheaders{ display:block;}
.material-menu .main-menu a{ display:block;}
.leftheaders{ display:none;}
#leftnav .main-menu a{ display:none;}
#ys_mastFoot{ width:100%; float:left;}
#ys_merchFooter{ width:100%; float:left;}
/*#ys_merchFooter #footer{ width:97.5%; padding:0 10px; margin-bottom:10px;}
.footer-box-1{ width:33%;}
.footer-box-2{ width:30%; margin:0 14px;}
.footer-box-3{ width:33%;}
.footer-box-4{ width:33%;}
.footer-box-5{ width:33%;}*/



}
@media only screen and (min-width: 640px) and (max-width: 767px) {
textarea { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
img{ max-width:100%; height:auto;}
#wrapper{ width:99%;}
#logo{ width:60%;}
#topnav{ display:none;}
#topnav a{ padding:0 16px;}
#mainarea{ width:96.5%;}
.f-left{ width:49%;}
.f-right{ width:49%;}
.sectioncell{ margin:0 5px 10px 5px; width:25% !important; height:225px !important;}
#footer .footer-link a{ padding:0 5px;}
#itemimage{ width:37%;}
#orderbox{ width:62%;}
.orderright{ width:272px;}
#leftbot{ display:none;}
#leftbot img{ display:none;}
#leftbot a{display:none!important}
#leftbot iframe{display:none!important}
#topform{ width:352%; padding-bottom:0; height:31px;}
#topsearchbox{ width:91%;}
#leftnav{ margin-top:0; height:45px;}
.call-text p{ display:none;}
.mob-call-text{ display:block; width:115px;}
#info-div ins{ display:none !important;}

/* Top bar in vertical view type */
.top-bar.vertical {background: transparent; min-height: auto; line-height: 45px; margin: 0 0 0 0; padding: 0; width: auto; position: relative;}
.top-bar.vertical ul {display:block;float:none !important;height:auto;line-height:auto; padding: 0 0 5px 0; margin: 0; text-align: left;}
.top-bar.vertical ul > li {display:block;float:none;background-image: none;padding: 0px; margin: 0px;}
.top-bar.vertical ul > li a {height:auto;line-height:1.3;padding:6px;white-space:pre-line;}
.top-bar.vertical ul > li.has-dropdown {position:static;}
.top-bar.vertical ul > li a.has-dropdown{ font-size: 16px; background: #265a90; font: 14px "Century Gothic",Arial,sans-serif; color: #fff; display: block; text-decoration: none; }
.top-bar.vertical ul > li a.has-dropdown:hover{
    color: #fff!important;
}
.top-bar.vertical ul > li.has-dropdown .dropdown {left:auto;margin:0;padding:0 !important;position:static;display:block;z-index:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li {background: transparent; background-image: none; line-height: 1; min-width: 100%; padding: 0px; margin: 0px; padding-bottom: 5px !important;}
.top-bar.vertical ul > li.has-dropdown .dropdown li > a {height:auto;line-height:1.3;padding:5px 17px 5px 15px;white-space:pre-line;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {position:static;left:auto;top:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a {padding-left:30px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a {padding-left:45px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a li a {padding-left:60px;}
.top-bar.vertical ul > li > a:hover,
.top-bar.vertical ul > li.active > a,
.top-bar.vertical ul > li > a:focus { color: #898989 !important; }
.material-menu-button {display:block;width:33px;height:33px;padding:10px 10px 0px 10px;background-color:#000; cursor: pointer;}
.material-menu-button span {display:block;width:100%;height:5px;margin-bottom:4px;background-color:#fff;}
.material-menu{display: inline-block;}
.material-menu-wrapper {padding:10px;}
.material-menu-view-mobile {background-color:#fff; height: 96%!important;}
.material-menu .leftheaders{ display:block;}
.material-menu .main-menu a{ display:block;}
.leftheaders{ display:none;}
#leftnav .main-menu a{ display:none;}

#ys_pageBody.ys_sideBar{ width:99.7%;}
#ys_mastFoot{ width:100%; float:left;}
#ys_merchFooter{ width:100%; float:left;}
/*#ys_merchFooter #footer{ width:97%; padding:0 10px; margin-bottom:10px;}
.footer-box-1{ width:48%;}
.footer-box-2{ width:48%; margin:0 0px; float:right;}
.footer-box-3{ width:48%; margin-top:30px;}
.footer-box-4{ width:48%; float:right; clear:none; margin-top:13px;}
.footer-box-5{ width:48%; margin-top:13px;}
.footer-box ul li{ line-height:22px;}*/
}
@media only screen and (min-width: 568px) and (max-width: 639px) {
textarea { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
img{ max-width:100%; height:auto;}
#wrapper{ width:99%;}
#logo{ width:60%;}
#topnav{ display:none;}
#topnav a{ padding:0 10px;}
#mainarea{ width:96%;}
.f-left{ width:49%;}
.f-right{ width:49%;}
.slider-content{ width:390px;}
ul.tabs li{ width:128.6px;}
.selected{ width:128.6px;}
.sectioncell{ margin:0 5px 10px 5px; width:24% !important; height:235px !important;}
#footer .footer-link a{ padding:0 5px;}
#itemimage{ width:39%;}
#orderbox{ width:59%;}
.orderright{ width:211px;}
#topform{ width:312%; padding-bottom:0;}
#topsearchbox{ width:90%;}
#leftnav{ margin-top:0; height:45px;}
#leftbot{ display:none;}
#leftbot img{ display:none;}
#leftbot a{display:none!important}
#leftbot iframe{display:none!important}
.call-text p{ display:none;}
.mob-call-text{ display:block; width:115px;}
#info-div ins{ display:none !important;}

/* Top bar in vertical view type */
.top-bar.vertical {background: transparent; min-height: auto; line-height: 45px; margin: 0 0 0 0; padding: 0; width: auto; position: relative;}
.top-bar.vertical ul {display:block;float:none !important;height:auto;line-height:auto; padding: 0 0 5px 0; margin: 0; text-align: left;}
.top-bar.vertical ul > li {display:block;float:none;background-image: none;padding: 0px; margin: 0px;}
.top-bar.vertical ul > li a {height:auto;line-height:1.3;padding:6px;white-space:pre-line;}
.top-bar.vertical ul > li.has-dropdown {position:static;}
.top-bar.vertical ul > li a.has-dropdown{ font-size: 16px; background: #265a90; font: 14px "Century Gothic",Arial,sans-serif; color: #fff; display: block; text-decoration: none; }
.top-bar.vertical ul > li a.has-dropdown:hover{
    color: #fff!important;
}
.top-bar.vertical ul > li.has-dropdown .dropdown {left:auto;margin:0;padding:0 !important;position:static;display:block;z-index:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li {background: transparent; background-image: none; line-height: 1; min-width: 100%; padding: 0px; margin: 0px; padding-bottom: 5px !important;}
.top-bar.vertical ul > li.has-dropdown .dropdown li > a {height:auto;line-height:1.3;padding:5px 17px 5px 15px;white-space:pre-line;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {position:static;left:auto;top:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a {padding-left:30px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a {padding-left:45px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a li a {padding-left:60px;}
.top-bar.vertical ul > li > a:hover,
.top-bar.vertical ul > li.active > a,
.top-bar.vertical ul > li > a:focus { color: #898989 !important; }
.material-menu-button {display:block;width:33px;height:33px;padding:10px 10px 0px 10px;background-color:#000; cursor: pointer;}
.material-menu-button span {display:block;width:100%;height:5px;margin-bottom:4px;background-color:#fff;}
.material-menu{display: inline-block;}
.material-menu-wrapper {padding:10px;}
.material-menu-view-mobile {background-color:#fff; height: 96%!important;}
.material-menu .leftheaders{ display:block;}
.material-menu .main-menu a{ display:block;}
.leftheaders{ display:none;}
#leftnav .main-menu a{ display:none;}


#ys_pageBody.ys_sideBar{ width:99.5%;}
#ys_mastFoot{ width:100%; float:left;}
#ys_merchFooter{ width:100%; float:left;}
/*#ys_merchFooter #footer{ width:97.3%; padding:0 8px; margin-bottom:10px;}
.footer-box-1{ width:48%;}
.footer-box-2{ width:48%; margin:0 0px; float:right;}
.footer-box-3{ width:48%; margin-top:30px;}
.footer-box-4{ width:48%; float:right; clear:none; margin-top:13px;}
.footer-box-5{ width:48%; margin-top:13px;}
.footer-box ul li{ line-height:22px;}*/
}
@media only screen and (min-width: 480px) and (max-width: 567px) {
textarea { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
img{ max-width:100%; height:auto;}
#wrapper{ width:99%;}
#logo{ float:none; width:470px; display:table; margin:0 auto; text-align:center;}
#headright{ float:none; width:200px; display:table; margin:0 auto; text-align:center; margin-bottom:15px;}
#mainarea{ width:95.5%;}
.f-left{ width:49%;}
.f-right{ width:49%;}
.slider-content{ width:370px;}
ul.tabs li{ width:122px;}
.selected{ width:122px;}
.sectioncell{ margin:0 5px 10px 5px; width:22% !important; height:232px !important;}
#footer .footer-link a{ padding:0 5px;}
#itemimage{ width:33%;}
.stbuttontext{ display:inline-block; margin-top:10px;}
#orderbox{ width:62%;}
.orderleft{ width:80px;}
.orderright{ width:189px;}
#orderbox input{ width:175px;}
#itemqty{ width:25px !important;}
#addtocart{ display:inline-block; width:130px !important; text-align:center; top:5px;}
#topnav{ display:none;}
#topform{ width:263%; padding-bottom:0;}
#topsearchbox{ width:88%;}
#leftnav{ margin-top:0; height:45px;}
#leftbot{ display:none;}
#leftbot img{ display:none;}
#leftbot a{display:none!important}
#leftbot iframe{display:none!important}
.header-right{ float:none; text-align:center; margin-bottom:10px;}
.header-right strong{ display:block;}
.call-text{ display:inline-block;}
.call-text p{ display:none;}
.mob-call-text{ display:block; width:115px;}
.orderrow{ background-size: 358px 100%;}
#info-div ins{ display:none !important;}

/* Top bar in vertical view type */
.top-bar.vertical {background: transparent; min-height: auto; line-height: 45px; margin: 0 0 0 0; padding: 0; width: auto; position: relative;}
.top-bar.vertical ul {display:block;float:none !important;height:auto;line-height:auto; padding: 0 0 5px 0; margin: 0; text-align: left;}
.top-bar.vertical ul > li {display:block;float:none;background-image: none;padding: 0px; margin: 0px;}
.top-bar.vertical ul > li a {height:auto;line-height:1.3;padding:6px;white-space:pre-line;}
.top-bar.vertical ul > li.has-dropdown {position:static;}
.top-bar.vertical ul > li a.has-dropdown{ font-size: 16px; background: #265a90; font: 14px "Century Gothic",Arial,sans-serif; color: #fff; display: block; text-decoration: none; }
.top-bar.vertical ul > li a.has-dropdown:hover{
    color: #fff!important;
}
.top-bar.vertical ul > li.has-dropdown .dropdown {left:auto;margin:0;padding:0 !important;position:static;display:block;z-index:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li {background: transparent; background-image: none; line-height: 1; min-width: 100%; padding: 0px; margin: 0px; padding-bottom: 5px !important;}
.top-bar.vertical ul > li.has-dropdown .dropdown li > a {height:auto;line-height:1.3;padding:5px 17px 5px 15px;white-space:pre-line;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {position:static;left:auto;top:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a {padding-left:30px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a {padding-left:45px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a li a {padding-left:60px;}
.top-bar.vertical ul > li > a:hover,
.top-bar.vertical ul > li.active > a,
.top-bar.vertical ul > li > a:focus { color: #898989 !important; }
.material-menu-button {display:block;width:33px;height:33px;padding:10px 10px 0px 10px;background-color:#000; cursor: pointer;}
.material-menu-button span {display:block;width:100%;height:5px;margin-bottom:4px;background-color:#fff;}
.material-menu{display: inline-block;}
.material-menu-wrapper {padding:10px;}
.material-menu-view-mobile {background-color:#fff; height: 96%!important;}
.material-menu .leftheaders{ display:block;}
.material-menu .main-menu a{ display:block;}
.leftheaders{ display:none;}
#leftnav .main-menu a{ display:none;}

#ys_pageBody.ys_sideBar{ width:99.6%;}
#ys_mastFoot{ width:100%; float:left;}
#ys_merchFooter{ width:100%; float:left;}
/*#ys_merchFooter #footer{ width:98.1%; padding:0 5px; margin-bottom:10px;}
.footer-box-1{ width:48%;}
.footer-box-2{ width:48%; margin:0 0px; float:right;}
.footer-box-3{ width:48%; margin-top:30px;}
.footer-box-4{ width:48%; float:right; clear:none; margin-top:13px;}
.footer-box-5{ width:48%; margin-top:13px;}
.footer-box ul li{ line-height:22px;}*/



}
@media only screen and (min-width: 360px) and (max-width: 479px) {
textarea { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
img{ max-width:100%; height:auto;}
#wrapper{ width:99%;}
#logo{ float:none; width:470px; display:table; margin:0 auto; text-align:center;}
#headright{ float:none; width:200px; display:table; margin:0 auto; text-align:center; margin-bottom:15px;}
#mainarea{ width:93.5%;}
.f-left{ width:100%; float:none; text-align:center; display:block;}
.f-right{ width:100%; float:none; text-align:center; display:block;}
.sectioncell{ float:none; margin:auto; display:table; text-align:center; margin-bottom:10px; height:220px !important;}
#caption2{ padding:10px;}
#footer .footer-link a{ padding:0 5px;}
#mainarea > iframe{ float:left; width:100% !important;}
#leftbot iframe{ float:left; width:100% !important;}
#itemimage{ width:100%;}
#orderbox{ width:100%; margin-top:15px;}
.orderright{ width:226px;}
#topform{ width:197%; padding-bottom:0;}
#topsearchbox{ width:84%;}
#leftnav{ margin-top:0; height:45px;}
#leftbot{ display:none;}
#leftbot img{ display:none;}
#leftbot a{display:none!important}
#leftbot iframe{display:none!important}
#topnav{ display:none;}
.slider-content{ margin-right:0; width:300px; margin-top:14px;}
.tab-content img{ width:48%;}
.tab-content{ height:153px;}
.tab-content ul{ padding-top:0 !important;}
#mainarea li{ font-size:12px;}
ul.tabs li{ height:16px; width:298px;}
ul.tabs li a{ height:16px; width:298px;}
textarea{ width:100%;}
.sectionprice{ display:none;}
.header-right{ float:none; text-align:center; margin-bottom:10px;}
.header-right strong{ display:block;}
.call-text{ display:inline-block;}
.call-text p{ display:none;}
.mob-call-text{ display:block; width:115px;}
#info-div ins{ display:none !important;}

/* Top bar in vertical view type */
.top-bar.vertical {background: transparent; min-height: auto; line-height: 45px; margin: 0 0 0 0; padding: 0; width: auto; position: relative;}
.top-bar.vertical ul {display:block;float:none !important;height:auto;line-height:auto; padding: 0 0 5px 0; margin: 0; text-align: left;}
.top-bar.vertical ul > li {display:block;float:none;background-image: none;padding: 0px; margin: 0px;}
.top-bar.vertical ul > li a {height:auto;line-height:1.3;padding:6px;white-space:pre-line;}
.top-bar.vertical ul > li.has-dropdown {position:static;}
.top-bar.vertical ul > li a.has-dropdown{ font-size: 16px; background: #265a90; font: 14px "Century Gothic",Arial,sans-serif; color: #fff; display: block; text-decoration: none; }
.top-bar.vertical ul > li a.has-dropdown:hover{
    color: #fff!important;
}
.top-bar.vertical ul > li.has-dropdown .dropdown {left:auto;margin:0;padding:0 !important;position:static;display:block;z-index:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li {background: transparent; background-image: none; line-height: 1; min-width: 100%; padding: 0px; margin: 0px; padding-bottom: 5px !important;}
.top-bar.vertical ul > li.has-dropdown .dropdown li > a {height:auto;line-height:1.3;padding:5px 17px 5px 15px;white-space:pre-line;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {position:static;left:auto;top:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a {padding-left:30px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a {padding-left:45px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a li a {padding-left:60px;}
.top-bar.vertical ul > li > a:hover,
.top-bar.vertical ul > li.active > a,
.top-bar.vertical ul > li > a:focus { color: #898989 !important; }
.material-menu-button {display:block;width:33px;height:33px;padding:10px 10px 0px 10px;background-color:#000; cursor: pointer;}
.material-menu-button span {display:block;width:100%;height:5px;margin-bottom:4px;background-color:#fff;}
.material-menu{display: inline-block;}
.material-menu-wrapper {padding:10px;}
.material-menu-view-mobile {background-color:#fff; height: 96%!important;}
.material-menu .leftheaders{ display:block;}
.material-menu .main-menu a{ display:block;}
.leftheaders{ display:none;}
#leftnav .main-menu a{ display:none;}


#ys_pageBody.ys_sideBar{ width:99.1%;}
#ys_mastFoot{ width:100%; float:left;}
#ys_merchFooter{ width:100%; float:left;}
/*#ys_merchFooter #footer{ padding:10px 10px 0 10px; width:97.8%; margin-bottom:10px;}
#ys_merchFooter #footer{ width:97.4%; padding:0 5px; margin-bottom:10px;}
.footer-box-1{ width:100%;}
.footer-box-2{ width:100%; margin:15px 0px 0 0;}
.footer-box-3{ width:100%; margin-top:15px;}
.footer-box-4{ width:100%; margin-top:15px;}
.footer-box-5{ width:100%; margin-top:15px; float:left;}
.footer-box ul li{ line-height:22px;}*/

}

@media only screen and (min-width: 320px) and (max-width: 359px) {
textarea { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
img{ max-width:100%; height:auto;}
#wrapper{ width:99%;}
#logo{ float:none; width:470px; display:table; margin:0 auto; text-align:center;}
#headright{ float:none; width:200px; display:table; margin:0 auto; text-align:center; margin-bottom:15px;}
#mainarea{ width:93%;}
.f-left{ width:100%; float:none; text-align:center; display:block;}
.f-right{ width:100%; float:none; text-align:center; display:block;}
.sectioncell{ float:none; margin:auto; display:table; text-align:center; margin-bottom:10px; height:220px !important;}
#caption2{ padding:10px;}
#footer .footer-link a{ padding:0 5px;}
#leftbot iframe{ float:left; width:100% !important;}
#mainarea > iframe{ float:left; width:100% !important}
#itemimage{ width:100%;}
#orderbox{ width:100%; margin-top:15px;}
.orderleft{ width:78px;}
.orderright{ width:197px;}
#topform{ width:175%; padding-bottom:0;}
#topsearchbox{ width:82%;}
#leftnav{ margin-top:0; height:45px;}
#leftbot{ display:none;}
#leftbot img{ display:none;}
#leftbot a{display:none!important}
#leftbot iframe{display:none!important}
#topnav{ display:none;}
.slider-content{ margin-right:0; width:278px; margin-top:14px;}
.tab-content img{ width:48%;}
.tab-content{ height:153px;}
.tab-content ul{ padding-top:0 !important;}
#mainarea li{ font-size:12px;}
ul.tabs li{ height:16px; width:276px;}
ul.tabs li a{ height:16px; width:276px;}
#info-div td { float: left; width: 100%;}
.sectionprice{ display:none;}
.header-right{ float:none; text-align:center; margin-bottom:10px;}
.header-right strong{ display:block;}
.call-text{ display:inline-block;}
.call-text p{ display:none;}
.mob-call-text{ display:block; width:115px;}
.orderrow{ background-size: 350px 100%;}
#info-div ins{ display:none !important;}

/* Top bar in vertical view type */
.top-bar.vertical {background: transparent; min-height: auto; line-height: 45px; margin: 0 0 0 0; padding: 0; width: auto; position: relative;}
.top-bar.vertical ul {display:block;float:none !important;height:auto;line-height:auto; padding: 0 0 5px 0; margin: 0; text-align: left;}
.top-bar.vertical ul > li {display:block;float:none;background-image: none;padding: 0px; margin: 0px;}
.top-bar.vertical ul > li a {height:auto;line-height:1.3;padding:6px;white-space:pre-line;}
.top-bar.vertical ul > li.has-dropdown {position:static;}
.top-bar.vertical ul > li a.has-dropdown{ font-size: 16px; background: #265a90; font: 14px "Century Gothic",Arial,sans-serif; color: #fff; display: block; text-decoration: none; }
.top-bar.vertical ul > li a.has-dropdown:hover{
    color: #fff!important;
}
.top-bar.vertical ul > li.has-dropdown .dropdown {left:auto;margin:0;padding:0 !important;position:static;display:block;z-index:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li {background: transparent; background-image: none; line-height: 1; min-width: 100%; padding: 0px; margin: 0px; padding-bottom: 5px !important;}
.top-bar.vertical ul > li.has-dropdown .dropdown li > a {height:auto;line-height:1.3;padding:5px 17px 5px 15px;white-space:pre-line;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {position:static;left:auto;top:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a {padding-left:30px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a {padding-left:45px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a li a {padding-left:60px;}
.top-bar.vertical ul > li > a:hover,
.top-bar.vertical ul > li.active > a,
.top-bar.vertical ul > li > a:focus { color: #898989 !important; }
.material-menu-button {display:block;width:33px;height:33px;padding:10px 10px 0px 10px;background-color:#000; cursor: pointer;}
.material-menu-button span {display:block;width:100%;height:5px;margin-bottom:4px;background-color:#fff;}
.material-menu{display: inline-block;}
.material-menu-wrapper {padding:10px;}
.material-menu-view-mobile {background-color:#fff; height: 96%!important;}
.material-menu .leftheaders{ display:block;}
.material-menu .main-menu a{ display:block;}
.leftheaders{ display:none;}
#leftnav .main-menu a{ display:none;}


#ys_pageBody.ys_sideBar{ width:99.1%;}
#ys_mastFoot{ width:100%; float:left;}
#ys_merchFooter{ width:100%; float:left;}
/*#ys_merchFooter #footer{ width:97.1%; padding:0 5px; margin-bottom:10px;}
.footer-box-1{ width:100%;}
.footer-box-2{ width:100%; margin:15px 0px 0 0;}
.footer-box-3{ width:100%; margin-top:15px;}
.footer-box-4{ width:100%; margin-top:15px;}
.footer-box-5{ width:100%; margin-top:15px; float:left;}
.footer-box ul li{ line-height:22px;}*/

}