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

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    #mainContainer, .wrapper { width:990px;}
    #homeCarousel { max-width:75%;}
    #homeHeader { max-width:23.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;}


}
/* ==================================================================================
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:#efefef;}
    .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:20px 0;}
    aside#leftBar { border:0px;}
    #contactUs #uniform-departmentid { clear:none;}
    #blog .blogPost { width:65%;}
    #blog .blogNav { width:32%;}
    #modTopSellers .item-panel .topseller { width:47%;}
    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:15px;}
    #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:75%;}
    #homeHeader { max-width:23.5%;}
    #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%;} 
    
   
    
  
    
    
}

/* ==================================================================================
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:none; background:#eee; padding:10px 0;}
.topnav ul { max-width:430px; display:block; margin:0 auto;}
.topnav ul li { text-align: left;}
.top-menu { background:none;}
.top-menu { height:auto;}
.top-menu .wrapper { padding-top:0px;}
#homeHeader { width:100%;} 
.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:#d32e2e; color:#fff;}
li.m-search { border-bottom:0px !important;}
.m-search button:hover { background:#f5bf01;}
.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:#d32e2e;}
#leftBar { display: block !important; visibility: visible;}
#rightBar { display: block;}
#mainContent { width:100% !important;}
aside#rightBar { margin-left:0px; width:100%;}
aside#rightBar #modTopSellers, aside#rightBar #modNewReleases { 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:#d32e2e; color:#fff;}
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;} 


    
    
}
/* ==================================================================================
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%;}

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