@media  screen and (max-width: 720px){
    .top-details h1{
        font-size: 56px;
    }
    .top-details h1 span{
        font-size: 56px;
    }
    .slider {
        padding: 100px 0;
        height: auto; 
       
    }
    .about-right {
        width: 90%;
    }
    .about-right-info {
        top: 10px;
        left: -35px;
        padding: 5px 7px;
    }
    .about-right-info p {
        font-size: 13px;
    }
    .about-top-info{
        margin-top: 50px;
    }
    .about-top-info h1{
        font-size: 32px;
    }
    .about-left {
        padding-right: 0px; 
    }
    .services-title {
        width: 100%;
        padding-bottom: 20px;
    }
    .experience-box ul {
        margin-bottom: 50px;
    }
    .experience-box {
        border-left:none;
        border: none;
        margin-left: 0;
    }
    .experience-box h3 {
        font-size: 21px;
    }
    .bar-nan {
        border-bottom: 1px solid #605f5f;
        margin-bottom: 50px;
        margin-left: 0;
    }
    .round {
        display: none;
    }
    .footer-left img{
        margin-bottom: 30px;
    }
    .about-head-main {
        padding: 80px 0;
    }
    #about-head{
        width: 100%;
        background-size: cover;
    }
    .footer-contact {
        margin-left: 0px;
    }
    #my-bio {
        padding-top: 50px;
    }
    .pad-nan{
        padding-right: 0px;
        padding-left: 0px;
    }
    .experience-box ul {
        padding-left: 15px;
    }
    .experience-box h3 {
        padding-left: 0;
    }
    .experience-box p {
        padding-left: 0;
    }
    .about-left-contact{
        margin-top: 50px;
    }
    .about-portfolio-title {
        width: 95%;
        padding-bottom: 30px;
    }
    .portfolio-main {
        margin-bottom: 20px;
    }
    .portfolio-box h2{
        font-size: 30px;
    }
    .gallery-title {
       margin: 50px 0;
    }
    .mar-top{
        margin-top: 30px;
    }
    .mar-btm{
        margin-bottom: 0px;
    }
}
@media  screen and (max-width:920px){
    .top-header-btn {
        width: 88%;
    }
}