/* ==================================================================================
Small Desktop View - 1024
================================================================================== */

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    #mainContainer, .wrapper { width:990px;}
    #homeCarousel { max-width:70%;}
    #homeHeader { max-width:28.5%;}
    #homeHeader img { max-width:100%; width:auto;}
    .product-item .product-btn { padding-left:5px;}
    #blog .blogPost { width:68%;}
   /* ul#desktopMenu li ul::before { font-size:20px; margin-top:-16px;}*/
    .product-item .name a { font-size:15px;}
    .price2, .product-item .price { font-size:20px;}
   /* aside { width:240px;}
    #searchGroup .productBlockContainer .product-container { width:100% !important;}
    #searchGroup .productBlockContainer .product-item .img img { width:auto;}*/
    footer .col1 { width:44%;}
    footer .col3 { width:220px;}
    ul#desktopMenu li ul::before {  font-size:18px; top:0px;  /*line-height:10px;*/}
   /* #loginAccount .alpha-col, #loginAccount .beta-col { width:98%; float:none;}*/
    #loginAccount .fbconnect { clear:both;}
     #loginAccount .loginField input { min-width:170px;}
     #viewWishlist .wl-items { width:30%;}
     #viewWishlist .wl-price { width:18%;}
     #viewWishlist .wl-total { width:16%;}
     #viewWishlist .wl-details .btn { padding:5px; font-size:11px;}
     #viewWishlist .wl-details .btn:hover, #viewWishlist .wl-details .btn_over { padding:5px; font-size:11px;}
     
     #addresses .viewAddress { width:100%;}
     #updateAccount .updaccField input { width:55%;}
     #updateAccount .updaccField div.selector { max-width:55%;}
     #updateAccount .updaccField label { width:130px;}
     #addAddresses .back-add-address-button { margin-left:0px;}


#homeHeader .fb_iframe_widget span {height: 319px !important;}
#homeHeader .fb_iframe_widget iframe {height: 319px !important;}
.top-menu li.my-account {margin-top:4px;}

#listing0 div.selector {width: 100% !important;}
.product-item .img img {max-width: 100%;}

