/* width: 1280px  */
@media (min-width: 1280px) {
  .header-bottom .header-panel .header-logo img{max-width:150px;}
  .header-bottom .nav-search-bar {display:block}
  .header-bottom.on .header-panel-top { right: 65px; }
  .customer-links-pc {display:block}
  .banner { }
  .banner .inner { max-width:480px; margin-top: 22.3%; float: right; position: static; }
  .banner > img { display: none; }
  
  .quickview-template .content,
  .quick-view .content { width: 1038px; }

  .products-grid .grid-item.grid-1 { width: 85px; min-height: 170px; }
  .products-grid .grid-item.grid-2 { width: 180px; }
  .products-grid .grid-item.grid-3 { width: 280px; }
  .products-grid .grid-item.grid-4 { width: 380px; }
  .products-grid .grid-item.grid-5 { width: 282px; }
  .products-grid .grid-item.grid-6 { width: 581px; }
  .products-grid .grid-item.grid-12 { width: 100%; margin-left:0; margin-left:0; }
  
  .col-main .products-grid .grid-item { width: 170.5px; }
  .col-main .products-grid .grid-item.grid-3 { width: 218.5px; }
  .col-main .products-grid .grid-item.grid-4 { width: 300px; }
  
  .template-index .flexslider .slides { width: 50%; margin: 0 auto; }
  .template-index .main-slideshow .flexslider { width: 200%; left: -50%; right: -50%; }
  .template-index .slide-des { bottom: 35%; }
  .template-index .main-slideshow .flexslider .slides li:nth-child(2) .slide-des { bottom: 22%; }
  .template-index .main-slideshow .flexslider .slides li:nth-child(3) .slide-des { bottom: 38%; left: 20%; }
  .main-slideshow .flex-direction-nav a.flex-prev { left: 25.2%; }
  .main-slideshow .flex-direction-nav a.flex-next { right: 25.2%; }
  .header-top {width:50%;}

   /* PDP.Jayden Option*/
  .accessory-price { margin-top: -20px; display: block; }
  
}

/* June 110315 product detail page video */
@media (max-width: 1279px) {
  .tab-content .shortvideo { height: 215px; top: 60px; }
  /* June 111715 Product detail title */
  .product-shop .product-title { margin-bottom: 0; }
  
  
  
}
  
@media (max-width: 1034px) {
  .grid-item .hover {  display: none;}
  .products-grid .wishlist { display: none; }
  .quick-view { display: none!important; }
  .products-grid .spr-badge { position: static; opacity: 1; filter: alpha(opacity=100); }
  .products-grid .grid-item .product-bottom { min-height: 10px; }
  .products-grid .grid-item .product-top { position: static; }
  .quickview-button { visibility: hidden; display: none; }
  .col-main .products-grid .spr-badge {display:none;}
  
  /* product */
  .products-grid .grid-item {  padding-bottom: 50px; }
  .list-category .view { display: none; }
  .recently-viewed-products .product-bottom .action,
  .products-grid .product-des { opacity: 1; filter: alpha(opacity=100); bottom: 0; }
  .recently-viewed-products .product-bottom .action { position: static; }
  .col-main .products-grid .product-des {bottom:0;}
  
  
	/*footer*/
  .site-footer .footer-line .footer-info-left, .site-footer .footer-line .footer-info .final-cut,.site-footer .footer-line .footer-info span:last-child {display:none;}
  .site-footer .footer-line .footer-info-right {width:100%; padding:15px 10px;}
  .site-footer .footer-line .footer-info-right {margin-top:0;}
  .product-des .action {display:none;}
  
  /*cart*/
  .cart-row { width: 40%; }
  .wrapper-cart { width: 60%; }
}


@media (max-width:1279px){
  /*.footerWrap .footerSocial .socialWrap h3 {display:none;}
  #socialWrapND {display:none!important;}
  .footerWrap .newsWrap {width:100%!important}*/
  .newsletter .input-group-field, .footerSocial .text {display:none;}
  .col-main .products-grid .spr-badge {top:-125%;}
  
  /* June 021616 Main Menu Banner*/
  #mega_left { width: 60%;  padding-right: 10px; }
  #menu_side_img { width: 40%; }
  #mega_bottom_link a { padding: 8px 2.5%; }

}

@media (min-width: 992px) and (max-width: 1279px) {
  /* June 101315 */
  #about_spigen .about_contact .contact_info.info_emblem { width: 14% }
  #about_spigen .about_contact .contact_info.info_left { width: 25% } 
  #about_spigen .about_contact .contact_info.info_right { width: 59% }
  #about_spigen #emblem_info { width:49% }
}

@media (max-width: 991px) {
  /* June 101315 */
  #about_spigen .about_contact .contact_info.info_emblem { width:100%; text-align: center; margin-bottom: 25px; } 
  #about_spigen .about_contact .contact_info.info_left { width: 45%; padding:0; }
  #about_spigen .about_contact .contact_info.info_right { width: 55% }
  #about_spigen #emblem_info { width: 100px; }
  #about_spigen .about_contact .contact_info .infoblock_right { float: left; }
  
  /* June 110315 product detail page video */
  .tab-content .f1video, .tab-content .f1, .tab-content .f1feature { width: 100%; float: left; }
  .tab-content .shortvideo { top: 0; width: 100%; }
  .tab-content .shortvideo { height: 415px }
  
  /* June 021616 Main Menu Banner*/
  #mega_left { width: 100%; }
/*   #menu_side_img { display: none; } */
  #mega_bottom_link a { padding: 8px 4%; }
  
  /*  051418  */
  #menu_side_img { width: 100%; padding-right: 0; padding-bottom: 20px;}
  #menu_side_img div { width: 50%; }
  #menu_side_img div:first-child { margin-top: 0; padding-left: 20px; padding-right: 10px;}
  #menu_side_img div:last-child { margin-top: 0; float: right; padding-left: 10px; padding-right: 20px;}
}

