@media (min-width:550px) and (max-width:650px){
    .header-container .logo {
        font-size: 2.5rem;
        margin-top: 1rem;
        width: 100%;
    }
    .navbar2 h2 {
        font-size: 2.2rem;
    }
    .navbar2 p{
        font-size: 1.3rem;
    }
    .header-container .navbar input[type="checkbox"] {
        top: 19px;
        left: 16.3px;
        height: 30px;
        width: 58px;
        opacity: 0;
    }
    .header-container .navbar .box {
        top: 8px;
        left: 11px;
        height: 27px;
        width: 29px;
    }
    .header-container .navbar img {
        height: 41px;        
    }
    .header-container .navbar ul li a {
        font-size: 1.5rem;
    }    

    .code .c-head {
        text-align: center;
        font-size: 2.3rem;
    }
    .code p .span {
        padding-left: 8rem;
        font-size: 1.4rem;
    }
    .c-v a {
        font-size: 11rem;
        width: 28vw;
        padding: 3rem 2rem;
    }
    .c-v h1 {
        font-size: 2.5rem;
    }
    .c-code .container .c-button a {
        font-size: 1.5rem;
    }
    .programs li {
        font-size: 1.3rem;
        font-weight: 600;
    }
    .blog_container .blog-button a{
        font-size: 1.3rem;
    }
    .c-p-body .h1-1 {
        font-size: 1.9rem;
        height: 86px;
    }
    .c-p-body  .h1-1 .serch{
        position: absolute;
        top: 55px;
        right: 0px;
        
    }
    .c-p-body  .h1-1 .serch #SerchBar{
        height: 25px;
        width: 70%;
        font-size: 1.5rem;
    }
    .c-p-body  .h1-1 .serch i{
       color: whitesmoke;
       font-size: 1.5rem;
    }
    .c-p-body .container .c-program li .code-toolbar pre{
        font-size: 1.4rem;
    }

    .notes .container h1.title {
        font-size: 2.3rem;
        padding-bottom: 0rem;
    }
    .notes .container .note li h1.note-h1 {
        font-size: 3rem;
    }
    .notes .container .note li p{
        height: 37vh;
        width: 63%;
        margin: 0 auto;
    }
    .notes .container .note li p span{
        font-size: 1.8rem;
    }
    .notes .container .note li p a{
        font-size: 4rem;
    }

    .code .hc-code {
        font-size: 2.3rem;
    }
    .hc-link a {
        font-size: 10rem;
        width: 27vw;
        padding: 3rem 3rem
    }
    .hc-link h1 {
        font-size: 2.5rem;
    }
    .html-css .container .html-button a {
        font-size: 1.5rem;
    }

    .container-hp ul.main-program h2.h2-1 {
        font-size: 2.2rem;
    }
    .container-hp .html-button a.text-red {
        font-size: 1.5rem;
    }
    .container-hp ul.main-program p.p1 {
        font-size: 1.5rem;
        font-weight: 700;
        letter-spacing: 0.05rem;
    }
    .container-hp ul.main-program p.p1 {
        font-size: 1.5rem;
        font-weight: 700;
        letter-spacing: 0.05rem;
    }
    .container-hp ul.main-program ul.Program-ul li {
        padding-bottom: -0.2rem;
        font-size: 1.5rem;
        font-weight: 600;
    }
    .container-hp ul.main-program li a {
        font-size: 1.3rem;
        font-weight: 700;
        letter-spacing: 0.1rem;
    }
    .container .P1-html-coding h1 {
        font-size: 1.5rem;
        letter-spacing: 0.1rem;
        font-weight: bold;
    }
    .all-html-P .container .P1-html-coding  .code-toolbar pre code{
        font-size: 1.2rem;
    }

    .html-source .title {
        font-size: 2rem;
    }
    .html-source .container .videos li h1 {
        font-size: 1.8rem;
    }
    .html-source .container .videos li .s-h1 {
        font-size: 1.8rem;
        width: 40%;
    }
    .html-source .container .videos li {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.1rem;
        font-weight: bold;
    }
    .html-source .container .videos li .code-toolbar pre code {
        font-size: 1rem;
    }
    .html-source .container .container1{
        width: 23%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.1rem;
        font-weight: 600;
    }
    .html-source .container .container2{
        width: 75%;
    }

    .html-source1 .title {
        font-size: 2rem;
    }
    .html-source1 .container .videos li h1 {
        font-size: 1.8rem;
    }
    .html-source1 .container .videos li .s-h1 {
        font-size: 1.8rem;
        width: 40%;
    }
    .html-source1 .container .videos li {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.1rem;
        font-weight: bold;
    }
    .html-source1 .container .videos li .code-toolbar pre code {
        font-size: 1rem;
    }
    .code .head-code {
        font-size: 2.5rem;
    }
    .status-v a {
        font-size: 10rem;
        width: 27vw;
        padding: 3rem 2rem;
    }
    .status-v h1 {
        font-size: 2.5rem;
    } 
    .code-status .container .status-button a {
        font-size: 1.5rem;
    }
    .status-v {
        height: 47vh;
    }
}