@media (max-width: 1398px){

    .header-s{
        font-size: large;
    }
    #header{
        display: none;
    }

    /* .sticky-div{
        position: sticky;
        top: 0;
        z-index: 1000;
    } */
    .sticky1-div{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 20px;
        width: 100%;
        z-index: 1000;
        gap: 20%;
        padding-bottom: 20px;
        background-color: var(--white);
    }
    .sticky1 {
        display: block;
        position: sticky;
        top: 0px;
        width: 100%;
        height: auto;
        z-index: 1000;
        background-color: var(--white);
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); 
        h2{
            margin-left: 40px;
        }
        .checkbtn{
            filter: brightness(0.0);
            cursor: pointer;
            margin-right: 40px;
        }
    }
    .sticky2{
        padding: 10px 40px;
        background-color: var(--ash);
        font-weight: 600;
        font-size: small;
        li{
            margin-bottom: 20px;
            margin-left: 20px;
        }
    }
    .checkbtn{
        font-size: 30px;
        cursor: pointer;
    }
    /* Home*/
    #home{
        display: flex;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .home-content {
        margin: 40px;

    }
    .hc-top-p{
        font-size: large;
    }
    .h1-bold{
        font-size: 1.7rem;
    }
    .top-icon{
        display: flex;
       left: 50px;
    }
    /* About */
    .top-box{
        border-right: none;
        border-bottom: 1px solid var(--main-color);
        padding: 50px 50px 50px 0;
        margin: 0 50px;
    }


    /* About2 */
    .box-div{
        display: inline;
        margin-left: 50px;
    }
    .box{
        margin: 20px 50px;
        height: auto;
    }

    .expertise-div{
        flex-wrap: wrap;
        height: auto;
        padding: 3rem 0 3rem 50px;

    }
    .expertise-div2{
        margin-bottom: 30px;
    }

    /* Services */
    .h1{
        margin-left: 50px;
    }
    .box1{
        margin: 0 50px;
        height: auto;
        padding-bottom: 50px;
    }

    .full-rectangle{
        h2{
            font-size: 1rem;
        }
    }


    /* Projects */
    .box2{
        margin: 50px;
        .btn1{
            width: 5rem;
        }
    }
    /* Contact */
    .btn2{
        margin: 5px 0;
    }

    /* Sitemap */
    .sitemap{
        padding: 20px 50px 80px;
    }

    /* #sitemap img{
        display: none;
    } */
    .bottom-p{
        font-size: 0.8rem;
    }
}

@media (max-width: 1280px) {
    .Contact-main{
        padding: 30px 0;
    }
    #sitemap img {
        height: 400px;
        width: 400px;
    }
    .Contact-main-div{
        height: 100vh;       
    }
    .Contact-main{
        margin-top: 135px;
    }
    /* Sitemap */
    .sitemap{
        padding: 20px 50px 210px;
    }
}
/* Ipad Pro */
@media (max-width: 1024px) {
    #home{
        height: 720px;
    }
    .Contact-main{
        padding: 30px 0;
    }
    #sitemap img {
        height: 400px;
        width: 400px;
    }
    
    .Contact-main-div{
        height: 62vh;       
    }
    .Contact-main{
        margin-top: 135px;
    }
    .sitemap{
        padding: 20px 50px 740px;
    }
}

@media (max-width: 912px) {
    #sitemap img {
        height: 400px;
        width: 400px;
    }
    .Contact-main-div{
        height: 55vh;       
    }
    .Contact-main{
        margin-top: 135px;
        width: 700px;

    }
    /* Sitemap */
    .sitemap{
        padding: 20px 50px 780px;
    }
}
/* Ipad Air */
@media (max-width: 820px){
    #home{
        height: 54vh;
    }
    .hc-top-p{
        font-size: 40px;
    }
    .h1-bold{
        font-size: 45px;
    }
    .hc-bottom-p{
        font-size: 20px;
    }
    .top-btn{
        height: 50px;
        width: 180px;
        font-size: 20px;
    }
    #sitemap img {
        height: 400px;
        width: 400px;
    }
    .Contact-main-div{
        height: 70vh;       
    }
    .Contact-main{
        margin-top: 135px;
        width: 700px;

    }
    /* Sitemap */
    .sitemap{
        padding-bottom: 550px;
    }
}
/* Ipad Mini */
@media (max-width: 768px) {
    #home{
        height: 63vh;
    }
    
    #sitemap img {
        height: 400px;
        width: 400px;
    }
    .Contact-main-div{
        height: 85vh;       
    }
    .Contact-main{
        margin-top: 135px;
        width: 700px;
    }
    /* Sitemap */
    .sitemap{
        padding: 20px 50px 440px;
    }
}
/* Surface DUo */
@media (max-width: 540px) {
    #home{
        height: 90vh;
    }
    .Contact-main{
        width: 18rem;
        margin-top: 135px;
    }
    .Contact-main2{
        flex-wrap: wrap;
    }
    .input2{
        height: 30px;
        width: 295px;
    }
    .input3{
        width: 295px;
    }
    .Contact-main-div{
        height: 140vh;       
    }

    .Contact-main{
        padding-top: 1rem;
        height: 45rem;
        width: 400px;
    }

    #sitemap img {
        display: none;
    }
    .sitemap{
        padding: 20px 50px 130px;
    }
}

