@media (min-width:1366px) {

  .container{
    max-width:1300px;
  }

}


/*

Mobile

Old Color SCheme #7a1fe1

 */


 @media (max-width: 800px) {
   .hide-on-mobile{
     display:none;
   }
   .mobile-header-magic{
     display:block;
   }
   .newsletter-modal-nice{
     left: 50%;
     transform: translateX(-50%);
   }

    .live-spot-prices{
      font-size:10px;
    }
    .live-spot-prices .col-title {
      padding:0px;
      font-size:8px;
      display:none;
    }
    .live-spot-prices .metal {
      padding:0px;
    }
    .live-spot-prices b{
    	font-size:8px;
    }


    /* Footer */
    .footer-main .container{
      padding:0px;
    }
		.footer-main .footer-columns-entry{
			margin-left:0px;
			margin-right:0px;
      padding:10px;
      padding-top:20px;
		}
    .footer-main .footer-columns-entry .column-title{
      padding:10px 0px;
      margin-bottom:0px;
    }
    .footer-bottom-navigation{
      padding:10px;
      font-size:12px;
    }
    .footer-bottom-navigation .footer-links a{
      font-size:12px;
    }

		.container{
			overflow:auto;
		}

    /* Products Tweaks */
  .product-list .product .image{
    height:auto;
  }
  .product-list .product .inside{
    padding:10px 10px;
  }
  .product-list .product .title{
    font-weight:500;
    min-height:50px;
    font-size:12px;
    overflow: hidden;
  }

  .product-list .add-to-cart{
    font-size:12px;
    padding:5px 10px;
    font-weight:600;
  }
  .home-banner{
   padding-left:0px;
   padding-right:0px;
  }
  h1{
    font-size:16px;
  }

  .gateway-list .gateway-item .gateway-img{
    max-width:100%;
    max-height:80px;
  }
  .gateway-list .gateway-item{
    width:100%;

  }
  .gateway-list .gateway-item label{
    padding:10px;
  }
  .brands-footer{
        padding: 20px 5px;
  }



}



/* Mobile Header */
.mobile-header-magic{
  font-size:36px;
  padding:5px 10px;
}
.mobile-header-magic .search-part{
  padding:10px;
  display:none;
}
.mobile-header-magic .logo {
  text-align:center;
  padding-right:15px;
}
.mobile-header-magic .logo img{
  width:100%;
  height:auto;
}
.mobile-header-magic .menu{
  position:relative;
  display:flex;
  font-size:28px;
}
.mobile-header-magic .menu .cart-bag-button{
  position:relative;
}
.mobile-header-magic .menu > a{
  padding:10px;
}

.mobile-header-magic .menu .dropdown-toggle:after { content: none }


/* Mobile Categories */
.mobile-menu-magic{
  display:none;
  padding:15px 0px;
	width:80%;
	height:100%;
	overflow:hidden;
	background:rgba(255, 255, 255, 0.99);
	position:fixed;
	z-index:986;
	top:0px;
	left:0px;
	overflow:auto;
	border-right:2px solid #efefef;
  -webkit-box-shadow: 7px 0px 5px -6px rgba(0,0,0,0.14);
-moz-box-shadow: 7px 0px 5px -6px rgba(0,0,0,0.14);
box-shadow: 7px 0px 5px -6px rgba(0,0,0,0.14);
}
.mobile-menu-magic .logo{
	text-align: center;
	position:relative;
	padding-bottom:0px;
}

.mobile-menu-magic .logo img{
	max-width:60%;
  display:none;
}

.mobile-menu-magic .logo .close{
		top:13px;
		right:20px;
		position:absolute;
		font-size:32px;
		cursor:pointer;

}

.mobile-menu-magic .smart-menu{
padding:0px 20px;
}
.mobile-menu-magic .smart-menu .item{
  padding:0px;
  text-transform: uppercase;

}
.mobile-menu-magic .smart-menu .item i{
  font-size:18px;
  vertical-align: middle;
}
.mobile-menu-magic .smart-menu .item > span{
  display:inline-block;
}
.mobile-menu-magic .smart-menu .item > span > a{
  vertical-align: middle;
  font-weight:bold;
  padding:20px 5px;
  display:block;
  font-size:14px;
}

