@media (min-width: 1920px) and (max-width: 2560px) {
    .tc-about-st2:after {
        width: 800px;
    }
    .tc-about-st2:before { width: 790px;}
.tc-about-st2:after { width: 830px;}
.skill-image { height: 790px;}
  }


  @media (min-width: 1600px) and (max-width: 1680px){

    .tc-about-st2:before { width: 650px;}
    .tc-about-st2:after { width: 650px;}
    .skill-image { height: 650px;}
  }


  @media (min-width: 992px) and (max-width: 1200px){
    
    .skill-image { height: 480px;}
    .tc-about-st2:before { width: 480px; height: 480px;}
    .tc-about-st2:after { width: 480px; height: 480px;}
  }


  @media (min-width: 768px) and (max-width: 991px){
    
    .skill-image { height: 350px;}
    .tc-about-st2:before { width: 340px; height: 350px;}
    .tc-about-st2:after { width: 340px; height: 350px;}
}

@media (min-width: 601px) and (max-width: 767px) {
    
    .tc-about-st2:before { width: 450px; height: 450px;}
    .tc-about-st2:after { width: 450px; height: 450px;}
    .skill-image { height: 450px; margin-top: 40px;}
}


@media (min-width: 400px) and (max-width: 450px) {
    .tc-about-st2:before {left: -100px;}
    .tc-about-st2:after {left: -100px;}
    
    
    }
    
    
    @media (min-width: 451px) and (max-width: 500px) {
    .tc-about-st2:before {left: -150px;}
    .tc-about-st2:after {left: -150px;}
    
   
    }
    
    
    @media (min-width: 501px) and (max-width: 600px) {
    .tc-about-st2:before {left: -200px;}
    .tc-about-st2:after {left: -200px;}
    
    
    }


    


@media(max-width:600px){
    
    .tc-about-st2:before { width: 100%; height: 380px; background-size: contain;}
    .tc-about-st2:after { width: 100%; height: 380px; background-size: contain;}
    .skill-image { height: 380px; margin-top: 40px;}
}