@media screen and (max-width:1000px) {
    body{
        width:100vw;
    }
    .header ul li{
        width: 100px;  
        height:auto;
    }
    .header ul li a{
        font-size:13px;
    }
    .courses{
        background: white;
        width:100%;
        padding:3% 3%;
        display: flex;
        gap:1rem;
        row-gap:2rem;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
     }
     .courses .item{
        width:250px;
        padding:10px;
        background: white;
        border-radius: 8px;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);    
        transition: all ease-in 0.4s;
        display: flex;
        flex-direction: column;
        gap:20px;
        align-items: center;
        justify-content: center;
        height:250px;   
     }
    .content .item .bg{
        width:120px;
        height:120px;
    }
    .content .item .bg i{
        font-size: 60px !important;
    }
    .trending .title{
        font-size:22px;
    }
    .trending .courses-data{
        flex-wrap: wrap;
        gap:1em;
    }
    .courses-data .course{
        width:30%;
        flex:0 0 auto;
    }
    .courses-data .course img{
       height:40%;
       flex:0 0 auto;
    }
    .course h1{
        font-size:16px;
    }
    .course p{
        font-size:12px;
    }
    .course button{
        padding:10px 10px;
        font-size:16px;
    }
    .about .item1 h1{
        font-size:40px;
        font-family: Mooli;
        font-weight: 1000;
        color:black;
    }
    .item1 p{
        padding-top: 20px;
        text-align: justify;
        font-size:14px;
        color:blue;
        line-height: 30px;
    }
    .item1 button{
        margin-top:30px;
        padding:10px 20px;
        font-size:14px;
        font-weight: 700;
        border-radius: 8px;
        background: darkorange;
        border:none;
        outline:none;
    }
    .item2 .students{
        display: flex;
        align-items: center;
        justify-content:center;
        width:140px;
        height:140px;
        background: white;
        border-radius: 100%;
        box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5);
        position: absolute;
        bottom: 5%;
        left:5%;
        padding:10px;
        transition:all ease 0.4s;
    
    }
    .item2 .clients{
        display: flex;
        align-items: center;
        justify-content:center;
        width:140px;
        height:140px;
        background: white;
        border-radius: 100%;
        box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5);
        position: absolute;
        bottom:30%;
        left: 30%;
        padding:10px;
        transition:all ease 0.4s;
    }
    .item2 .courses{
        display: flex;
        align-items: center;
        justify-content:center;
        width:140px;
        height:140px;
        background: white;
        border-radius: 100%;
        box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.5);
        position: absolute;
        bottom:55%;
        left: 55%;
        padding:10px;
        transition:all ease 0.4s;
    }
    .item2 .students p{
        text-transform: uppercase;
        font-size:15px;
        font-weight: 800;
        text-align: center;
    }
    .item2 .students p span{
        font-size:25px;
        width:100%;
        color:rgb(41, 16, 203);
    }
    .item2 .clients p{
        text-transform: uppercase;
        font-size:15px;
        font-weight: 800;
        text-align: center;
        color:black;
    }
    .item2 .clients p span{
        font-size:25px;
        width:100%;
        color:rgb(41, 16, 203);
    }
    .item2 .courses p{
        text-transform: uppercase;
        font-size:15px;
        font-weight: 800;
        text-align: center;
    }
    .item2 .courses p span{
        font-size:25px;
        width:100%;
        color:rgb(41, 16, 203);
    }
    .about1{
        display: flex;
        width:100%;
        padding:2% 2%;
        gap:20px;
        height:550px;
        border-radius: 5px;
    }
    .about1 .bg{
        background: url('Assets/Images/IT-home-page.webp');
        width:100%;
        height:100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    .about1 .data{
        width:100%;
        display: flex;
        gap:15px;
        flex-direction: column;
    }
    .about1 .data .title{
        letter-spacing: 3px;
        text-transform: uppercase;
        font-size: 18px;
        color:red;
        font-weight: 900;
    }
    .about1 .data h1{
        font-size:25px;
        font-weight: 1100;
        font-family: Mooli;    
    }
    .about1 .data p{
        width:100%;
        line-height: 30px;
    }
    .about1 .data button{
        padding:15px;
        width:30%;
        border:none;
        outline: none;
        background: darkorange;
        font-size:18px;
        font-weight: 1000;
        border-radius: 8px;
        transition: all ease 0.4s;
    }
    .data button{
        padding:12px;
        width:20%;
        border:none;
        outline: none;
        background: darkorange;
        font-size:14px !important;
        font-weight: 1000;
        border-radius: 5px;
        transition: all ease 0.4s;
    }
    .demo-session{
        width:100%;
        padding:1% 5%;    
        height:500px;
        display: flex;
        gap:20px;
        align-items: center;
        justify-content: center;
    }
    .demo-session .data1{
        width:100%;
        color:white;
        background: url('Assets/Images/background1.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding:10px;
        height: 100%;
        box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);
        flex-direction: column;
        border-radius: 5px;
    }
    .demo-session .content-data{
        width:100%;
        height:100%;
        border-radius: 5px;
        background: whitesmoke;
        box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.5);
    }
    .demo-session .form{
        width:100%;
        height:100%;
        border-radius: 5px;
        padding:5% 5%;
        box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.5);
    }
    .data1 h1{
        z-index: 5;
        font-size:50px;
        font-weight: 1200;
        text-transform: capitalize;
    }
    .data1 .outer{   
        position: absolute;
        width: 100%;
        height: 100%;  
        left:0%;
        top: 0%;
        z-index: 1;
        background: rgba(0,0,0,0.3);  
     }
     .data1 p{
        font-size:18px;
        z-index: 3;
        font-weight: 900;
     }
     .demo-session .content-data{
        width:100%;
        height:100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap:10px;
        padding:30px;
        border-radius: 5px;
     }
    .our-courses .container{
        width:100%;
        height:100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap:1rem;
     }
     .our-courses .container .item{
        width:40%;
        height:500px;
     }
     .our-courses .container .item img{
        width:100%;
        height:250px;
        object-fit: cover;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
     }
     .our-courses .container .item .title2{
        font-size:16px;
        font-weight: 1500;
        font-family: Mooli;
        text-align: center;
        height:35px;
        padding-top:20px;
     }
     .our-courses .container .item p{
        padding:10px;
        font-size:13px;
        text-align: center;
        height:120px;
     }
     .our-courses .container .item button{
        width:100px;
        height:35px;
        font-size:14px;
        background: darkorange;
        border:none;
        font-weight: 900;
        border-radius: 5px;
        transition: all ease-out 0.4s;        
     }
     .call-to-action{
        flex-direction: column;
     }
     .call-to-action .call{
        width:100%;
        height:300px;
        align-items: center;
        justify-content: center;
     }
     .call h2,h3, p{
        width:100%;
     }
     .call-to-action .call h2{
        font-size:16px;        
     }
     .call-to-action .feedbacks{
        padding:1% 5%;
        width:100%;
     }
     .call-to-action .feedbacks .item{  
        width:100%;
        flex:0 0 auto;
        height: 100%;
        background: whitesmoke;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all ease-in 0.4s;
        flex-direction: column;
        padding:10px;
    }
    .footer{
        flex-direction: column;
    }
    .footer .about-short{
        width:100%;
        text-align: center;
     }
     .image h1{
        padding:0% 5%;
        width:100%;
        font-size:40px;    
        font-weight: 900;
     }
     .image h3{
        letter-spacing: 5px;
        text-transform: uppercase;
     }
     .image h2{
        font-size:16px;
     }
     .header{
        display:flex;
        width:100%;
        min-height:90px;
        box-shadow: 0px 0px 8px black;
        align-items: center;
        justify-content: center;
        padding:0px 0px 0px 5%;
        background: whitesmoke;
        z-index: 1; 
        position: relative;
    }
     .header ul{
        height:90px;
        display: flex;
        align-items: center;
        justify-content: center;
        list-style: none;
     }
     .header i{
        display: none;
     }.header ul li{
        flex:0 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 130px;
        position: relative;
        height:100%;
        transition: alll ease-in 0.4s;
    }
    .header ul li a{
        font-size:13px;
        display: flex;
    }
    .header ul li i{
        padding-top:3px;
        margin-left:10px;
        font-size:16px !important;
        transition: all ease-in 0.4s;   
    }
    #courseup{
        display: none;
    }
     .header .mobile-css{
        z-index: 20;
        width:100%;
        display: block !important;
        position: absolute;
        top:90px;
        left:0;
        flex-direction: column;
        background: whitesmoke;
        height:auto;
        
     }
     .mobile-css li{
        width: 100% !important;
        flex:0 0 auto;
        display: flex;
        align-items: center !important;
        justify-content: center !important;
        padding:10px;
        position: relative;
        transition: alll ease-in 0.4s;
        font-size:18px;
        text-align: center !important;
        z-index: 10;
    }
    .mobile-css li a{
        z-index: 1000;
    }
}