/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {
.team-profiles-inner .single-team-profile .profile-title {
    font-size: 13px;
}
.verification-succeess-box {
    margin-block: 50px;
}


}


/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .gap-x-40 {
        row-gap: 55px;
    }
    .header-logo img {
        max-width: 120px;
    }

    .header-navigation-link ul li a {
        margin: 0 10px;
    }

    .header-right ul li:nth-of-type(1) a,
    .header-right ul li:nth-of-type(2) a {
        margin-right: 10px;
    }

    /*=== destination area start ===*/

    .destination-content {
        padding: 10px 12px;
        padding-left: 20px;
    }

    .destination-item {
        padding-left: 0;
    }

    .destination-item h2 {
        font-size: 13px;
    }

    .destination-item a {
        font-size: 13px;
    }

    .destination-item a.button {
        width: 50px;
        height: 50px;
    }

    /*=== trust area start ===*/

    .trust-area .row {
        --bs-gutter-x: 16px;
    }

    .trust-item {
        padding: 24px 16px;
    }

    /*=== about area start ===*/

    .about-image {
        width: 45%;
    }

    .about-content {
        width: 55%;
    }

    .about-content .title-large {
        margin-bottom: 32px;
    }

    /*=== countup area start ===*/

    .countup-left {
        width: 47%;
    }

    .countup-right {
        width: 45%;
    }
/* filter wrapper area */
    
.av-filter-inner {
    grid-template-columns: repeat(3, 1fr);
}

/* devenir timy page  */
.devenir-banner-wrap {
	padding-top: 85px;
}
.devenir-banner-wrap .devenir-banner-left h2 {
	padding-bottom: 27px;
	font-size: 49px;
}
/* parlons-en-area */
.parlons-en-right img {
    margin-top: 0px;
}
.parlons-en-inner {
	padding: 50px 60px;
}
.parlons-en-left {
	padding-right: 45px;
}

/* ============ Dashboard page design ============ */

.dash-left-sidebar {
    flex: 0 0 360px;
    max-width: 360px;
    padding-inline: 50px;
}
.dash-content-wrap {
    flex: 0 0 calc(100% - 360px);
    max-width: calc(100% - 360px);
    left: 360px;
    padding-inline: 0px;
}
.dash-px-80,
.dash-contents-inner {
	padding-inline: 30px;
}
.verification-succeess-box {
    margin-block: 40px;
}

/*================= dashboard code hare ==================== */

.meeting-calander-header li > * {
	padding: 10.7px;
    font-size: 16px;
}
.meeting-calander-header select {
	padding-right: 30px;
}
.meeting-calander-table-sa th {
	padding-inline: 20px;
}

.meeting-calander-table-sa td:first-child {
    min-width: 100px;
}
.meeting-card-sa {
	padding: 5.44px 10px;
	gap: 7px;
}
.meeting-calnder-area-sa {
	padding-block: 25px;
}

/* historica page  */

.historica-table-sa th:nth-child(2), .historica-table-sa td:nth-child(2) {
	min-width: 150px;
}

/* profile page  */

.personal-info-wraper-sa {
	gap: 50px;
}

.agenda-wrapper-sa {
	padding-left: 20px;
	gap: 25px;
}

}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    .gap-x-40 {
        row-gap: 45px;
    }
    /*=== main content start ===*/

    .banner-content h1 {
        font-size: 42px;
        line-height: 120%;
    }

    /*=== destination area start ===*/

    .destination-content {
        padding: 10px 12px;
    }

    .destination-item {
        width: calc(50% - 1px);
    }

    .destination-devider {
        margin-left: -20px;
    }

    /*=== about area start ===*/

    .about-image {
        width: 40%;
        padding-right: 30px;
    }

    .about-content {
        width: 60%;
    }

    .about-content .title-large {
        margin-bottom: 24px;
    }

    /*=== countup area start ===*/

    .countup-area {
        padding: 70px 0;
    }

    .countup-left {
        margin-bottom: 30px;
    }

 /* filter wrapper area */
    
