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

/* RESET CSS */
html                {height: 100%}
body                                {margin: 0;padding: 0; height: 100%; color: #555; background: #d8e2e5; font-family:Arial, Helvetica, sans-serif; font-size: 10pt;}
h1, h2, h3, h4, h5, h6,
form, p, ol, ul, li ,
dl, dt, dd, blockquote,
fieldset,legend,input               {margin: 0px;padding: 0px;}
ol, ul                              {list-style: none;}
a                                   {text-decoration:none;cursor: pointer;color: #0099ab;}
a:hover                             {text-decoration: none;}
a:focus,input:focus                 {outline: 0;}
table                               {border-collapse: collapse;}
a img                               {border:0px;}
.wai                                {width:0px !important;overflow:hidden;height:0px !important;text-indent:-5000px;margin:0px !important;padding:0px !important;}
.fl                 {float:left !important}
.fr                 {float:right !important}
.cb                                 {clear:both !important;}
.cl                                 {clear:left !important;}
.floatkiller:after           {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/*  site's CSS */


#wrapper                            {margin: 0 auto;width:960px; padding: 0 17px; clear:both; overflow: hidden; background: url(../images/main-bg.png) repeat-y 0 0;}
.mainContent            {clear:both;}
.contentContainer          {padding: 30px;}
.moduletablelogo          {float:left; margin: 15px 0 15px 30px;}
.moduletablecontact          {float:right; margin: 15px 30px 15px 0;}
.moduletablecontact h3.phone    {font-size: 18pt; color: #009fae;}


.navBar                {clear: both; height: 50px; background-color: #0d263a;}
.highlights              {background-color: #0d263a; padding: 30px;}
.footer                {background-color: #0099ab; padding: 30px;}
.red                {color: #ff0000;}

/* Menu Formatting */

.ux-menu-item-main a.ux-menu-link-level-0 {background: none; color: #fff; border: none !important; font-size: 12px; padding: 19px 25px;}
.ux-menu-item-main a:hover.ux-menu-link-level-0,
.ux-menu-item-main:hover a.ux-menu-link-level-0 {background-color: #9bd6e8 !important; color: #0d263a;}
.ux-menu-item-main a.ux-menu-link-level-0.current {background-image: none; background-color: #9bd6e8; color: #0d263a;}

.ux-menu-arrow             {top: 21px;}

ul.ux-menu-sub            {background: #2dc0d1 url(../images/submenu-gradient.png) repeat-x 0 100%;}
ul.ux-menu-sub li a          {background: none; border-top: none; border-bottom: none ; border-left: none ; border-right: none ; border: none; color: #fff; padding: 13px 25px; text-shadow: 1px 1px #1a7883;}
ul.ux-menu-sub li a.ux-menu-link-last {border: none;}
ul.ux-menu-sub li a:hover,
ul.ux-menu-sub li a.current      {background: #30bdcd; border-top: 1px solid #4dcfdf; border-bottom: 1px solid #018b9b; padding: 12px 25px;}

/* Content Formatting */

.left-col              {float: left; width: 435px; clear:both;}
.right-col              {float: right; width: 435px;}

body.mceContentBody .left-col,
body.mceContentBody .right-col    {border: 1px solid #ddd;}

.moduletable.threeQuarters      {float:left; width:652px; margin-left: 30px;}
.moduletable.half          {float:left; width:435px; margin-left: 30px;}
.moduletable.third          {float:left; width:280px; margin-left: 30px;}
.moduletable.quarter        {float:left; width:202px; margin-left: 30px;}
.moduletable.alpha          {margin: 0;}
.moduletable.omega          {margin: 0 0 0 30px ;}
.moduletable p             {margin-bottom: 15px;}
.highlights .moduletable p a    {display:block;padding:8px 15px;background-color:#0099ab;color:#fff;font-weight:bold; float:left;}
.highlights h3            {color: #fff; font-size: 20pt; margin-bottom: 10px;}
.highlights p            {color: #97d4e6;}
.footer .moduletable p        {color: #8ae9f4;}

.moduletablevip            {background:url(../images/vip-banner-bg1.jpg) no-repeat 0 0; height: 315px; padding: 30px; position:relative;}
.moduletablevip a.tealbutton    {position: absolute; bottom: 30px; right: 47px;}

.subheading-category        {color: #009fae;}

.items-row              {clear: both;}

.items-row.row-0 img,
.items-row.row-2 img,
.items-row.row-4 img,
.items-row.row-6 img,
.items-row.row-8 img,
.items-row.row-10 img,
.items-row.row-12 img,
.items-row.row-14 img,
.items-row.row-16 img,
.items-row.row-18 img,
.items-row.row-20 img        {float: left; margin-right: 20px; margin-bottom: 10px}

.items-row.row-1 img,
.items-row.row-3 img,
.items-row.row-5 img,
.items-row.row-7 img,
.items-row.row-9 img,
.items-row.row-11 img,
.items-row.row-13 img,
.items-row.row-15 img,
.items-row.row-17 img,
.items-row.row-19 img        {float: right; margin-left: 20px; margin-bottom: 10px;}



span.testimonial          {background:url(../images/66-quotes.png) no-repeat 0 0; display:block; padding-left: 45px; margin-top: 30px;}
span.testimonial p          {display: block; padding: 0 25px 0 0; background:url(../images/99-quotes.png) no-repeat 100% 90%;}

ul.actions              {display: none;}

.contentContainer h2,
.contentContainer h2 a,
body.mceContentBody h2        {color: #0d263a; margin-bottom: 15px; font-size: 22pt;}

.contentContainer h3,
.contentContainer h3 a,
body.mceContentBody h3        {color: #777; margin-bottom: 15px; font-size: 18pt;}

.contentContainer h4,
.contentContainer h4 a,
body.mceContentBody h4        {color: #333; margin-bottom: 15px; font-size: 14pt;}

body.mceContentBody         {background: #fff !important;}
.contentContainer p,
body.mceContentBody p         {margin-bottom: 15px; line-height: 15pt;}

body.mceContentBody ul,
.contentContainer ul        {margin: 10px 0; padding-left: 20px;}
body.mceContentBody ul li,
.contentContainer ul li        {margin: 0 0 8px 15px; padding-left: 25px; background: url(../images/bullet-point.png) no-repeat 0 2px; line-height: 15pt;}

body.mceContentBody ul li ul li,
.contentContainer ul li ul li    {margin: 0 0 8px 15px; padding-left: 5px; list-style: circle; background: none; line-height: 15pt;}

a.orderNow              {background: #0099ab; display:inline-block; padding: 0px 5px; color: #fff; font-weight: bold; float:right;}
a.tealbutton            {
  background: none repeat scroll 0 0 #0099AB;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 18pt;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 13px 40px;
  text-shadow: 1px 1px 0 #005761;
  margin-right: 30px;
}

.item-pageDomestic ul li      {border-bottom: 1px dashed #ddd;}

.moduletableRSS            {float:right;}

/* Chronoforms */

.chronoform              {display: none;}

.Chronoform            {padding: 30px; width: 580px; background:#8bcadd url(../images/power-point-background-8bcadd.jpg) no-repeat 100% 0;}
.Chronoform input,
.Chronoform textarea      {padding: 10px !important; background: #eee; margin: 0; border: none;}
.Chronoform textarea      {width: 370px;}
.Chronoform input        {height: 14px; line-height: 14px;}
.Chronoform input[type=radio]  {margin: 10px 5px 0 15px;}
.Chronoform input[type=submit]  {padding: 8px 30px !important; color: #fff; background: #0099ab; height: 46px; font-weight: bold; cursor: pointer;font-size: 18pt;text-shadow: 1px 1px 0 #005761;}
form.Chronoform label        {padding: 10px !important; line-height: 14px; background: #0d263a; color: #fff;margin: 0 15px 0 0; width:150px; display:block; float:left; clear:both;}
.Chronoform .quotePhone,
.Chronoform .quoteName        {width: 120px;}
.Chronoform .quoteAddress      {width: 200px; height: 80px;}
.Chronoform .xsml          {width: 25px;}
.Chronoform .sml          {width: 50px;}
.Chronoform .med          {width: 120px;}
.Chronoform .lrg          {width: 200px;}
.Chronoform .xlrg          {width: 280px;}
.ccms_form_element          {padding: 7px 0;}

.fc-tbx p              {font-size: 9pt !important;}

.tooltipimg             {top: 14px; right: 150px;}
.tooltipbox .tip          {background: #fff; padding: 10px;}
.tooltipbox .tip-title        {font-weight: bold;}
.tooltipbox .tip-text        {}


.footer h2,
.footer h3              {font-size: 18pt; color: #fff; margin-bottom: 8px;}
.footer .menu li          {float: left; margin-right: 15px; font-size: 10pt; font-weight: bold;}
.footer .menu li a          {color: #fff;}
.footer .menu li ul li        {float: none; margin-right: 0; font-size: 10pt; font-weight: normal;}

.footer a.facebook,
.footer a.twitter,
.footer a.blogging,
.footer a.linkedin          {display: inline-block; height: 45px; width: 45px; overflow:hidden; text-indent: -3212px; margin-right: 2px; background: url(../images/social-icons.png) no-repeat 0 0;}

.footer a.facebook          {background-position: -50px 0;}
.footer a.twitter          {background-position: 0 0;}
.footer a.blogging          {background-position: -100px 0;}
.footer a.linkedin          {background-position: -150px 0;}

.footer a.facebook:hover      {background-position: -50px -52px;}
.footer a.twitter:hover        {background-position: 0 -52px;}
.footer a.blogging:hover      {background-position: -100px -52px;}
.footer a.linkedin:hover      {background-position: -150px -52px;}


#ewayBlock              {float: left;}
#ewayBlock a             {float: left;}
#ewayBlock a img          {width: 85px !important;}

/* Hikashop Formatting */

.hikashop_footer          {display: none;}
.hikashop_product_name        {text-align: left !important; padding-left: 15px;}
#hikashop_checkout_page form fieldset  {border: 8px solid #eee; padding: 30px; margin-bottom: 15px;}
#hikashop_checkout_page form fieldset legend {padding: 6px 10px; background: #ccc; font-weight: bold; color: #fff;}

#hikashop_credit_card_eway_1    {background: #eee; padding: 15px; margin-left: 30px;}
.hikashop_credit_card td      {padding: 5px 10px;}

.hikashop_checkout_billing_address td {padding: 5px 10px; background: #eee;}

.hikashop_products_table th      {background: #9bd6e8; color: #0d263a; padding: 5px 3px;}

.hikashop_product_image_subdiv    {padding-top: 15px;}

/* Pagination */

.pagination ul {
  display:block;
  text-align:center;
  margin:0;
}

.pagination .counter {
  text-align:center;
  font-size: 8pt;
  color: #999;
  margin: 0;
  padding: 0;
}

.pagination ul li {
    background: none;
    display: inline-block;
    list-style: none outside none;
    margin: 1px;
  padding: 0;
}


.pagination ul li a {
    display: block;
    padding: 1px 7px;
  background-color: #eee;
  text-shadow: 1px 1px 0 #fff;
}

.pagination ul li span {
    display: block;
    padding: 1px 7px;
  color: #bbb;
  background-color: #eee;
  text-shadow: 1px 1px 0 #fff;
}


.pagination li.pagination-start a {
  padding-left: 20px;
  background-color: #eee;
  background-image: url(../images/pagination-nav-sprite.png);
  background-repeat: no-repeat;
  background-position: 10% -34px;
}

.pagination li.pagination-prev a {
  padding-left: 20px;
  background-color: #eee;
  background-image: url(../images/pagination-nav-sprite.png);
  background-repeat: no-repeat;
  background-position: 10% -54px;
}

.pagination li.pagination-next a{
  padding-right: 20px;
  background-color: #eee;
  background-image: url(../images/pagination-nav-sprite.png);
  background-repeat: no-repeat;
  background-position: 90% 6px;
}

.pagination li.pagination-end a{
  padding-right: 20px;
  background-color: #eee;
  background-image: url(../images/pagination-nav-sprite.png);
  background-repeat: no-repeat;
  background-position: 90% -14px;
}

.pagination li.pagination-start span {
  padding-left: 20px;
  background-color: #eee;
  background-image: url(../images/pagination-nav-sprite.png);
  background-repeat: no-repeat;
  background-position: 10% -114px;
}

.pagination li.pagination-prev span {
  padding-left: 20px;
  background-color: #eee;
  background-image: url(../images/pagination-nav-sprite.png);
  background-repeat: no-repeat;
  background-position: 10% -134px;
}

.pagination li.pagination-next span{
  padding-right: 20px;
  background-color: #eee;
  background-image: url(../images/pagination-nav-sprite.png);
  background-repeat: no-repeat;
  background-position: 90% -74px;
}

.pagination li.pagination-end span{
  padding-right: 20px;
  background-color: #eee;
  background-image: url(../images/pagination-nav-sprite.png);
  background-repeat: no-repeat;
  background-position: 90% -94px;
}

span.cf_alert {
  padding: 10px 10px 10px 36px;
}

#recaptcha {
  float:left;
}

/* product list custom css*/

img.productlistimage {float: left; margin: 0px 0px 15px 0px;
}

div.productlistitem {margin-bottom:5%;
}

div.productlistdetails{margin-left:150px;
}

@media only screen and (min-width: 1024px) and (max-width:1100px) {
  .highlights h3 {
    font-size: 18pt;
  }
}

@media only screen and (min-width: 800px) and (max-width: 1023px) {
#wrapper { width: 95% !important;  padding: 0 13px !important;  background-size: 100% 100% !important;  margin: 0 auto !important; }
.contentContainer { padding: 15px;}
.contentContainer .moduletable.quarter { float: right !important; margin-left: 18px !important; width: 29% !important; }
/*menu*/  
UL#ariext89 LI A {font-size: 11px;}
.mainContent .custom img { width: 100% !important; }
.ux-menu-item-main a.ux-menu-link-level-0 {padding: 19px 12px !important;}
#ext-gen2 {padding: 19px 23px !important;}
#ext-gen5 {padding: 19px 23px !important;  }
/*footer*/  
.highlights h3 {font-size: 15pt !important; }
.highlights .moduletable.quarter {width: 23% !important;margin-left: 13px;}
.highlights .moduletable .custom.quarter img { height: auto !important; width: 100% !important;}
.highlights { padding: 30px 25px !important;}
.moduletable.omega { margin: 0 0 0 15px !important;}
/**/  
.contentContainer .moduletable.threeQuarters { margin: 0 auto; width: 59% !important;}
.footer .moduletable.threeQuarters {width: 100% !important;}
.footer .omega { clear: both !important; float: right !important; }
.contentContainer .alpha .Chronoform { width: 100% !important; }
form.Chronoform label { width: 141px !important;}
.blog-featured .moduletable.quarter.alpha { float: right !important; width: 38% !important;}
/*blog*/  
.contentContainer .blog .item.column-1 > img { width: 100% !important;}
.contentContainer h2, .contentContainer h2 a, body.mceContentBody h2 { font-size: 18pt !important; }
/*banner*/  
.moduletablevip {  background-size: 100% auto !important; height: auto !important;}
.customvip iframe { height: 244px !important; width: 60% !important;}
.moduletablevip a.tealbutton { right: 13px !important; }
/*slider*/  
#fpssContainer90.fpss-template-keesports .slides-wrapper {width: 100% !important; height: 345px !important; }
#fpssContainer90.fpss-template-keesports { width: 100% !important; }


}

@media only screen and (min-width: 768px) and (max-width: 799px) {
#wrapper { width: 95% !important;  padding: 0 13px !important;  background-size: 100% 100% !important;  margin: 0 auto !important; }
.contentContainer { padding: 15px;}
.contentContainer .moduletable.quarter { float: right !important; margin-left: 18px !important; width: 29% !important; }
/*menu*/  
UL#ariext89 LI A {font-size: 11px;}
.mainContent .custom img { width: 100% !important; }
.ux-menu-item-main a.ux-menu-link-level-0 {padding: 19px 12px !important;}
#ext-gen2 {padding: 19px 23px !important;}
#ext-gen5 {padding: 19px 23px !important;  }
/*footer*/  
.highlights h3 {font-size: 15pt !important; }
.highlights .moduletable.quarter {width: 23% !important;margin-left: 13px;}
.highlights .moduletable .custom.quarter img { height: auto !important; width: 100% !important;}
.highlights { padding: 30px 25px !important;}
.moduletable.omega { margin: 0 0 0 15px !important;}
/**/  
.contentContainer .moduletable.threeQuarters { margin: 0 auto; width: 59% !important;}
.footer .moduletable.threeQuarters {width: 100% !important;}
.footer .omega { clear: both !important; float: right !important; }
.contentContainer .alpha .Chronoform { width: 100% !important; }
form.Chronoform label { width: 141px !important;}
.blog-featured .moduletable.quarter.alpha { float: right !important; width: 38% !important;}
/*blog*/  
.contentContainer .blog .item.column-1 > img { width: 100% !important;}
.contentContainer h2, .contentContainer h2 a, body.mceContentBody h2 { font-size: 18pt !important; }
/*banner*/  
.moduletablevip {  background-size: 100% auto !important; height: auto !important;}
.customvip iframe { height: 244px !important; width: 60% !important;}
.moduletablevip a.tealbutton { right: 13px !important; }
/*slider*/  
#fpssContainer90.fpss-template-keesports .slides-wrapper {width: 100% !important; height: 345px !important; }
#fpssContainer90.fpss-template-keesports { width: 100% !important; }


}

@media only screen and (min-width: 737px) and (max-width: 767px) {
#wrapper { width: 95% !important;  padding: 0 13px !important;  background-size: 100% 100% !important;  margin: 0 auto !important; }
.contentContainer { padding: 15px;}
.contentContainer .moduletable.quarter { float: right !important; margin-left: 18px !important; width: 29% !important; }
/*menu*/  
UL#ariext89 LI A {font-size: 11px;}
.mainContent .custom img { width: 100% !important; }
.ux-menu-item-main a.ux-menu-link-level-0 {padding: 19px 12px !important;}
#ext-gen2 {padding: 19px 23px !important;}
#ext-gen5 {padding: 19px 23px !important;  }
/*footer*/  
.highlights h3 {font-size: 15pt !important; }
.highlights .moduletable.quarter {width: 23% !important;margin-left: 13px;}
.highlights .moduletable .custom.quarter img { height: auto !important; width: 100% !important;}
.highlights { padding: 30px 25px !important;}
.moduletable.omega { margin: 0 0 0 15px !important;}
/**/  
.contentContainer .moduletable.threeQuarters { margin: 0 auto; width: 59% !important;}
.footer .moduletable.threeQuarters {width: 100% !important;}
.footer .omega { clear: both !important; float: right !important; }
.contentContainer .alpha .Chronoform { width: 100% !important; }
form.Chronoform label { width: 141px !important;}
.blog-featured .moduletable.quarter.alpha { float: right !important; width: 38% !important;}
/*blog*/  
.contentContainer .blog .item.column-1 > img { width: 100% !important;}
.contentContainer h2, .contentContainer h2 a, body.mceContentBody h2 { font-size: 18pt !important; }
/*banner*/  
.moduletablevip {  background-size: 100% auto !important; height: auto !important;}
.customvip iframe { height: 244px !important; width: 60% !important;}
.moduletablevip a.tealbutton { right: 13px !important; }
/*slider*/  
#fpssContainer90.fpss-template-keesports .slides-wrapper {width: 100% !important; height: 345px !important; }
#fpssContainer90.fpss-template-keesports { width: 100% !important; }


}

@media only screen and (min-width: 671px) and (max-width: 736px) {

#wrapper {width: 95% !important; padding: 0 12px !important;  background-size: 100% 100% !important;  margin: 0 auto !important;}
.contentContainer .moduletable.quarter {clear: both !important;float: right !important;margin-left: 18px !important;width: 29% !important;}
.mainContent .custom img {height: auto !important; width: auto!important;}
.mainContent .Chronoform{margin: 0 auto !important;width: 88% !important;}
.mainContent .custom span img { height: auto !important; width: 100% !important;}
.mainContent .moduletable .custom span img {width: 100% !important;}
.navBar{height: auto !important;}
.item-page img {display: block !important;float: none !important;margin: 15px auto !important;}
.items-row.row-1 img, .items-row.row-3 img, .items-row.row-5 img, .items-row.row-7 img, .items-row.row-9 img, .items-row.row-11 img, .items-row.row-13 img, .items-row.row-15 img, .items-row.row-17 img, .items-row.row-19 img {
    display: block !important;  float: none !important;  margin: 0 auto !important;}
.item.column-1 > div {float: none !important;}
/*menu*/
.toggleMenu::before {content: "≡"; float: right !important;  font-weight: 600; line-height: 16px !important; font-size: 37px;}
.toggleMenu.active {width: 95% !important;background: #009aab none repeat scroll 0 0; padding: 17px !important;text-align: center !important; border-bottom: 1px solid !important; color: #fff !important;}
.toggleMenu {width: 95% !important; padding: 17px !important; background: #009aab none repeat scroll 0 0; text-align: center !important; border-bottom: 1px solid !important; color: #fff !important;}
.ux-menu li {float: none !important;  width: 100% !important;}
UL#ariext89 LI A {text-align: center !important; border-bottom: 1px solid !important; }  
.ux-menu ul {position: static;}
.ux-menu-item-main a.ux-menu-link-level-0{padding: 15px 25px !important;}
ul.ux-menu-sub{background-size: 100% auto !important; width: 100% !important;}
.ux-menu-arrow {background-position: center center !important; top: 8px;  height: 25px;  width: 25px;}
 /*footer*/  
.highlights h3 {font-size: 15pt !important;}  
.highlights .moduletable.quarter { text-align: center !important; float: none !important; margin: 0 auto !important; width: 100% !important; clear: both !important; padding: 15px 0 !important;  }
/*.highlights .moduletable .custom.quarter img { height: auto !important;  width: 100% !important;}*/  
.highlights {padding: 30px 25px !important;}
.moduletable.omega {margin: 0 0 0 15px !important;}
.highlights .moduletable p a{float: none !important;  width: 30% !important;  margin: 0 auto !important; padding: 12px 15px;}
.footer .menu li{margin-bottom: 10px; margin-right: 13px;}
/**/  
.mainContent .contentContainer .moduletable.threeQuarters {text-align: center !important; margin: 0 auto; width: 100% !important;}
.footer .moduletable.threeQuarters {width: 100% !important;  text-align: center;}
.footer .omega {clear: both !important; float: none !important; margin: 0 auto !important; width: 100% !important; padding: 5px 0 !important; text-align: center !important;}
/*.contentContainer .alpha .Chronoform { width: 100% !important;}*/
form.Chronoform label {width: 141px !important;}
.contentContainer .moduletable.quarter { width: 100% !important;}
.blog-featured .moduletable.threeQuarters.alpha { width: 100% !important; float: none !important; margin: 0 auto !important;}
.womo-widget.womo-review-feed { width: 100% !important;}
/*blog*/  
.contentContainer .blog .item.column-1 > img {width: 100% !important;}
/*.contentContainer h2, .contentContainer h2 a, body.mceContentBody h2 {font-size: 18pt !important;}*/
/*banner*/  
.moduletablevip {background-size: 100% auto !important;height: auto !important;}
.customvip iframe {height: 166px !important; width: 52% !important;}
.moduletablevip a.tealbutton {right: 18px !important;}
/*slider*/  
#fpssContainer90.fpss-template-keesports .slides-wrapper {width: 100% !important; height: 245px !important;}
#fpssContainer90.fpss-template-keesports { width: 100% !important;}
#fpssContainer90.fpss-template-keesports .slide{ height: 245px !important; width: 100% !important;}
.fpss-template-keesports img{width: 100% !important; height:100% !important;}

.fpss-template-keesports .slidetext h2, .fpss-template-keesports .slidetext h2 a{font-size: 18px;}
.fpss-template-keesports .slidetext p{font-size: 12px !important;}

a.tealbutton {margin-bottom: 6px !important; margin-right: 15px !important; padding: 10px 18px !important;font-size: 20px !important;}

/*logo*/  
.moduletablecontact {float: none !important; margin: 15px auto !important; text-align: center !important; }
 .moduletablelogo {float: none !important; margin: 15px auto !important; text-align: center !important;}
/*font-size*/  
.moduletable h1 {font-size: 22px !important;}
.item-page h1 { font-size: 24px !important;}
.contentContainer h3, .contentContainer h3 a, body.mceContentBody h3 {font-size: 23px !important;}
/**/
.Chronoform input {float: left !important;}
.cfdiv_select select, .cfdiv_text label{float: left !important;}
.Chronoform .quoteAddress {float: left !important;}
.Chronoform textarea {float: left !important; width: 303px;}
.left-col {float: none !important; width: 100% !important;}
.right-col { float: none !important;  width: 100% !important;}
div.productlistdetails { margin-left: 0 !important;}

}

@media only screen and (min-width: 570px) and (max-width: 670px) {

#wrapper {width: 95% !important; padding: 0 9px !important;  background-size: 100% 100% !important;  margin: 0 auto !important;}
.contentContainer .moduletable.quarter {clear: both !important;float: right !important;margin-left: 18px !important;width: 29% !important;}
.mainContent .custom img {height: auto !important; width: auto!important;}
.mainContent .Chronoform{margin: 0 auto !important;width: 88% !important;}
.mainContent .custom span img { height: auto !important; width: 100% !important;}
.mainContent .moduletable .custom span img {width: 100% !important;}
.navBar{height: auto !important;}
.item-page img {display: block !important;float: none !important;margin: 15px auto !important;}
.items-row.row-1 img, .items-row.row-3 img, .items-row.row-5 img, .items-row.row-7 img, .items-row.row-9 img, .items-row.row-11 img, .items-row.row-13 img, .items-row.row-15 img, .items-row.row-17 img, .items-row.row-19 img {
    display: block !important;  float: none !important;  margin: 0 auto !important;}
.item.column-1 > div {float: none !important;}
/*menu*/
.toggleMenu::before {content: "≡"; float: right !important;  font-weight: 600; line-height: 16px !important; font-size: 37px;}
.toggleMenu.active {width: 95% !important; background: #009aab none repeat scroll 0 0; padding: 15px !important;text-align: center !important; border-bottom: 1px solid !important; color: #fff !important;}
.toggleMenu {width: 95% !important; padding: 15px !important; text-align: center !important; border-bottom: 1px solid !important; color: #fff !important; background: #009aab none repeat scroll 0 0 !important;}
.ux-menu li {float: none !important;  width: 100% !important;}
UL#ariext89 LI A {text-align: center !important; border-bottom: 1px solid !important;}  
.ux-menu ul {position: static;}
.ux-menu-item-main a.ux-menu-link-level-0{padding: 15px 25px !important;}
ul.ux-menu-sub{background-size: 100% auto !important; width: 100% !important;}
.ux-menu-arrow {background-position: center center !important; top: 8px;  height: 25px;  width: 25px;}
 /*footer*/  
.highlights h3 {font-size: 15pt !important;}  
.highlights .moduletable.quarter { text-align: center !important; float: none !important; margin: 0 auto !important; width: 100% !important; clear: both !important; padding: 15px 0 !important;  }
/*.highlights .moduletable .custom.quarter img { height: auto !important;  width: 100% !important;}*/  
.highlights {padding: 30px 25px !important;}
.moduletable.omega {margin: 0 0 0 15px !important;}
.highlights .moduletable p a{float: none !important;  width: 30% !important;  margin: 0 auto !important;}
.footer .menu li{margin-bottom: 10px; margin-right: 6px;}
/**/  
.mainContent .contentContainer .moduletable.threeQuarters {text-align: center !important; margin: 0 auto; width: 100% !important;}
.footer .moduletable.threeQuarters {width: 100% !important;  text-align: center;}
.footer .omega {clear: both !important; float: none !important; margin: 0 auto !important; width: 100% !important; padding: 5px 0 !important; text-align: center !important;}
/*.contentContainer .alpha .Chronoform { width: 100% !important;}*/
form.Chronoform label {width: 141px !important;}
.contentContainer .moduletable.quarter { width: 100% !important;}
.blog-featured .moduletable.threeQuarters.alpha { width: 100% !important; float: none !important; margin: 0 auto !important;}
.womo-widget.womo-review-feed { width: 100% !important;}
/*blog*/  
.contentContainer .blog .item.column-1 > img {width: 100% !important;}
.contentContainer h2, .contentContainer h2 a, body.mceContentBody h2 {font-size: 18pt !important;}
/*banner*/  
.moduletablevip {background-size: 100% auto !important;height: auto !important;}
.customvip iframe {height: 166px !important; width: 52% !important;}
.moduletablevip a.tealbutton {right: 18px !important;}
/*slider*/  
#fpssContainer90.fpss-template-keesports .slides-wrapper {width: 100% !important; height: 245px !important;}
#fpssContainer90.fpss-template-keesports { width: 100% !important;}
#fpssContainer90.fpss-template-keesports .slide{ height: 245px !important; width: 100% !important;}
.fpss-template-keesports img{width: 100% !important; height:100% !important;}

.fpss-template-keesports .slidetext h2, .fpss-template-keesports .slidetext h2 a{font-size: 18px;}
.fpss-template-keesports .slidetext p{font-size: 12px !important;}

a.tealbutton {margin-bottom: 6px !important; margin-right: 15px !important; padding: 10px 18px !important;font-size: 20px !important;}

/*logo*/  
.moduletablecontact {float: none !important; margin: 15px auto !important; text-align: center !important; }
 .moduletablelogo {float: none !important; margin: 15px auto !important; text-align: center !important;}
/*font-size*/  
.moduletable h1 {font-size: 22px !important;}
.item-page h1 { font-size: 24px !important;}
.contentContainer h3, .contentContainer h3 a, body.mceContentBody h3 {font-size: 23px !important;}
/**/
.Chronoform input {float: left !important;}
.cfdiv_select select, .cfdiv_text label{float: left !important;}
.Chronoform .quoteAddress {float: left !important;}
.Chronoform textarea {float: left !important; width: 303px;}
.left-col {float: none !important; width: 100% !important;}
.right-col { float: none !important;  width: 100% !important;}
div.productlistdetails { margin-left: 0 !important;}

}

@media only screen and (min-width: 501px) and (max-width: 569px) {

#wrapper {width: 95% !important; padding: 0 9px !important;  background-size: 100% 100% !important;  margin: 0 auto !important;}
.contentContainer .moduletable.quarter {clear: both !important;float: right !important;margin-left: 18px !important;width: 29% !important;}
.mainContent .custom img {height: auto !important; width: auto!important;}
.mainContent .Chronoform{margin: 0 auto !important;width: 88% !important;}
.mainContent .custom span img { height: auto !important; width: 100% !important;}
.mainContent .moduletable .custom span img {width: 100% !important;}
.navBar{height: auto !important;}
.item-page img {float: none !important;margin: 15px auto !important;}
.items-row.row-1 img, .items-row.row-3 img, .items-row.row-5 img, .items-row.row-7 img, .items-row.row-9 img, .items-row.row-11 img, .items-row.row-13 img, .items-row.row-15 img, .items-row.row-17 img, .items-row.row-19 img {
    display: block !important;  float: none !important;  margin: 0 auto !important;}
.item.column-1 > div {float: none !important;}
/*menu*/
.toggleMenu::before {content: "≡"; float: right !important;  font-weight: 600; line-height: 16px !important; font-size: 37px;}
.toggleMenu.active {width: 95% !important; background: #009aab none repeat scroll 0 0; padding: 15px !important;text-align: center !important; border-bottom: 1px solid !important; color: #fff !important;}
.toggleMenu {width: 95% !important; background: #009aab none repeat scroll 0 0; padding: 14px !important; text-align: center !important; border-bottom: 1px solid !important; color: #fff !important;}
.ux-menu li {float: none !important;  width: 100% !important;}
UL#ariext89 LI A {text-align: center !important; border-bottom: 1px solid !important;}  
.ux-menu ul {position: static;}
.ux-menu-item-main a.ux-menu-link-level-0{padding: 15px 25px !important;}
ul.ux-menu-sub{background-size: 100% auto !important; width: 100% !important;}
.ux-menu-arrow {background-position: center center !important; top: 8px;  height: 25px;  width: 25px;}
 /*footer*/  
.highlights h3 {font-size: 15pt !important;}  
.highlights .moduletable.quarter { text-align: center !important; float: none !important; margin: 0 auto !important; width: 100% !important; clear: both !important; padding: 15px 0 !important;  }
/*.highlights .moduletable .custom.quarter img { height: auto !important;  width: 100% !important;}*/  
.highlights {padding: 30px 25px !important;}
.moduletable.omega {margin: 0 0 0 15px !important;}
.highlights .moduletable p a{float: none !important;  width: 30% !important;  margin: 0 auto !important;}
/**/  
.mainContent .contentContainer .moduletable.threeQuarters {text-align: center !important;  margin: 0 auto 20px !important; width: 100% !important;}
.footer .moduletable.threeQuarters {width: 100% !important;  text-align: center;}
.footer .omega {clear: both !important; float: none !important; margin: 0 auto !important; width: 100% !important; padding: 5px 0 !important; text-align: center !important;}
/*.contentContainer .alpha .Chronoform { width: 100% !important;}*/
form.Chronoform label {width: 141px !important;}
.contentContainer .moduletable.quarter { float: none !important; margin: 0 auto !important;  text-align: center !important;  width: 100% !important;}
.blog-featured .moduletable.threeQuarters.alpha { width: 100% !important; float: none !important; margin: 0 auto !important;}
.womo-widget.womo-review-feed { width: 100% !important;}
/*blog*/  
.contentContainer .blog .item.column-1 > img {width: 100% !important;}
.contentContainer h2, .contentContainer h2 a, body.mceContentBody h2 {font-size: 18pt !important;}
/*banner*/  
.moduletablevip {background-size: 100% auto !important;height: auto !important;}
.customvip iframe {height: 166px !important; width: 52% !important;}
.moduletablevip a.tealbutton {right: 18px !important;}
/*slider*/  
#fpssContainer90.fpss-template-keesports .slides-wrapper {width: 100% !important; height: 245px !important;}
#fpssContainer90.fpss-template-keesports { width: 100% !important;}
#fpssContainer90.fpss-template-keesports .slide{ height: 245px !important; width: 100% !important;}
.fpss-template-keesports img{width: 100% !important; height:100% !important;}

.fpss-template-keesports .slidetext h2, .fpss-template-keesports .slidetext h2 a{font-size: 18px;}
.fpss-template-keesports .slidetext p{font-size: 12px !important;}

a.tealbutton {margin-bottom: 6px !important; margin-right: 15px !important; padding: 10px 18px !important;font-size: 20px !important;}

/*logo*/  
.moduletablecontact {float: none !important; margin: 15px auto !important; text-align: center !important; }
 .moduletablelogo {float: none !important; margin: 15px auto !important; text-align: center !important;}
/*font-size*/  
.moduletable h1 {font-size: 22px !important;}
.item-page h1 { font-size: 24px !important;}
.contentContainer h3, .contentContainer h3 a, body.mceContentBody h3 {font-size: 23px !important;}
/**/
.Chronoform input {float: left !important;}
.cfdiv_select select, .cfdiv_text label{float: left !important;}
.Chronoform .quoteAddress {float: left !important;}
.Chronoform textarea {float: left !important;  width: 216px;}
.left-col {float: none !important; width: 100% !important;}
.right-col { float: none !important;  width: 100% !important;}
div.productlistdetails { margin-left: 0 !important;}

}

@media only screen and (min-width: 476px) and (max-width: 500px) {

#wrapper {width: 95% !important;  padding: 0 8px !important;  background-size: 100% 100% !important;  margin: 0 auto !important;}
.contentContainer .moduletable.quarter {clear: both !important;float: right !important;margin-left: 18px !important;width: 29% !important;}
.mainContent .custom img {height: auto !important; width: auto!important;}
.mainContent .Chronoform{margin: 0 auto !important;width: 88% !important;  padding: 20px !important;}
.mainContent .custom span img { height: auto !important; width: 100% !important;}
.mainContent .moduletable .custom span img {width: 100% !important;}
.navBar{height: auto !important;}
.item-page img {display: block !important; float: none !important; height: auto !important; margin: 15px auto !important; }
.items-row.row-1 img, .items-row.row-3 img, .items-row.row-5 img, .items-row.row-7 img, .items-row.row-9 img, .items-row.row-11 img, .items-row.row-13 img, .items-row.row-15 img, .items-row.row-17 img, .items-row.row-19 img {
    display: block !important;  float: none !important;  margin: 0 auto !important;}
.item.column-1 > div {float: none !important;}
/*menu*/
.toggleMenu::before {content: "≡"; float: right !important;  font-weight: 600; line-height: 16px !important; font-size: 37px;}
/*.toggleMenu.active {width: 95% !important; background: #009aab none repeat scroll 0 0; padding: 15px !important;text-align: center !important; border-bottom: 1px solid !important; color: #fff !important;}*/
.toggleMenu {width: 95% !important; background: #009aab none repeat scroll 0 0;  padding: 12px !important; text-align: center !important; border-bottom: 1px solid !important; color: #fff !important;}
.ux-menu li {float: none !important;  width: 100% !important;}
UL#ariext89 LI A {text-align: center !important; border-bottom: 1px solid !important;}  
.ux-menu ul {position: static;}
.ux-menu-item-main a.ux-menu-link-level-0{padding: 15px 25px !important;}
ul.ux-menu-sub{background-size: 100% auto !important; width: 100% !important;}
.ux-menu-arrow {background-position: center center !important; top: 8px;  height: 25px;  width: 25px;}
 /*footer*/  
.highlights h3 {font-size: 15pt !important;}  
.highlights .moduletable.quarter { text-align: center !important; float: none !important; margin: 0 auto !important; width: 100% !important; clear: both !important; padding: 15px 0 !important;  }
/*.highlights .moduletable .custom.quarter img { height: auto !important;  width: 100% !important;}*/  
.highlights {padding: 30px 25px !important;}
.moduletable.omega {margin: 0 0 0 15px !important;}
.highlights .moduletable p a{float: none !important;  width: 30% !important;  margin: 0 auto !important;}
/**/  
.mainContent .contentContainer .moduletable.threeQuarters {text-align: center !important;  margin: 0 auto 20px !important; width: 100% !important;}
.footer .moduletable.threeQuarters {margin: 5px auto !important; text-align: center;  width: 100% !important;}
.footer .omega {clear: both !important; float: none !important; margin: 0 auto !important; width: 100% !important; padding: 5px 0 !important; text-align: center !important;}
/*.contentContainer .alpha .Chronoform { width: 100% !important;}*/
form.Chronoform label {width: 125px !important; margin: 0 12px 0 0;}
.contentContainer .moduletable.quarter {float: none !important; margin: 0 auto !important; text-align: center !important; width: 100% !important;}
.blog-featured .moduletable.threeQuarters.alpha { width: 100% !important; float: none !important; margin: 0 auto !important;}
.womo-widget.womo-review-feed { width: 100% !important;}
/*blog*/  
.contentContainer .blog .item.column-1 > img {width: 100% !important;}
.contentContainer h2, .contentContainer h2 a, body.mceContentBody h2 {font-size: 20px !important;}
/*banner*/  
.moduletablevip {background-size: 100% auto !important;height: auto !important;  padding: 16px;}
.customvip iframe { height: 153px !important; width: 52% !important;}
.moduletablevip a.tealbutton {right: 18px !important; bottom: 13px;}
/*slider*/  
#fpssContainer90.fpss-template-keesports .slides-wrapper {width: 100% !important;  height: 185px !important;}
#fpssContainer90.fpss-template-keesports { width: 100% !important;}
#fpssContainer90.fpss-template-keesports .slide{ height: 185px !important; width: 100% !important;}
.fpss-template-keesports img{width: 100% !important; height:100% !important;}

.fpss-template-keesports .slidetext h2, .fpss-template-keesports .slidetext h2 a{font-size: 15px !important;}
.fpss-template-keesports .slidetext p{font-size: 11px !important; margin: 0 0 10px !important;}

a.tealbutton {font-size: 17px !important; margin-bottom: 6px !important; margin-right: 15px !important; padding: 8px 14px !important;}
#fpssContainer90.fpss-template-keesports .slidetext{ margin-top: 95px !important;}
/*logo*/  
.moduletablecontact {float: none !important; margin: 15px auto !important; text-align: center !important; }
 .moduletablelogo {float: none !important; margin: 15px auto !important; text-align: center !important;}
/*font-size*/  
.moduletable h1 {font-size: 22px !important;}
.item-page h1 { font-size: 22px !important;}
.contentContainer h3, .contentContainer h3 a, body.mceContentBody h3 {font-size: 20px !important;}
.item-pageDomestic h1 { font-size: 22px !important;}
.hikashop_product_name_main {font-size: 22px !important;}
/**/
.Chronoform input {float: left !important;}
.cfdiv_select select, .cfdiv_text label{float: left !important;  width: 180px;}
.Chronoform .quoteAddress {float: left !important;  width: 197px;}
.Chronoform textarea {float: left !important; width: 191px;}
.left-col {float: none !important; width: 100% !important;}
.right-col { float: none !important;  width: 100% !important;}
.right-col img { height: auto !important; margin-top: 10px !important; width: 100% !important;}
.footer .menu li { float: none !important; margin: 4px auto !important;}
.moduletablecontact h3.phone{ font-size: 16pt;}
body.mceContentBody ul, .contentContainer ul { padding-left: 0;}
.contentContainer {padding: 15px !important;}
.Chronoform .lrg {width: 194px;}
.Chronoform input[type="submit"]{font-size: 14pt; height: 40px !important;  padding: 7px 24px !important;}
.items-row h1 {font-size: 22px !important;}
.item-page p img{width: -moz-available !important;}
div.productlistdetails { margin-left: 0 !important;}

}

@media only screen and (min-width: 390px) and (max-width: 475px) {

#wrapper {width: 95% !important;  padding: 0 8px !important;  background-size: 100% 100% !important;  margin: 0 auto !important;}
.contentContainer .moduletable.quarter {clear: both !important;float: right !important;margin-left: 18px !important;width: 29% !important;}
.mainContent .custom img {height: auto !important; width: auto!important;}
.mainContent .Chronoform{margin: 0 auto !important;width: 88% !important;  padding: 20px !important;}
.mainContent .custom span img { height: auto !important; width: 100% !important;}
.mainContent .moduletable .custom span img {width: 100% !important;}
.navBar{height: auto !important;}
.item-page img {display: block !important; float: none !important; height: auto !important; margin: 15px auto !important; width: 100% !important;}
.items-row.row-1 img, .items-row.row-3 img, .items-row.row-5 img, .items-row.row-7 img, .items-row.row-9 img, .items-row.row-11 img, .items-row.row-13 img, .items-row.row-15 img, .items-row.row-17 img, .items-row.row-19 img {
    display: block !important;  float: none !important;  margin: 0 auto !important;}
.item.column-1 > div {float: none !important;}
/*menu*/
.toggleMenu::before {content: "≡"; float: right !important;  font-weight: 600; line-height: 16px !important; font-size: 37px;}
/*.toggleMenu.active {width: 95% !important; background: #009aab none repeat scroll 0 0; padding: 15px !important;text-align: center !important; border-bottom: 1px solid !important; color: #fff !important;}*/
.toggleMenu {width: 95% !important; background: #009aab none repeat scroll 0 0;   padding: 10px !important; text-align: center !important; border-bottom: 1px solid !important; color: #fff !important;}
.ux-menu li {float: none !important;  width: 100% !important;}
UL#ariext89 LI A {text-align: center !important; border-bottom: 1px solid !important;}  
.ux-menu ul {position: static;}
.ux-menu-item-main a.ux-menu-link-level-0{padding: 15px 25px !important;}
ul.ux-menu-sub{background-size: 100% auto !important; width: 100% !important;}
.ux-menu-arrow {background-position: center center !important; top: 8px;  height: 25px;  width: 25px;}
 /*footer*/  
.highlights h3 {font-size: 15pt !important;}  
.highlights .moduletable.quarter { text-align: center !important; float: none !important; margin: 0 auto !important; width: 100% !important; clear: both !important; padding: 15px 0 !important;  }
/*.highlights .moduletable .custom.quarter img { height: auto !important;  width: 100% !important;}*/  
.highlights {padding: 30px 25px !important;}
.moduletable.omega {margin: 0 0 0 15px !important;}
.highlights .moduletable p a{float: none !important;  width: 30% !important;  margin: 0 auto !important;}
/**/  
.mainContent .contentContainer .moduletable.threeQuarters { margin: 0 auto 20px !important; width: 100% !important;}
.footer .moduletable.threeQuarters {margin: 5px auto !important; text-align: center;  width: 100% !important;}
.footer .omega {clear: both !important; float: none !important; margin: 0 auto !important; width: 100% !important; padding: 5px 0 !important; text-align: center !important;}
/*.contentContainer .alpha .Chronoform { width: 100% !important;}*/
form.Chronoform label { float: none !important; margin: 0 auto 5px !important; text-align: left !important;  width: 93.7% !important;}
.contentContainer .moduletable.quarter {float: none !important; margin: 0 auto !important; text-align: center !important; width: 100% !important;}
.blog-featured .moduletable.threeQuarters.alpha { width: 100% !important; float: none !important; margin: 0 auto !important;}
.womo-widget.womo-review-feed { width: 100% !important;}
/*blog*/  
.contentContainer .blog .item.column-1 > img {width: 100% !important;}
.contentContainer h2, .contentContainer h2 a, body.mceContentBody h2 { font-size: 18px !important;}
/*banner*/  
.moduletablevip {background-size: 100% auto !important;height: auto !important;  padding: 16px;}
.customvip iframe { height: 126px !important; width: 52% !important;}
.moduletablevip a.tealbutton {right: 18px !important; bottom: 13px;}
/*slider*/  
#fpssContainer90.fpss-template-keesports .slides-wrapper {width: 100% !important; height: 163px !important;}
#fpssContainer90.fpss-template-keesports { width: 100% !important;}
#fpssContainer90.fpss-template-keesports .slide{ height: 163px !important; width: 100% !important;}
.fpss-template-keesports img{width: 100% !important; height:100% !important;}

.fpss-template-keesports .slidetext h2, .fpss-template-keesports .slidetext h2 a{font-size: 12px !important;}
.fpss-template-keesports .slidetext p{font-size: 9px !important;margin: 0 0 10px !important;}

a.tealbutton {font-size: 17px !important; margin-bottom: 6px !important; margin-right: 15px !important; padding: 8px 14px !important;}
#fpssContainer90.fpss-template-keesports .slidetext{left: 10px !important;  top: -14px !important;}
/*logo*/  
.moduletablecontact {float: none !important; margin: 15px auto !important; text-align: center !important; }
.moduletablelogo {float: none !important; margin: 15px auto !important; text-align: center !important;}
.customlogo {width: 80% !important; margin:0 auto !important;}
.apesLogo {width: 300px !important; height: auto !important;}
/*font-size*/  
.moduletable h1 {font-size: 20px !important;}
.item-page h1 { font-size: 20px !important;}
.contentContainer h3, .contentContainer h3 a, body.mceContentBody h3 { font-size: 18px !important;}
.item-pageDomestic h1 { font-size: 20px !important;}
.hikashop_product_name_main {font-size: 20px !important;}
/**/
.Chronoform input {float: none !important; width: 93.8% !important;}
.cfdiv_select select, .cfdiv_text label{float: left !important;  width: 180px;}
.Chronoform .quoteAddress {float: none !important; width: 93.8% !important;}
.Chronoform textarea { float: none !important; width: 93.8% !important;}
.left-col {float: none !important; width: 100% !important;}
.right-col { float: none !important;  width: 100% !important;}
.right-col img { height: auto !important; margin-top: 10px !important; width: 100% !important;}
.footer .menu li { float: none !important; margin: 4px auto !important;}
.moduletablecontact h3.phone{ font-size: 16pt;}
body.mceContentBody ul, .contentContainer ul { padding-left: 0;}
body {font-size: 74% !important;}
.contentContainer {padding: 15px !important;}
.Chronoform .lrg {width: 194px;}
.Chronoform input[type="submit"]{font-size: 14pt; height: 40px !important;  padding: 7px 24px !important;}
.items-row h1 {font-size: 22px !important;}
div.productlistdetails {margin-left: 0 !important;}
.item-page .productlistitem img {height: auto !important; margin: 15px auto !important;  width: auto !important;}
#input_checkbox_12 {width: auto !important;}


}


@media only screen and (min-width: 321px) and (max-width: 389px) {

#wrapper {width: 95% !important;  padding: 0 5px !important;  background-size: 100% 100% !important;  margin: 0 auto !important;}
.contentContainer .moduletable.quarter {clear: both !important;float: right !important;margin-left: 18px !important;width: 29% !important;}
.mainContent .custom img {height: auto !important; width: auto!important;}
.mainContent .Chronoform{margin: 0 auto !important; width: 84.5% !important; padding: 20px !important;}
.mainContent .custom span img { height: auto !important; width: 100% !important;}
.mainContent .moduletable .custom span img {width: 100% !important;}
.navBar{height: auto !important;}
.item-page img {display: block !important; float: none !important; height: auto !important; margin: 15px auto !important; width: 100% !important;}
.items-row.row-1 img, .items-row.row-3 img, .items-row.row-5 img, .items-row.row-7 img, .items-row.row-9 img, .items-row.row-11 img, .items-row.row-13 img, .items-row.row-15 img, .items-row.row-17 img, .items-row.row-19 img {
    display: block !important;  float: none !important;  margin: 0 auto !important;  width: 100% !important;}
.item.column-1 > div {float: none !important;}
/*menu*/
.toggleMenu::before {content: "≡"; float: right !important;  font-weight: 600; line-height: 16px !important; font-size: 37px;}
/*.toggleMenu.active {width: 95% !important; background: #009aab none repeat scroll 0 0; padding: 15px !important;text-align: center !important; border-bottom: 1px solid !important; color: #fff !important;}*/
.toggleMenu {width: 95% !important; background: #009aab none repeat scroll 0 0;padding: 9px !important; text-align: center !important; border-bottom: 1px solid !important; color: #fff !important;}
.ux-menu li {float: none !important;  width: 100% !important; cursor: pointer !important;}
UL#ariext89 LI A {text-align: center !important; border-bottom: 1px solid !important;}  
.ux-menu ul {position: static;}
.ux-menu-item-main a.ux-menu-link-level-0{padding: 10px 25px !important;}
ul.ux-menu-sub{background-size: 100% auto !important; width: 100% !important;}
.ux-menu-arrow {background-position: center center !important; top: 8px;  height: 25px;  width: 25px;}
 /*footer*/  
.highlights h3 {font-size: 14pt !important;} 
.highlights .moduletable.quarter { text-align: center !important; float: none !important; margin: 0 auto !important; width: 100% !important; clear: both !important; padding: 15px 0 !important;  }
/*.highlights .moduletable .custom.quarter img { height: auto !important;  width: 100% !important;}*/  
.highlights {padding: 30px 20px !important;}
.moduletable.omega {margin: 0 0 0 15px !important;}
.highlights .moduletable p a{float: none !important; width: 49% !important; margin: 0 auto !important;}
/**/  
.mainContent .contentContainer .moduletable.threeQuarters { margin: 0 auto 20px !important; width: 100% !important;}
.footer .moduletable.threeQuarters {margin: 5px auto !important; text-align: center;  width: 100% !important;}
.footer .omega {clear: both !important; float: none !important; margin: 0 auto !important; width: 100% !important; padding: 5px 0 !important; text-align: center !important;}
/*.contentContainer .alpha .Chronoform { width: 100% !important;}*/
form.Chronoform label { float: none !important; margin: 0 auto 5px !important; text-align: left !important;  width: 91% !important;}
.contentContainer .moduletable.quarter {float: none !important; margin: 0 auto !important; text-align: center !important; width: 100% !important;}
.blog-featured .moduletable.threeQuarters.alpha { width: 100% !important; float: none !important; margin: 0 auto !important;}
.womo-widget.womo-review-feed { width: 100% !important;}
/*blog*/  
.contentContainer .blog .item.column-1 > img {width: 100% !important;}
.contentContainer h2, .contentContainer h2 a, body.mceContentBody h2 { font-size: 15px !important;}
/*banner*/  
.moduletablevip {background-size: 100% auto !important;height: auto !important; padding: 10px;}
.customvip iframe {height: 95px !important;  width: 55% !important;}
.moduletablevip a.tealbutton { bottom: 7px; right: -3px !important;}
/*slider*/  
#fpssContainer90.fpss-template-keesports .slides-wrapper {width: 100% !important;  height: 146px !important;}
#fpssContainer90.fpss-template-keesports { width: 100% !important;}
#fpssContainer90.fpss-template-keesports .slide{ height: 146px !important; width: 100% !important;}
.fpss-template-keesports img{width: 100% !important; height:100% !important;}

.fpss-template-keesports .slidetext h2, .fpss-template-keesports .slidetext h2 a{  font-size: 11px !important;  line-height: 10px !important; margin-bottom: 4px !important;}
.fpss-template-keesports .slidetext p{margin: 0 0 6px !important; font-size: 9px;}
.fpss-template-keesports .slidetext p a {padding: 7px 16px;}
a.tealbutton {font-size: 10px !important; margin-bottom: 6px !important; margin-right: 15px !important;  padding: 6px 12px !important;}
#fpssContainer90.fpss-template-keesports .slidetext{left: 10px !important;  top: -14px !important; padding: 20px 8px; width: 48%;}
/*logo*/  
.moduletablecontact {float: none !important; margin: 15px auto !important; text-align: center !important; }
.moduletablelogo {float: none !important; margin: 15px auto !important; text-align: center !important;}
.customlogo {width: 100% !important; margin:0 auto !important;}
.apesLogo {width: 254px !important; height: auto !important;}
/*font-size*/  
.moduletable h1 {font-size: 16px !important;}
.item-page h1 {font-size: 16px !important;}
.contentContainer h3, .contentContainer h3 a, body.mceContentBody h3 { font-size: 15px !important;}
.item-pageDomestic h1 { font-size: 15px !important;}
.hikashop_product_name_main { font-size: 15px !important;}
.contentContainer h4, .contentContainer h4 a, body.mceContentBody h4 {font-size: 15px;}
/**/
.Chronoform input {float: none !important;  width: 91.3% !important;}
.cfdiv_select select, .cfdiv_text label{float: left !important;  width: 180px;}
.Chronoform .quoteAddress {float: none !important;width: 90.8% !important;}
.Chronoform textarea { float: none !important; width: 91.4% !important;}
.left-col {float: none !important; width: 100% !important;}
.right-col { float: none !important;  width: 100% !important;}
.right-col img { height: auto !important; margin-top: 10px !important; width: 100% !important;}
.footer .menu li { float: none !important; margin: 4px auto !important;}
.moduletablecontact h3.phone{font-size: 13pt;}
body.mceContentBody ul, .contentContainer ul { padding-left: 0;}
body {font-size: 74% !important;}
.contentContainer {padding: 15px !important;}
.Chronoform .lrg {width: 194px;}
.Chronoform input[type="submit"]{font-size: 14pt; height: 40px !important;  padding: 7px 24px !important;}
.items-row h1 {font-size: 22px !important;}
div.productlistdetails {margin-left: 0 !important;}
.item-page .productlistitem img {height: auto !important; margin: 15px auto !important;  width: auto !important;}
#input_checkbox_12 {width: auto !important;}
.fpss-template-keesports .navigation li.navigation-button a{width: 12px; height: 12px;}
span.testimonial{padding-left: 26px;}
#recaptcha {float: none !important;}
#recaptcha_area, #recaptcha_table {width: 100% !important;}


}  


@media only screen and (min-width: 200px) and (max-width: 320px) {

#wrapper {width: 95% !important;  padding: 0 5px !important;  background-size: 100% 100% !important;  margin: 0 auto !important;}
.contentContainer .moduletable.quarter {clear: both !important;float: right !important;margin-left: 18px !important;width: 29% !important;}
.mainContent .custom img {height: auto !important; width: auto!important;}
.mainContent .Chronoform{margin: 0 auto !important; width: 84.5% !important; padding: 20px !important;}
.mainContent .custom span img { height: auto !important; width: 100% !important;}
.mainContent .moduletable .custom span img {width: 100% !important;}
.navBar{height: auto !important;}
.item-page img {display: block !important; float: none !important; height: auto !important; margin: 15px auto !important; width: 100% !important;}
.items-row.row-1 img, .items-row.row-3 img, .items-row.row-5 img, .items-row.row-7 img, .items-row.row-9 img, .items-row.row-11 img, .items-row.row-13 img, .items-row.row-15 img, .items-row.row-17 img, .items-row.row-19 img {
    display: block !important;  float: none !important;  margin: 0 auto !important;  width: 100% !important;}
.item.column-1 > div {float: none !important;}
/*menu*/
.toggleMenu::before {content: "≡"; float: right !important;  font-weight: 600; line-height: 16px !important; font-size: 37px;}
/*.toggleMenu.active {width: 95% !important; background: #009aab none repeat scroll 0 0; padding: 15px !important;text-align: center !important; border-bottom: 1px solid !important; color: #fff !important;}*/
.toggleMenu {width: 95% !important; background: #009aab none repeat scroll 0 0; padding: 8px !important; text-align: center !important; border-bottom: 1px solid !important; color: #fff !important;}
.ux-menu li {float: none !important;  width: 100% !important;}
UL#ariext89 LI A {text-align: center !important; border-bottom: 1px solid !important;}  
.ux-menu ul {position: static;}
.ux-menu-item-main a.ux-menu-link-level-0{padding: 10px 25px !important;}
ul.ux-menu-sub{background-size: 100% auto !important; width: 100% !important;}
.ux-menu-arrow {background-position: center center !important; top: 8px;  height: 25px;  width: 25px;}
 /*footer*/  
.highlights h3 {font-size: 14pt !important;} 
.highlights .moduletable.quarter { text-align: center !important; float: none !important; margin: 0 auto !important; width: 100% !important; clear: both !important; padding: 15px 0 !important;  }
/*.highlights .moduletable .custom.quarter img { height: auto !important;  width: 100% !important;}*/  
.highlights {padding: 30px 20px !important;}
.moduletable.omega {margin: 0 0 0 15px !important;}
.highlights .moduletable p a{float: none !important; width: 49% !important; margin: 0 auto !important;}
/**/  
.mainContent .contentContainer .moduletable.threeQuarters { margin: 0 auto 20px !important; width: 100% !important;}
.footer .moduletable.threeQuarters {margin: 5px auto !important; text-align: center;  width: 100% !important;}
.footer .omega {clear: both !important; float: none !important; margin: 0 auto !important; width: 100% !important; padding: 5px 0 !important; text-align: center !important;}
/*.contentContainer .alpha .Chronoform { width: 100% !important;}*/
form.Chronoform label { float: none !important; margin: 0 auto 5px !important; text-align: left !important;  width: 91% !important;}
.contentContainer .moduletable.quarter {float: none !important; margin: 0 auto !important; text-align: center !important; width: 100% !important;}
.blog-featured .moduletable.threeQuarters.alpha { width: 100% !important; float: none !important; margin: 0 auto !important;}
.womo-widget.womo-review-feed { width: 100% !important;}
/*blog*/  
.contentContainer .blog .item.column-1 > img {width: 100% !important;}
.contentContainer h2, .contentContainer h2 a, body.mceContentBody h2 { font-size: 15px !important;}
/*banner*/  
.moduletablevip {background-size: 100% auto !important;height: auto !important; padding: 10px;}
.customvip iframe {height: 95px !important;  width: 55% !important;}
.moduletablevip a.tealbutton { bottom: 7px; right: -3px !important;}
/*slider*/  
#fpssContainer90.fpss-template-keesports .slides-wrapper {width: 100% !important;  height: 146px !important;}
#fpssContainer90.fpss-template-keesports { width: 100% !important;}
#fpssContainer90.fpss-template-keesports .slide{ height: 146px !important; width: 100% !important;}
.fpss-template-keesports img{width: 100% !important; height:100% !important;}

.fpss-template-keesports .slidetext h2, .fpss-template-keesports .slidetext h2 a{  font-size: 11px !important;  line-height: 10px !important; margin-bottom: 4px !important;}
.fpss-template-keesports .slidetext p{margin: 0 0 6px !important; font-size: 9px;}
.fpss-template-keesports .slidetext p a {padding: 7px 16px;}
a.tealbutton {font-size: 10px !important; margin-bottom: 6px !important; margin-right: 15px !important;  padding: 6px 12px !important;}
#fpssContainer90.fpss-template-keesports .slidetext{left: 10px !important;  top: -14px !important; padding: 20px 8px; width: 48%;}
/*logo*/  
.moduletablecontact {float: none !important; margin: 15px auto !important; text-align: center !important; }
.moduletablelogo {float: none !important; margin: 15px auto !important; text-align: center !important;}
.customlogo {width: 100% !important; margin:0 auto !important;}
.apesLogo {width: 254px !important; height: auto !important;}
/*font-size*/  
.moduletable h1 {font-size: 16px !important;}
.item-page h1 {font-size: 16px !important;}
.contentContainer h3, .contentContainer h3 a, body.mceContentBody h3 { font-size: 15px !important;}
.item-pageDomestic h1 { font-size: 15px !important;}
.hikashop_product_name_main { font-size: 15px !important;}
.contentContainer h4, .contentContainer h4 a, body.mceContentBody h4 {font-size: 15px;}
/**/
.Chronoform input {float: none !important;  width: 91.3% !important;}
.cfdiv_select select, .cfdiv_text label{float: left !important;  width: 180px;}
.Chronoform .quoteAddress {float: none !important;width: 90.8% !important;}
.Chronoform textarea { float: none !important; width: 91.4% !important;}
.left-col {float: none !important; width: 100% !important;}
.right-col { float: none !important;  width: 100% !important;}
.right-col img { height: auto !important; margin-top: 10px !important; width: 100% !important;}
.footer .menu li { float: none !important; margin: 4px auto !important;}
.moduletablecontact h3.phone{font-size: 13pt;}
body.mceContentBody ul, .contentContainer ul { padding-left: 0;}
body {font-size: 74% !important;}
.contentContainer {padding: 15px !important;}
.Chronoform .lrg {width: 194px;}
.Chronoform input[type="submit"]{font-size: 14pt; height: 40px !important;  padding: 7px 24px !important;}
.items-row h1 {font-size: 22px !important;}
div.productlistdetails {margin-left: 0 !important;}
.item-page .productlistitem img {height: auto !important; margin: 15px auto !important;  width: auto !important;}
#input_checkbox_12 {width: auto !important;}
.fpss-template-keesports .navigation li.navigation-button a{width: 12px; height: 12px;}
span.testimonial{padding-left: 26px;}
#recaptcha {float: none !important;}
#recaptcha_area, #recaptcha_table {width: 100% !important;}


}  
.footer span {font-size: 18pt; color: #fff; margin-bottom: 8px; font-weight: 600;}
.moduletablecontact span.phone    {font-size: 18pt; color: #009fae;}
.moduletablecontact span.phone1 { font-weight: bold; font-size: 12pt; }
ins{display:none !important;}