@media screen and (max-width: 1500px) {
    .navbar-nav {
        margin-left: 0%;
    }

    .nav-item {
        margin-left: 10px;
    }
}

@media screen and (max-width: 1400px) {
    .num1 {
        width: 1200px;
    }

    .learn1,
    .call2 {
        width: 1140px;
        justify-content: start;
    }

    .learn2 {
        width: 29%;
    }

    .learncont {
        height: 80%;
    }

    .learn3 {
        margin-left: 20px;
        width: 61%;
    }

    .learn4cont {
        width: 31.2%;
    }

    .service1,
    .portfolio1,
    .test1,
    .team1,
    .contact1,
    .footer1,
    .foot2 {
        width: 1140px;
    }
}

@media screen and (max-width: 1200px) {
    .num1 {
        width: 1000px;
    }

    .learn {
        height: 112vh;
    }

    .learn1,
    .call2,
    .service1,
    .portfolio1,
    .test1,
    .team1,
    .contact1,
    .footer1,
    .foot2 {
        width: 960px;
    }

    .learncont {
        margin-top: 17%;
        justify-content: flex-start;
        height: 90%;
    }

    .learncont h2 {
        margin-top: 30px;
        font-weight: 500
    }

    .learncont p {
        margin-top: 20px;
        font-weight: 400;
    }

    .learnbtn {
        margin-top: 20px;
    }

    .learn4 {
        height: auto;
        flex-direction: column;
        margin-top: 70px;
    }

    .learn4cont {
        width: 100%;
        height: 240px;
    }

    .top {
        margin-top: 20px;
    }

    .our p {
        width: 70%;
    }

}

@media screen and (max-width:995px) {
    .collapse {
        display: none;
    }

    .navbar {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }

    .logo {
        width: 100%;
        margin-top: -8px;
        justify-content: space-around;
    }

    .bi-list {
        display: block;
    }

    .imgcont {
        width: 700px;
    }

    .img-cont h2 {
        text-align: center;
    }

    .text {
        flex-direction: column;
        flex-wrap: wrap;
        height: auto;
    }

    .text1,
    .text2 {
        width: 100%;
    }

    .text1 h2 {
        width: 70%;
        font-size: 38px;
    }

    .text1 p {
        font-size: 21px;
    }

    .p {
        margin-top: 20px;
    }

    .p,
    .p1 {
        margin-left: 14%;
        width: 75%;
    }

    .textcont {
        width: 70%;
        margin-left: 13.5%;
        height: auto;
    }

    .num {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .num1 {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .nums {
        width: 100%;
    }

    .learn {
        height: auto;
        padding-bottom: 60px;
    }

    .learn1,
    .call2,
    .service1,
    .portfolio1,
    .team1,
    .contact1 {
        width: 700px;
        flex-direction: column;
    }

    .learn2,
    .learn3 {
        width: 100%;
    }

    .learn2 {
        height: max-content;
    }

    .learncont {
        margin-top: 55px;
        height: 335px;
    }

    .learn3 {
        margin-left: 0;
    }

    .learn4 {
        margin-top: 25px;
    }

    .service {
        height: auto;
        padding-bottom: 50px !important;
    }

    .service2,
    .service3 {
        width: 100%;
    }

    .portfolio2 {
        height: auto;
    }

    .words {
        width: 35%;
    }

    .portfolio4 {
        height: auto;
    }

    .box {
        height: auto !important;
        margin-top: 20px;
    }

    .portfolio {
        height: auto;
        padding-bottom: 80px !important;
    }

    .test,
    .team {
        height: auto;
    }

    .test1 {
        width: 700px;
        flex-direction: column;
    }

    .test2 {
        width: 100%;
    }

    .test3 {
        margin-top: 20px;
    }

    .team2 {
        width: 100%;
    }

    .team3 {
        margin-top: 20px;
    }

    .contact {
        height: auto;
        padding-bottom: 50px;
    }

    .contact3 {
        width: 100%;
    }

    .contactimg {
        margin-top: 0;
    }

    .localparent {
        flex-direction: column;
        height: auto;
    }

    .locattop {
        width: 100%;
    }

    .locatdiv1 {
        margin-left: 0;
    }

    .form {
        margin-top: 150px;
    }

    .locattop1 {
        margin-top: 20px;
    }

    .locattop .locat2 {
        height: 10%;
        margin-top: 3%;
    }

    .footer1,
    .foot2 {
        width: 700px;
        height: auto;
    }

    .footer1 {
        height: auto;
    }

    .footer {
        height: auto;
    }

    .our h4 {
        margin-left: 0;
    }

    .our p,
    .sub {
        margin-left: 0;
        width: 100%;
    }

    .foot2 {
        align-items: center;
    }

    .foot2 p {
        width: 40%;
    }

    .footsocail {
        width: 30%;
    }
}

@media screen and (max-width:768px) {
    .logo {
        justify-content: space-between;
        padding: 30px;
    }

    .main {
        height: 100vh;
    }

    .imgcont {
        width: 500px;
        margin-top: 220px;
    }

    .imgcont h2 {
        font-size: 32px;
    }

    .imgs {
        height: max-content;
    }

    .learn1,
    .call2,
    .service1,
    .portfolio1,
    .test1,
    .team1,
    .contact1,
    .footer1,
    .foot2 {
        width: 520px;
    }

    .call {
        height: auto;
        height: 350px;
    }

    .service4 {
        height: auto;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .service5 {
        width: 100%;
        margin-top: 20px;
    }

    .btn {
        margin-left: 30%;
    }

    .form1,
    .form {
        height: auto;
        padding-bottom: 10px;
    }
    .name{
        width: 100% !important;
        /* background-color: red; */
    }

    .foot1 h4 {
        margin-top: 20px;
    }

    .footer2 {
        height: auto;
        padding-bottom: 30px;
        margin-top: 25px;
    }

    .foot2 {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .foot2 p {
        width: 60%;
        text-align: center;
    }

    .footsocail {
        width: 40%;
    }
    .text{
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width:577px) {
    .logo {
        justify-content: space-between;
        padding: 10px;
    }

    .imgcont {
        width: 90%;
    }

    .learn1,
    .call2,
    .service1,
    .portfolio1,
    .test1,
    .team1,
    .contact1,
    .footer1,
    .foot2 {
        width: 95%;
    }

    .learncont {
        height: auto;
        padding-bottom: 30px;
    }

    .box {
        width: 100%;
    }

    .words {
        width: 55%;
    }

    .team3 {
        width: 100%;
    }

    .btn {
        margin-left: 20%;
    }

    .foot1 {
        width: 100%;
    }
    .footsocail{
        width: 72%;
    }
    .foot2 p{
        width: 90%;
    }
    .img-container{
        height: 50px;
    }
}