@media only screen and (min-width: 961px) and (max-width: 2500px) /* Smaller than standard 961 (devices and browsers) */ {

    /* Home */
    .main_container{ margin-left: 0 !important;}
    #totop { display: none !important;  right: 0;}
}

@media only screen and (min-width: 768px) and (max-width: 959px)/* Smaller than standard 768 (devices and browsers) */ {

    /* Home */
    #header_wrapper{ min-width: inherit;}
    #header{ width: 96%;}
    #home_banner{ min-width: inherit;}
    #home_banner_banner_bottom{ width: 96%;}

    #home_shop{ width: 96%;}
    #home_large_callouts{ width: 96%; text-align: center;}
    #home_small_callouts{ width: 96%;}
    #footer{ width: 96%; height: auto;}    
    #header_top{ left: auto; right: 0; width: 65%; height: auto; position: relative; float: right; text-align: right;}
    #navigation_space{ left: auto; right: 0; width: 65%; height: auto; position: relative; float: right; top: 5px;}
    #navigation{ padding: 5px 0 5px 15px;}
    #navigation ul li{ margin-right: 8px;}
    #navigation ul li a{ font-size: 12px;}
    #header_hanger{ left: auto; right: 0;}
    #header_visit{ padding-right: 10px;}
    .home_shop_cat{ width: 20%; padding: 0 2%; /*vertical-align: top;*/}
    .home_shop_cat img{ max-width: 100%;}
    .home_large_callout{ width: 31%; margin: 0 1%; height: auto;}
    .home_large_callout img{ max-width: 100%; display:block;}
    .home_large_callout_banner{ width: 100%;}
    .home_large_callout_overlay{ width: 94%; padding: 10% 3% 0; height: 87%;}
    .home_large_callout_overlay p{ line-height: 24px;}
    .home_small_callout{ margin: 0 1%; width:31%; height: auto;}
    .home_small_callout_text{ width: 46%; padding: 0 2%;}
    .home_small_callout_image{ width: 50%; height: auto;}
    .home_small_callout_image img{ max-width: 100%;}
    #footer_facebook{ display: inline-block; position: relative; left: 0; top: 20px; width: 25%; vertical-align: top;}
    #footer_email_club{ position: relative; left: 0; top: 20px; width: 74%; display: inline-block; vertical-align: top;}
    #footer_callouts{ width: 100%; position: relative; left: 0; top: 0; margin-top: 50px; margin-bottom: 10px;}
    #footer_copyright{ position: relative; width: 100%; left: 0; top: 0; padding-bottom: 10px;}
    .footer_callout{ width: 23%; margin: 0 1%; height: auto;}
    .footer_callout img{ max-width: 100%; display: block;}
    #totop { display: none !important;  right: 0;}
    #specials_banner .cycle-slideshow {width:99%;}
    #specials_banner .cycle-slideshow img {width:100%;}
    #specials_banner .cycle-pager {width: 16%;height: 12px;margin: 6px auto;clear: both;}

    /* History */
    #content{ width: 96%}
    #main_content{ width: 70%;}
    #main_content img{ max-width: 100%;}
    .full_image img{ max-width: 100% !important;}
    .single_content{ width: 100% !important;}

    /*Promo */
    #promo_content{ width: 70%;}
    #promo_content img{ max-width: 100%;}

    /* Auctions */
    .gun_auction_logo{ text-align: center;}
    .gun_auction_logo a{ width: 24%; display: inline-block;}
    .gun_auction_logo a img{ display: block; max-width: 100%;}

    /* Services */
    .services_content .nav_service{ float: none; display: inline-block; margin: 0 1% 30px 1%; width: 22%;}
    .services_content .nav_service img{ max-width: 100%;}
    #secondary_content{ width: 28%;}

    /* Quick Sell */
    /*.sell{ width: 100%;}*/
    .sell input{ padding: 5px 2%; width: 96%;}
    .sell textarea{ padding: 5px 2%; width: 95%;}

    /* Shop */
    #shop_search{ width: 100%; height: auto;}
    #product_search{ padding: 10px 1%;}
    #advanced_search{ width: 67%; height: auto;}
    #advanced_search #advanced_search_form span a{ margin-bottom: 5px;}
    #shop .inventory{ margin-right: 1%; margin-left: 1%; width: 22%;}
    #shop .inventory_image{ width: 100%; height: auto;}
    #shop .inventory_image img{ max-width: 101%;}
    #shop .inventory_price{ left: auto; right: -10px; top: 72px;}
    #inventory_image{ width: 70%; margin-right: 2%;}
    #inventory_image img{ max-width: 100%;}
    #inventory_thumbs{ width: 28%;}
    #inventory_thumbs img{ max-width: 100%;}

    /* visit-our-store */
    #map_wrapper{ min-width: inherit; width: 100%;} 

    /* News */
    .news{ width: 100%;]}
    .news_text{ width: 425px;}


}

