@media (max-width: 1640px){
    .why-claydence-slider button.carousel-control-next {
    right: 0 !important;
}
}



/*=========================header====================================================*/

@media screen and (min-device-width: 1200px) and (max-device-width: 1640px) { 
.testimonials-head h2 {
    font: normal normal normal 20px/25px Sukar !important;
}
    .offcanvas-body .header-offcanvas h2>a {
    font: normal normal normal 35px/40px Sukar !important;
}
.offcanvas-body .header-offcanvas span {
    font: normal normal 600 15px/20px Aptos !important;
    top: -18px !important;
}
.header-offcanvas ul>li>a {
    font: normal normal normal 18px/25px Sukar !important;
}
.header-offcanvas-home {
    padding-bottom: 18px !important;
}
.header-main-offcanvas {
    width: 610px !important;
}

/*=========================header====================================================*/


/*=========================footer====================================================*/
.footer-social-icons p {
    font: normal normal normal 16px/25px Aptos !important;
}

.footer-menus ul>li>a {
    font: normal normal bold 16px/22px Aptos !important;
}
/*=========================footer====================================================*/



/*====================================home-page====================================*/
.home-top-left-text p {
    font: normal normal normal 20px/25px Sukar !important;
}
.home-top-left {
    height: 900px !important;
}
.home-top-left-inner-img img {
    width: 100% !important;
    max-width: 210px !important;
    height: 210px !important;
}
.home-top-left-inner-img {
    width: 400px !important;
    height: 397px !important;
}



/*====================================home-page====================================*/


/*=====================================claydence==================================*/
.claydence-head-tow {
    /*height: 646px !important;*/
}
.claydence-section {
    /*height: 900px !important;*/
}
.claydence-head h2 {
    font: normal normal normal 35px / 42px Sukar !important;
    font-weight:bold !important;
    
}
.claydence-text p {
    font: normal normal normal 20px / 25px Sukar !important;
    padding-top: 20px !important;
}
.claydence-head {
    /*height: 570px !important;*/
    /*padding-top: 215px !important;*/
}
.claydence-head-tow h2 {
    font: normal normal normal 35px/42px Sukar !important;
    font-weight:bold !important;
}
.who-we-serve-text p {
    font: normal normal normal 25px/30px Sukar !important;
}
.who-we-serve-head h2 {
    font: normal normal normal 35px/42px Sukar !important;
    letter-spacing: 10px !important;
    font-weight:bold !important;
}
.who-we-serve-head {
    padding-top: 120px !important;
    padding-bottom: 60px !important;
}
.who-we-serve-img img {
    width: 100%;
    /*max-width: 430px !important;
    height: 434px !important;*/
}
.who-we-serve-img-title p {
    font: normal normal normal 25px/30px Sukar !important;
}
.ethos-left-head h2 {
    font: normal normal normal 50px/80px Sukar !important;
    letter-spacing: 20px !important;
    font-weight:bold !important;
}
.ethos-left-head-disc p {
    font: normal normal normal 20px/30px Sukar !important;
}
.claydence-section-four {
    height: 500px !important;
}
.testimonials-card {
    padding: 15px 15px 15px 15px !important;
}
.testimonial-head h2 {
    font: normal normal normal 45px/70px Sukar !important;
    font-weight: bold !important;
   /* font-weight: 600 !important;*/
}
.testimonials-head h2 {
    /*font: normal normal normal 25px/30px Sukar !important;*/
}
.testimonials-text p {
    font: normal normal normal 20px/25px Sukar;
}
.testimonials-text p>a {
    font: normal normal normal 20px/25px Sukar !important;
}
.claydence-section-three {
    padding-top: 93px;
    padding-bottom: 150px !important;
}
/*=====================================claydence==================================*/

.collage-col-head {
    width: 100%;
    max-width: 960px !important;
    margin: 0 auto;
    padding-top: 104px;
}
.collage-col-head h2 {
    font: normal normal normal 55px/70px DM Serif Display !important;
}
.collage-col-head p {
    font: normal normal normal 20px/30px Dosis !important;
}
section.purpose-section-tow {
    height: 880px !important;
    margin-top: -105px !important;
}
.row.purpose-section-row {
    padding-bottom: 120px !important;
}
}



