@media(min-width: 320px) and (max-width: 767px){
.sidebar {
    width: 100%;
    height: auto;
    padding: 20px 20px 45px;
    position: relative;
    min-height: 100%;
}
.logoutbtn {
    bottom: 18px;
}
.mainarea {
    grid-template-columns: repeat(1, 1fr);
}
.content {
    margin-left: 0;
    padding: 15px;
    padding-top: 50px;
}
.usericon img {
    width: 28px;
}
.usericon span {
    width: 70px;
    height: 70px;
}
.schedulearea .table td, .table th {
    font-size: 15px;
    line-height: 17px;
}
}

@media(min-width: 568px) and (max-width: 767px){
 .mainarea {
    grid-template-columns: repeat(2, 1fr) !important;
}
.userstepone {
    padding: 20px 15px !important;
} 

.usertetx h3 {
    font-size: 17px !important;
} 
.tetxbig h3 {
    font-size: 42px !important;
}
.textbottom p {
    font-size: 15px !important; 
}
.aroow-bottom h6 {
    font-size: 14px !important;
}
}

@media(min-width: 768px) and (max-width: 991px){
.bannerheading {
    top: 10px;
}
.bannerheading h2 {
    font-size: 14px;
}
.mainarea {
    grid-template-columns: repeat(1, 1fr);
}
.table-bordered th td {
    font-size: 15px;
    line-height: 17px;
}

}

@media(min-width: 992px) and (max-width: 1199px){
.bannerheading {
    top: 12px;
}
.bannerheading h2 {
    font-size: 14px;
}
.main-heading h2 {
    font-size: 24px;
}
.mainarea {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px 15px;
}
.usertetx h3 {
    font-size: 16px;
}
.tetxbig h3 {
    font-size: 42px;
}
.textbottom p {
    font-size: 16px;
}
.aroow-bottom h6 {
    font-size: 14px;
}
.logoutbtn {
    bottom: 10px;
}
}
@media(min-width: 1200px) and (max-width: 1399px){
.main-heading p {
    font-size: 15px;
    line-height: 20px;
}	
.tetxbig h3 {
    font-size: 52px;
}
.textbottom p {
    font-size: 16px;
}
.mainarea {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px 15px;
}
.main-heading h2 {
    font-size: 24px;
}
.headingbottom h2 {
    font-size: 50px;
}
.headingbottom span {
    font-size: 30px;
}
.headingtop h4 {
    font-size: 18px;
}
.onlinebox p {
    font-size: 13px;
    margin-left: 2px;
}
.main-user img {
    height: 40px;
    width: 40px;
}
.wellicon {
    width: 35px;
    height: 35px;
}
.wellicon img {
    width: 14px;
}
.marketing {
    display: inline-block;
}
.salestext {
    padding-top: 10px;
}
.bannerheading h2 {
    font-size: 20px;
}
.bannerheading {
    top: 12px;
}
.tableboxsection .table td {
    font-size: 14px;
}
.tableboxsection .table th {
    font-size: 14px;
}
.ourteam {
    width: 25%;
}
.ourteam {
    width: 30%;
}
.rating {
    width: 20%;
}
h6.headingbox {
    font-size: 18px;
}
.teamalphasection .table td {
    padding: 13px 13px;
}
.sessionhistory {
    grid-template-columns: repeat(2, 1fr);
}
.usertetx h3 {
    font-size: 16px;
}
.usericon span {
    width: 70px;
    height: 70px;
}
.usericon img {
    width: 30px;
}
.logoutbtn {
    bottom: 10px;
}
}
@media(min-width: 1400px) and (max-width: 1499px){
.main-heading p {
    font-size: 14px;
}	
.usertetx h3 {
    font-size: 17px;
}
.userstepone {
    padding: 20px 15px;
}
.tetxbig h3 {
    font-size: 36px;
}
.textbottom p {
    font-size: 16px;
}
.usericon span {
    width: 40px;
    height: 40px;
}
.usericon img {
    width: 20px;
}
.headingbottom h2 {
    font-size: 50px;
}
.headingbottom span {
    font-size: 30px;
}
.headingtop h4 {
    font-size: 18px;
}
.main-user img {
    height: 40px;
    width: 40px;
}
.onlinebox p {
    font-size: 14px;
    margin-left: 5px;
}
.wellicon {
    width: 40px;
    height: 40px;
}
.wellicon img {
    width: 17px;
}
.main-heading h2 {
    font-size: 28px;
}
.bannerheading h2 {
    font-size: 22px;
}
.bannerheading {
    top: 16px;
}
.tableboxsection .table td {
    font-size: 16px;
}
.tableboxsection .table th {
    font-size: 16px;
}
.ourteam {
    width: 25%;
}
.ourteam {
    width: 30%;
}
.rating {
    width: 20%;
}
h6.headingbox {
    font-size: 18px;
}
.totalsessions {
    display: inline-block;
    padding: 15px 15px;
}
.popularicon {
    padding-bottom: 26px;
}
.populartext h2 {
    font-size: 42px;
}
.populartext h6 {
    font-size: 16px;
}
.populartext p {
    font-size: 15px;
}
}
@media(min-width: 1500px) and (max-width: 1850px){
.main-heading p {
    font-size: 14px;
}	
.usertetx h3 {
    font-size: 18px;
}
.userstepone {
    padding: 20px 15px;
}
.tetxbig h3 {
    font-size: 42px;
}
.textbottom p {
    font-size: 16px;
}
.usericon span {
    width: 50px;
    height: 50px;
}
.usericon img {
    width: 24px;
}
.headingbottom h2 {
    font-size: 72px;
}
.headingbottom span {
    font-size: 42px;
}
.headingtop h4 {
    font-size: 20px;
}
.onlinebox p {
    font-size: 15px;
    margin-left: 5px;
}
.wellicon {
    width: 48px;
    height: 48px;
}
.bannerheading h2 {
    font-size: 22px;
}
.bannerheading {
    top: 16px;
}
.ourteam {
    width: 30%;
}
.rating {
    width: 24%;
}
.totalsessions {
    display: inline-block;
    padding: 15px 15px;
}
.popularicon {
    padding-bottom: 26px;
}
.populartext h2 {
    font-size: 42px;
}
.populartext h6 {
    font-size: 16px;
}
}
/*@media(min-width: 992px) {

	.toggle-btn{
		display: none;
	}
}*/