.columns-3 .product-container {width:330px;}
#logo {width:30%;}
#mainContent {width: 100% !important;}
aside .module .stars {padding-top:7px;}
.topsellers_topitem .stars {padding-top:2px !important;}


}
/* ==================================================================================
Small Desktop and Tablet View - 768
================================================================================== */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #mainContainer, .top-menu .wrapper { width:748px;}
    .wrapper { width:100%; padding:0px;}
    
    /*header css */
    .top-menu { background:#d4f5e1;}
    .top-menu #checkout { padding:0 10px; margin-left:0px; font-size:14px;}
    #searchBox { margin-right:10px;}
    #searchBox input[type="text"] { width:140px; padding-left:5px;}
    #searchBox input[type="submit"] { padding:0  2px;}
    .top-menu ul { margin-right:0px;}
    .top-menu li, .top-menu li a { font-size:12px;}
    nav#catNavMenu { margin-top:50px;}
    ul#desktopMenu li a  { padding:0 11px;}
    #cart { font-size:12px;}
    
    /* menu css*/
    .mobileView .menuIcon { font-size:30px; color:#000;}
    .mobileView { display:block; float:left; margin-top:25px;}
    #logo { text-align:center; float:none;}
    nav#catNavMenu { display:none;}
    .subMenu { background:#494949;}
    
    /*main css*/
    .product-item .name { white-space:normal;}
    .product-item .name { max-height:100%;}
    .product-item .name a { font-size:14px;}
    .product-item .price { font-size:20px;}
    .product-container { padding:0 4px;}
    .product-item .product-btn { padding:5px;}
    .product-item .action .btn { font-size:12px;}
    .product-item .action .btn:hover, .product-item .action .btn_over {font-size:12px;}
    .productBlockContainer .middle-item { padding:0 4px !important;}
    #leftBar { display: block !important; visibility: visible;}
    #rightBar { display: block;}
    #mainContent { width:100% !important;}
    aside#rightBar { margin-left:0px; width:100%; padding:15px;}
    aside#leftBar { margin-left:0px; width:100%;}
    aside#rightBar #modTopSellers, aside#rightBar #modNewReleases { width:47%; float:left; clear:none;}
    /*aside#rightBar #modNewReleases { float:right;}*/
    #modTopSellers .item-panel, #modNewReleases .item-panel { padding:0;}
    aside#leftBar { border:0px;}
    #contactUs #uniform-departmentid { clear:none;}
    #blog .blogPost { width:65%;}
    #blog .blogNav { width:32%;}
    #modTopSellers .item-panel .topseller { width:100%;}
    aside#leftBar { background:none;}
    .leftBar #modPrice ul { display:none; background:#eee;}
    .leftBar #modPrice .menu-headers, .leftBar #modManufacturer .menu-headers { border-bottom:1px solid #fff; cursor:pointer;}
    .leftBar #modManufacturer ul { display:none; background:#eee;}
    .product-item .price { font-size:20px;}
    #loginAccount .fbconnect { clear:both;}
    .product-item .name { padding-top:0px; margin-top:0px;}
    #crmRequest #uniform-departmentid { clear:none;}
   /* #listing0 .primary, #listing0 .secondary { width:100%; float:none; margin-right:0px;}*/
    #giftcertificate_block #gc_fromname, #giftcertificate_block #gc_toname, #giftcertificate_block #gc_toemail, #giftcertificate_block #gc_tomessage { display:none;}
    .price2, .product-item .price { font-size:20px;}
   
    
    /*slideshow css*/
    #homeCarousel { max-width:61%;}
    #homeHeader { max-width:40%;}
    #homeHeader img { max-width:100%; width:auto; margin-bottom:15px;}
    
    /*footer css*/
    footer .wrapper { width:748px;}
    #mailistBox { width:60%;}
    #mailistBox input[type="text"] { width:36%; margin:0 10px;}
    #mailistBox input[type="submit"] { padding:0 5px; font-size:15px;}
    #mailistBox input[type="submit"]:hover { padding:0 5px; font-size:15px;}
    .social-icons { width:40%; display:block; visibility: visible;}
    .linkrow, .ftr-col.col2 { display:block; visibility: visible;}
    footer .col1 { width:40%;}
    footer .col2, footer .col3 { width:28%;}
    footer .col3 { margin-top:30px;}
    footer #loginAccount { width:100%;} 
    
  
#homeHeader .fb_iframe_widget span {height: 210px !important;}
#homeHeader .fb_iframe_widget iframe {height: 210px !important;} 
.nav_right .fb_iframe_widget {float: right;position: absolute;right: 155px;top: 20px;}
#modLinks li, footer .col1 #modManufacturer li {width:50%;}
.top-menu li.my-account {margin-top:4px;}
/*body {background-size:auto auto;}*/
.nav_right .twitter-follow-button.twitter-follow-button-rendered {
    float: right;
    margin-left: 20px;
    position: relative !important;
    top: -99px;right:0;}
header .wrapper {padding-bottom:0 !important;}

#listing0 div.selector {width: 100% !important;}
#listing0 .secondary {width:55%;}
.createFirstReview, .addGiftRegistry {margin-bottom:5px;}
.createFirstReview, .addGiftRegistry, .email_friend {float:none;}
.product-item .img img {max-width: 100%;}
  aside .module .stars {padding-top:9px;}
.topsellers_topitem .stars {padding-top:0px !important;}


    
    
}

/* ==================================================================================
Mobile View - 480
================================================================================== */
@media screen and (min-width: 320px) and (max-width: 767px) {

/*header css*/
body { -webkit-text-size-adjust: none; }
.top-menu { background:#efefef;}
.top-menu .icon-menu, #mobileMenu i, #mobileCatMenu i, #mobileCart i { color:#000;}
.topnav { display:block !important; background:#d4f5e1; padding:10px 0;}
.topnav ul { max-width:430px; display:block; margin:0 auto;}
.topnav ul li { text-align: left;}
.top-menu { background:none;padding:0 0 10px 0;}
.top-menu { height:auto;}
.top-menu .wrapper { padding-top:0px;}
#homeHeader { width:100%;margin-bottom:20px;} 
.header-specials span { display:block;}
.mobileView .menuIcon { font-size:30px; color:#000;}
/*.slicknav_menu { display:none;}*/
.top-menu li { padding-left:0px;}
#mobileCart i { font-size:15px; color:#999;}
.topnav ul li { /*width:45%;*/ float:left;}
.top-menu li a { font-size: 12px;}
.m-search form { border:0px; margin:10px 0;}
.m-search input[type="text"] { background:#fff; border:1px solid #ddd; color:#999;}
.m-search button { background:#ffc328; color:#fff;}
li.m-search { border-bottom:0px !important;}
.m-search button:hover { background:#467c48;}
.mobileView { display:block; float:left; margin-top:18px; }
.slicknav_menu a.slicknav_btn { font-size:30px; font-weight: bold; padding:0px;}
#logo img { margin-top:0px;}
.top-menu li.login { font-size:12px;}
#subcategoriesBlock .columns-4 li { width:50%;}
.subMenu.mm-listview { background:#494949;}
.subMenu { background:#494949;}
#crmRequest .button, #updateAccount .button, #addresses .button, #addAddresses .button, #viewWishlist .button, #gcView .button, #orderHistory .button .icon-btn.icon-btn-prev, #crm .button .icon-btn.icon-btn-prev  { margin-top:0;}
.topnavlogin:hover { color:#fff; background:#fdd446;}
.mobileView .menuIcon:hover { color:#467c48;}
#leftBar { display: block !important; visibility: visible;}
#rightBar { display: block;}
#mainContent { width:100% !important;}
aside#rightBar { margin-left:0px; width:100%;}
aside#rightBar #modTopSellers, 
 { width:100%; clear:both;}
aside#leftBar { border:0px;}
/* #modTopSellers .item-panel, #modNewReleases .item-panel { padding:15px;}*/
 #itemsBlock .products-header span { display:block;}
 #listing1 .primary { width:100%; float:none;}
#listing1 .secondary { width:100%; float:none;}
#listing1 .ui-state-default, #listing1 .ui-widget-content .ui-state-default, #listing1 .ui-widget-header .ui-state-default { width:100%;}
#listing1 .ui-tabs .ui-tabs-nav li a { width:100%; }
#blog .blogPost { width:100%;}
#blog .blogNav { width:100%; max-width:100%;} 
#blog .blog-home.button { float:none;}
#blog .blogNav div.selector { margin:10px 10px 0; width:90% !important;}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor { background:#eee; color:#000;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background:#467c48; color:#fff;border:1px solid #000;border-bottom:none;}
aside#leftBar { background:none; width:100%; margin-right:0px;}
.leftBar #modPrice ul { display:none; background:#eee;}
.leftBar #modPrice .menu-headers, .leftBar #modManufacturer .menu-headers { border-bottom:1px solid #fff; cursor:pointer;}
.leftBar #modManufacturer ul { display:none; background:#eee;}
.leftBar #modManufacturer li { text-align:left;}
.leftBar .product-item .price { font-size:20px;}
#loginAccount .fbconnect { clear:both;}
#viewWishlist .button.wl-remove-item { clear:both;}
#error { background-size:70%;}
#showRealMedia { min-height:69px;}
#showRealMedia span { display:block;}
#viewGiftregistryList .view-desired .icon-cancel { display:none;}
/*#listing0 .addl-images > div img { max-height: 100%;}*/
.giftCertificates .verification { float:none;}
#loginAccount .submit-button { margin-top:0px;}
#giftcertificate_block #gc_fromname, #giftcertificate_block #gc_toname, #giftcertificate_block #gc_toemail, #giftcertificate_block #gc_tomessage { display:none;}

/*#productReviewNew .review-submit-button input { margin-bottom:20px !important;}
.modal-bg { padding-bottom:20px !important;}*/



/*footer css*/

#homeFooter .col1, #homeFooter .col2 { width:100%;}
#homeFooter .col2 { margin-top:10px;}
#mailistBox { width:100%;}
#mailistBox input[type="text"] { width:70%; margin:0 15px 0 0;}
.social-icons, .linkrow, .ftr-col.col2 { display:block; visibility: visible;}
.mailist-box > h4 { float:none;}
.social-icons { width:100%; text-align: left;}
footer h3 { text-align: left;}
footer .col1 { width:100%; margin-top:30px;}
#modLinks ul li { width:50%; display:block; float:left; text-align:left;}
.ftr-col.col2 h3 { margin-top:20px;}
.topnavlogin { display:block;}
footer .col1 #modManufacturer li { text-align: left;}
footer .wrapper { width:460px !important;}
footer #mailistBox { height:auto;} 


 .nav_right .fb_iframe_widget {position: absolute;right: 155px;top: 125px;width:35%;}  
.shipping {display:none;}
header .wrapper {padding:5px 0;} 
footer .col1 #modManufacturer li {width:50%;}
.topnav li.shipping {display:inline-block;}
footer #loginAccount .submit-button {padding-bottom: 20px;}
/*body {background-size:auto auto;}*/
.mobileView {margin-top:50px;}   
.topnavlogin {display:none;} 
.nav_right .twitter-follow-button.twitter-follow-button-rendered {
    float: right;
    position: relative !important;
    top: 0px;}

#listing0 .secondary {width:auto;}
.createFirstReview, .addGiftRegistry {margin-bottom:5px;}
#listing0 {margin-top: 20px;}
.createFirstReview, .addGiftRegistry, .email_friend {float:none;}

#listing0 .main-image img {height:auto;max-height: 100%;width:auto !important}
/*#listing0 .main-image {height:auto;}*/
#listing0 .primary {width:289px;margin:0 auto;}

#listing0 div.selector {width: 100% !important;}
#homeHeader {text-align:center;}
/*#listing0 .addl-images > div img {max-height: 45px;}*/

#search .productBlockContainer {margin-left: 0;width: 100%;}

aside .module .stars {padding-top:9px;}
.topsellers_topitem .stars {padding-top:0px;}
.paging {text-align:right;}

}
/* ==================================================================================
Mobile View - 480
================================================================================== */
@media screen and (min-width: 480px) and (max-width: 767px) {
    #mainContainer, .top-menu .wrapper { width:460px;}
    .wrapper { width:100%; padding:0px;}
    #viewCart .item-qty { margin-left:15%;}

.nav_right .fb_iframe_widget {position: absolute;right: 0px;top: 125px;left:0;}
footer .col1 #modManufacturer li {width:50%;}
/*body {background-size:auto auto;}*/
.top-menu li.my-account {margin-left: 27px;}
#mainContent {max-width:390px !important;margin:0 auto !important;float:none !important;}
.shipping p {font-size: 12px;margin: 2px 0 0;}
.nav_right .fb_iframe_widget {left:35px;}
.nav_right .twitter-follow-button.twitter-follow-button-rendered {right:35px;}
.mobileView {margin-left:29px;}

}
/* ==================================================================================
Mobile View - 480
================================================================================== */
@media screen and (min-width: 320px) and (max-width: 479px) {
    #mainContainer, .top-menu .wrapper  { width:300px;} 
    .wrapper { width:100%; padding:0px;}
    .topnav ul { max-width:300px;}
    .top-menu li.login { background-position: 5px center;}
      #viewCart .shipQuote .shipquote-location  { margin-right:0px; width:100%;}
      #viewCart .item-qty { margin-left:24%;}
    footer .wrapper { width:300px !important;}
    #giftcertificate_block #gc_fromname, #giftcertificate_block #gc_toname, #giftcertificate_block #gc_toemail, #giftcertificate_block #gc_tomessage { display:none;}
    
  
.nav_right .fb_iframe_widget {position: absolute;right: 0px;top: 95px;left:0;}
footer .col1 #modManufacturer li {width:50%;}
.mobileView {margin-top:30px;}
/*body {background-size:auto auto;}*/
.topnav li.shipping p {font-size: 12px;
    line-height: 20px;}
.nav_right .twitter-follow-button.twitter-follow-button-rendered {
    float: right;
    position: relative !important;
    top:-7px;}

  .top-menu li.my-account {margin-left: 40px;}
.topnav li.shipping {text-align: center;
    width: 100%;}  


.product-item .img {min-height:300px;}
#listing0 .main-image {max-height: 300px;height:auto;overflow:hidden;}
#listing0 .primary {width:300px;}
#listing0 .main-image img {max-height:300px !important;width:auto !important;}
#listing0 .main-image a {padding:0;}
#homeHeader {text-align:center;}
/*#listing0 .addl-images > div img {max-height:45px !important;}*/
.product-item .img img {max-width: 300px;}
.topsellers_topitem .stars {padding-top:0px;}
.paging {width:100%;}
#itemsBlock .sort-by {min-width: auto;}
#category #itemsBlock .products-header {line-height:34px;}




}