@media screen and (max-width: 1300px){
    .basewidth {
        max-width: none;
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media screen and (max-width: 1200px){
    footer {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    footer > .flex {
        display: block;
        width: 100%;
    }

    footer > .flex > div:not(:last-child) {
        margin-bottom: 5px;
    }

    main {
        min-height: calc(100vh - 213px);
    }

    #hometop {
        height: calc(100vh - 213px);
    }
}

@media screen and (max-width: 992px){
    #matgrade_content {
        grid-template-columns: repeat(3, 1fr);
    }

    .tablet_nopad {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width: 768px){
    .del_shopitem {
        bottom: 0;
    }
    main {
        min-height: calc(100vh - 220px);
        margin-bottom: 0px;
    }

    .basewidth, .mobile_pad, .formright {
        padding-left: 15px;
        padding-right: 15px;
    }

    .basepad {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #loginlogo {
        width: 130px;
        margin-bottom: 20px;
    }

    .mobile_hide {
        display: none;
    }

    .mobile_fullw {
        width: 100%;
        display: block;
    }

    footer {
        position: relative;
    }

    footer > .flex > div:not(:last-child) {
        margin-bottom: 10px;
    }

    #form_signin .form-control {
        width: 100%;
    }

    .errorlogin {
        width: 100%;
        position: relative;
        bottom: 0;
        margin-top: 20px;
        float: left;
    }

    #hometop {
        height: 500px;
    }

    h1 {
        font-size: 40px;
        line-height: 50px;
    }

    #stepnav {
        display: block;
    }

    #stepnav .step {
        width: 100%;
        z-index: 10;
        margin-bottom: 20px;
    }

    #stepnav .step::after {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        transform: rotate(135deg);
        top: 42px;
        z-index: -1;
        width: 20px;
        height: 20px;
    }

    .formleft {
        margin-bottom: 40px;
    }

    #filename {
        position: relative;
        float: left;
    }

    #sawing_content {
        grid-template-columns: repeat(1, 1fr);
    }

    #matgrade_content {
        grid-template-columns: repeat(2, 1fr);
    }

    .sc_matarticon {
        display: none;
    }

    .mobile_noflex {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .borderb::after {
        margin-bottom: 20px;
    }

    .buttonhandling button {
        min-width: 200px;
        margin-bottom: 20px;
    }

    .buttonhandling {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 576px){
    #popup_content span {
        display: block;
    }

    #hometop {
        height: 300px;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
    }

    #hometop img {
        width: 100px;
    }

    h1 {
        margin-bottom: 20px;
    }

    #addto_sc {
        float: left;
        top: auto;
        margin-top: 20px;
    }

    #error_wrapper {
        clear: both;
        width: 100%;
        float: left;
        margin-top: 20px;
    }

    #popup_content {
        width: calc(100% - 30px);
    }
}