@media screen and (max-width: 767px)/* max-width 767px, mobile-only styles, use when QAing mobile issues */{

    /* mobile-nav */
    .mobile-nav{ width:64%; float:right; padding:10px 0 0 0; margin:0; display:block; position:relative; right:0; top:0; height:100%; background:none; z-index:0;}
    .mobile-nav li{ padding:0; margin:0; background:none; list-style:none;}
    .mobile-nav li span{ font-size: 20px; padding: 25px 20px 10px 20px; display: block; color: #d9b471; text-transform: uppercase;}
    .mobile-nav li a{ font-size:13px; line-height:normal; color:#605542; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display:block; padding:6px 5px 6px 20px; text-transform:uppercase; font-weight:700; font-family: 'Lato', sans-serif; }
    .mobile-nav li a.current{ color:#fff; background:#d3c8bc;}
    .mobile-menu-icon{ display:block !important;} 
    ul.sub-nav{ display:none; padding:5px; background:#64564D;}
    ul.sub-nav li a{ font-size:12px; padding:8px 10px 8px 20px;}
    .mobile-nav li a.have-sub-menu{ background-image: url(./images/site/nav-arrow.png); background-position: 90% 20px; background-repeat: no-repeat;}
    .mobile-nav li a.have-sub-menu:hover{ color:#FFFFFF; background-color:inherit;}
    .mobile-menu-icon{ display:none;}
    .mobile_menu_block{ display: block; padding: 5px 0 0 0; position: relative; z-index: 99;}
    .mobile_menu{ position:relative; width:100%; z-index:9;}
    .mobile-nav ul + ul{ margin-top: 0;}
    .mobile-nav ul + ul li a{font-size: 14px; }
    .mobile-nav li.links_top{ padding: 5px 0; border-top: #e8e0d8 solid 1px;}
    .mobile-nav li.links_top a{ color: #605542; border-bottom: #e8e0d8 solid 1px;}
    
    .mobile-menu-icon span {position: absolute; top: 50%; right: 6px; display: block; padding: 0; width: 13px; height: 2px; background-color: #605542; font-size: 0px; -webkit-touch-callout: none;
        -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
    .mobile-menu-icon span:before, .mobile-menu-icon span:after {position: absolute; left: 0px; width: 100%; height: 100%; background: #605542; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: -1px;}
    .mobile-menu-icon span:after { -webkit-transform: translateY(250%); transform: translateY(250%);}
    .mobile-menu-icon span:before {-webkit-transform: translateY(-250%); transform: translateY(-250%); top: 1px;}
    .mobile-menu-icon.active span{-webkit-background: none; 	-moz-background: none; 	-ms-background: none; 	-o-background: none;	background: none;}
    .mobile-menu-icon.active span:before{-webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); top: -1px;}
    .mobile-menu-icon.active span:after{-webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg);}
    .main_container{ position: absolute; left: 0; top:0; width: 100%; -webkit-box-shadow: 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); -moz-box-shadow: 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); box-shadow: 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); background: #fff; overflow-x: hidden;}

    .mobile-nav li.drop_down a{ background-image: url("./images/site/plus.png"); background-position: 90% 7px; background-repeat: no-repeat;}
    .mobile-nav li.drop_down a.active{ background-image: url("./images/site/minus.png");}
    /*.drp_dn_container{  padding: 20px; display: none; right: 230px; background: url(../images/site/banner_msg_trans.png) repeat;}*/
    .drp_dn_container ul li.drop_down{background: url(../images/site/header_arw.png) no-repeat right 25px; padding-right: 5px;}
    ul.mobile-nav li.drop_down .drp_dn_container{ padding: 20px; display: none; background: url(../images/site/banner_msg_trans.png) repeat; }
    ul.mobile-nav li.drop_down .drp_dn_container span.title{ display: block; padding: 0 0 1px 0; border-bottom: 1px solid #baa796; font-size: 14px;  text-transform: uppercase; color:#fff; text-align: right; letter-spacing: 2px; font-family: 'Fenix', serif;}
    ul.mobile-nav li.drop_down .drp_dn_container ul{ min-width: 100px; height: auto; margin-top: 10px;  float: none; display: block; list-style: none;}
    ul.mobile-nav li.drop_down .drp_dn_container ul li{display: block; float: none;  height: auto; list-style: none; padding: 5px 3px 5px 6px; margin: 0; text-align: left}
    ul.mobile-nav li.drop_down .drp_dn_container ul li:hover{ background: url(../images/site/trans_header.png) repeat;}
    ul.mobile-nav li.drop_down .drp_dn_container ul li a{display: block; line-height: normal; font-size: 13px; color:#cfc3b8; background: url(../images/site/right_ar_list.png) no-repeat left 4px; font-family: 'Fenix', serif; padding: 0;  padding-left: 15px; text-transform: none;  height: auto;  text-align: left}

    /* Home */
    body{ background: #f8f7f5;}
    #header_wrapper{ min-width: inherit; height: auto;}
    #header{ width: 100%; height: 156px;}
    #home_banner{ min-width: inherit;}
    #home_banner .home-slider img {margin-top: 10px;}
    #home_banner_banner_bottom{ width: 92%;}
    #home_shop{ width: 92%;}
    #home_large_callouts{ width: 92%; text-align: center;}
    #home_small_callouts{ width: 92%; text-align: center;}
    #footer{ width: 92%; height: auto; text-align: center;}     
    #header_top{ left: auto; right: 0; width: 100%; height: auto; position: relative; float: right; text-align: center; top: 12px; border-top: #d2c9bd solid 1px;}
    #navigation_space{ left: auto; right: 0; width: 65%; height: auto; position: relative; float: right; top: 5px; display: none;}
    #navigation{ padding: 5px 0 5px 15px;}
    #navigation ul li{ margin-right: 10px;}
    #navigation ul li a{ font-size: 12px;}
    #header_hanger{ left: auto; right: 0; width: 100%; text-align: center;}
    #header_hanger img{ display: inline-block; max-width: 100%;}
    #header_visit{ padding-right: 10px; display: none;}
    .home_shop_cat{ width: 45%; margin:0 2%; padding: 0; /*vertical-align: top;*/ border-bottom: 1px dashed #ccc;}
    .home_shop_cat h3{ font-size: 16px; padding-bottom: 5px;}
    .home_shop_cat img{ max-width: 100%;}
    .home_large_callout{ width: 260px; margin: 0 1%; height: auto;}
    .home_large_callout img{ max-width: 100%; display:block;}
    .home_large_callout_banner{ width: 100%;}
    .home_large_callout_overlay{ width: 94%; padding: 10% 3% 0; height: 87%;}
    .home_large_callout_overlay p{ line-height: 24px;}
    .home_small_callout{ margin: 0 1% 5px 1%; width:260px; height: auto;}
    .home_small_callout_text{ width: 46%; padding: 0 2%;}
    .home_small_callout_image{ width: 50%; height: auto;}
    .home_small_callout_image img{ max-width: 100%;}
    #footer_facebook{ display: inline-block; position: relative; left: 0; top: 20px; width: 165px;}
    #footer_email_club{ position: relative; left: 0; top: 20px; width: 100%; }
    #footer_email_club img{ max-width: 100%;}
    #footer_callouts{ width: 100%; position: relative; left: 0; top: 0; margin-top: 50px; margin-bottom: 10px; text-align: center;}
    #footer_copyright{ position: relative; width: 100%; left: 0; top: 0; padding-bottom: 10px;}
    .footer_callout{ width: 195px; margin: 0 1%; height: auto;}
    .footer_callout img{ max-width: 100%; display: block;}
    #header_brand{ position: relative; max-width: 210px; margin: auto; top: 12px;}
    #header_brand img{ max-width: 100%; display: block;}
    #header_brand:after{ position: absolute; left: 0; bottom: 0; width: 100%; height: 16%; content: ''; background: url(/images/site/home_header_bg_rptr.jpg) 0 top repeat-x;}
    #header_search{ width: 49%; display: inline-block; margin: auto; text-align: left; height: 30px; border-left: none;}
    #header_news{ display: none;}
    #header_cart{ width: 49%; height: 30px;}
    #header_top #header_phone{ display: none;}
    #header_phone{ width: 60%; height: 30px; border-bottom: none;}
    #home_banner_banner_bottom h1{ font-size: 16px;}
    #home_banner_bottom_wrapper{ height: auto; padding: 10px 0;}
    #home_banner_bottom_seal{ max-width: 100px; top: -25px;}
    #home_banner_bottom_seal img{ display: block; max-width: 100%;}
    #home_new_arrivals{ width: 92%; text-align: center;}
    #home_new_arrivals img{ max-width: 100%; display: inline-block;}
    .footer_newsletter{ text-align: left; width: 250px;}
    #footer_email_club input{ width: 230px}
    #home_shop h2{ font-size: 16px;}
    #header_phone span, #header_cart a{ font-size: 12px; padding-bottom: 2px;}
    #header_cart a:hover{ color: #605542;}
    #totop {bottom: -45px; cursor: pointer; height: 36px; padding: 0; position: fixed; right: 2%; display:block; width: 36px; z-index: 2147483647;}
    #totop img{ display: block; max-width: 36px;}
    #header_search input{ font-size: 12px; background-size: 15px auto !important; background-position: right 4px !important;}
    .header-top-menu{ display: block;}
    #specials_banner .cycle-slideshow {width:99%;}
    #specials_banner .cycle-slideshow img {width:100%;}
    #specials_banner .cycle-pager {width: 16%;height: 12px;margin: 6px auto;clear: both;}




    /* History */
    #content{ width: 92%}
    #main_content{ width: 100%;}
    #main_content img{ max-width: 100%; height: auto !important;}
    .full_image img{ max-width: 100% !important;}
    #main_content h1, #full_content h1, #content h1{ margin-bottom: 10px; font-size: 18px;}

    #promo_content{ width: 100%;}
    #promo_content img{ max-width: 100%; height: auto !important;}

    /* Auctions */
    .gun_auction_logo{ text-align: center;}
    .gun_auction_logo a{ width: 48%; display: inline-block; vertical-align: top; margin-bottom: 10px;}
    .gun_auction_logo a img{ display: inline-block; max-width: 100%;}

    /* Services */
    .services_content{ text-align: center;}
    .services_content h1{ text-align: left; margin-bottom: 20px !important;}
    .services_content .nav_service{ float: none; display: inline-block; margin: 0 1% 10px 1%; width: 200px; vertical-align: top;}
    .services_content .nav_service img{ max-width: 100%;}    
    #secondary_content{ width: 100%;}
    #main_content h2{ font-size: 16px;}
    .tbl_mob table tr td, .tbl_mob h2{ font-size: 14px !important;}

    /* Quick Sell */
    .sell{ width: 100%;}
    .sell input{ padding: 2%; width: 96%;}
    .sell textarea{ padding: 2%; width: 95%;}
    h3{ font-size: 15px;}

    /* Shop */
    #shop_search{ width: 100%; height: auto; }
    #product_search{ padding: 10px 0; width: 85%; border-right: none; margin-right: 0; margin: auto; float: none;}
    #advanced_search{ width: 100%; height: auto; padding: 10px 0; text-align: center; border-top: #fff solid 3px; margin-top: 10px;}
    #advanced_search h3{ background: none;}
    #advanced_search #advanced_search_form span{ display: inline-block; width: 100%;}
    #advanced_search #advanced_search_form span a{ margin-bottom: 5px; background: #ffffff; border: #e0dbce solid 1px; text-align: left; width: 85% !important; font-size: 12px; color: #6b6438; line-height: 40px; font-family: 'Lato', sans-serif;}
    #shop_select span{ width: 49%;}
    #shop_top #shop_select span a{ margin-bottom: 5px; background: #ffffff; border: #e0dbce solid 1px; text-align: left; width: 85% !important; font-size: 12px; color: #6b6438; line-height: 40px; font-family: 'Lato', sans-serif;}
    .ui-selectmenu-menu li a, .ui-selectmenu-status{ width: auto !important;}
    .ui-state-default .ui-icon{ width: 16px !important;}
    #shop .inventory{ margin-right: 1%; margin-left: 1%; width: 200px;}
    #shop .inventory .inventory_title p{ font-size: 12px; line-height: normal;}
    #shop .inventory_image{ width: 100%; height: auto;}
    #shop .inventory_image img{ max-width: 100%;}
    #shop .inventory_price{ left: auto; right: -10px; top: 72px;}
    #product_search input{ width: 88%; padding: 10px 10% 10px 2%; border: #e0dbce solid 1px; font-size: 12px; color: #6b6438;}
    #advanced_search input.submit{ background: #605542; width: 120px; height: 31px; line-height: 31px; border: #e0dbce solid 1px; font-size: 14px; font-weight: 700; padding-bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700;}
    #shop_top{ text-align: center; height: auto;}
    #shop_select{ position: relative;}
    #shop_select span{ display: inline-block;}
    #shop_select span a{ margin-bottom: 5px;}
    #shop_top h1{ line-height: normal; margin-bottom: 10px;}
    #shop{ text-align: center;}
    #inventory_image{ width: 100%; margin-right: 0;}
    #inventory_image img{ max-width: 100%;}
    #inventory_thumbs{ width: 100%;}
    #inventory_thumbs img{ max-width: 100%;}
    #inventory_details{ width: 100%;}
    #inventory_body{ width: 100%;}
    #inventory_details ul li{ font-size: 14px;}
    table#cart{ overflow-x: scroll; display: block;}
    #inventory_buy p{ font-size: 18px;}
    #cart tbody td{ font-size: 12px;}
	#shop h3 span{padding: 0 10px;}
    
    #checkout_form #billing_details table{ width: 100%; display: block;}
    #checkout_form #billing_details table tbody{ width: 100%; display: block;}
    #checkout_form #billing_details table tbody tr{ width: 100%; display: block;}
    #checkout_form #billing_details table tbody tr td{ padding: 5px 0 5px 0; width: 100%; display: block;}
    #checkout_form #billing_details input{ padding: 5px 2%; width: 96%;}
    #checkout_form .ffl_box{ width: 100%; margin-right: 0;}
    #checkout_form #pci_logo{ left: auto; right: 0; width: 80px;}
    #checkout_form #pci_logo img{ max-width: 100%;}
    #checkout_form #ffl_dealers{ width: 100%;}
    #checkout_form .ffl_box table{ width: 100%; display: block;}
    #checkout_form .ffl_box table tbody, #checkout_form .ffl_box table tbody tr{ width: 100%; display: block;}
    #checkout_form .ffl_box table tbody tr td{ width: 100%; display: block;}
    #checkout_form .ffl_box table tbody tr td input{ padding: 5px 2%; width: 96% !important;}

    /* Contact */
    #contact_form input{ padding: 5px 2%; width: 95%;}
    #contact_form textarea{ padding: 5px 2%; width: 95%;}

    /* visit-our-store */
    #map_wrapper{ min-width: inherit; width: 100%; height: 360px !important;}  

    /* News */
    .news{ width: 100%;]}
    .news_text{ width: 83%;}
    .news_date{ width: 15%; margin-right: 2%;}
    .paginate{ margin-bottom: 20px;}
    #disqus_thread{ overflow: auto; width: 100%;}
    
    #home_banner_bottom_wrapper{position: relative;}
    #home_banner .bx-viewport{margin-bottom: 0;padding-bottom: 10px;}
    #home_banner #home_banner_banner_bottom a{font-size: 15px;}
    #home_banner .bx-wrapper{background: #EDE4DB;}
    #home_banner_bottom_seal{ width: 45px; top: -25px;} 


}

@media screen and (max-width: 480px)/* max-width 480px, mobile-only styles, use when QAing mobile issues */{

    /* Home */
    .home_shop_cat{ width: 96%; margin: 0 2% 10px 2%;}
    #home_banner_banner_bottom h1{ font-size: 12px;}
   

    /* Auctions */
    .gun_auction_logo a{ width: 98%;}

    /* News */
    .news_date{ width: 20%; margin-right: 3%;}
    .news_text{ width: 77%;}

}