/*  Desktop */
@media all and (min-width: 1601px) and (max-width: 1920px)
{

}

/* Laptop */
@media (max-width: 1366px)
{
	.explore,.filter{padding: 14px;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px)
{
	#sidebar-wrapper{transform: translateX(-270px);transition: margin 0.25s ease-out;}
	#page-content-wrapper{margin-left: 0;}
	.navbar{margin:0}
	.sidenav-toggled #sidebar-wrapper {transform: translateX(0px);transition: margin 0.25s ease-out;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px)
{
	/*Login*/
	/* .wd-login-lft {display: none;} */
	.wd-login-lft { width: 100%;position: relative;height: auto;padding: 30px 30px 60px;}
	.login-blog {padding: 20px 15px;box-shadow: 0 0 15px rgb(4 15 30 / 20%);background: #FFFFFF;border-radius: 10px;margin: -35px auto 30px;max-width: 80%;height: auto;}
	.wd-dtls-img img{height: auto;}
	.wd-auth-heading {width: 100%;}
	.auth-form {width: 100%;}
	.login-blog {padding: 50px 15px;}
	/**/
	.client_list {margin-bottom: 15px;}
	.report_box{margin-bottom: 15px;}
	a.tabbing_link {width: 160px;}
	.wd-as-graph{margin-bottom: 35px;}
	.wd-graph-wrap img{height: auto;}
	.content-container {padding: 30px 15px;margin: 86px 0 0;}
	.admin-footer{margin: 0 10px 0 0;}
	.table{white-space: nowrap;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px)
{	
	.categories{text-align: center;}
	.filter_tabs{flex-wrap: wrap;justify-content: center;}
	a.tabbing_link{margin-bottom: 15px;}
	a.tabbing_link, .categories {width: 100%;}
	.wd-earning-bx {flex-wrap: wrap;justify-content: center;gap: 15px;}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px)
{
	.city_img{width: auto;}
	.filter_wrap.active {flex-direction: column;align-items: baseline;}
	.recent_link {flex-wrap: wrap;justify-content: center;gap:15px}
	.recent_link p {width: 100%;text-align: center;}
	.pagination a {padding: 8px 12px;}
}

/*----Height--------*/
@media (max-height: 800px)
{
    .wd-dtls-img img{height: 420px;}
}
@media (max-width: 991px) and (max-height: 800px){
	.wd-dtls-img img {height: 350px;}
}

@media (max-height: 665px)
{
	.wd-dtls-img img {height: 320px;}
}