@media only screen and (max-width: 1366px) {
    .text {
        font-size: 35px;
    }
    .container ul li {
        font-size: 16px;
    }
    .profile_image{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 574px;
        height: 627px;
    } 
    .social_links {
        right: 80px;
    }
    .services {
        width: 100%;
    }
    .service-item {
        width: 30%;
        padding: 10px;
    }
    .projects {
        width: 100%;
    }
    .project-item  {
        width: 33,33%;
    }
    
  }

  @media only screen and (max-width: 1200px) {
    .text {
        font-size: 30px;
    }
    .container ul li {
        font-size: 14px;
    }
    .profile_image{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 574px;
        height: 627px;
    } 
    .social_links {
        right: 80px;
    }
    .container {
        width: 95%;
        
    }
    .social_links li a {
        font-size: 16px;
    }
  }

  @media only screen and (max-width: 768px) {
    .text {
        font-size: 20px;
    }
    .container ul li {
        font-size: 22px;
        padding: 10px;
        box-sizing: border-box;
        line-height: 22px;
        
    }
    .container ul li a span{
        color: white;
    }
    .container ul li a  {
        box-sizing: border-box;
    }
    .profile_image{
        width: 474px;
        height: 527px;
    } 
    
    .social_links li a {
        font-size: 14px;
    }
    .navbar-toggler {
        visibility:visible ;
        background:none;
        border: none;
        color: white;
    }
    .navbar-toggler i {
        color: white;
    }
    .navbar {
        width: 100%;
        position: relative;
        background-color: black;
        color: white;
    }
    .navbar-brand {
        color: white;
    }
    .ham {
        height: 40px;
    }
    .navbar .container {
        width: 80%;
        justify-content:space-between ; 
    }
    
    .container .collapse ul {
        display: block;
        /* position: absolute; */
        top: 80px;
        width: 85%;
        /* background: #615cfd;
        background: -moz-linear-gradient(top, #615cfd 0%, #d465ef 100%);
        background: -webkit-linear-gradient(top, #615cfd 0%, #d465ef 100%);
        background: linear-gradient(to bottom, #615cfd 0%, #d465ef 100%); */
        transition: all 2s;  
        
    }
    

    .collapse {
        width: 100%;
        display: block;
        position: absolute;
        top: -3000px;
        padding: 0 50px;
        box-sizing: border-box;
        background-color: black;
        left: 0px;
        transition: all 2s;
    }
    #check:checked~.collapse {
        top: 80px;
    }
    .checkbtn {
        display: block;
    }
    .header_fixed {
        position: fixed;
    }
    .header_fixed .navbar-brand,
    .header_fixed .collapse ul li a span{
        color: black;
    }
    .header_fixed .line{
        stroke: black;
    }
    .header_fixed .collapse {
        background-color: white;
    }
    .info {
        padding: 30px 0px 0px 30px;
    }
    .info ul li {
        font-size: 14px;
    }
    .info ul li span:first-child  {
        font-size: 14px;
        width: 110px;
    }
    .navi ul li a {
        font-size: 18px;
    }
    .education_block {
        padding: 10px;
    }
    .education_block_icon {
        width: 15%;
    }
    .education_block_info h1 {
        font-size: 24px;
    }
    .education_block_info h2 {
        font-size: 20px;
    }
    .education_block_info p {
        font-size: 14px;
    }
    .navi {
        width: 30%;
    }
    .navi-pages {
        width: 70%;
    }
    .service-item p {
        font-size: 14px;
    }
    .contact-box {
        width: 48%;
        margin-top: 20px;
    }
    .contact-area {
        height: 50vh;
    }
    .contact-area .photo {
        height: 100%;
    }
    .contact_field {
        padding: 50px 50px;
    }
    
  }
  @media only screen and (max-width: 650px){
    .profile_image{
        width: 374px;
        height: 427px;
    } 
    .text {
        font-size: 14px;
        line-height: 50px;
        
    }
    .social_links {
        right: 4vw;
    }
    .contact_field {
        padding: 15px 15px;
    }
    .about .photo {
        display: none;
    }
    .about .info {
        width: 100%;
        padding: 30px 30px;
    }
    .container {
        width: 620px;
    }
    .info ul li {
        font-size: 20px;
    }
    .info ul li span:first-child  {
        font-size: 20px;
        width: 150px;
    }
    .navi ul li a {
        font-size: 24px;
    }
  }
  @media only screen and (max-width: 480px){
    .profile_image{
        display: block;
        width: 320px;
        height: 320px;
    } 
    .social_links {
        right: 50px;
        top: 25%;
        right: 4wv;
    }
    .container {
        width: 98%;
    }
    .about .info {
        padding: 10px;
    }
    .navi {
        width: 100%;
    }
    .navi ul li a {
        font-size: 14px;
    }
    .navi-pages {
        width: 100%;
        padding-top: 50px;
    }
    .resume {
        padding-top: 0px;
    }
    .scill-item p
     {
        font-size: 10px;
    }
    .scill-item-progress-bar span {
        font-size: 10px;
    }
    .service p,
    .project p,
    .blog p {
        padding: 20px;
    }
    .service-item,
    .project-item,
    .blog-item {
        width: 100%;
    }
    .contact-box {
        width: 100%;
    }
    .contact-area .photo {
        width: 100%;
        height: 50vh;
    }
    .contact_field {
        width: 100%;
        height: 50vh;
    }
    .contact-area {
        flex-wrap: wrap;
        height: 100vh;
        flex-direction: column-reverse;
    }
    .education_block_info h1 {
        font-size: 16px;
    }
    .education_block_info h2 {
        font-size: 14px;
    }
    .education_block_info p {
        font-size: 12px;
    }
    .education_block_icon i {
        font-size: 24px;
    }
    .contact_field form input {
        padding: 5px;
        margin-bottom: 0.5rem!important;
    }
    .contact_field form textarea {
        margin-bottom: 0.5rem!important;
    }
    .footer {
        font-size: 24px;
    }
    .info ul li {
        font-size: 14px;
    }
    .info ul li span:first-child  {
        font-size: 14px;
        width: 120px;
    }
    .info h1 {
        text-align: center;
    }
    .info p {
        text-align: center;
        padding: 20px;
    }
    .partners {
        height: auto;
        padding: 20px 0;
        box-sizing: border-box;

    }
    .education,
    .scills {
        padding-top: 0px;
    }
    .navi {
        padding-top: 128px;
    }
  }