@media screen and (max-width:1439px) {

	.header .profile { padding: 10px; }

	.header .close-buttom { padding: 10px; }

	.header .notifications { padding: 10px; }

}

@media screen and (max-width:1260px) {

	.header .profile { width: calc(30% - 17px); }

	.header .close-buttom { width: calc(20% - 40px); }

	.header.second .profile { flex: 1; }

	.menu-main { max-width: 230px; }

	.all-content { width: calc(100% - 230px); }

	.header.second .profile { flex: auto; }

	

}

@media screen and (max-width:1030px) {

}

@media screen and (max-width:960px) {

	html {position:relative; width:100%; min-width:315px;}

	body {position:relative; width:100%;}

	* {-webkit-overflow-scrolling:touch;}

	.wrapper {width:calc(100% - 20px)!important; padding-left: 8px; padding-right: 8px;}

	.all-content { width: 100%; }

	#body-conten .content-page, .header  { width: calc(100% - 20px ); margin: 0 auto; }

	.header { position: relative; }

	.all-content { padding-top: 0; }

	.header .notifications { flex: none; width: 5%; justify-content: start; padding: 10px 0; }

	.menu-main { position: fixed; z-index: 2; height: 100vh; opacity: 0; left: -100%;; top: 0; transition: all 1s ease; max-width: 230px; }

	.menu-main.active { opacity: 1; left: 0; }

	.header .open-menu { display: block; position: relative; width: 35px;  }

	.header .open-menu .icon { display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; transition: all 0.5s ease; }

	.header .open-menu .icon svg { display: block; width: 100%; }

	.header .open-menu .icon svg path { fill: #6B6B6D; }

	.header .open-menu .icon.close { opacity: 0; }

	.header .open-menu.active .icon.close { opacity: 1; }

	.header .open-menu.active .icon.bar { opacity: 0; }

	.header .close-buttom { margin-left: auto;  justify-content: end; order: -1; width: 100%; }

	.header .profile { border: none; }

	

}

@media screen and (max-width:820px) {

	.header .profile { width: 50%; }

	.header .close-buttom { width: calc(30% - 40px); }

}

@media screen and (max-width:620px) {

	.header .close-buttom { width: calc(40% - 40px); }

	.btn-system-default{max-width: 100%;}
	.button-listing-include{max-width: 100% !important; margin-top: 10px;}

}

@media screen and (max-width:575px) {

	.w-sm-100{width: 100% !important;}

}

@media screen and (max-width:375px) {

	.header .close-buttom { padding: 10px 10px; width: calc(40% - 20px); } 

	.header .profile { padding: 10px 5px; }

	.menu-main { overflow-y: scroll; }

}