.mobile-menu-magic .menu-categories{
	padding-top:0px;
}
/* General */
.mobile-menu-magic .menu-categories ul{
	list-style-type: none;
	padding:0px;
	margin:0px;
}
.mobile-menu-magic .menu-categories ul li ul{
  padding-left:20px;
}
.mobile-menu-magic .menu-categories ul li a{
	display:block;
	padding:10px 20px;
}

.mobile-menu-magic .menu-categories li > div{
	position:relative;
}
.mobile-menu-magic .menu-categories li > div > .toggle{
	padding:10px 20px;

	font-size:20px;
	position:absolute;
	right:0px;
	top:0px;
}



/* First Level */
.mobile-menu-magic .menu-categories  ul > li{
  border-bottom:1px solid #efefef;
}
.mobile-menu-magic .menu-categories > ul > li > div > a{
	font-weight:700;
}

/* All Other Levels */
.mobile-menu-magic .menu-categories > ul > li ul{
  display:none;
}


/* Collapsible */
.mobile-menu-magic .mag-collapse > div > a{
  padding-right:50px !important;
}




@media (min-width:1366px) {

  .container{
    max-width:1300px;
  }

}





/*

Mobile

 */


 @media (max-width: 999px) {



      .live-spot-prices{
        display:none;
      }





    /* Main Header */
    .main-header{
      padding:0px;
    }
    .main-header .container{
      overflow:visible;
    }
    .main-header .navbar-nav .dropdown-menu{
      position:absolute;
    }
    .main-header .navbar-cart{
      margin-left:0;
      margin-right:0;
      width:100%;
      flex-direction: row;
    }

    .main-header .navbar-cart .nav-item{
      display:inline-block;

      text-align:center;
    }
    .main-header .navbar-cart .cart-bag-button{
      width:50%;
      margin-left:0px;
    }
    .main-header .navbar-cart .account-dropdown{
      margin-left:0px;
    }
    .main-header .navbar-light .navbar-brand{
      width:100%;
      text-align:center;
    }

    .footer-main .footer-columns-entry{
      margin-left:0px;
      margin-right:0px;
    }

    .container{
      overflow:auto;
    }





}

@media (max-width:1500px) {



}

/* Mobile */
@media (max-width:999px) {

   .home-banner .secure-icons{
     margin-top:0px;
   }
  .secure-icons .box{
    padding:5px;
  }
  .secure-icons .box .icon{
    font-size:24px;
  }
  .secure-icons .box .text{
    font-size:10px;
  }
  /* Categories Tweak */

   .navbar-new-categories .container{

   }


  /* Categories Mobile */
  .maggy-categories-top{
    width: 100%;
     max-height: 350px;
     overflow: auto;
   position:static;
  }
  .maggy-categories-top > ul{

  }
  .maggy-categories-top > ul > li {
    position:static;
    white-space: nowrap;


  }
  .maggy-categories-top > ul > li > ul{

   background-color: #e8e8e8;
   position: absolute;
   left: 0;
   padding: 0;
   width: 100%;
   top:auto;
  }
  .maggy-categories-top > ul > li > div > a{
    padding:14px 10px;
  }
  /*
  .maggy-categories-top ul li:hover>ul{
    display:none;
  }
  */

  .cart-step-1{
    overflow:auto;
  }
  .gateway-list .gateway-item{
    white-space: normal;
  }
  .gateway-list .gateway-item label{
    white-space: normal;
    font-size:12px;
  }
  .home-banner .carousel-item .inside{
    height:400px;
  }
  .home-banner .carousel-item .btitle{
    font-size:2rem;
    line-height: normal;
    width:80%;
  }
  .home-banner .carousel-item .bsubtitle{
    font-size:1rem;
    line-height: normal;
    width:80%;
  }
}



@media (max-width: 800px) {
  .newsletter-modal-nice{
    left: 50%;
    transform: translateX(-50%);
  }

}