/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 03 2023 | 04:57:29 */
/* ipad mini view */
@media (max-width :1023px) {
    .main__content .inner__content {
        display: block !important;
    }

    .main__content .inner__content .item__wrapper {
        margin-bottom: 30px;
    }
}

/* Mobile view css */
@media (max-width :767px) {
    .client__header {
        display: none;
    }
    section.main__content {
        width: 100%;
		padding:0 !important;
    }
    .main__content .inner__content .item__box{
        display: block !important;
    }
    .main__content .inner__content .item_content {
        margin-bottom: 30px;
    }
    .main__content .inner__content .item__wrapper .adding__btn a {
        max-width: 100% !important;
        margin-bottom: 30px;
    }
    .main__content .inner__content .item__wrapper h2 {
        padding-top: 30px !important;
        font-size: 20px;
    }
    #mobile__toggle {
        display: block;
        width: 22px;
        margin: 25px 25px 0 auto;
    }
    section.left__sidebar.on #mobile__toggle {
        position: fixed;
        right: 25px;
        top: 25px;
        margin: auto !important;
    }
    #mobile__toggle div {
        width: 100%;
        height: 3px;
        background: #000;
        margin: 5px auto;
        transition: all 0.5s ease-in-out;
        backface-visibility: hidden;
    }
    .on  #mobile__toggle .one {
        transform: rotate(45deg) translate(5px, 5px);
      }
      
      .on  #mobile__toggle .two {
        opacity: 0;
      }
      
      .on  #mobile__toggle .three {
        transform: rotate(-45deg) translate(6px, -7px);
    }
      .left__sidebar .sidebar__inner {
        transition: 0.5s ease-in-out;
        left: -250px;
		  position:absolute;
		  top:0;
    }
    section.left__sidebar.on .sidebar__inner {
        left: 0px;
        background: #fff;
        width: 100%;
        max-width: 100%;
    }
.select__plan {
    	display: block;
	}
.select__plan .select__plan_item {
    	margin-bottom: 30px;
	}
	.item__wrapper  .profile__form .field__wrapper {
    display: block;
}
	.item__wrapper .profile__form .field__wrapper .field__item {
    margin-top: 20px;
}
.item__wrapper  .plan__details .plan__info {
    flex-wrap: wrap;
}
.item__wrapper  .plan__details .plan__info .plan__item a:first-child {
    width: 100%;
	text-align:center;
}
.item__wrapper .plan__details .plan__info .plan__item {
    flex: 1;
    flex-basis: 32%;
}
.item__wrapper  .plan__details .plan__info .plan__item a {
    display: block;
    text-align: center;
    margin-top: 10px;
}
.inbox_chat .inbox_title h2{
	padding-top:0 !important;
}
.inbox_chat .inbox_chat_box {
   display: block;
}
.main__content .upcoming__info .upcoming_content {
    column-gap: 20px;
}
}