@media screen and (min-device-width: 769px) and (max-device-width: 1200px) { 
    
/*=========================header====================================================*/
.offcanvas-body .header-offcanvas h2>a {
    font: normal normal normal 25px/30px Sukar !important;
    padding-bottom: 40px;
}
.header-offcanvas ul>li>a {
    font: normal normal normal 15px/20px Sukar !important;
}
.offcanvas-body .header-offcanvas span {
    font: normal normal 600 15px/20px Aptos !important;
    top: -12px !important;
}
.header-offcanvas-home ul {
    padding-left: 15px !important;
}
.header-offcanvas-home {
    padding-bottom: 5px !important;
}
.header-main-offcanvas {
    width: 490px !important;
    padding-left: 30px !important;
}
/*=========================header====================================================*/



/*=========================footer====================================================*/
.footer-social-icons p {
    font: normal normal normal 15px/25px Aptos !important;
}
.footer-menus ul>li>a {
    font: normal normal bold 14px/20px Aptos !important;
}
/*=========================footer====================================================*/



/*===========================home-page=================================================*/
.home-top-left {
    height: 675px !important;
    justify-content: end !important;
}

.home-top-left-text p {
    font: normal normal normal 18px/25px Sukar !important;
}
.home-top-left-inner-img img {
    width: 100% !important;
    max-width: 160px !important;
    height: 160px !important;
}
.home-top-left-inner-img {
    width: 280px !important;
    height: 277px !important;
    margin-top: 0 !important;
}
.home-top-right-inner-img {
   width: 280px !important;
    height: 277px !important;
    margin-top: 0 !important;
}
.home-top-right-inner-img img {
    width: 100% !important;
    max-width: 160px !important;
    height: 160px !important;
}
.home-top-left:before {
    height: 40px !important;
}
.home-top-left-text {
    padding-top: 85px !important;
    padding-bottom: 35px !important;
}
/*===============================home-page==============================================*/

/*=====================================claydence==================================*/
.claydence-section {
    /*height: 673px !important;*/
}
.claydence-head-tow {
    height: 484px !important;
}
.claydence-head h2 {
    font: normal normal normal 30px / 35px Sukar !important;
    padding-top: 60px !important;
    font-weight:bold !important;
}
.claydence-text span>i.bi-caret-down-fill {
    font-size: 30px !important;
}
.claydence-text p {
    font: normal normal normal 18px / 25px Sukar !important;
    padding-top: 20px !important;
}
.claydence-head {
    height: 488px !important;
    padding-top: 275px !important;
}
.claydence-head-tow h2 {
    font: normal normal normal 35px/42px Sukar !important;
    letter-spacing: 10px !important;
    font-weight:bold !important;
}
.claydence-head-tow-down-arrow {
    width: 40px;
    margin: 0 auto;
}
.who-we-serve-text p {
    font: normal normal normal 18px/25px Sukar !important;
}
.who-we-serve-head h2 {
    font: normal normal normal 35px/42px Sukar !important;
    letter-spacing: 10px !important;
    font-weight:bold !important;
}
.who-we-serve-head {
    padding-top: 80px !important;
    padding-bottom: 50px !important;
}
.who-we-serve-img img {
    width: 100%;
    /*max-width: 300px !important;
    height: 304px !important;*/
}
.who-we-serve-img-title p {
    font: normal normal normal 20px/25px Sukar !important;
}
.claydence-section-three {
    padding-top: 93px !important;
    padding-bottom: 80px !important;
}
.ethos-left-head h2 {
    font: normal normal normal 50px/80px Sukar !important;
    letter-spacing: 15px !important;
    font-weight:bold !important;
}
.ethos-left-head-disc p {
    font: normal normal normal 18px/25px Sukar !important;
}
.claydence-section-four {
    height: 475px !important;
}
.testimonial-head h2 {
    font: normal normal normal 35px/42px Sukar !important;
    font-weight: bold !important;
}
.testimonial-col-left {
    /* border-right: 3px solid #9CB4D9; */
    opacity: 1;
    display: flex !important;
    align-items: center !important;
}
.testimonials-head h2 {
    font: normal normal normal 20px/25px Sukar !important;
}
.testimonials-text p {
    font: normal normal normal 15px/20px Sukar !important;
}
.testimonials-text p>a {
    font: normal normal normal 15px/20px Sukar !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 25px !important;
    height: 25px !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 25px !important;
    height: 25px !important;
}
.testimonials-card {
    display: flex;
    align-items: center;
    padding: 15px 20px 5px 20px !important;
}
.testimonials-text {
    padding: 0 20px !important;
}
.claydence-section-five {
    padding: 80px 0px 80px 0px !important;
}
.claydence-section-six {
    padding: 10px 0 50px 0px !important;
    display: flex;
    align-items: center;
}
.claydence-section-seven {
    padding: 50px 0px 80px 0px !important;
}
.frequently-faq-head h2 {
    font: normal normal normal 35px/42px Sukar !important;
}
.frequently-faq .accordion-button:not(.collapsed) {
    font: normal normal normal 25px/30px Sukar !important;
    padding-left: 50px !important;
}
.frequently-faq .accordion-body p {
    font: normal normal normal 15px/20px Sukar !important;
    padding-left: 33px !important;
}
.frequently-faq button.accordion-button.collapsed {
    font: normal normal normal 20px/25px Sukar !important;
    padding-left: 50px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.accordion-button::after {
    background-size: auto !important;
}
/*=====================================claydence==================================*/


}




@media screen and (max-width:830px) {
    .offcanvas-body .header-offcanvas h2>a {
    font: normal normal normal 20px/25px Sukar !important;
    padding-bottom: 20px;
}
.header-offcanvas ul>li>a {
    font: normal normal normal 12px/20px Sukar !important;
}
.offcanvas-body .header-offcanvas span {
    font: normal normal 600 12px/20px Aptos !important;
    padding-right: 0px !important;
    top: -10px !important;
}
.header-offcanvas-home ul {
    padding-left: 15px !important;
}
.header-main-offcanvas {
    width: 100% !important;
    max-width: 385px !important;
    padding-left: 10px !important;
}
.header-offcanvas-home {
    padding-bottom: 10px !important;
}
ul.navbar-user-bag {
    display: flex !important;
    justify-content: end !important;
    list-style: none !important;
    padding-left: 0 !important;
    align-items: center !important;
}
.header-default-toggle-img img {
    width: 100% !important;
    max-width: 40px !important;
}
.header-hover-toggle-img img {
    width: 100% !important;
    max-width: 50px !important;
}
header#school-header {
    padding: 10px 0 !important;
    height: 50px !important;
}



/*=========================footer====================================================*/
.footer-social-icons p {
    font: normal normal normal 15px/20px Aptos !important;

}
.footer-social-icons a>i.bi-whatsapp, .footer-social-icons a>.bi-facebook, .footer-social-icons a>.bi-instagram {
    font-size: 20px !important;
    padding: 17px !important;
}
.footer-menus ul>li>a {
    font: normal normal bold 12px/25px Aptos !important;
}
.footer-menus ul {
    display: block !important;
    padding-left: 0 !important;
    text-align: center !important;
    justify-content: space-between;
}
.footer-copy-text p {
    font: normal normal normal 12px/20px Aptos;
}
.footer-copy-text p>a {
    font: normal normal normal 12px/20px Aptos !important;
}
.footer-copy-text img {
    width: 20px !important;
}
.footer-social-icons {
    padding-top: 50px !important;
}
.footer-menus {
    padding-top: 40px !important;
    padding-right: 0px !important;
}
.footer {
    height: 485px !important;
    background: #272727 0% 0% no-repeat padding-box;
    opacity: 1;
}
.footer-copy-text {
    padding-top: 50px !important;
}
.whatsapp-floating img {
    width: 100% !important;
}
.whatsapp-floating {
    width: 40px !important;
    height: 40px !important;
}
/*=========================footer====================================================*/




/*===========================home-page======================================*/
.home-page-section {
    margin-top: -50px !important;
}
.home-top-left {
    height: 480px !important;
    justify-content: end !important;
}
.home-top-left-inner-img {
        width: 170px !important;
    height: 167px !important;
    margin-top: 0 !important;
}
.home-top-left-inner-img img {
    width: 100% !important;
    max-width: 100px !important;
    height: 100px !important;
}
.home-top-left-text p {
    font: normal normal normal 15px/20px Sukar !important;
}
.home-top-left-text {
        padding-top: 60px !important;
    padding-bottom: 12px !important;
}
.home-top-left:before {
    height: 25px !important;
}
.home-top-right-inner-img img {
    width: 100% !important;
    max-width: 100px !important;
    height: 100px !important;
}
.home-top-right-inner-img{
        width: 170px !important;
    height: 167px !important;
    margin-top: 0 !important;
}
.home-page-right-col {
    padding-top: 20px !important;
}
/*===========================home-page=========================================*/
/*=====================================claydence==================================*/
.claydence-section {
    /*height: 240px !important;*/
}
section.claydence-section {
    margin-top: -50px !important;
}
.claydence-head h2 {
    font: normal normal normal 25px / 30px Sukar !important;
    letter-spacing: 4px !important;
    padding-top: 0px !important;
    font-weight:bold !important;
}
.claydence-head-tow h2 {
    font: normal normal normal 25px/30px Sukar !important;
    letter-spacing: 4px !important;
    font-weight:bold !important;
}
.claydence-text span>i.bi-caret-down-fill {
    font-size: 15px !important;
}
.testimonials-text p>a {
    font: normal normal normal 15px/20px Sukar !important;
}
.claydence-head {
    height: 180px !important;
    justify-content: end !important;
    padding-top: 0px !important;
    padding-bottom: 30px;
}
.claydence-text p {
    font: normal normal normal 15px / 20px Sukar !important;
    padding-top: 0px !important;
}
.claydence-section-tow {
    /*height: 169px !important;*/
    background-position: center !important;
    background-size: cover !important;
}
.claydence-head-tow {
    /*height: 165px !important;*/
    padding-bottom: 0px !important;
}
.claydence-head-tow-down-arrow {
    bottom: -13px;
    width: 100% !important;
    margin: 0 auto !important;
    max-width: 25px !important;
}
.claydence-head-tow-down-arrow img {
    width: 100% !important;
}
.who-we-serve-text p {
    font: normal normal normal 15px/20px Sukar !important;
} 
.who-we-serve-head h2 {
    font: normal normal normal 25px/30px Sukar !important;
    letter-spacing: 5px !important;
    font-weight:bold !important;
}
.claydence-section-three {
    padding-top: 30px !important;
    padding-bottom: 20px;
}
.who-we-serve-head {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
}
.who-we-serve-img img {
    width: 100% !important;
    height: auto !important;
}
.who-we-serve-img-title {
    padding-top: 15px !important;
    padding-bottom: 20px !important;
}
.who-we-serve-img-title p {
    font: normal normal normal 18px/25px Sukar !important;
}
.ethos-left-head h2 {
    font: normal normal normal 30px/40px Sukar !important;
    letter-spacing: 10px !important;
    font-weight:bold !important;
}
.ethos-left-head-disc p {
    font: normal normal normal 15px/25px Sukar !important;
}
.claydence-section-four {
    height: auto !important;
    padding: 30px 0 !important;
}
.testimonial-head h2 {
    font: normal normal normal 25px/30px Sukar !important;
    font-weight: bold !important;
}
.testimonials-head h2 {
    font: normal normal normal 20px/25px Sukar !important;
}
.testimonials-text p {
    font: normal normal normal 15px/20px Sukar !important;
}
.testimonials-card {
    padding: 10px 15px 10px 15px !important;
}
.testimonials-card .bsb-ratings:before {
    font-size: 18px !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -3px !important;
    background-size: contain !important;
    width: 25px !important;
    height: 25px !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -3px !important;
    background-size: contain !important;
    width: 25px !important;
    height: 25px !important;
}
.claydence-section-five {
    padding: 30px 0px 15px 0px !important;
}
.claydence-section-six {
    padding: 15px 0 20px 0px !important;
}
.frequently-faq-head h2 {
    font: normal normal normal 25px/30px Sukar !important;
}
.frequently-faq-col-left {
    padding-left: 15px !important;
}
.frequently-faq .accordion-button:not(.collapsed) {
    font: normal normal normal 20px/25px Sukar !important;
    padding-left: 15px !important;
}
.frequently-faq .accordion-body p {
    font: normal normal normal 15px/20px Sukar !important;
    padding-left: 0px !important;
}
.frequently-faq button.accordion-button.collapsed {
    font: normal normal normal 18px/25px Sukar !important;
    padding-left: 15px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.accordion-button::after {
    background-size: auto !important;
}
.claydence-section-seven {
    padding: 10px 0px 40px 0px !important;
}
.swiper-button-claydence-image-next {
    width: 25px !important;
    height: 25px !important;
    background-size: contain !important;
}
.swiper-button-claydence-image-prev {
    width: 25px !important;
    height: 25px !important;
    background-size: contain !important;
}
/*=====================================claydence==================================*/




}


@media screen and (max-width:430px) {
.col-lg-6.why-claydence-left-col {
    padding-right: 0 !important;
}
.create-inner-right-bottom-text .create-inner-bottom-book-btn a {
    margin: 0 auto !important;
}
.claydence-head-col {
    bottom: -25px !important;
}
.Shop-inner-QTA-buttons {
    margin: 0 auto !important;
}
.product-wrapper .add-to-cart a#ATC {
    margin: 0 auto !important;
}
}