/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {
.chat-boxss {
	margin-left: -12px;
}
.right-menu li:first-child a {
	padding: 5px 30px;
}    
.right-menu li:last-child a {
	padding: 5px 20px;
} 
 .right-menu li a {
	padding: 5px 16px;
}   
.upcoming-btn a {
	padding: 15px;
	font-size: 17px;
}
.teble-boxs li {
	margin-left: 75px;
	font-size: 15px;
}
.checkmark {
	left: -8px;
}    
 .pending {
	margin-top: -7px;
	margin-left: -24px;
}   
.pending.ex-p {
	margin-left: 0;
}    
 .teble-boxs li span {
	font-size: 14px;
	margin-right: -12px;
}   
 .teble-boxs li span img {
	margin-right: 5px;
}   
.teble-boxs.ex-r li {
	margin-left: 53px;
}
.left-bar-section {
	width: 320px;
}    
 .messege-header h4 {
	font-size: 14px;
}   
 .text-two h4 {
	font-size: 13px;
	margin-bottom: 2px;
}   
 .text-two p {
	margin-bottom: 0;
	font-size: 9px;
}   
 .messege-header-text .pics {
	right: 5px;
}   
.messege-header a i.fa {
	right: 7px;
}    
 .pics img {
	width: 25px;
}
  .right-bar-section {
	margin-left: 320px;
}  
    
    
}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.right-bar-section {
	margin-left: 250px;
}
.right-menu li {
	margin-left: 4px;
}    
 .pending span {
	top: -14px;
	left: 25%;
}   
.pending p {
	margin-left: 15px;
} 
 .header-right-bottom-section {
	padding: 20px 0;
}   
.ex-p p {
	margin-left: -15px;
	padding-top: 30px;
}   
 
.ex-r li {
	margin-left: 48px;
}  
    
    
    
.left-bar-section {
	width: 250px;
}  
.profile-icon img {
	margin-left: 5px;
	width: 16px;
}    
.user-profile img {
	width: 42px;
}    
.online {
	left: 30%;
}    
.chat-boxss img {
	width: 55px;
}
 .right-bar-search {
	margin-top: 13px;
}   
.right-menu li:first-child a {
	background: #000;
	color: #fff;
	padding: 4px 18px;
}    
 .right-menu li:last-child a {
	padding: 4px 15px;
}   
.right-menu li a {
	padding: 4px 14px;
	font-size: 14px;
}
.nice-select {
	background-color: #fff;
	border-radius: 23px;
	font-size: 13px;
	font-weight: 500;
	height: 30px;
	line-height: 36px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	color: #3A3E48;
	line-height: 30px;
}    
.upcoming-btn a {
	padding: 10px;
	font-size: 13px;
}    
 .nav-item a {
	font-size: 14px;
}
 .activity h4 {
	color: #AC79F8;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 0 !important;
	padding-top: 8px;
}   
.teble-boxs li {
	margin-left: 115px;
	font-size: 13px;
}    
 .checkmark {
	top: -8px;
	left: -10px;
	height: 20px;
	width: 20px;
}   
.cont .checkmark::after {
	left: 7px;
	top: 1px;
	width: 6px;
	height: 12px;
}    
.pending {
	margin-top: -6px;
	margin-left: -30px;
}    
.pending.ex-p {
	margin-left: 10px;
}
.teble-boxs li {
	margin-left: 81px;
	font-size: 15px;
	margin-top: -13px;
}    
 .tab-single-box-item li {
	list-style: none;
	margin-left: 40px;
	color: #74579F;
	font-size: 16px;
	font-weight: 500;
	padding-top: 6px;
}   
.tab-single-box-item li img {
	left: 20px;
	top: 27px;
	width: 25px;
}
.Today-btn a {
	padding: 5px 25px;
	font-size: 15px;
}    
 .Today-btn {
	text-align: center;
	padding: 0;
	margin-top: 20px;
}   
.messege-header h4 span img {
	left: 7px;
	top: 45%;
	width: 16px;
} 
.messege-header h4 {
	font-size: 13px;
	color: #6C5395;
	margin-left: 14px;
	padding: 16px;
	padding-bottom: 0;
}    
.messege-header a i.fa {
	right: 5px;
	top: 50%;
}    
 .text-two h4 {
	font-size: 13px;
}   
 .pics img {
	width: 22px;
}
.messege-header-text .pics {
	top: 0;
	right: 5px;
}    
.text-two p {
	margin-bottom: 0;
	font-size: 11px;
}    
.loadmore-btn {
	text-align: center;
	padding-top: 0;
	padding-bottom: 30px;
} 
  
    
    
    
    
    

}

 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.header-right-right-content {
	margin-top: 20px;
}
    .right-menu li {
	margin-left: 8px;
}
    
  .menu-open {
	display: block;
}
.left-bar-section.activee {
	left: 0;
} 
    
.left-bar-section {
	left: -350px;
} 
 .left-bar-section {
	width: 260px;
}   
    