.av-filter-inner {
    grid-template-columns: repeat(3, 1fr);
}

/* devenir timy page  */
.devenir-banner-wrap {
	padding-top: 85px;
}
.devenir-banner-wrap .devenir-banner-left h2 {
	padding-bottom: 27px;
	font-size: 49px;
}
.les-ava-left-single-card h3 {
	font-size: 19px;
}
.les-ava-left-single-card {
	min-height: 351px;
}
.les-avantage-area {
	padding-top: 55px;
	padding-bottom: 80px;
}

.temoignages-area .profile-conts h4 {
	font-size: 23px;
}
.temoignages-area {
	padding-top: 45px;
	padding-bottom: 0;
}

/* parlons-en-area */
.parlons-en-right img {
    margin-top: 0px;
}
.parlons-en-inner {
	padding: 50px 60px;
}
.parlons-en-left {
	padding-right: 45px;
}

.seni-single-testi-card {
	min-height: 307px;
}
.seni-testimonial-area {
    padding-block: 80px !important;
}


/* ============ Dashboard page design ============ */
.dash-left-sidebar {
    flex: 0 0 350px;
    max-width: 350px;
    padding-inline: 30px;
    position: fixed;
    left: -400px;
    transition: 0.4s;
    z-index: 99999;

}
.dash-left-sidebar.active {
    left: 0;
}
.dash-content-wrap {
    flex: 0 0 calc(100% - 0px);
    max-width: calc(100% - 0px);
    left: 0px;
    padding-inline: 0px;
}
.dash-px-80,
.dash-contents-inner {
	padding-inline: 30px;
}
.dash-header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.verification-succeess-box {
    margin-block: 40px;
}

.dashborad-nav-sh{
    overflow: auto;
}

.dashborad-nav-sh ul {
    min-width: 840px;
}

/* student dashboard page  */

.student-dashboard-wrapper-sa {
	padding-top: 30px;
	padding-inline: 25px;
	gap: 32px;
}


.student-profile-top-sa {
	gap: 25px;
}
.student-demandes-sa {
	display: flex;
	gap: 15px;
	max-width: 100%;
}
.profile-right-card-sa {
	gap: 25px;
}
.student-profile-image {
	width: 130px;
	height: 130px;
}
.dashboard-nav-sa ul {
	gap: 35px;
}
.single-demandes-item-sa p {
	font-size: 14px;
}


/* meeting calander area  */

.meeting-calander-header li > * {
	padding: 10.7px;
    font-size: 16px;
}
.meeting-calander-header select {
	padding-right: 30px;
}
.meeting-calander-table-sa th {
	padding-inline: 15px;
}

.meeting-calander-table-sa td:first-child {
    min-width: 70px;
}
.meeting-card-sa {
	padding: 5.44px 10px;
	gap: 7px;
}
.meeting-calnder-area-sa {
	padding-block: 25px;
}
.meeting-calander-header ul {
	flex-wrap: wrap;
}
.meeting-cell-sa {
	padding: 10px;
}
.meeting-calander-table-sa td {
	height: 95px;
}
.calander-table-area-sa {
	padding-top: 35px;
}



/* message page  */

.message-left-card {
	width: 290px;
}
.message-input-box input {
	max-width: 130px;
}


/* historica page  */

.historica-table-sa th:nth-child(2), .historica-table-sa td:nth-child(2) {
	min-width: 110px;
}
.historica-table-sa td {
	padding: 16px 20px;
	font-size: 16px;
}
.historica-table-sa th {
	padding: 15px 20px;
}

/* profile page  */
.complete-progressbar {
	width: 230.547px;
}
.personal-info-wraper-sa {
	gap: 30px;
}
.profile-image-card-sa {
	padding: 25.495px;
	max-width: 280px;
}

.profile-image-inner-sa {
	max-width: 100%;
    height: fit-content;
}
.benefit-info-card-sa {
	padding: 20px 25px;
}

