/* New CSS */

@media only screen and (max-width: 1320px) {
    .mn2{
        width: 480px;
    }
}


@media only screen and (max-width: 1210px) {
    .mn2{
        width: unset;
        text-align: center;
    }
    .topContentbar{
        padding-top:40px;      
    }
    .mn_heading_nm{
        padding-top: 0px;
        margin-top:-140px;
    }   
    .int{
        text-align: center;
    }
    .btn_Headings{
        justify-content: center;
    }
    .mn4{
        justify-content: center;
    }
    .hero_design{
        display:none;
    }
    .pmImageMainBar{
        padding-left:80px;
    }
    .sers-main-head{
        padding-top:40px;
        margin-bottom:50px;
        padding-top:20px;
    }
    .int{
        padding-top:94px;
    }
    #contactus{
        justify-content: center;
    }
}
@media only screen and (max-width: 850px) {
    .allBtnsSkills2{
        display: flex;
        flex-direction: column;
    } 
    .stbtn2{
        margin-top: 10px;
    }
    .hero{
        padding-left:0px;
    }
}
@media only screen and (max-width: 770px) {
    .mn3{
        margin-top: 50px;
    }
}
@media only screen and (max-width: 1024px) {
    .profile-edit{
        margin-top: 0px;
        width: 300px;
        height: 300px;
    }
    .int{
        padding-top:100px;
    }
}
@media only screen and (max-width: 425px) {
    .profile-edit{
        margin-top: 0px;
        width: 300px;
        height: 300px;
    }
    .int{
        padding-top:100px;
    }
}
@media only screen and (max-width: 1024px) {
    .pmImageMainBar{
        padding-left:0px;
    }
    .int{
        font-size:28px;
    }
    .int span{
        font-size:30px !important;
    }
}
@media only screen and (max-width: 1024px) {
    .pmImageMainBar{
        padding-left:0px;
    }
    .int{
        font-size:28px;
    }
    .int span{
        font-size:30px !important;
    }
}

@media only screen and (max-width: 477px) {
    .profile-edit{
        width: 280px;
        height: 280px;
    }
    .cntBoxs{
        flex-direction: column-reverse;
    }
    .int{
        font-size:24px;
        padding-top:40px;
    }
}
@media only screen and (max-width: 373px) {
  
    .int{
        font-size:20px;
    }
    .int span{
        font-size:20px !important;
    }
}
/* Old CSS */

@media only screen and (max-width: 437px) {

    .int{
        padding-top:100px;
    }
}
@media only screen and (max-width: 992px) {
    .icon-l2 {
        font-size:50px
    }
    .fr{
        flex-wrap:wrap;
    }
    #about-us{
        height: 710px;
    }
}

@media only screen and (max-width: 768px) {
    .icon-l2 {
        font-size:80px
    }
    .sr-text {
        font-size:15px;
    }
    .qwer{
        background-color: #04294e1a;
    }
    .mnBar{
        margin-bottom:20px !important;
        margin-top:0px !important;
    }

    #about-us{
        height: 810px;
    }


}


@media only screen and (max-width: 768px) {
    .side-bar-short {
        background-color:transparent;
    }
    .line {
        background-color:black;
        border-radius:20px;
        border:2px solid black;
        display: block;
        width:20px;
    }
    .side-bar-long{
        width:94.5%;
        opacity: 0.9;
    }
    .icon-box{
        display:none;
    }
    .logo{
        display: none;
    }
    .mnBar{
        box-shadow: 0px 0px 11px 0px #8f8f8f80 !important;
    }
    .sr-text{
        margin-bottom:25px;
    }
    .sers-main-head2{
        margin-top:20px;
    }
    .skills_name{
        font-size:16px !important;
    }
    .ct-form{
        margin-left:0px;
    }

}
@media only screen and (max-width: 642px) {
    .sers-main-head{
        font-size: 35px;
        margin-bottom:50px;
    }
    .sers-main-head2{
        font-size: 35px;
    }
    .hamburger{
        margin-top: -2px;
        margin-left: -42px;
    }
}
@media only screen and (max-width: 657px) {
    .side-bar-long{
        width:94%;
    }
}
@media only screen and (max-width: 543px) {
    .side-bar-long{
        width:93%;
    }
}
@media only screen and (max-width: 453px) {
    .side-bar-long{
        width:92%;
    }
}
@media only screen and (max-width: 391px) {
    .side-bar-long{
        margin: 12px;
        width: 94%;
    }
    .Qute{
        width:52px;
    }
    .Ini_Space{
        margin-left: 52px;
    }
}
@media only screen and (max-width: 539px) {


    .mn{
        font-size:40px;
    }
}
@media only screen and (max-width: 412px) {


    .mn2{
        font-size:18px;
    }
}
@media only screen and (max-width: 475px) {


    .mn3{
        font-size:16px;
    }
}
@media only screen and (max-width: 324px) {


    .mn2{
        font-size:16px;
    }
    .mn4{
        font-size:16px;
    }
}
@media only screen and (max-width: 284px) {
.mn{
    font-size:30px;
} 
}
@media only screen and (max-width: 654px) {
.icon-l{
    margin-left:-5px !important;
}
}
@media only screen and (max-width: 431px) {
.allBtnsSkills{
    display: flex;
    flex-direction: column;
}
.stbtn{
    margin-bottom:10px;
}
}
@media only screen and (max-width: 338px) {
.ff{
    display: flex;
    flex-direction: column;
}
.btn-c{
    justify-content: center;
}
}
@media only screen and (max-width: 360px) {
    .sers-main-head{
        margin-top:20px;
    }
    .sers-main-head2{
        margin-top:20px;
    }
 
}