/* large Desktops and laptops ----------- */
@media only screen and (min-width: 1225px) and (max-width: 2500px){
	.container{
		max-width:1490px;
	}
}







/* Desktops and laptops  */
@media only screen and (min-width: 992px) and (max-width: 1224px){
	.container{
		max-width:960px;
	}
}








/* TABLETS (portrait and landscape) */
@media only screen and (min-width: 768px) and (max-width: 991px){
	.container{
		max-width:720px
	}
}








/* TABLETS - SMARTPHONES LANDSCAPE (portrait and landscape)  */
@media only screen and (min-width: 481px) and (max-width: 767px){
	.container{
		max-width:640px;
	}
}








/* Smartphones (portrait and landscape)  */
@media only screen and (min-width: 320px) and (max-width: 480px){
	.container{
        max-width:360px;
    }
    .flex-wrap{
        flex-wrap: wrap;
    }
}

/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
		
}

@media (max-width:800px) {
	.allSell{
		
		flex-wrap: wrap;
		
	}

	
	
	.topSeller .allSell .sinSell {
		/* width: 16%; */
		width: 160px;
		overflow: hidden;
	}
}

@media (max-width:720px) {
	.allSell{
		justify-content: space-around;

	}
}


@media (max-width:590px) {
    .baarBtntoggler {
		text-decoration: none;
		color: white;
		display: block;
	}

	#phone-navv{
		display: block;
	}
	.desktop-nav{
		display: none;
	}

	.logo-img{
		width: 150px;
	}

	.but {
		padding: 1px 32px;
		background-color: rgb(33, 33, 33);
		border-radius: 10px;
		border: none;
		display: none;
	}
}