.nos-formations-single .slider-contents li:first-child a {
	font-size: 14.5px;
}

.agenda-wrapper-sa {
	padding-left: 0;
	gap: 30px;
	flex-direction: column;
}
.agenda-calendar-container {
	max-width: 100%;
}
.agenda-right-card-sa {
	max-width: 100%;
	width: 100%;
}
.student-profile-image.verified-user::before {
	right: -5px;
	top: 15px;
}

.rating-progress-sa {
	width: 220px;
}

/* checkout page  */

.supported-card ul img {
	max-width: 50px;
}
.payment-method-card h2 {
	font-size: 22.571px;
}
.radio-text-sa {
	font-size: 17.01px;
}
.enter-card-details-sa {
	padding-left: 20px;
}



}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {	
    .gap-x-40 {
        row-gap: 36px;
    }
    .title-large {
        font-size: 28px;
    }

    /*=== main content start ===*/

    .banner-area {
        padding: 70px 0 100px;
        background-position: 72% center;
    }

    .banner-content h1 {
        font-size: 32px;
        line-height: 120%;
    }

    .banner-content ul li {
        width: 100%;
    }

    .banner-content ul li:nth-of-type(2) a {
        margin-top: 16px;
        margin-left: 0;
    }

    /*=== destination area start ===*/

    .destination-content {
        padding: 10px 12px;
    }

    .destination-item {
        width: 100%;
    }

    .destination-devider {
        width: 100%;
        flex: 0 0 100%;
        height: 1px;
    }

    /*=== team area start ===*/

    .team-area {
        padding-top: 70px;
    }

    /*=== trust area start ===*/

    .trust-area {
        padding-top: 60px;
    }

    /*=== about area start ===*/

    .about-area {
        padding: 46px 0 70px;
    }

    .about-image {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 30px;
    }

    .about-image img {
        width: 100%;
    }

    .about-content {
        width: 100%;
    }

    .about-content .title-large {
        margin-bottom: 24px;
    }

    /*=== countup area start ===*/

    .countup-area {
        padding: 70px 0 54px;
    }

    .countup-left {
        width: 100%;
        margin-bottom: 30px;
    }

    .countup-left ul li:nth-of-type(2) a.button {
        margin-top: 16px;
        margin-left: 0;
    }

    .countup-right {
        width: 100%;
    }

    .countup-right h2 {
        font-size: 32px;
    }

    .countup-right div {
        margin-bottom: 16px;
    }

    /*=== frequently area start ===*/

    .frequently-area {
        padding-top: 70px;
    }

    .frequently-title p br {
        display: none;
    }

    .accordion-title {
        padding: 16px;
    }

    .accordion-title h2 {
        font-size: 18px;
    }

    .accordion-body {
        padding: 0 16px 16px;
    }

    /*=== footer area start ===*/

    .footer-left {
        width: 100%;
    }

    .footer-middle {
        width: 50%;
        margin-right: 0;
    }

    .footer-right {
        width: 100%;
    }

/* A propos page  */
.primary-banner-inner {
	flex-direction: column;
	align-items: flex-start;
    gap: 25px;
}
.primary-banner-inner h3 {
	font-size: 26px;
}


 /* filter wrapper area */
.av-filter-inner {
    grid-template-columns: repeat(2, 1fr);
}

 .team-profiles-inner .single-team-profile .profile-title {
    font-size: 13px;
}

.team-profiles-inner {
    grid-template-columns: repeat(2, 1fr);
}

.site-modal-box .login-varients ul {
	grid-template-columns: 1fr;
}
.site-modal-box .modal-body {
	padding: 22px;
}
/* devenir timy page  */
.devenir-banner-wrap {
	padding-top: 55px;

}
.devenir-banner-wrap .devenir-banner-left h2 {
	padding-bottom: 20px;
	font-size: 28px;
}
.devenir-banner-wrap .devenir-banner-left {
	padding-right: 0px;
}
.devenir-banner-wrap .devenir-banner-left p {
	font-size: 16px;
}
.les-ava-left-single-card h3 {
	font-size: 19px;
}
.les-ava-left-single-card {
	min-height: auto;
}
.les-ava-left-single-card {
	padding: 39px 25px;
}
.section-heading-conts h2 {
	font-size: 28px;
}

.les-avantage-area {
	padding-top: 55px;
	padding-bottom: 60px;
}
/* comment ca area */
.comment-ca-area {
	padding-top: 55px;
	padding-bottom: 60px;
}
.temoignages-area .profile-conts h4 {
	font-size: 23px;
}
.temoignages-area {
	padding-top: 45px;
	padding-bottom: 0;
}

/* les-types-area */
.les-types-area {
    padding-bottom: 45px !important;
}
/* parlons-en-area */
.parlons-en-right img {
    margin-top: 0px;
}
.parlons-en-inner {
	padding: 40px 30px;
    margin-top: 0;
}
.parlons-en-left {
	padding-right: 0px;
}
.parlons-en-area {
	padding-top: 58px;
	padding-bottom: 50px;
}
.seni-single-testi-card {
	min-height: 307px;
}
.seni-testimonial-area {
    padding-block: 45px !important;
}
.a-propos-de-area .a-propos-right-content {
	padding: 30px 20px;
    font-size: 16px;
}
.section-lg-spacer {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* ============ Dashboard page design ============ */
.dash-left-sidebar {
    flex: 0 0 350px;
    max-width: 350px;
    padding-inline: 30px;
    position: fixed;
    left: -400px;
    transition: 0.4s;
    z-index: 99999;

}
.dash-left-sidebar.active {
    left: 0;
}
.dash-content-wrap {
    flex: 0 0 calc(100% - 0px);
    max-width: calc(100% - 0px);
    left: 0px;
    padding-inline: 0px;
}
.dash-px-80,
.dash-contents-inner {
	padding-inline: 16px;
}
.dash-contents-inner h3 {
	font-size: 22px;
}
.dash-contents-inner p {
	font-size: 16px;
}
.image-upload-wrap {
	flex-direction: column;
}
.image-upload-wrap .middle-require p {
	text-align: center;
}
.dash-header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.verification-succeess-box {
    margin-block: 0px;
    margin-bottom: 30px;
    padding: 40px 25px;
}
.dash-devenez-timy-wrap {
	padding-top: 60px;
}
.sign-in20-terms-wrap {
	padding-top: 18px;
}
.sign-in20-terms-wrap .single-terms {
    padding-block: 5px;
    align-items: flex-start;
}
.sign-in20-terms-wrap .single-terms input {
    transform: translateY(5px);
}
/* student dashboard page  */

.student-dashboard-wrapper-sa {
	padding-top: 20px;
	padding-inline: 15px;
	gap: 25px;
}


.student-profile-top-sa {
	gap: 20px;
	flex-direction: column;
}
.student-demandes-sa {
	display: flex;
	gap: 15px;
	max-width: 100%;
}
.profile-right-card-sa {
	gap: 25px;
}
.student-profile-image {
	width: 130px;
	height: 130px;
}
.dashboard-nav-sa ul {
	gap: 25px;
}
.single-demandes-item-sa p {
	font-size: 14px;
}
.dashboard-nav-sa li a.active {
	padding-inline: 10px;
}
.dashboard-nav-sa ul li a {
	font-size: 14.57px;
	white-space: nowrap;
}
.dashboard-nav-sa {
	padding-top: 12px;
	padding-bottom: 15px;
}
/* meeting calander area  */

.meeting-calander-header li > * {
	padding: 10.7px;
    font-size: 14px;
}
.meeting-calander-header select {
	padding-right: 24px;
}
.meeting-calander-table-sa th {
	padding-inline: 15px;
}

.meeting-calander-table-sa td:first-child {
    min-width: 70px;
}
.meeting-card-sa {
	padding: 4.44px 7px;
	gap: 5px;
}
.meeting-calnder-area-sa {
	padding-block: 25px;
}
.meeting-calander-header ul {
	flex-wrap: wrap;
}
.meeting-cell-sa {
	padding: 10px;
}
.meeting-calander-table-sa td {
	height: 95px;
}
.calander-table-area-sa {
	padding-top: 35px;
}
.meeting-calander-table-sa th, .meeting-calander-table-sa td {
	font-size: 13.014px;
	line-height: 130.857%;
}
.meeting-card-sa .circle {
	width: 8.724px;
	height: 8.724px;
}
.meeting-card-sa span {
	display: block;
	flex: 1;
	white-space: nowrap;
	max-width: 58px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #202020;
	font-size: 10.869px;
	font-style: normal;
	font-weight: 400;
}

.av-filter-area.pt-5.liste-timys-aera {
	padding-top: 20px !important;
	padding-bottom: 30px;
}
/* message area  */

.massage-wrapper-sa {
    display: flex;
    flex-direction: column;
}

.message-left-card,
.message-right-card-sa {
    width: 100%;
    padding-top: 15px;
}

.message-right-card-sa {
    display: none;
}

.message-left-card.hidden {
    display: none;
}

.message-right-card-sa.active-chat {
    display: block;
}

/* historica page  */

.historica-table-sa th:nth-child(2), .historica-table-sa td:nth-child(2) {
	min-width: 110px;
}
.historica-table-sa td {
	padding: 14px 16px;
	font-size: 15px;
}
.historica-table-sa th {
	padding: 12px 18px;
	font-size: 15px;
}

/* profile page  */
.profile-complete-status-card {
    flex-direction: column;
}
.profile-com-right {
	width: 100%;
}
.complete-progressbar {
	width: 100%;
}
.profile-com-left p {
	font-size: 15.557px;
}
.personal-info-wraper-sa {
	gap: 30px;
	flex-direction: column;
}
.profile-image-card-sa {
	padding: 25.495px;
	max-width: 280px;
}

.profile-image-inner-sa {
	max-width: 100%;
    height: fit-content;
}
.benefit-info-card-sa {
	padding: 20px 25px;
}
.benefit-card-sa {
	padding: 15px;
}
.single-benefit-info h5 {
	font-size: 14px;
}

.nos-formations-area .header {
	flex-direction: column;
    gap: 22px;
    align-items: flex-start;
}
.nos-formations-area {
	padding-top: 32px;
}
.nos-formations-area .header h3 {
	font-size: 26px;
}
.nos-formations-single .slider-contents li:first-child a {
	font-size: 15.5px;
}

.dashborad-nav-sh{
    overflow-x: scroll;
}
.dashborad-nav-sh ul {
    min-width: 840px;
}

.agenda-wrapper-sa {
	padding-left: 0;
	gap: 30px;
	flex-direction: column;
}
.agenda-calendar-container {
	max-width: 100%;
}
.agenda-right-card-sa {
	max-width: 100%;
	width: 100%;
}
.single-agenda-time-sa {
	padding: 20px 16px;
}
.skills-wrapper-sa ul {
	flex-wrap: wrap;
}
.skills-wrapper-sa ul li {
	font-size: 13px;
}
.apropos-wrapper-sa {
	padding: 20px 25px;
}
.student-profile-image.verified-user::before {
	right: -5px;
	top: 15px;
}


.rating-inner-wrapper {
	flex-direction: column;
}
.rating-progress-sa {
	width: 100%;
	height: 5px;
}

/* checkout page  */

.supported-card ul img {
	max-width: 50px;
}
.payment-method-card h2 {
	font-size: 22.571px;
}
.radio-text-sa {
	font-size: 17.01px;
}
.enter-card-details-sa {
	padding-left: 20px;
}
.checkout-main-wrapper-sa {
	flex-direction: column-reverse;
}
.checkout-overview-card {
	flex: 1;
	max-width: 100%;
}
.order-price-des-sa .order-price {
	font-size: 30px;
}
.order-price-des-sa .order-price h2 {
	font-size: 35px;
}
.checkout-topbar-sa {
	padding-bottom: 20px;
}
.checkout-main-area {
	padding-top: 20px;
	padding-bottom: 35px;
}
.order-price-des-sa {
	gap: 100px;
}

}

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

/*=== team area start ===*/

.team-title .title-large br {
    display: none;
}
/* filter wrapper area */
.av-filter-inner {
    grid-template-columns: repeat(1, 1fr);
}
.single-team-card-hr {
	flex-direction: column;
}
.single-team-card-hr .left-img {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
}
.header-right ul li a.button {
	font-size: 12px;
	padding: 4px 11.5px;
	min-height: 38px;
}
.header-right ul li:nth-of-type(1) a, .header-right ul li:nth-of-type(2) a {
	font-size: 14px;
	margin-right: 8.5px;
}
.header-right{
    margin-right: -15px;
}
.header-logo img {
	max-width: 90%;
}

/* student dashboard page  */
.student-profile-image {
	width: 100px;
	height: 100px;
}
.student-profile-top-sa {
	gap: 10px;
}
.student-name-sa {
	font-size: 18.864px;
}
.student-demandes-sa {
	flex-direction: column;
	gap: 10px;
}
.dashboard-nav-sa {
	overflow: hidden;
	overflow-x: auto;
}
.dashboard-nav-sa li a::before {
	top: calc(100% + 12px);
}

.single-timys-result-sa {
	flex-wrap: wrap;
}
.student-info-card-sa ul {
	flex-wrap: wrap;
}

/* message page  */
.current-profile-info-sa h4 {
	font-size: 14px;
}
.current-profile-sa {
	width: 50px;
	height: 50px;
}
.current-message-header-sa {
	padding: 16px 15px;
}
.current-msg-left-sa {
	gap: 10px;
}
.message-input-box {
	padding-inline: 10px;
}

.current-message-bottom-sa {
	padding: 15px;
	gap: 10px;
}
.message-send-btn button span {
	display: none;
}
.single-chat-item-sa {
	padding: 10px 16px;
}
.message-top-area-sa {
	gap: 10px;
	padding-inline: 16px;
}


/*======== profile page ======== */

.profile-image-card-sa {
	margin-inline: auto;
}
.group-input-sa {
	flex-direction: column;
}
.benefit-info-card-sa {
	padding: 15px 10px;
}
.benefit-info-group {
	flex-direction: column;
}
.card-header-bar-sa h4 {
	font-size: 17.84px;
}


.user-rating-card {
	padding: 15.42px 0;
	width: 100%;
}
.rating-star-sa {
	padding-top: 0;
}
.user-rating-card h2 {
	font-size: 30.36px;
}
.weekday-sa {
	gap: 10px;
	overflow: hidden;
	overflow-x: auto;
}

.weekday-items-sa {
	padding: 6.5px 13.95px 6.5px 13.05px;
	width: 64px;
    max-width: 100%;

}
.single-agenda-time-sa {
	padding: 16px 12px;
}
.skills-wrapper-sa {
	padding: 16px 20px;
	margin-top: 20px;
}
.apropos-wrapper-sa {
	padding: 16px 20px;
}
.apropos-wrapper-sa p {
	font-size: 14px;
}
.student-profile-image.verified-user::before {
	right: -10px;
	top: 10px;
}

/* rating area  */

.single-rating-overview {
	flex-direction: column;
	gap: 10px;
	align-items: start;
}
.rating-progressbar-card-sa {
	width: 100%;
}

.rating-overview-sa {
	gap: 15px;
}
.rating-area-sa {
	padding-top: 25px;
	padding-bottom: 30px;
}
.rating-inner-wrapper .user-rating-card {
	width: 100%;
}
.order-price-des-sa {
	gap: 50px;
}
.checkout-topbar-wrapper .order-id {
	font-size: 16px;
}
.enter-card-details-sa {
	padding-left: 10px;
}
.online-payment-wp-sa {
	padding-left: 10px;
	padding-top: 10px;
}



}