@import url('https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@100;200;300;400;500;700;800&display=swap');
.main-container {
    margin-top: 0px;
}
.mylogin-upper {
	background:#0a0a10 url(loginbg.jpg) right top no-repeat;
	background-size:700px auto;
	padding-bottom:40px;
	font-family: 'Saira Semi Condensed', sans-serif;
}
.login-container {
	width:100%;
	max-width: 450px;
    margin: 0 auto;
}
.login-layout .widget-box .widget-main {
    padding: 20px 30px;
    background: #13151a;
}
.form-control {
	background:#fff !important;
    border: 1px solid #5e5753  !important;
	color:#fff !important;
	height:42px;
	margin-bottom:15px;
	border-radius:15px!important;
	font-size:18px !important;
	font-family: 'Saira Semi Condensed', sans-serif;
}
.login-box .toolbar {
    background: #e6b91c;
    border-top: 1px solid #d1a859;
}
.lbl{
    color: #777;
}
.catlist {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
	padding:40px 20px 10px
}
.catlist-item {
	border-radius:50%;
	border:2px solid #666;
	padding:6px;
	cursor: pointer;
	transition:all 0.3s;
}
.catlist img{
	width:100%;
	height:auto;
	border-radius:50%;
}
.catlist-item:hover img{
	scale:110px;
}
.catlist-item:hover {
	border:2px solid #aa914d;
}
.mylogin-bottom {
	background:#1d1f27;
	padding:20px 0;
	font-family: 'Saira Semi Condensed', sans-serif;
}
.forgot-password-link{color:#888 !important}
.prodlist {
	display:grid;
	grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
	padding:0px;
}
.prodlist-item {
	border-radius:15px;
	border:1px solid #666;
	padding:4px;
	cursor: pointer;
	transition:all 0.3s;
}
.prodlist-item:hover {
	border:1px solid #aa914d;
}
.prodlist img{
	width:100%;
	height:auto;
	border-radius:15px;
}


@media(max-width:567px){
.mylogin-upper {
	background:#0a0a10;
	padding-bottom:20px;
}
.catlist {
	display:grid;
	grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 0px;
	padding:20px 0px
}
	.prodlist {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
	padding:0px;
}
}