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

@media screen and (min-width: 1024px) and (max-width: 1200px) {
     .wrapper, #homeHeader { width:990px; margin:0 auto;}
    /*#homeCarousel { max-width:75%;}
    #homeHeader { max-width:23.5%;}*/
    #homeHeader img { max-width:100%; width:auto;}
    .product-item .product-btn { padding-left:5px;}
    #homeHeader ul li { width:31.3%;}
    #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:18px;}
   /* aside { width:240px;}
    #searchGroup .productBlockContainer .product-container { width:100% !important;}
    #searchGroup .productBlockContainer .product-item .img img { width:auto;}*/
    
    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;}
     #listing0 .carousel li { min-width:84px; max-width:84px; margin:0 3px;}


}
/* ==================================================================================
Small Desktop and Tablet View - 768
================================================================================== */
@media screen and (min-width: 768px) and (max-width: 1023px) {
     .top-menu .wrapper, #homeHeader { width:748px; margin:0 auto;}
    .wrapper { width:748px; padding:0px;}
    
    /*header css */
    .top-menu { background:#444; padding:1px 0 7px;}
    .top-menu #checkout { padding:0 10px; margin-left:0px; font-size:14px;}
    #searchBox { margin-right:10px;}
    #searchBox input[type="text"] { width:115px; 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; padding-right:5px;}
    #cart span.top-price { padding-left:5px;}
    
    
    /* menu css*/
    .mobileView .menuIcon { font-size:30px; color:#fff;}
    .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:16px;}
    .product-item .price { font-size:20px;}
    .product-container { padding:0 4px;}
    .product-item .product-btn { padding:5px;}
    .product-item .action .btn { font-size:18px;}
    .product-item .action .btn:hover, .product-item .action .btn_over {font-size:18px;}
    .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 #modTopSellers { padding-right:5%;}
    aside#rightBar #modNewReleases { float:left;}
    #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:46%;}
    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:18px;}
    #listing0 .addToCartBlock { width:240px;}
    #listing0 .detail-section .beta-col { width:100%; text-align: left;}
     #listing0 .main-image a { max-width:290px;}
     #listing0 .main-image img { max-width:270px !important; height:auto;}
    #listing0 .carousel li { min-width:84px; max-width:84px; margin:0 2px;}
   
    
    /*slideshow css*/
    
    #homeHeader img { max-width:100%; width:auto; margin-bottom:15px;}
    #homeHeader ul { margin-left:-10px;}
    #homeHeader ul li { width:31.9%; margin-left:10px;}
    
    /*footer css*/
    footer .wrapper { width:748px;}
    #mailistBox { width:90%;}
    #mailistBox input[type="text"] { width:70%; margin:0 10px 0 0;}
    #mailistBox input[type="submit"] { padding:0 5px; font-size:15px;}
    #mailistBox input[type="submit"]:hover { padding:0 5px; font-size:15px;}
    .social-icons { width:90%; display:block; visibility: visible;}
    .linkrow, .ftr-col.col2 { display:block; visibility: visible;}
    footer .col1 { width:50%; margin-right:0px;}
    footer .col2, footer .col3, footer .col4 { width:50%;}
    footer .ftr-col { margin-right:0px;}
    footer .col3 { margin-top:30px; clear:both;}
    footer #loginAccount { width:100%;} 
    
   .mm-menu { width: 50% !important; }
    
  
  
    
    
}
@media only screen and (max-width: 1023px){ 
    .dd-inner { margin-top: -20px; margin-right: -20px; margin-left: -20px; }
    .mobileView .menuIcon { font-size:30px; color:#fff;}
    .dd-inner h4 { margin-bottom: 0; }
    .contact-map { padding: 20px; }
    .contact-address { padding: 0 20px; color: #fff; }
    .contact-address a { color: #fff; }
    #mainContainer header .full-width { display: none; }
    header { height: auto; }
    
}

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

/*header css*/
body { -webkit-text-size-adjust: none; }
header { box-shadow: 0 1px 2px #ddd;}
.top-menu { background:#efefef;}
.top-menu .icon-menu, #mobileMenu i, #mobileCatMenu i, #mobileCart i { color:#000;}
.topnav { display:none; background:#444; 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:#fff;}
/*.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:#dd6769; color:#fff;}
li.m-search { border-bottom:0px !important;}
.m-search button:hover { background:#999;}
.mobileView { display:block; float:left; margin-top:21px; }
.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:#dd6769;}
.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 0;}
 #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; font-family:"Oswald",sans-serif; text-transform:uppercase;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background:#dd6769; 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;}
.social-mediaBlock { float:none;}
#listing0 .detail-section .beta-col { float:none; text-align: left; margin-top:15px;}

/*#productReviewNew .review-submit-button input { margin-bottom:20px !important;}
.modal-bg { padding-bottom:20px !important;}*/
#homeHeader ul { margin-left:0px;}
#homeHeader ul li { float:none; margin-left:0px;}
.flex-direction-nav a { margin-top:-15px !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:0px;}
.topnavlogin { display:block;}
footer .col1 #modManufacturer li { text-align: left;}
footer .wrapper { width:460px !important;}
footer #mailistBox { height:auto;} 
footer .col2, footer .col3, footer .col4 { width:100%; margin:20px 0 0;}
#copyright .wrapper { text-align:center;}
#copyright .wrapper .card { float:none; padding-top:10px;}


    
    
}
/* ==================================================================================
Mobile View - 480
================================================================================== */
@media screen and (min-width: 480px) and (max-width: 767px) {
     .top-menu .wrapper, #homeHeader { width:460px; margin:0 auto;}
     .top-menu .wrapper { width:100% !important;}
    .wrapper { width:460px !important; padding:0px;}
    #viewCart .item-qty { margin-left:15%;}
    .header-specials span::after, #listing0 .breadcrumbsBlock h2.header-specials span::after, #listing0 .accessoriesBlock h2.header-specials span::after { left:203px;}
    #listing0 .relatedBlock h2.header-specials span::after { left:200px;}
    #simplemodal-container { top:10px !important; bottom:0px !important; height:auto !important;}
    #listing0 .carousel li { min-width:91px; max-width:91px; margin:0 6px;} 

}
/* ==================================================================================
Mobile View - 480
================================================================================== */
@media screen and (min-width: 320px) and (max-width: 479px) {
    .top-menu .wrapper,  #homeHeader  { width:300px; margin:0 auto;}
    .top-menu .wrapper { width:100% !important;}
    .wrapper { width:300px !important; 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;}
    .header-specials span::after, #listing0 .accessoriesBlock h2.header-specials span::after { left:122px;}
    #listing0 .relatedBlock h2.header-specials span::after { left:125px;}
    #listing0 .carousel li { min-width:110px; max-width:110px; margin:0 8px;}
    
  
    
    
    
}