/* width: 970px  */
@media (min-width: 992px) and (max-width: 1199px) {
  .header-bottom.on .header-panel-top { right: 65px; }
  .header-bottom.on .site-nav > li > a { margin-left: 15px; margin-right: 15px; font-size: 11px; }
  
  .newsletter .input-group-field { width: 245px; }
  
  .header-bottom .search-bar:hover input.input-group-field {width:170px;}
  
  /* product grid setting  --------------------------------------------------------------- */
  .products-grid .grid-item.grid-2 {width: 176px; }
  .products-grid .grid-item.grid-3 {width: 225px; }
  .products-grid .grid-item.grid-4 {width: 306px; }
  .products-grid .grid-item.grid-5 {width: 282px; }
  .products-grid .grid-item.grid-6 {width: 471px; }
  .products-grid .grid-item.grid-12 { width: 100%; margin-left:0;   margin-left:0; }
  
  .col-main .products-grid .grid-item { width: 174.5px; }
  .col-main .products-grid .grid-item.grid-3 { width: 239px; }
  .col-main .products-grid .grid-item.grid-4 { width: 224.5px; }
  
  .toolbar .btn-group { margin-left: 15px; }
    
  .product-img-box.has-jcarousel .product-photo-container { width: 220px; }
  .more-view-wrapper .jcarousel-clip-vertical { height: 253px; }
  
  .quick-view .product-img-box.has-jcarousel .product-photo-container { width: 230px; }

   .product-shop #add-to-cart-form .btn {width: 62%; }
  
  
  
}