@media (max-width: 440px) {
    .expertise-div{
        flex-wrap: wrap;
        height: auto;
        align-items: center;
        padding: 3rem 0;
        justify-content: center;
        flex-direction: column;
    }
    .expertise-div2{
        display: flex;
        margin-bottom: 30px;
    }
    #sitemap img {
        display: none;
    }
    .Contact-main-div{
        height: 114vh;       
    }
    .Contact-main{
        margin-top: 135px;
    }
    /* Sitemap */
    .sitemap{
        padding: 20px 50px 360px;
    }
}
/* Iphone 14 Pro Max */
@media (max-width: 440px) and (max-height: 932px){
    #home{
        height: 70vh;
    }
    .Contact-main-div{
        height: 112vh;       
    }
    .Contact-main{
        margin-top: 133px;
        width: auto;
        height: 700px;
    }
}
/* Iphone xr */
@media (max-width: 414px)  and (max-height: 896px){
    #home{
        height: 75vh;
    }
    .sitemap{
        padding: 20px 50px 320px;
    }
}
/* Iphone 6/7/8 plus */
@media (max-width: 414px) and (max-height: 736px) {

    .Contact-main-div{
        height: 138vh;       
    }
    .Contact-main{
        margin-top: 133px;
    }
    .sitemap{
        padding: 20px 50px 60px;
    }
}

@media (max-width: 412px) {
    .Contact-main-div{
        height: 115vh;       
    }
    .Contact-main{
        margin-top: 120px;
    }
    /* Sitemap */
    .sitemap{
        padding: 20px 50px 320px;
    }
}
/* Pixel 7 */
@media (max-width: 412px) and (max-height: 915px){
    .Contact-main-div{
        height: 110vh;       
    }
    .sitemap{
        padding: 20px 50px 220px;
    }
}
/* Samsung Galaxy A51/71 */
@media (max-width: 412px) and (max-height: 914px){
    #home{
        height: 78vh;
    }
    .sitemap{
        padding: 20px 50px 220px;
    }
}
/* Pixel 2XL */
@media (max-width: 411px) and (max-height: 823px){
    #home{
        height: 85vh;
    }
    .Contact-main-div{
        height: 120vh;       
    }
    .sitemap{
        padding: 20px 50px 140px;
    }
}

/* Iphone 12 Pro */
@media (max-width: 390px) and (max-height: 854px){
    #home{
        height: 75vh;
    }
    .Contact-main-div{
        height: 112vh;       
    }
    .Contact-main{
        margin-top: 80px;
    }
    /* Sitemap */
    .sitemap{
        padding: 20px 50px 260px;
    }
}

@media (max-width: 384px) and (max-height: 854px){
    .Contact-main-div{
        height: 110vh; 
    }
    .sitemap{
        padding-bottom: 20px;
    }
}
/* Iphone se */
@media (max-width: 375px) and (max-height: 667px){
    #home{
        height: 100vh;
    }
    .Contact-main-div{
        height: 140vh;       
    }
    .Contact-main{
        margin-top: 100px;
        height: 700px;
        width: auto;
    }
    /* Sitemap */
    .sitemap{
        padding: 20px 50px 60px;
    }
}
/* Samsung Galaxy s8+ 360 - 740 */
@media (max-width: 360px) and (max-height: 760px) {
    #home{
        height: 90vh;
    }
    .Contact-main-div {
        height: 130vh;
    }

    .Contact-main {
        margin-top: 80px;
    }

    /* Sitemap */
    .sitemap {
        padding: 20px 50px 80px;
    } 
}

@media (max-width: 360px) and (max-height: 653px){
    /* Contact */
    .Contact-main{
        height: 1090px;
        width: 280px;
        margin-top: 135px;
    }
    .Contact-main2{
        flex-wrap: wrap;
    }
    .input1{
        height: 30px;
        width: 235px;
    }
    .input2{
        height: 30px;
        width: 235px;
    }
    .input3{
        width: 235px;
    }
    .Contact-main-div{
        height: 205vh;       
    }

    .Contact-main{
        margin-top: 80px;
    }
    /* Sitemap */
    .sitemap{
        padding: 20px 50px 80px;
    }
    .map-list{
        display: flex;  
        flex-direction: column;

    }
}

@media (max-width: 360px) and (max-height: 640px){
    .Contact-main{
        height: 730px;
        width: 320px;
        margin-top: 100px;
    }
    .Contact-main-div{
        height: 150vh; 
    }
    .sitemap{
        padding-bottom: 20px;
    }
}
/* Glaxy Z Fold 5 */
@media (max-width: 344px){
    .Contact-main{
        height: 730px;
        width: 320px;
        margin-top: 80px;
    }
    .Contact-main-div{
        height: 110vh; 
    }
    .sitemap{
        padding-bottom: 190px;
    } 
}