@media(max-width: 1000px) {
    main {
        padding:0;
    }
    .stock-list-wrapper {
        padding:20px 50px;
    }
    .stock {
	font-size:15px;
    }
    .stocks-name-size {
        font-size:10px;
    }
}
@media(max-width: 450px) {
    body {
	min-height:100vh;
    }
    .stock-list-wrapper {
        padding:0px;
        text-align:left;
        min-height:0;
	height:100%;
    }
    .stock-list  {
        background-color:#ffffff;
        border-radius:0px;
        padding-top:0;
	min-height:400px
    }
    .stock {
        background-color:#ecf1f35d;
        height:70px;
        margin:5px 0;
        border-radius:3px;
    }
    .stock-first {
        display:none;
    }
    .stocks, .stock-a {
        height:100%;
    }
    .stock-a {
        flex-wrap:wrap;
    }
    .stock-left, .stock-right {
        width:100%;
        flex-wrap:wrap;
    }
    .stock-left div, .stock-right div {
        width:100%;
        font-size:10px;
    }
    .stock-name-size {
        font-size:12px;
    }
    .stock-profit {
        display:none;
    }
    .stock-id {
        display:none;
    }
    .stock-submit {
        width:30px;
        height:30px;
    }
    .delete-btn {
        font-size:10px;
        padding-right:10px;
        margin-bottom:30px;
    }
    .heading {
        display:none;
    }
    .stock-list-wrapper form {
        height:30px;
        padding-top:30px;
    }
    .stock-btns {
        padding-bottom:5px;
    }
    .stock-id-input {
        height:25px;
        width:100px;
        border-radius:2px;
        font-size:12px;
        margin-right:5px;
    }
    .stock-id-input::placeholder {
        font-size:10px;
    }
    .stock-submit {
        height:25px;
        margin-right:5px;
        font-size:10px;
        padding:0;
    }
    .not-login-wrapper {
        display:flex;
        flex-direction:column;
        text-align:center;
	padding: 0 30px;
    }
}