@media screen and (min-width: 992px) {
	.modal-md {
		max-width: 700px;
	}
}
@media screen and (min-width: 768px) {
	.header_serach__mob {
		display: none;
	}
}
@media screen and (max-width: 991px) {
	.mail_with_sideActions {
		display: none;
	}
}
@media screen and (max-width: 768px) { 
	.header_serach {
		display: none;
	}
	.header_options__link {
		margin-left: auto;
	}
	.mail_user__profile .mail_user__logo {
		width: 32px;
		height: 32px;
		padding: 4px;
		margin-inline: 0;
	}
	.mail_user__profile .mail_user__logo > svg {
		width: 1em;
		height: 1em;
	}
	.calendar_menu > span {
		display: flex;
	}
	.calendar_menu > span > svg {
		width: 1.2em;
		height: 1.2em;
	}
	.header_serach__mob > .search_icon {
		background-color: transparent;
		padding: 0;
		margin: 0;
		border: 0;
		outline: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.sidebar {
		flex: 0;
		padding: 0;
		overflow: hidden;
		transition: width 0.2s ease, flex 0.2s ease;

	}
	.sidebar.collapsed {
		/* flex: 0 0 200px; */
		flex: 0 0 220px;
        width: 220px;
        position: fixed;
        background: #373737;
        z-index: 9999;
        top: 0;
        height: 100dvh;
        left: 0;
	}
	.main-content {
		width: 100%;
	}
	.main-content.expanded {
		width: 70%;
	}
	.email-row-sender {
		font-size: 14px;
		flex: 0 0 70px;
		max-width: 70px;
		margin-left: 8px;
	}
	.email-subject {
		font-size: 14px;
		margin-left: 8px;
	}
	.email-time {
		font-size: 11px;
	}
	.composeModalCustom .modal-content {
		width: 420px;
	}
	.mail_shortcut__flex {
		gap: 8px;
	}
	.mail_shortcut__icon > svg {
		width: 1.3em;
		height: 1.3em;
	}
	.close-btn {
		background-color: transparent;
		padding: 0;
	}
	.mail_shortcut__iconMore {
		background-color: transparent;
		margin-left: 0;
		padding: 0;
	}
	.thread_compose__email { 
		padding: 12px;
	}
}
@media screen and (max-width: 576px) { 
	.header {
		padding: 15px 12px;
	}
	.brand__block {
		padding-inline: 8px;
	}
	.sidebar.collapsed {
		/* flex: 0 0 160px; */
	}	
	.compose-btn {
		padding: 16px 24px 16px 16px;
		gap: 6px;
		margin-inline: 12px 4px;
	}
	.email__lists li {
		padding-left: 12px;
	}
	.email-time {
		min-width: 40px;
	}
	.main-content.expanded {
		width: 50%;
	}
	.left-actions, .right-actions {
		gap: 6px;
	}
	.action-bar span:not(.material-icons) {
		font-size: 13px;
	}
	.action-bar .material-icons {
		font-size: 18px;
	}
	.launcher-button {
		width: 24px;
		height: 24px;
	}
	.hamburger_menu {
		margin-right: 8px;
	}
	.composeModalCustom .modal-content {
		width: 310px;
	}
	.mail_shortcut__flex {
		overflow: hidden;
		overflow-x: auto;
	}
	.email-item,
	.action-bar {
		padding: 8px 12px;
	}
	.tabs_inbox__wrapper .nav-tabs .nav-link {
		padding: 12px 12px;
	}
	.email-item .shortcut__ico {
		width: 30px;
		height: 30px;
	}
	.email-row-options {
		gap: 6px;
	}
	.email-subject__docs {
		margin-inline: 8px;
	}
	.email-row-sender {
		margin-left: 8px;
		flex: 0 0 70px;
		max-width: 70px;
	}
	.sender_info__media {
		flex: 0 0 24px;
		width: 24px;
		height: 24px;
	}
	.box__theadMail {
		padding-left: 24px;
	}
	.attached_fil { 
		width: 110px;
    	height: 80px;
	}
	.thread-action {
		flex-wrap: wrap;
		row-gap: 20px;
	}
	.email-info__activity {
		flex-direction: column;
		gap: 8px;
	}
	.total_storage {
		flex-direction: row;
		align-items: center;
		gap: 8px;
	}
	.storage_info {
		flex: 1;
	}
	.storage_progressBar {
		flex: 0 0 70%;
	}
	.total_storage,
	.para_info__activity {
		flex: 1;
		max-width: 100%;
	}
	.para_info__activity {
		text-align: center;
	}
	.enable_full_scrn.composeModalCustom .modal-content {
		width: 95%;
		min-height: 95%;
	}
}
@media screen and (max-width: 360px) { 
	.mail_shortcut__icon > svg {
		width: 1em;
		height: 1em;
	}
}