@media screen and (max-width:1720px) {
    .courseBook {
        position: fixed;
        right: 10%;
        top: 30%;
        width: 40%;
        background-color: var(--OrangeBolld);
        border-radius: 25px;
        padding: 30px 50px;
        display: flex;
        flex-direction: column;
    }

    .CourseBanner h1 {
        position: absolute;
        top: 70%;
        left: 5%;
        font-weight: 900;
        color: #fff;
        font-size: 90px;
    }

    .courseDescription {
        width: 100%;
        margin: 40px 0;
    }
}
@media screen and (max-width:1024px) {
    .courseBook.absolote {
        position:absolute;
        right: 10%;
        top: 10%;
        width: 40%;
        border-radius: 25px;
        padding: 30px 30px;
        display: flex;
        flex-direction: column;
    }
    .courseBook.absoloteEvent {
        position: absolute;
        right: 10%;
        top: 6%;
        width: 40%;
        border-radius: 25px;
        padding: 30px 30px;
        display: flex;
        flex-direction: column;
    }
    .courseBook {
        position: absolute;
        right: 7%;
        top: 10%;
        width: 45%;
        background-color: var(--OrangeBolld);
        border-radius: 25px;
        padding: 30px 30px;
        display: flex;
        flex-direction: column;
    }
    .tools {
        width: 35%;
        height: 100%;
        direction: rtl;
        display: flex;
        margin-right: 1%;
        align-items: center;
        gap: 5px;
    }

    .CourseBanner h1 {
        position: absolute;
        top: 70%;
        left: 5%;
        font-weight: 900;
        color: #fff;
        font-size: 90px;
    }

    .courseDescription {
        width: 100%;
        margin: 40px 0;
    }
    .cartbtn {
        padding: 5px 25px;
        border-radius: 30px;
        border: none;
        outline: none;
        background-color: var(--Purple);
        color: #fff;
        width: 100%;
        margin: 10px 5px;
        font-size: 14px;
    }

    .bluebtn {
        background-color: var(--TurquoiseOne);
    }
    .workshop h2 {
        font-size: clamp(10px, 5vw, 48px);
        color: var(--TurquoiseOne);
        font-weight: 800;
        width: 35%;
        margin: auto;
        text-align: center;
        padding: 10px 20px;
        border: 1px solid #000;
        border-radius: 20px;
    }
}
@media screen and (max-width:875px) {
    .courseBook {
        position: fixed;
        right: 10%;
        top: 15%;
        width: 50%;
        background-color: var(--OrangeBolld);
        border-radius: 25px;
        padding: 30px 30px;
        display: flex;
        flex-direction: column;
    }

    .CourseBanner h1 {
        position: absolute;
        top: 70%;
        left: 5%;
        font-weight: 900;
        color: #fff;
        font-size: 90px;
    }

    .courseDescription {
        width: 100%;
        margin: 40px 0;
    }
    .cartbtn {
        padding: 5px 18px;
        border-radius: 30px;
        border: none;
        outline: none;
        background-color: var(--Purple);
        color: #fff;
        width: 100%;
        margin: 10px 5px;
        font-size: 14px;
    }

    .bluebtn {
        background-color: var(--TurquoiseOne);
    }
    .sidebaradmin {
        display: none;
    }
    .Mobilesidebaradmin{
        display:flex;
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        left:-250px;
        width:250px;
        background-color:#fff;
        transition:left 0.4s ease;
        z-index:999;
    }
        .Mobilesidebaradmin.kesho{
            left:0;
        }
        .Mobilesidebaradmin ul {
            display: flex;
            flex-direction: column;
            width: 80%;
            padding: 5% 0;
        }

        .Mobilesidebaradmin ul li {
            width:100%;
            text-align:center;
            margin: 5px 0;
            border-radius: 15px;
            padding: 0;
            background-color: var(--TurquoiseOne);
        }
    .keshoe {
        display:flex;
        cursor: pointer;
        font-size: 30px;
        padding: 15px;
        position: fixed;
        left:0;
        top: 50%;
        transform: translateY(-50%);
        background-color: #fff;
        z-index: 999;
        transition: left 0.4s ease-in-out;
        font-weight:900;
    }
    .keshoe.kesho{
        left:240px;
    }
    .sloganAboutUs h4 {
        font-size: 28px;
        word-spacing: 5px;
        margin: 0px auto;
    }
    .aboutUsPage h3 {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        font-size: 22px;
    }
    .registerform button {
        margin: 60px 0;
        outline: none;
        border: none;
        width: 51%;
        align-self: end;
        border-radius: 20px;
        padding: 5px 5px !important;
        font-size: 12px;
    }
    .courseBook.absolote {
        position: absolute;
        right: 10%;
        top: 15%;
        width: 90%;
        background-color: var(--Purple);
        border-radius: 25px;
        padding: 30px 30px;
        display: flex;
        flex-direction: column;
    }
    .registerform div{
        width:95%!important;
        margin:5px auto!important;
    }
    .aboutUsPage .aboutUsPageContent {
        display: flex;
        flex-direction: column;
        text-align: start;
        width: 95%;
        margin: 0 auto;
    }
    .courseBook.absoloteEvent {
        position: absolute;
        right: 10%;
        top: 10%;
        width: 90%;
        border-radius: 25px;
        padding: 30px 30px;
        display: flex;
        flex-direction: column;
    }
    .schoolbox{
        flex-direction:column;
        width:95%;
        gap:1rem!important;margin:20px auto!important;
    }
    .schoolbox .name{
        width:100%;
    }
        .schoolbox .name p{
            font-size:14px
        }
        .schoolbox .desc {
            width: 100%;
        }
        .schoolbox .desc p {
            font-size: 14px
        }
}
@media screen and (max-width: 765px){
    .navbar ul li a{
        font-size: 14px;
    }
    .tools a{
        font-size: 14px;
    }
    .signInBtn{
        padding: 2px;
    }
    .logo{
    width: 20%;
}
.logo img{
    width: 100%;
    height: 100%;
}
.navbar ul{
    width:70%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    margin: 0;
}
.signInBtn{
    font-size:12px;
}
.Banner {
    width: 100%;
    display: flex;
    height: 350px;
    position: relative;
}
.aboutUs{
    flex-direction:column;
}
.aboutUs h4 {
    width: 40%;
    font-weight: 900;
    font-size: 18px;
}
.aboutUs .leftPart{
    width:100%;
}
    .aboutUs .leftPart p {
        font-size:12px;
    }
.aboutUs .aboutUsContent {
    width: 100%;
}
.aboutUs .aboutUsContent p{
    font-size: 12px;
}
    .mainAboutList{
        padding-left: 10px;
    }
    .mainAboutList li {
        font-size:12px;
        
    }
.workshop h2{
    width: 50%;
}
.workshop ul{
    flex-wrap: wrap;
    padding-left: 0!important;
    align-items:stretch;
}
.workshop ul li{
    display:flex;
    flex:1 1 45%;
    width: 45%;
}
.workshop ul li a{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
}
.workshop ul li img{
    width: 80%;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 10px;
    height: 200px;
}
.workshop ul li h4{
    font-size: 18px;
    
}
.workshop ul li p{
    font-size: 14px;
}
.gallery h3 {
    font-size: 22px;
}
.gallery img {
    height: 150px !important;
    object-fit: cover !important;
    border-radius: 15px;
    width: 100%;
}
.lastLine {
    font-size: 18px;
}
.footerLogo {
    height: 70px;
}
.links{
    flex-direction: column;
    align-items:center;
}
.usefulLinks h4 {
    font-size: 18px;
}
.usefulLinks ul li a {
    font-size: 12px;
}
    .contactinfo p {
        font-size:12px;
    }
.contactinfo h4 {
    font-size: 18px;
}
.social ul {
    width: 100%;
}
    .social h4 {
        font-size: 18px;
    }
.guest h5 {
    width: 100%;
    font-size: 16px;
    margin-top:0 ;
}
.emailsending input {
    width: 50%;
}
.emailsending button {
    border-radius: 30px;
    padding: 5px 15px !important;
    border: none;
    font-size: 14px;
}
    .courseBook {
        position: absolute;
        font-size: 14px;
        right:0;
        top: 10%;
        left: 5%;
        width: 90%;
        background-color: var(--OrangeBolld);
        border-radius: 25px;
        padding: 10px 20px;
        display: flex;
        flex-direction: column;
    }
    .CourseBanner h1 {
        position: absolute;
        top: 85%;
        left: 5%;
        font-weight: 900;
        color: #fff;
        font-size: 48px;
    }
    .courseDescription {
        width: 100%;
        margin: 40px 0;
    }
    .registerform {
        width: 85%;
        margin: 0 auto;
    }
    .boldlabel{
        font-size:12px;
    }
    .lightlabel{
        font-size:12px;
    }
    .registerBanner ul {
        display: none;
    }
    .checkboxdiv label {
        font-size:12px;
    }
    .mobile-div{
        margin:0!important;
    }
    .contactpic {
        display:none;
    }
    .Kontakt {
        padding:10px 40px;
        width: 100%;
        font-size:14px;
    }
    .contactform {
        width: 85% !important;
    }
    .Basket h2 {
        font-size: 21px;
        font-family: "montseratbold";
        color: var(--Purple);
        margin-bottom: 30px;
    }

    .Basket p {
        font-size: 14px;
    }

    .mobilebtn {
        flex-direction: column;
    }

    .cartbtn {
        padding: 5px 25px;
        border-radius: 30px;
        border: none;
        outline: none;
        background-color: var(--Purple);
        color: #fff;
        width: 100%;
        margin: 10px 0;
        font-size: 14px;
    }

    .bluebtn {
        background-color: var(--TurquoiseOne);
    }

    .BasketBanner {
        display: none;
    }
}