.menu-open {
	position: absolute;
	top: 20px;
	right: -37px;
	z-index: 9;
}  
    
  .right-bar-section {
	margin-left: 0;
}  
.teble-boxs li {
	margin-left: 115px;
}       
.teble-boxs.ex-r li {
	margin-left: 65px;
}    
.right-menu li:last-child a {
	padding: 5px 15px;
}    
.right-menu li:first-child a {
	padding: 5px 20px;
} 
 .right-menu li a {
	padding: 5px 13px;
	font-size: 14px;
}   
.nice-select {
	height: 35px;
	line-height: 33px;
}
 .right-bar-search input {
	border: 0;
	width: 88%;
}   
    
  .menu-open {
	display: block;
} 
 
.logo-area {
	height: 120px;
}
.logo-area img {
	width: 140px;
	margin-top: -40px;
}    
.sub-name {
	font-size: 18px !important;
	margin-top: -60px;
} 
      
    
    
    
    
 .Projects-text.two {
	margin-bottom: 21px;
}   
.chat-box-content {
	padding: 20px 24px;
	overflow-y: scroll;
	height: 360px;
}    
.link-area a {
	margin-bottom: 8px;
	font-size: 14px;
}    
.Projects-text {
	margin-top: 20px;
}   
.Projects-text a {
	font-size: 14px;
	margin-bottom: 5px;
}   
.link-area span img {
	width: 18px;
}   
.Projects-text p {
	color: #9C89BE;
	margin-bottom: -10px;
}   
      
    
    
    
    
    
    

}
 

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {
 
    
    .menu-open {
	position: absolute;
	top: 11px;
	right: 25px;
}
    
    
.right-bar-section {
	margin-left: 0;
}    
.right-bar-search {
	margin-top: 0;
	padding: 10px 0;
	width: 85%;
}   
    
.profile-icon {
	width: 100%;
	padding: 10px 0;
	text-align: center;
}    

.setect-btn .nice-select {
	width: 100%;
	margin-bottom: 25px;
	margin-top: -20px;
} 
.nice-select .list {
	width: 100%;
}  
.nice-select .option {
	text-align: center;
}
 .right-menu li:first-child a {
	padding: 5px 50px;
}   
 .right-menu li:last-child a {
	padding: 5px 28px;
}   
 .right-menu li a {
	padding: 5px 47px;
	margin-bottom: 10px;
}   
 .right-menu {
	text-align: center;
}   
.p-menu a {
	margin-left: 7px;
}
 .teble-boxs li {
	margin-left: 0;
}   
   
 .single-teble-boxs {
	position: relative;
	left: 20px;
}   
.pending span::before {
	left: 8px;
}
 .pending span::after {
	left: 17px;
}   
.checkmark {
	left: -20px;
}
.pending {
	margin-top: -7px;
	margin-left: -20px;
}    
.pending span {
	left: 20px;
}    
    
 .pending.ex-p {
	margin-left: -8px;
}   
 .pending.ex-p span {
	left: -19px;
}
 .activity h4 {
	font-size: 18px;
	margin-top: 9px;
}   
.tab-single-box-item li img {
	left: 10px;
    top: 22px;
	width: 30px;
}
.tab-single-box-item li {
	margin-left: 30px;
	font-size: 14px;
} 
.profile-picture-gellarys img {
	width: 25px;
}    
.profile-picture-gellarys {
	top: 20px;
	right: 32px;
}    
.linkss {
	position: absolute;
	top: 0px;
	right: -25px;
}    
.upcoming-btn a {
	font-size: 19px;
}
.header-right-right-content {
	margin-top: 20px;
}    
 .text-two h4 {
	font-size: 15px;
}   
.text-two p {
	margin-bottom: 0;
	font-size: 13px;
}    
.pics img {
	width: 25px;
}    
.menu-open {
	display: block;
}
.left-bar-section.activee {
	left: 0;
} 
    
.left-bar-section {
	left: -350px;
} 
 .left-bar-section {
	width: 260px;
}   
.logo-area {
	height: 120px;
}
.logo-area img {
	width: 140px;
	margin-top: -40px;
}    
.sub-name {
	font-size: 18px !important;
	margin-top: -60px;
} 
    
    
    
    
 .Projects-text.two {
	margin-bottom: 21px;
}   
.chat-box-content {
	padding: 20px 24px;
	overflow-y: scroll;
	height: 360px;
}     
.link-area a {
	margin-bottom: 8px;
	font-size: 14px;
}    
.Projects-text {
	margin-top: 20px;
}   
.Projects-text a {
	font-size: 14px;
	margin-bottom: 5px;
}   
.link-area span img {
	width: 18px;
}   
.Projects-text p {
	color: #9C89BE;
	margin-bottom: -10px;
}   
.user-profile {
	width: 75%;
	text-align: center;
} 
.online {
	left: 39%;
	bottom: -1px;
}   
.pending p {
	margin-top: 10px;
}    
    
    
    
    
    
    
    
    
    
    
}

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

}



/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

 
}