@media screen and (max-width: 1400px) {

    /*.pastelist,*/
    .wrapper form textarea,
    .CodeMirror,
    .tabs {
        width: 750px;
    }

    /*.wrapper form {
        width: 1200px;
    }*/
}

@media screen and (max-width: 1300px) {

    .wrapper form textarea,
    .CodeMirror,
    .tabs {
        width: 650px;
    }

    .profilepastelist, .tabs {
        width: 700px !important;
    }

    .paste-info,
    hr {
        min-width: 300px;
    }

    .wrapper form .form-elements {
        width: 300px;
    }

    /*.wrapper form {
        width: 1000px;
    }*/
}


@media screen and (max-width: 1150px) {

    .wrapper form textarea,
    .CodeMirror {
        width: 600px;
    }

    .paste-info,
    hr {
        min-width: 250px;
    }

    .wrapper form .form-elements {
        width: 250px;
    }

    /*
    .wrapper form {
        width: 900px;
    }
*/
    .pastelist,
    .banners,
    .tabs {
        width: 900px;
    }

    .profilepastelist, .tabs {
        width: 600px !important;
    }

    .dashattributes {
        width: 31vw !important;
    }
}

@media screen and (max-width: 1000px) {

    .wrapper form {
        flex-direction: column;
        align-items: center;
    }

    .CodeMirror {
        margin: 0px 0px 30px 0px;
    }

    .wrapper form .form-elements {
        margin: 0px 0px 30px 0px;
        flex-direction: column;
        height: fit-content;
    }

    .wrapper form .form-elements .form-element,
    .wrapper form .form-elements .pbutton {
        width: 350px;
        flex: none;
    }

    .editprofile .form-element {
        width: auto !important;
    }

    .ratings,
    .paste-info {
        flex: none;
    }

    .pastelist,
    .banners,
    .wrapper form textarea,
    .CodeMirror,
    .wrapper form .form-elements,
    .tabs {
        width: 800px;
    }

    .profilepastelist, .tabs {
        width: 550px !important;
    }

    .profileattributes {
        width: 300px;
    }

    .pasteattributes {
        margin: 0px 0px 15px 0px;
    }
}

@media screen and (max-width: 900px) {

    /*.wrapper form,*/
    .pastelist,
    .banners,
    .wrapper form textarea,
    .CodeMirror,
    .wrapper form .form-elements,
    .tabs {
        width: 700px;
    }

    .profilepastelist, .tabs {
        width: 500px !important;
    }
    .profileattributes {
        width: 275px;
    }

    .dashattributes {
        width: 400px !important;
        margin: 10px 0px;

    }

    .dashsplit {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 800px) {

    /*.wrapper form,*/
    .pastelist,
    .banners,
    .wrapper form textarea,
    .CodeMirror,
    .wrapper form .form-elements,
    .tabs {
        width: 600px;
    }

    .profilesplit {
        flex-direction: column;
        align-items: center;
    }
    .profilepastelist, .tabs {
        width: 650px !important;        
    }

    .profilepastelist, .tabs {
        margin: 5px 0px 5px 0px !important;
    }

    .profileattributes {
        width: 400px;
        margin: 10px 0px;
    }
}

@media screen and (max-width: 700px) {

    .header {
        padding: 9px 0px 9px 0px;
    }

    .pastelist th,
    .pastelist td {
        max-width: 170px;
    }

    .pastelist .td-time {
        max-width: 120px;
    }

    .td-creator {
        display: none;
    }

    /*.wrapper form,*/
    .pastelist,
    .banners,
    .wrapper form textarea,
    .CodeMirror,
    .wrapper form .form-elements,
    .tabs {
        width: 500px;
    }

    .profilepastelist, .tabs {
        width: 500px !important;
        
    }
    .profileattributes {
        width: 400px;
    }
}

@media screen and (max-width: 600px) {

    /*.wrapper form,*/
    .pastelist,
    .banners,
    .wrapper form textarea,
    .CodeMirror,
    .wrapper form .form-elements,
    .tabs {
        width: 400px;
    }

    .banner img {
        width: 400px;
        height: 100px;
    }

    .profilepastelist, .tabs {
        width: 480px !important;
        
    }
    .profileattributes {
        width: 400px;
    }
}

@media screen and (max-width: 500px) {

    .header {
        height: fit-content;
    }

    .ratings,
    .wrapper form .form-elements .form-element,
    .wrapper form .form-elements .pbutton {
        width: 300px;
        flex: none;
    }

    .paste-info,
    hr {
        min-width: 300px;
        max-width: 300px;
    }


    .pasteattributes {
        align-items: center;
    }

    .wrapper form textarea,
    .CodeMirror {
        width: 330px;
        height: 500px;
    }

    .banner img {
        width: 320px;
        height: 80px;
    }

    /*.wrapper form,*/
    .pastelist,
    .banners,
    .wrapper form .form-elements,
    .tabs {
        width: 330px;
    }

    .profileattribute {
        max-width: 350px;
    }

    .profilepastelist, .tabs {
        width: 95vw !important;
        
    }
    .profileattributes {
        width: 90vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .dashattributes {
        width: 90vw !important;
    }

    .paste-about {
        width: 90%;
    }

}

@media screen and (max-width: 400px) {

    .pastelist .td-time {
        display: none;
    }

    .ratings,
    .wrapper form .form-elements .form-element,
    .wrapper form .form-elements .pbutton {
        width: 240px;
        flex: none;
    }

    .paste-info,
    hr,
    .form-elements hr {
        min-width: 240px;
        max-width: 240px;
    }

    .paste-about .paste-info {
        max-width: none !important;
        width: auto !important;
    }


    .banner img {
        width: 240px;
        height: 60px;
    }

    /*.wrapper form,*/
    .pastelist {
        width: 90vw;
    }
    .banners,
    .wrapper form textarea,
    .CodeMirror,
    .wrapper form .form-elements,
    .tabs {
        width: 270px;
    }

    .tabs {
        flex-direction: column;
    }

    .tabs > a:nth-child(1){
        border: none;
        border-color: transparent;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 0;
    
        border-width: 0px;
        border-style: solid;
    }
    
    .tabs > a:nth-child(2) {
        border: none;
        border-color: transparent;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 0;
    
        border-width: 0px;
        border-style: solid;
    }

    .profileattribute {
        max-width: 300px;
    }

    .pasteattributes {
        width: 90vw;
    }

    .paste-about {
        grid-template-columns: 100%;
    }

}

@media screen and (max-width: 320px) {

    .pastelist th,
    .pastelist td {
        max-width: 120px;
    }

    .wrapper form .form-elements .form-element,
    .wrapper form .form-elements .util-button,
    .wrapper form .form-elements .pbutton {
        width: 200px;
        padding: 5px 0px 5px 0px;
        flex: none;
    }

    .paste-info,
    hr {
        min-width: 200px;
        max-width: 200px;
    }

    .banner img {
        width: 200px;
        height: 50px;
    }

    /*.wrapper form,*/
    .pastelist,
    .banners,
    .wrapper form textarea,
    .CodeMirror,
    .wrapper form .form-elements,
    .tabs {
        width: 220px;
    }



    .footer {
        font-size: 15px;
    }

    .profileattribute {
        max-width: 92vw;
    }
}

@media screen and (max-height: 870px) {
    .footer {
        margin: 25px 0px 0px 0px;
    }
}