@media (min-width: 600px) and (max-width: 700px) {

    /* #Contact {
        display: none;
        margin: 0px 0px 0px 0px;


    } */
    .h3 {
        margin: 227px 0px 0px 177px;
        padding: 0px 0px 0px 0px;
    }

    .dev {
        margin: 177px 0px 0px 257px;
        font-size: 24px;
    }

    .des {
        margin: 177px 0px 0px 357px;
        font-size: 24px;
    }

    .pro {

        margin: 177px 0px 0px 450px;
        font-size: 24px;
    }

    .material-symbols-outlined {
        visibility: visible;
        display: flex;
    }

    .img {
        height: 285px;
        width: auto;
        border-radius: 12px;
        border: 5px solid rgb(3, 3, 3);
        border-style: double;
        margin: 124px 0px 0px 17px;
        position: absolute;
        display: flex;

    }

    .hi {
        margin: 133px 0px 0px 197px;

    }

    #Blogs {
        margin: 0px 0px 0px -107px;
    }

    #Portfolio {
        margin: 0px 0px 0px -174px;
    }

    #Home {
        margin: 0px 0px 0px -227px;
    }
}



@media (min-width: 500px) and (max-width: 600px) {
    /* #Blogs {
        display: none;
    } */

    .img {
        height: 285px;
        width: auto;
        border-radius: 12px;
        border: 5px solid rgb(3, 3, 3);
        border-style: double;
        margin: 124px 0px 0px 10px;
        position: absolute;
        display: flex;

    }

    .hi {

        margin: 133px 0px 0px 173px;
    }

    .dev {
        margin: 177px 0px 0px 186px;
        font-size: 24px;
    }

    .des {
        margin: 177px 0px 0px 288px;
        font-size: 24px;
    }

    .pro {

        margin: 177px 0px 0px 383px;
        font-size: 24px;
    }

    .h3 {
        margin: 240px 0px 0px 167px;
        font-size: 18px;
        padding: 0px 0px 0px 0px;
    }

    #Portfolio {
        margin: 0px 0px 0px -129px;
    }

    #Home {
        margin: 0px 0px 0px -184px;
    }


}

@media (min-width: 400px) and (max-width: 500px) {
    /* #Portfolio {
        display: none;
    } */

    .img {
        height: 285px;
        width: auto;
        border-radius: 12px;
        border: 5px solid rgb(3, 3, 3);
        border-style: double;
        margin: 124px 0px 0px 4px;
        position: absolute;
        display: flex;

    }

    .hi {
        margin: 133px 0px 0px 167px
    }

    .dev {
        margin: 177px 0px 0px 166px;
        font-size: 24px;
    }

    .des {
        margin: 177px 0px 0px 268px;
        font-size: 24px;
    }

    .pro {

        margin: 177px 0px 0px 362px;
        font-size: 24px;
    }

    #Home {
        margin: 0px 0px 0px -119px;
    }



}

@media (min-width:300px) and (max-width:400px) {

    .img {
        margin: 124px 0px 0px 102px;
    }

    .hi {
        margin: 450px 0px 0px 68px;

    }

    .dev {
        margin: 489px 0px 0px -6px;
        font-size: 24px;
    }

    .des {
        margin: 489px 0px 0px 121px;
        font-size: 24px;
    }

    .pro {

        margin: 489px 0px 0px 238px;
        font-size: 24px;
    }

    .h3 {
        margin: 543px 0px 0px 10px;
        font-size: 17px;
        padding: 0px 0px 0px 0px;
    }

    #Home {
        margin: 0px 204px 0px 0px;
    }

    #Portfolio {
        margin: 0px 0px 0px -184px;
    }

    #Blogs {
        margin: 0px 0px 0px -124px;
    }

    #Contact {
        margin: 0px 33px 16px -47px;
    }

    #box {
        height: 211px;
        width: 349px;
        margin: 629px 0px 0px 10px;
    }

    #pl {
        visibility: hidden;
    }

    .c {
        margin-top: 713px;
        margin-left: 36px;
    }

    .js {
        margin-top: 738px;
        margin-left: 36px;
    }

    .cs {
        margin-top: 766px;
        margin-left: 36px;
    }

    #tool {
        visibility: hidden;
        margin: 679px -95px -191px 250px;
        font-size: 13px;
    }

    .ht {
        margin-top: 713px;
        margin-left: 251px;
    }

    .s3 {
        margin-top: 738px;
        margin-left: 251px;
    }

    .bs {
        margin-top: 766px;
        margin-left: 251px;
    }

    .gh {
        margin-top: 794px;
        margin-left: 251px;
    }

    .skills {
        margin: 636px 0px 0px 151px;

    }

    .prof {
        margin: 871px 0px 0px 136px;
    }

    .linkedin {
        margin: 932px 0px 0px 17px;
        height: 175px;
        width: 333px;

    }

    #devlop {
        margin: 1136px 0px 0px 108px;
        font-size: 25px;
    }

    .come {
        margin: 1187px 0px 0px 18px;
        height: 175px;
        width: 333px;
    }

    .contact {
        margin: 1456px 0px 0px 115px;
        font-size: 26px;
    }

    .setpro {
        height: 408px;
        width: 333px;
        margin: 1421px 0px 0px 14px;
    }

    #am {
        margin: 1529px 0px 0px 35px;
        font-size: 20px;
    }

    #sjt {
        margin: 1589px 0px 0px 35px;
        font-size: 20px;
    }

    #mail {
        margin: 1646px 0px 0px 35px;
        font-size: 20px;
    }

    #msg {
        margin: 1708px 0px 0px 35px;
        font-size: 20px;
    }

    #name {
        margin: 1529px 0px 0px 145px;
        height: 33px;
        width: 185px;
    }

    #sub {
        margin: 1589px 0px 0px 145px;
        height: 33px;
        width: 185px;

    }

    #email {
        margin: 1646px 0px 0px 145px;
        height: 33px;
        width: 185px;

    }

    #textarea {
        margin: 1708px 0px 0px 145px;
        height: 33px;
        width: 185px;

    }

    .submit {
        margin: 1794px 0px 0px 18px;
        font-size: 30px;
        width: 322px;
    }

    .foot {
        margin-top: 1877px;
        text-align: center;
        margin-left: 40px;
        font-size: 10px;
    }

    .foot1 {
        width: 379px;
        margin: 1860px 0px 0px 0px;
    }


}