/* width: 750px  */
@media (min-width: 768px) and (max-width: 991px) {
  .header-bottom.on .header-panel-top { right: 50px; }
  .header-bottom.on .site-nav { padding-right: 90px; }
  .header-bottom .nav-search .icon-search { width: 50px; }
  .nav-bar .header-logo-fix { margin-left: 10px; margin-right: 10px; }
  .site-nav > li > a { margin-left: 12px; margin-right: 12px; }
  .header-bottom.on .site-nav > li > a { margin-left: 7px; margin-right: 7px; font-size: 10px; }
  
  .header-bottom .search-bar:hover input.input-group-field {width:150px;}
  
  .slide-heading { padding: 0 0 5px; }
  .slide-des p.line { display: none; }
  .slide-text { padding-bottom: 10px; line-height: 1.35; }
  .site-nav-dropdown .col-1 .inner > a {font-size:15px;}
  .site-nav-dropdown .col-1 ul.dropdown li a {font-size:13px;}
  
  .banner .inner { right: 5%; top: 20px; max-width: 320px; }
  
  .collection-title h3.h5 { font-size: 18px; }
  
  #email-modal .modal-window { width: 705px; }
  #email-modal .window-window .window-content .left { width: 425px; padding: 40px 10px 30px 20px; }
  #email-modal .window-window .window-content .right { width: 280px; }

  /* product grid setting  --------------------------------------------------------------- */
  .products-grid .grid-item.grid-2 {width: 233px; }
  .products-grid .grid-item.grid-3 {width: 170px; }
  .products-grid .grid-item.grid-4 {width: 233px; }
  .products-grid .grid-item.grid-5 {width: 282px; }
  .products-grid .grid-item.grid-6 {width: 361px; }
  .products-grid .grid-item.grid-12 {width: 100%;margin-left:0;   margin-left:0; }

  .col-main .products-grid .grid-item { width: 181px; }
  .col-main .products-grid .grid-item.grid-3 { width: 181px; }
  .col-main .products-grid .grid-item.grid-4 { width: 233px; }

  .slide-des { bottom: 60px!important; }
  .banner p { margin-bottom: 20px; }
  .newsletter .input-group-field { width: 100%; }
  .widget-featured-product .products-grid .grid-item { width: 150px; }
  .widget-featured-product .btn { padding: 0 5px; }

  .sidebar-custom ul li { width: 100%; }
  .refined-widgets > a { float: left; }
  
  .toolbar .view-mode label { display: none; }
  .toolbar .view-mode { margin: 16px 8px 16px 16px; }  
  
  /* product detail page */
  .product-img-box.has-jcarousel .product-photo-container { width: 150px; }
  .more-view-wrapper .jcarousel-clip-vertical { height: 160px; }
  .product-img-box.has-jcarousel .product-photo-thumbs li { margin-bottom: 10px; }
  .tab-content .spr-form-input-textarea { width: 100%; }
  .nav-tabs > li { margin-bottom: 0; }
  .nav-tabs > li > a { padding: 20px 20px 12px!important; }
  .nav-tabs > li > a:hover, 
  .nav-tabs > li:hover > a, 
  .nav-tabs > li:hover > a:hover, 
  .nav-tabs > li.active > a, 
  .nav-tabs > li.active > a:hover, 
  .nav-tabs > li.active > a:focus { border-color: transparent; color: #868686;  padding: 14px 20px 12px!important; }
  .swatch_border {margin-top:4px;}
  .product-shop .price_wrap {padding-top:27px;}
  #quantity {margin-bottom:27px;}
  
  /* cart page */
  .cart-row .btn { font-size: 16px; padding: 0 10px; }
  
  /* contact page */
  #contactFormWrapper input[type="text"],
  #contactFormWrapper input[type="email"], 
  #contactFormWrapper input[type="tel"] { width: 340px; }
  #contactFormWrapper textarea {  width: 340px;}

  #get-rates-submit { padding: 0 10px; }
  
  .product-shop #add-to-cart-form .btn {width: 55%; }
  
  .newslabel { display:none; }
  .subscribewrap { width:344px; }

  .accessories-title-wrap { width: 210px; }

}



@media (min-width: 768px) {
  .cbp-spmenu-push-toright {left:0!important;}
  #cbp-spmenu-s1 {display: none !important;}
  .sidebar { display: block!important; }
  .header-bottom { -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; }
  .header-bottom.on { position: fixed; left: 0; right:0; top:0; z-index: 999; padding: 0; }
  .wrapper-container .header-bottom.on .site-nav li.dropdown.mega-menu > a:after,
  .wrapper-container .header-bottom.on .site-nav li.dropdown.mega-menu > a:before { display: none; }
  
  .header-bottom.on p.text_order,
  .header-bottom.on .currency,
  .header-bottom.on .header-logo,
  .header-bottom.on .free_shipping,
  .header-bottom.on .customer-links { display: none; }

  .header-bottom.on .header-panel { position: absolute; width: auto; right: 10px; z-index: 10; }
  .header-bottom.on .header-panel-bottom { width: 100%; margin: 0; }
  .header-bottom.on .top-cart { padding: 0; }
  .header-bottom.on #dropdown-cart { left: auto; right: 0; top: 44px; }
  .header-bottom.on .header-panel-top { position: absolute; width: auto; bottom: 0; z-index: 10; }
  

}

/* width: 100%  */
@media (max-width: 767px) {  
  img:hover { opacity: 1; filter:alpha(opacity=100); }
  .quickview-button { display: none !important; }
  
  
  #slider { display: none; }
  .visible-phone { display: block; }
  .hidden-phone { display: none; }
  .col-xs-1, 
  .col-xs-2, 
  .col-xs-3, 
  .col-xs-4, 
  .col-xs-5, 
  .col-xs-6, 
  .col-xs-7, 
  .col-xs-8, 
  .col-xs-9, 
  .col-xs-10, 
  .col-xs-11, 
  .col-xs-12 { width: auto; float: none; }

  /* pop up news */
  #email-modal .modal-window {top:2%; min-width:200px;}
  #email-modal .window-window .window-content h1 {margin:15px auto!important;}
  #email-modal .window-window .window-content .title-image img {width:100%; max-width:200px;}
  #email-modal .window-window .window-content {  padding:30px 15px;border: 10px solid #e2e2e2; }
  #email-modal .window-window .window-content .action-btn {margin-top:35px;}
  #email-modal .window-window .window-content p {margin-bottom:20px!important}
  /* header */
   .header-mobile { width: 80%; }
    .header-bottom .top-header { width: 20%; }
  	.header-bottom #dropdown-cart { width: 500%; }
  #currencies-modal { position: absolute; top: 46px; left: 0; width: 100%; z-index: 9; padding: 10px 20px; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
  p.login { display: none; }
  .header-mobile { display: block; background-color:#fff; }
  .header-mobile .currency { width: 25%; }
  .customer-links { padding-left: 0; float: none; /* display: none; */}
  .customer-area a { text-decoration: none; }
  .customer-links li.wishlist { display: none; }
  .header-top { padding: 3px 0; width:100%;position: relative; }
  .header-top a {clear:left;display:block;}
  .header-top .container { position: relative; }
  .header-top .close { margin-top: 5px;; }
  .header-top p { max-width: 70%; margin: 0 auto; text-align:center; }
  .header-bottom { padding: 0; }
  .header-bottom .container { padding: 0; }
  .header-bottom p.text_order { float: left; width: 100%; text-align: center; border-bottom: 1px solid #e7e7e7; padding: 9px 10px; }
  .header-logo { margin: 15px 0; text-align: center; float: left; width: 100%; }
  .header-panel { padding: 0; clear: both; overflow: hidden; }
  .header-panel-bottom { float: left; width: 100%; text-align: center; margin: 0; }
  .header-panel-bottom .customer-links { display: none; }
  .header-panel-top { float: none; width: auto; }
  .header-bottom.on .site-nav { padding-right: 120px; }
  .customer-area .dropdown-menu .logout_link {display:block; text-align:left; margin-bottom:10px;}
  .customer-area .dropdown-menu a, .header-bottom .top-cart #cartToggle, .customer-links a, .customer-links {color:black;}
  .header-bottom .top-cart .first {background:none;display:none;}
  .customer-area-pc {display:none}
  .customer-links {display:block}
  .header-bottom.on .header-top {display:block;}
  .header-bottom .search-bar .input-group-btn input.btn {background-color: rgba(0,0,0,0);}
  .header-bottom .search-bar:hover input.input-group-field {border:0; width:100%;background: none;-webkit-transition: none; /* Safari 3.1 to 6.0 */transition: none;  padding: 0 40px 0 10px ;}
  .header-bottom.on .search-bar {position:relative; right:0;top:0;display:block}
  .header-top .close {display:block; position:absolute; top:13px; right:13px;}
  .header-bottom .top-cart a #cartCount {display:none;}
  .header-bottom .nav-search-bar {display:none}
  .header-bottom .search-bar input.input-group-field {padding: 5px 5px 5px 10px;}
  .template-collection .page-header {margin:0 -10px 10px;}
  .header-top {display:none;}
  #dropdown-cart {
   -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5);
   -moz-box-shadow: 0 0 1px rgba(0,0,0,0.5);
   -o-box-shadow: 0 0 1px rgba(0,0,0,0.5);
   box-shadow: 0 0 1px rgba(0,0,0,0.5);}
  #dropdown-cart .no-items > p:first-child {padding:10px 0 10px 60px;}
  .currency #currencies { height: 46px; border: 0; background: #141414; color: #fff; width: 100%; font-weight: 700; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; }
  .header-panel-top .currency { float: left; width: 25%; background: #141414; border-right: 1px solid #868686; }  
  .header-panel-top .currency .selectize-control { height: 46px; width: 100%; margin:0; position: static!important; }
  .header-panel-top .currency .selectize-control.single .selectize-input, 
  .header-panel-top .currency .selectize-control.single .selectize-input input { color: #fff; width: 100%; height: 46px; line-height:46px; background: none; cursor: pointer; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
  .header-panel-top .currency .selectize-control.single .selectize-input input { display: none; }
  .header-panel-top .currency .selectize-control div.item { background: none; padding: 0;}
  .header-panel-top .currency .selectize-control div.item:after { border: 4px solid transparent; border-top-color: #fff; content:''; height: 0; display: inline-block; margin-left: 8px; }
  .header-panel-top .currency .selectize-control.single .selectize-input.dropdown-active { background-color: rgba(0,0,0,0.8); }
  .header-panel-top .currency .selectize-control.single .selectize-input:after { border:0; }
  .header-panel-top .currency .selectize-control.single .selectize-input.dropdown-active div.item:after { border-top-color: transparent; border-bottom-color:#fff; margin-bottom: 4px; }
  .header-panel-top .currency .selectize-dropdown { margin-top: 0; width: 100%!important; left: 0!important; }
  
  .header-bottom .search-bar .input-group-btn input.btn{ background: url(mobile_search_x2_1.png ) center 8px no-repeat; background-size:18px 54px; }
  .header-bottom .search-bar:hover .input-group-btn input.btn {background-position: center -28px;}
  
  .header-panel-bottom { position: static; }
  .header-bottom { position: relative; }
  .header-bottom .top-header { background: #fff; position: absolute; right: 0; top: 0; padding:0}
  .header-bottom .top-cart { float: right; width: 100%; padding: 0; }
  .header-bottom .top-cart .icon { display: none; }
  .header-bottom .top-cart #cartToggle { float: left; width: 100%; height: 60px; text-indent: -999em; background: url(//cdn.shopify.com/s/files/1/0808/0067/t/32/assets/mobile_cart_x2-2.png?4234972506590719876) no-repeat center center; background-size:24px 21px; }
  .header-bottom #dropdown-cart { left: auto; right: 0; top: 61px; border-width: 0 0 1px; }
  .banner-home-bottom li:last-child {display:none;}
  .banner-home-bottom li {width:50%; float:left;}

  
  .header-panel-top .nav-search { display: none; }
  .header-bottom .free_shipping { max-width: 300px; margin: 0 auto; }
  .header-panel .nav-search { width:100%; margin: 0; padding: 8px 15px; border:none; background-color:#f7f7f7; display: block; }
  .nav-search.on { display: block; }
  /*.header-panel .nav-search-bar,.header-bottom.on .search-bar {display:none;}*/
  .header-panel .nav-search-bar:hover { background: #f0f0f0; }
  .header-panel .nav-search-bar .input-group,
  .header-panel .search-bar input.input-group-field { width:100%!important; background: none; border: 0; }
  .header-panel .search-bar input.input-group-field:hover {width:100%}
  .header-bottom .nav-search .icon-search{ text-indent: -999em;display: none;width: 52px;height: 35px;background: none;border-left:none;}

  .owl-carousel .owl-item .item a img { margin-bottom:10px; height:100px}
  .site-nav {width:100%}
  
  
  /* footer */
  #back-top { width: 36px; height: 36px; right: 10px; top: auto; bottom: 66px; background-position: 5px -1562px; background-color: #000000; }
  .footer-top .col-1, .footer-top .col-2 { width:50%; }
  .footer-top .col-3,
  .footer-top .col-4 { width: 100%; }
  .footer-bottom {border:0px}
  
  .site-footer .footer-line .footer-info-right {text-align:center;width:100%}
  .site-footer .footer-line .footer-info-right span:first-child, .site-footer .footer-line .footer-info-right span.first-cut {display:none;}
  .footerWrap ul.social  {display:none;}
  .newsletter,.newsletter .block-content {width:100%; text-align: center;}
  
  .newsletter .block-content {   width: auto; display:table; margin:0 auto; float:none;}
  .newslabel { padding-left: 28%; padding-bottom: 20px; }
  .subscribewrap { width:311px; }
  .subscribewrap #getemail { width:200px; }
  .newsagree { text-align: left; }
  .popnewslabel { padding-bottom:0; }
  
  .site-footer a, .footer-bottom address {width:100%; text-align:center;}
  #subcribe_btn {padding-left:35px}
  
  
  /* home page */
  .banner .inner { position: static; max-width: 100%; margin-top: 20px; }
  .banner h2 { font-size: 20px; }
  .banner p { margin-bottom: 20px; }
  .banner-home-top { margin-bottom: 20px;}
  .banner-home-top li { margin-bottom: 10px;}
  .banner-home-bottom .des h4 { margin-top: 20px; }
  .widget-title fieldset.box-title legend { font-size: 18px; }
  
  .banner-home-top:{ display:none;}
  .Homepromotion {display:block}
  .footer-top {display:none;}
  section.banner {display:none;}
  .slide_brand {padding:20px 0 30px;}
  .slide_brand .owl-controls .owl-buttons div.owl-next,
  .slide_brand .owl-controls .owl-buttons div.owl-prev {top:60px;}
  .banner-home-bottom .des a {margin-bottom:20px;}
  .widget-trending-product, .banner-home-bottom {margin:0px;}
  .template-index .main-content {margin: 0 auto 30px;}
  
  /* Slideshow */
  .flexslider { margin-bottom: 7px; }
  .flexslider .slides { position: relative; }
  .template-index .main-slideshow .flexslider .flex-control-nav { position: absolute; visibility: visible; bottom:0;}
  .main-slideshow .flex-control-paging li {padding: 0; }
  .main-slideshow .flex-control-paging a {width:10px; padding:18px;}
  .slide-heading { font-size: 20px!important; display: inline-block; border: 2px solid #000; background: rgba(255,255,255,0.8); padding: 8px 12px 7px; }
  .slide-text { font-size: 11px; line-height: 1.3; display: none; padding-bottom: 0;}
  .slide-des { bottom: 30%!important; left: auto!important; width: 100%!important; }
  .slide-des p.line { margin-bottom: 5px; display: none; }
  .main-slideshow .flexslider .flex-control-nav { bottom: 15px;}
  .main-slideshow .flexslider .slides li:nth-child(2) .slide-heading,
  .slide-des .slide-button,
  .main-slideshow .flex-direction-nav {display: none;}
  .main-slideshow {padding:0;}
  .flex-control-nav li {margin:0 5px;}
  
  /* Fix Menu Mobile */
  .nav-bar { display: none; }
  .gf-menu-device-container .site-nav { display: block!important; overflow: hidden; }
  .gf-menu-device-container .site-nav.gf-menu.clicked { visibility: visible; height: auto; }  
  /* End Fix Menu Mobile */

  .cbp-spmenu-left.cbp-spmenu-open { left: 0; overflow-y: auto; }
  .cbp-spmenu-push-toright {  overflow-y: hidden;position: fixed; width: 100%;}
  
  #megamenu-responsive-root { display: none !important; }
  .menu-block { width: 25%; float: left; padding: 0; }

  /* Icon Menu */
  .site-nav > li:hover > a > span:first-child, 
  .site-nav > li:hover > a.current > span:first-child, 
  .site-nav > li > a.current > span:first-child { border: 0; }
  .site-nav a { white-space: normal; }
  .cbp-spmenu { background: #fff; }
  .cbp-spmenu-push-toright .wrapper-container { opacity:1;}
  .cbp-spmenu-push-toright:before {
  content: "";
  display: block;
  position: absolute;
  top: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(100,100,100, 0.4);
  transition: all .3s linear;
  z-index:9;
  }
  
  
  
  .site-nav { margin:0; padding: 0; list-style: none; float:right; margin-right:0px;}
.site-nav li {display: block;  margin: 0; }
.site-nav a { display: block;  padding: 40px 20px; font-weight:700px; text-decoration: none; /* white-space: nowrap; */}
.site-nav > li { position: relative; display: inline-block; list-style: none; }
.site-nav > li:hover {background:#868686;}
.site-nav > li > a { text-transform: uppercase; padding: 25px 18px; letter-spacing: 0em; font-size:16px;}
.site-nav > li > a span {font-weight:700; font-size:17px;}
.mega-menu > li:first-child > a {font-size:1.1em;}
  .site-nav > li:hover a span {color:#444}
  .site-nav .widget-featured-product .widget-title h3, .site-nav a, .site-nav-dropdown li a {color:#444!important;}
.site-nav-dropdown { text-align: left; display: none; position: absolute; top: 72px; right: 0; width: 215px; z-index: 5; padding: 0; margin-bottom: 0; border: 0; }
.mega-menu .site-nav-dropdown {top:52px;}
.site-nav-dropdown li a { padding: 8px 30px 8px 20px; position: relative; }
.wrapper-container .site-nav-dropdown ul { left: 100%; top: -1px; display: none; padding-left: 0; list-style: none; }
.wrapper-container .site-nav > .dropdown:hover > ul,
.wrapper-container .site-nav > .dropdown.open > ul {display: block;}

.wrapper-container .site-nav > li > ul > .dropdown:hover > ul,
.wrapper-container .site-nav > li > ul > .dropdown.open > ul {display: block;}

.wrapper-container .site-nav > li > ul > li > ul > .dropdown:hover > ul,
.wrapper-container .site-nav > li > ul > li > ul > .dropdown.open > ul { display: block; }

.wrapper-container .site-nav > li > ul > li > ul > li > ul > .dropdown:hover > ul,
.wrapper-container .site-nav > li > ul > li > ul > ul > li > .dropdown.open > ul { display: block; }

.site-nav li.dropdown .icon-dropdown { height:0; width:0; border:4px solid transparent; display: inline-block; vertical-align:middle; margin-left: 7px; cursor: pointer; }
.site-nav-dropdown li.dropdown .icon-dropdown { position: absolute; top: 16px; right: 20px;}

.site-nav-dropdown li:hover > a { padding-left: 40px; }
.nav-bar {position:relative; border-top: 2px solid #ff5a00}
.logo-title { display: block; padding: 30px;}
.nav-bar .header-logo img {max-width:160px;}
.header-logo {padding:0; margin:10px 0;}

  .cbp-spmenu .site-nav > li > a { font-size: 13px; font-weight: 700; color: #444; padding: 12px 20px; margin: 0; border-bottom: 1px solid #fff; }

  .cbp-spmenu .site-nav > li.dropdown.open > a {position: relative;}
  .cbp-spmenu .site-nav > li.dropdown.open > a:before { border-top-color:transparent; border-bottom-color: #fff;top: 15px; }
  .cbp-spmenu .side-nav .side-nav-signout {display:block;} 
  .cbp-spmenu .side-nav-signout .customer-links-pc,.cbp-spmenu .side-nav-signout .accout_link,.cbp-spmenu .side-nav-signout .customer-links.logged-out , .cbp-spmenu .side-nav-signout .or,.cbp-spmenu .side-nav-header .customer-links.customer-log-in li .or,.cbp-spmenu .side-nav-header .customer-links li .logout_link {display:none;}
  .cbp-spmenu .side-nav-header .customer-links, .cbp-spmenu .side-nav-signout .customer-links {display:block;padding:0px;}
  .cbp-spmenu .side-nav-header .customer-links li {width:100%; padding:20px 53px ; background-color:#e2e2e2; border-bottom:1px solid #fff;}
  .cbp-spmenu .side-nav-header .customer-links.customer-log-in li {padding:20px 79px;}
  .cbp-spmenu .side-nav-header .customer-links li a {padding: 30px 5px; font-family:'Trade Gothic Next W01'; Font-size:1.3em; text-transform:uppercase; color:#444 }
  .cbp-spmenu .site-nav.gf-menu li {background-color:#e2e2e2;}
  .cbp-spmenu .site-nav.gf-menu li .dropdown li {background-color:#fff;}
  .cbp-spmenu .side-nav-signout .customer-links > li {width:100%}
  .cbp-spmenu .side-nav-signout .customer-links li .logout_link a {  width:100%;font-size: 17px; font-family:'Trade Gothic Next W01';text-transform:uppercase; text-align:left;
  font-weight: 700;
  color: #868686!important;
  padding: 12px 20px;
  margin: 0;
  border-bottom: 1px solid #fff;}
  .cbp-spmenu .side-nav-header .customer-links li .or {display:block;float:left; padding:30px 0px; font-size:1.3em; color:#868686; text-transform:uppercase;font-family:'Trade Gothic Next W01'; }
  .cbp-spmenu .side-nav-header .customer-links li a{float:left;text-transform:uppercase; color: #ff5a00;}
  .cbp-spmenu .header-logo {display:none;}
  .menu-block .site-nav { border-bottom: none; }
  .cbp-spmenu .customer-log-in .or {display:none;}
  .cbp-spmenu #nav_Media {display:none;}
  .cbp-spmenu #nav_Shop {display:none;}
  .cbp-spmenu #nav_Store, .cbp-spmenu #nav_More {display:block;}
  .site-nav .side-nav-signout {display:block;}
  
  .site-nav li { position: relative; }
  .site-nav li.dropdown { position: relative; }
  .site-nav > li { display: block; clear: both; position: relative;}
  .site-nav > li > a { padding: 12px 0; }
  .site-nav > li.dropdown > p.toogleClick { height:0; width:0; display:block; margin-left: 7px; top: 2px; right: 5px; margin:0; padding: 0; z-index: 2; padding: 20px 130px;}
  .site-nav > li.dropdown p.toogleClick { position: absolute; right: 0; text-indent: -999em; cursor: pointer; }
  .site-nav > li.dropdown > p.toogleClick:before { height:0; width:0; border:5px solid transparent; border-top-color: #000; display:block; margin-left: 7px; text-indent: -999em;cursor: pointer; position: absolute; top: 19px; right: 15px; margin:0; padding: 0; background: none; z-index: 2; content: "";}
  .site-nav > li.dropdown:hover > p.toogleClick:before { border-top-color: #fff; }
  .site-nav > li.dropdown > p.toogleClick.mobile-toggle-open:before { border-top-color:transparent; border-bottom-color:#000; top: 14px;}
  .site-nav > li.dropdown:hover > p.toogleClick.mobile-toggle-open:before { border-bottom-color: #fff; }
  .site-nav li.dropdown a > .icon-dropdown { display: none; }
  
  .site-nav-dropdown { border: 0; background: none; width: 100%; position: static; padding: 0; }
  .site-nav-dropdown .col-1 {margin:0}
  .site-nav-dropdown .container { padding-left: 0; padding-right: 0; }



  .site-nav > li.dropdown ul p.toogleClick.mobile-toggle-open:before { top: 10px; }
  .site-nav-dropdown .col-1 .inner p.toogleClick:before,
  .site-nav > li.dropdown ul p.toogleClick:before { display: block; content:""; position: absolute; right: 0; top: -15px!important; width: 230px; height: 40px; }
  .site-nav-dropdown p.toogleClick { background: url(//cdn.shopify.com/s/files/1/0808/0067/t/32/assets/icon-megamenu.png?4234972506590719876) no-repeat; padding: 0; width: 8px; height: 8px; right: 0; top: 18px; z-index: 2; }
  .site-nav-dropdown .col-1 .inner p.toogleClick { display: block!important; color:#868686;}
  .site-nav > li.dropdown ul p.toogleClick.mobile-toggle-open,
  .site-nav-dropdown .col-1 .inner p.toogleClick.mobile-toggle-open { background-position: center bottom; height: 4px; }
  
  .site-nav > li > ul > .dropdown.open > ul {display: block;}
  .site-nav > li > ul > li > ul > .dropdown.open > ul {display: block;}
  .site-nav > li > ul > li > ul > ul > li > .dropdown.open > ul {display: block;}
    
  .site-nav > li > .site-nav-dropdown { border-bottom: 1px solid #e5e5e5; background-color:#868686 }
  .site-nav > li > .site-nav-dropdown > li > a { padding: 11px 0 13px; text-transform: uppercase; font-size: 11px; font-weight: 700; border-top: 1px solid #e5e5e5; }
  .site-nav > li > .site-nav-dropdown > li:first-child > a { border-top: 0; }
  .site-nav > li > .site-nav-dropdown > li:hover > a:before { background: none; }
  .site-nav > li li .site-nav-dropdown { padding: 0 15px; margin-bottom: 20px; }

  
  .site-nav-dropdown li li a { padding: 7px 0; }
  .site-nav-dropdown li li:hover a { padding: 7px 20px; }

  
  .site-nav-dropdown .col-1,
  .site-nav-dropdown .col-2,
  .site-nav-dropdown .col-3 { width: 100%; padding: 0; }
  .site-nav-dropdown .col-3 { padding-bottom: 28px; }
  .site-nav-dropdown .col-1 .inner { width: 100%; padding: 0 20px; }
  .mega-menu .parent-mega-menu {background-color:white; }
  .site-nav-dropdown .col-1 .inner p.toogleClick {right:20px;}
  .site-nav-dropdown .col-1 .inner .dropdown p.toogleClick {top:12px;}
  .cbp-spmenu .site-nav-dropdown .col-1 .inner > a {border:0px; color:#868686;font-size:13px;;}
  .cbp-spmenu .site-nav-dropdown .col-1 .inner {border-top:1px solid #e2e2e2;}
  .cbp-spmenu .site-nav-dropdown .col-1 .inner:first-child { border-top: 0; }
  .site-nav-dropdown .col-1 ul.dropdown li a { padding: 7px 15px; font-size: 12px; font-weight: 400; text-transform: none; border: 0; }

  .site-nav .widget-featured-product { text-align: left; border: 1px solid #e5e5e5; border-width: 1px 0; margin-bottom: 10px; padding-top: 23px; padding-bottom: 25px; }
  .site-nav .products-grid .grid-item { text-align: left; }
  .site-nav .products-grid .grid-item .product-grid-image { float: left; margin: 0 15px 0 0; }
  .site-nav .widget-featured-product .widget-title h3 { font-size: 11px; }
  .widget-featured-product .grid-item .product-grid-image img { width: 80px; }
  .widget-featured-product .products-grid .grid-item { position: relative; }
  .widget-featured-product .details { overflow: hidden; }
  .site-nav .product-label { display: none; }
  .site-nav .product-label strong { float: left; }
  
  #nav_Store.dropdown > p.toogleClick:before {display:none;}
  #nav_Store > .site-nav-dropdown {display:block!important;}
  
  /*#nav_More.dropdown > p.toogleClick:before {display:none;}
  #nav_More > .site-nav-dropdown {display:block!important;}*/
  
  /* Ajax */
  .ajax-success-modal .btn-secondary { font-size: 9px!important; height: 34px; line-height: 30px; padding: 0 8px; width:47%; }
  .ajax-success-modal .content { width: 100%; margin-left: 0; margin-top: 0; left: 0; top: 60px!important; padding: 20px 10px;  min-height: 180px; }
  .ajax-success-modal .close-modal { right: 5px; top: -40px; }

  .ajax-success-modal .ajax-right { margin-left: 80px; }
  .ajax-success-modal .ajax-left { margin-right: 10px; }
  .ajax-success-modal .continue-shopping { width:47%;float:right; margin:0; }

  /* category */
  .toolbar .view-mode label { padding-bottom: 0; border:0; margin: 0; }
  .sidebar { display: none; }
  .sidebar,
  .col-main { width: 100%!important; }
  .template-article #displayTextLeft,
  .template-blog #displayTextLeft { display: block;  }
  .widget-featured-product .products-grid { width: 100%; }
  .product-list .grid-item {padding-top:20px; margin-top:20px;}
  .main-content {padding-bottom:25px;}
  .product-list .price-box, .product-list .action, .product-list .wishlist {margin-bottom:10px;}
  .product-list .spr-badge {margin-bottom:5px;}
  .toolbar button.dropdown-toggle {width:90px;}
  .toolbar .breadcrumb {margin-top:4px;}
  .toolbar button.dropdown-toggle:before {right:5px;}
  .toolbar .open .dropdown-menu {right:5px;}

  
  /* detail */
  .product-shop { clear: both; }
  .product-shop .addthis,
  .product-shop p.custom { margin-bottom: 20px; }
  .product { margin-bottom: 30px; }
  .product-shop #add-to-cart-form .btn { margin-bottom: 10px; }
  .nav-tabs { margin-bottom: 20px; }
  .nav-tabs > li { margin-bottom: 0; max-width:33.3333%; min-width:15% }
  .nav-tabs > li > a { padding: 18px 7px!important; letter-spacing:0; line-height:15px; font-size:0.85em; height:52px;}
  .nav-tabs > li > a:hover, 
  .nav-tabs > li:hover > a, 
  .nav-tabs > li:hover > a:hover, 
  .nav-tabs > li.active > a, 
  .nav-tabs > li.active > a:hover, 
  .nav-tabs > li.active > a:focus { border-color: transparent; color: #868686; padding: 12px 7px!important; }
  #shopify-product-reviews { padding: 0; }
  #shopify-product-reviews .spr-summary { text-align: left; }
  #shopify-product-reviews .spr-summary-actions { clear: both; float: left; width: 100%; }
  .spr-summary-actions a { margin-top: 20px; clear: both; float: left; }
  
  .product-img-box.has-jcarousel .product-photo-container { float: none; display: inline-block; margin-right: 10px;}
  .product-img-box.has-jcarousel .more-view-wrapper { float: none; display: inline-block; overflow: hidden; }
  .product-img-box { float: none; text-align: center; padding-right: 10px; margin-bottom: 30px; }
  .product-img-box .product-photo-container {   }
  .product-photo-container #product-featured-image { max-width: 100%; }
  .product-photo-container .zoomContainer { max-width: 100%;}
  .zoomWrapper { width: 100% !important; max-width: 100%;  position: relative; z-index: 0;}
  .zoomLens { display: none !important; }
  .zoomWindowContainer { display: none !important; }
  .zoomContainer { display: none!important; }
  
  .tab-content .spr-form-input-text, 
  .tab-content .spr-form-input-email,
  .tab-content .spr-form-input-textarea { width: 100%; }
  
  .related-products .owl-theme .owl-controls .owl-buttons div.owl-prev,
  .related-products .owl-theme .owl-controls .owl-buttons div.owl-next { opacity: 1; }
  
  /* Product Detail Page - Jayden */
  #collapse-tab1 p, #collapse-tab1 ul {display:block;}
  .product-shop .short-description {display:none;}
  #accordion {display:block;}
  #myTabBox {display:none;}
  #create-account .create-an-account {width:100%;}
  #create-account .register-page-note {width:100%;   margin-bottom: 40px; }
  /* cart page */
  .cart-list a.product-img { width: 40%; }
  .cart-list .product-details { width: 60%; }
  .cart-list input.qty { margin: 0 20px 20px 0; }
  .cart-row textarea { margin-bottom: 30px; width: 100%;}
  #shipping-calculator-form-wrapper p {margin-bottom: 10px;}

  .cart_button {right:0%}
  
  /* end cart page -----------------------------------------------------------------------------------------*/
  
  /* lookbook */
  .lookbook .slide-heading { background: none; border: 0; padding: 0; }
  .lookbook .slide-des p.line { display: none; }
  .lookbook .slide-text { display: none; }
  .lookbook .flex-direction-nav a { background: none; }
  .lookbook .flex-control-nav { display: block; z-index: 2; }
  
  /* wishlist page */
  table.wishlist-product thead th:first-child, 
  table.wishlist-product tbody td:first-child { display: none; }
  table.wishlist-product tbody td { padding: 10px 5px;}
  table.wishlist-product thead th { padding: 10px 5px; white-space: normal; }
  table td, table th { padding: 5px 8px; }
  
  .product-shop #add-to-cart-form .btn {width: 70%; }
  
  /* my account */
  .grid-item form input[type="tel"], 
  .grid-item form input[type="text"],
  .grid-item select { width: 100%; }

  #recover_password input,
  #customer_login input,
  #create_customer input { width: 100%; }
  .message #comment-body,
  .comment-form .comment-form input,
  #contactFormWrapper input[type="text"],
  #contactFormWrapper input[type="email"], 
  #contactFormWrapper input[type="tel"],
  #contactFormWrapper textarea { width: 100%; margin-left:0;  margin-left:0;}  
  #create-account #create_customer input {width:100%}
  
  /* checkbox */
  .accessories-left.thumb input[type="checkbox"] {
   width:30px;
   height:30px;
  }
  .accessories-left.thumb input[type="checkbox"] {
    margin-top: 11px;}
  
  /* Bundle Title 090315 */
  .accessories-title-wrap { width: 500px; }
  .accessories-item { margin-bottom:25px; }
  .accessory-price { margin-top: -20px; }
  
  
  /* June 092515 */
  .wrapper-cart .June_warning { margin-bottom:30px; }
  
    /* June 021616 Mega Menu banner */
  #mega_left { margin-top: 0; }
  #menu_side_img,  #mega_bottom_link { display: none; }
  #mega_left { width: 100%; }
  

}

@media (max-width: 720px) {
.products-grid { width: 480px; margin: 0 auto; }
    /* Bundle Title 090315 */
  .accessories-title-wrap { width: 350px; }
  .accessory-price { margin-top: 0px; }
  
}

	/* June 120915 table resposive */
@media (max-width: 691px) {
  .grid .full, .full tbody, .full thead, .full td, .full th, .full tr { display: block; }
  .grid .full thead tr { position: absolute; top: -9999px; left: -9999px; }
  .grid .full tbody td { position: relative; padding-left: 50%;  }
  .grid .full tbody td:before { position: absolute; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight:600; text-align: left; }
  .grid .full #t_order:before { content:"Order"; }
  .grid .full #t_date:before { content:"Date"; }
  .grid .full #t_payment:before { content:"Payment Status"; }
  .grid .full #t_fulfillment:before { content:"Fulfillment Status"; }
  .grid .full #t_track:before { content:"Order Track"; }
  .grid .full #t_total:before { content:"Total"; }
  
  .grid .full #t_product:before { content:"PRODUCT"; }
  .grid .full #t_sku:before { content:"SKU"; }
  .grid .full #t_price:before { content:"PRICE"; }
  .grid .full #t_quantity:before { content:"QUANTITY"; }
  .grid .full #t_total2:before { content:"TOTAL"; }
  
  .grid .full tbody tr:nth-child(odd) { background: #eee; }
  .CJ-email { text-align: left; }
}
  
@media (max-width: 530px) {
  .share_toolbox ul { float: none; margin-top: 5px; }
  .share_toolbox ul li:first-child { padding: 0; }
  
  /* Bundle Title 090315 */
  .accessories-title-wrap { width: 250px; }
  .accessory-price { margin-top: -40px; }
  
  /* June 110315 product detail page vedio */
  .tab-content .shortvideo { height: 300px }
}

@media (max-width: 499px) {  
  .newsletter .input-group-field { width: 63%; }
  
  .products-grid { width: 240px; margin: 0 auto; }
  .product-list .product-list-thumb { max-width: 150px; }
  .product-list .grid-item .product-image { margin-right: 20px; }
  .banner-home-bottom li {width:100%}
 
  .product-img-box.has-jcarousel .product-photo-container { width: 230px; }
  .more-view-wrapper .jcarousel-clip-vertical { height: 265px; }
  .newsletter .block-title span {font-size:.77em}
  
  .product-shop #add-to-cart-form .btn {width: 50%; }
  .product-list .grid-item .product-image {margin-left:5px; margin-right:5px;}
  .short-description.search-result {display:none;}
  .cart_button {position:relative;}
  .banner-home-bottom li.col-xs-4 {padding:0px!important;}
  .banner-home-bottom li.col-xs-4 .des {padding:0 20px;} 
 
  #subcribe_btn { padding:0 }  
  
  /* June 082715 */
  .main-slideshow .flex-control-paging a { height:55px; }


    /* Bundle Title 090315 */
  .accessories-title-wrap { width: 200px; }
  .accessory-price { margin-top: -40px; }
  
  /* June 121115 */
  .reviewerbox { padding: 20px 15px !important; }
  
  /*megamenu side 021616 */
  #menu_side_img { display: none; }
  .mega-menu .parent-mega-menu { max-width: 100%; }
}

@media (max-width: 399px) {
  #livechat-compact-container { display:none; }
  
      /* Bundle Title 090315 */
  .accessory-price { margin-top: 5px; }
  
    /* June 110315 product detail page vedio */
  .tab-content .shortvideo { height: 200px }
}
  
@media (min-width: 361px) and (max-width: 499px) {
  .june_newsletter .popsubscribewrap { width:250px; }
  .june_newsletter #getemail { width:170px; font-size: 13px; }
  .june_newsletter #submitemail { width:80px; font-size:16px; }
}

@media (max-width: 360px) {
  .newsletter .input-group-field { width: 100%; }
  .infinite-scrolling a, .infinite-scrolling-homepage a { width: 100%; }
  .button .btn { padding: 0 10px; }
  
  .toolbar .view-mode { margin: 16px 8px 16px 16px; }
  .toolbar .view-mode label { display: none; }
  
  .toolbar.toolbar-bottom { text-align: center; }
  .toolbar.toolbar-bottom .page-total { float: none; margin-bottom: 10px; }
  .pagination-page { text-align: center; }
  
  .site-footer .footer-line .footer-info {font-size:1em;}
  
  table.full thead th:nth-child(3),
  table.full tbody td:nth-child(3) { visibility: hidden; padding: 0; font-size: 0; }
  #dropdown-cart .no-items > p:first-child {padding:0 0 0 60px;}
  
  #subcribe_btn { padding:0 }

  .june_newsletter .popsubscribewrap { width:221px; }
  .june_newsletter #getemail { width:160px; font-size:12px; }
  .june_newsletter #submitemail { width:60px; font-size:15px; }
}

/* Added by Nathan @ Shopify September 18 2015 */

@media (min-width: 992px) {

  /* clearing grids setting  --------------------------------------------------------------- */
  .products-grid .grid-item.grid-2:nth-child(2n + 1) {
    clear: both; 
  }
  
  .products-grid .grid-item.grid-3:nth-child(3n + 1) {
    clear: both; 
  }
  
  .products-grid .grid-item.grid-4:nth-child(4n + 1) {
    clear: both; 
  }
  
  .products-grid .grid-item.grid-5:nth-child(5n + 1) {
    clear: both; 
  }
  
  .products-grid .grid-item.grid-6:nth-child(6n + 1) {
    clear: both;  
  }
  
}

@media (min-width: 768px) and (max-width: 991px) {
 
  /* clearing grids setting  --------------------------------------------------------------- */
  .products-grid .grid-item.grid-2:nth-child(3n + 1) {
    clear: both; 
  }
  
  .products-grid .grid-item.grid-3:nth-child(3n + 1) {
    clear: both; 
  }
  
  .products-grid .grid-item.grid-4:nth-child(3n + 1) {
    clear: both; 
  }
  
  .products-grid .grid-item.grid-5:nth-child(4n + 1) {
    clear: both; 
  }
  
  .products-grid .grid-item.grid-6:nth-child(5n + 1) {
    clear: both;  
  }
  
}

@media (min-width: 480px) and (max-width: 767px) {
 
  /* clearing grids setting  --------------------------------------------------------------- */
  .products-grid .grid-item.grid-2:nth-child(2n + 1) {
    clear: both; 
  }
  
  .products-grid .grid-item.grid-3:nth-child(2n + 1) {
    clear: both; 
  }
  
  .products-grid .grid-item.grid-4:nth-child(2n + 1) {
    clear: both; 
  }
  
  .products-grid .grid-item.grid-5:nth-child(2n + 1) {
    clear: both; 
  }
  
  .products-grid .grid-item.grid-6:nth-child(2n + 1) {
    clear: both;  
  }
  
}