/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 850px) {
    #wide-nav-clone .container{
        overflow-x: auto;
        overflow-y: hidden;
    }
    #wide-nav-clone .container ul{
        margin-bottom: 7px;
    }
    #wide-nav-clone .container::-webkit-scrollbar {
        background: transparent !important;
        height: 6px;
      }
      ::-webkit-scrollbar-thumb {
        background-color: #fff; 
        border-radius: 6px;
      }
      .a-box .image-cover{
        padding-top: 30% !important;
      }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
	.a-grid{
		grid-template-columns: repeat(3,1fr);
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}