/* *************************************************************************************** */

@media (min-width:200px) and (max-width:300px) {

    .img {
        margin: 124px 0px 0px 102px;
    }

    .hi {
        margin: 450px 0px 0px 68px;

    }

    .dev {
        margin: 489px 0px 0px 14px;
        font-size: 24px;
    }

    .des {
        margin: 489px 0px 0px 121px;
        font-size: 24px;
    }

    .pro {

        margin: 489px 0px 0px 221px;
        font-size: 24px;
    }

    .h3 {
        margin: 543px 0px 0px 10px;
        font-size: 17px;
        padding: 0px 0px 0px 0px;
    }

    #Home {
        margin: 0px 204px 0px 0px;
    }

    #Portfolio {
        margin: 0px 0px 0px -184px;
    }

    #Blogs {
        margin: 0px 0px 0px -124px;
    }

    #Contact {
        margin: 0px 33px 16px -47px;
    }

    #box {
        height: 211px;
        width: 349px;
        margin: 629px 0px 0px 10px;
    }

    #pl {
        visibility: hidden;
    }

    .c {
        margin-top: 713px;
        margin-left: 36px;
    }

    .js {
        margin-top: 738px;
        margin-left: 36px;
    }

    .cs {
        margin-top: 766px;
        margin-left: 36px;
    }

    #tool {
        visibility: hidden;
        margin: 679px -95px -191px 250px;
        font-size: 13px;
    }

    .ht {
        margin-top: 713px;
        margin-left: 251px;
    }

    .s3 {
        margin-top: 738px;
        margin-left: 251px;
    }

    .bs {
        margin-top: 766px;
        margin-left: 251px;
    }

    .gh {
        margin-top: 794px;
        margin-left: 251px;
    }

    .skills {
        margin: 636px 0px 0px 151px;

    }

    .prof {
        margin: 871px 0px 0px 136px;
    }

    .linkedin {
        margin: 932px 0px 0px 17px;
        height: 175px;
        width: 333px;

    }

    #devlop {
        margin: 1136px 0px 0px 108px;
        font-size: 25px;
    }

    .come {
        margin: 1187px 0px 0px 18px;
        height: 175px;
        width: 333px;
    }

    .contact {
        margin: 1456px 0px 0px 115px;
        font-size: 26px;
    }

    .setpro {
        height: 408px;
        width: 333px;
        margin: 1421px 0px 0px 14px;
    }

    #am {
        margin: 1529px 0px 0px 35px;
        font-size: 28px;
    }

    #sjt {
        margin: 1589px 0px 0px 35px;
        font-size: 28px;
    }

    #mail {
        margin: 1646px 0px 0px 35px;
        font-size: 28px;
    }

    #msg {
        margin: 1708px 0px 0px 35px;
        font-size: 28px;
    }

    #name {
        margin: 1529px 0px 0px 145px;
        height: 33px;
        width: 185px;
    }

    #sub {
        margin: 1589px 0px 0px 145px;
        height: 33px;
        width: 185px;

    }

    #email {
        margin: 1646px 0px 0px 145px;
        height: 33px;
        width: 185px;

    }

    #textarea {
        margin: 1708px 0px 0px 145px;
        height: 33px;
        width: 185px;

    }

    .submit {
        margin: 1794px 0px 0px 18px;
        font-size: 30px;
        width: 322px;
    }

    .foot {
        margin: 1877px 0px 0px 14%;
        font-size: 14px;
    }

    .foot1 {
        width: 379px;
        margin: 1860px 0px 0px 0px;
    }


}








/* @media (min-width: 50px)  {


    #Contact {
        margin: 0px -577px 0px -25px;
        right: -25px;
        position: absolute;

    }

} */

/* @media (min-width:700px) and (max-width:1300px) {
    .hi{
        margin: 133px 0px 0px 319px;;
    }
} */