@media screen and (max-width:500px){
    .secter{
      max-width: 100% !important;
    }
    .board-texter{
        padding-left: 5%;
        padding-right: 5%;
    }   
    
    .modal-con{
        padding-left: 5%;
        padding-right: 5%;
    }    
  }
  
  @media (min-width: 501px) and (max-width:850px){
    .secter{
      max-width: 95% !important;
    }

    .board-texter{
        padding-left: 5%;
        padding-right: 5%;
    }   


    .modal-con{
        padding-left: 4%;
        padding-right: 4%;
    }    
  }
  
  @media (min-width: 851px) and (max-width:1024px){
    .secter{
      max-width: 90% !important;
    }

    .board-texter{
        padding-left: 5%;
        padding-right: 5%;
    }   

    .modal-con{
        padding-left: 6%;
        padding-right: 6%;
    }    
  }
  
  @media (min-width: 1025px) and (max-width:1400px){
    .secter{
      max-width: 85% !important;
    }

    .board-texter{
        padding-left: 5%;
        padding-right: 5%;
    }   

    .modal-con{
        padding-left: 4%;
        padding-right: 4%;
    }    
  }