/* Large Divices, Wide Screens */
@media only screen and (max-width: 1200px) {
    .tab_content ul {
        width: 100%;
    }
    .register {
        width: 100%;
    }
    .wrapper-70 {
        width: 80%;
    }
    .wrapper-35 {
        width: 40%;
    }
    .navbar {
        width: 80%;
    }
    .tab_1 .right {
        display: none;
    }
    * {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none; 
        -ms-user-select: none;
        user-select: none; 
    }

    .navbar .left a:hover {
        background: none;
    }
    .navbar .right a:hover {
        background: none;
    }
    .error {
        padding: 50px;
    }
}

/* Medium Divices, Desctops */
@media only screen and (max-width: 992px) {
    .wrapper-70 {
        width: 100%;
        padding-top: 76px;
        padding-bottom: 76px;
    }
    .wrapper-70.nav {
        padding-top: 76px;
        padding-bottom: 76px;
    }
    .wrapper-35 {
        width: 90%;
    }
    .navbar {
        display: none;
    }
    .navbar-mobile {
        display: block;
    }
    .footer {
        display: none;
    }
    .footer-mobile {
        display: block;
    }
    .tab {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
        height: 61px;
        border-bottom: 1px solid rgb(50, 50, 50);
        border-radius: 0px;
    }
    .tab .left {
        display: flex;
        flex: auto;
        justify-content: space-between;
    }
    .tab .left button {
        position: relative;
        flex-grow: 1;
        padding: 0px 9px;
        min-width: 50px;
        width: auto;
        height: 61px;
    }
    .tab .left button:nth-child(1) {
        border-radius: 0px;
    }
    .tab .right {
        display: none;
    }
}

/* Small Divices, Tablets */
@media only screen and (max-width: 768px) {
    .wrapper-35 {
        width: 90%;
    }
    .nat-item .r {
        min-width: 350px;
        max-width: 350px;
        font-size: 20px;
        padding: 5px;
    }
    .textS2 {
        width: 60%;
    }
    .spanS2 {
        width: 40%;
    }
}

/* Extra Small Divices, Phones */
@media only screen and (max-width: 480px) {
    .wrapper-35 {
        width: 90%;
    }
    ul {
        font-size: 15px;
    }

    .tab_content .btn_delete {
        margin-top: 5px;
        height: 32px;
        font-size: 17px;
    }
    .tab_content .btn_edit {
        margin-top: 5px;
        height: 32px;
        font-size: 17px;
    }
    .tab_content .btn_cancel {
        margin-top: 5px;
        height: 32px;
        font-size: 17px;
    }
    .tab_content .btn_confirm {
        margin-top: 5px;
        height: 32px;
        font-size: 17px;
    }

    .select2 {
        font-size: 24px;
    }
    .select2-container--default .select2-selection--single {
        height: 40px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px;
    }
    
    .select2-selection__arrow {
        scale: 1.5;
        margin-top: 5px;
        margin-right: 5px;
    }

    .nat-item .r {
        min-width: 300px;
        max-width: 300px;
    }
    .textS2 {
        width: 50%;
    }
    .textS2 {
        width: 50%;
    }
    .spanS2 {
        width: 50%;
    }
}

/* Extra Small Divices, Galaxy A51/A71 */
@media only screen and (max-width: 414px) {
    .login a {
        width: 160px;
        font-size: 19px;
    }
    .tab .left button {
        font-size: 14px;
    }
    .center h1 {
        font-size: 26px;
    }
    .forgot h3 {
        font-size: 18px;
    }
    .reset h3 {
        font-size: 18px;
    }
    .select2 {
        font-size: 20px;
    }
    .select2-results__option {
        font-size: 17px;
    }
    .select2-container--default .select2-selection--single {
        height: 40px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px;
    }
    
    .select2-selection__arrow {
        scale: 1.2;
        margin-top: 5px;
        margin-right: 5px;
    }
    .select2-search__field {
        height: 24px;
        font-size: 16px;
    }
    .textS2 {
        width: 50%;
    }
    .spanS2 {
        width: 50%;
    }
}

/* Custom Divices, Galaxy S8+*/
@media only screen and (max-width: 360px) {
    .wrapper-35 {
        width: 90%;
    }
    .footer-mobile .left a {
        font-size: 20px;
    }
    .tab .left button {
        font-size: 13px;
    }
    ul {
        font-size: 12px;
    }
    .nat-item .r {
        min-width: 270px;
        max-width: 270px;
    }
    .l .btn_delete {
        margin-top: 7px;
    }
    .l .btn_edit{
        margin-top: 7px;
    }
    .l .btn_cancel {
        margin-top: 7px;
    }
    .l .btn_confirm {
        margin-top: 7px;
    }
    ul.l.blue {
        padding: 10px 5px 5px 5px;
    }
    ul.l.red {
        padding: 10px 5px 5px 5px;
    }
    ul.l.purple {
        padding: 10px 5px 5px 5px;
    }
    ul.l.green {
        padding: 10px 5px 5px 5px;
    }
    .modalSummary .top h3 {
        font-size: 12px;
    }
    .modalSummary .top table {
        font-size: 12px;
    }
    .main .report .container {
        display: block;
    }
    .report button {
        margin-top: 5px;
        width: 100%;
    }
    .report input {
        margin-bottom: 5px;
    }
    .textS2 {
        width: 45%;
    }
    .spanS2 {
        width: 55%;
    }
}

/* Custom Divices, Iphone Retina */
@media only screen and (max-width: 330px) {
    .main {
        padding: 12px 12px;
    }

    .tab .left button {
        font-size: 12px;
    }

    .footer-mobile .left a {
        font-size: 18px;
    }

    .tab_content .btn_delete {
        margin-top: 5px;
        height: 27px;
        font-size: 13px;
    }
    .tab_content .btn_edit {
        margin-top: 5px;
        height: 27px;
        font-size: 13px;
    }
    .tab_content .btn_cancel {
        margin-top: 5px;
        height: 27px;
        font-size: 13px;
    }
    .tab_content .btn_confirm {
        margin-top: 5px;
        height: 27px;
        font-size: 13px;
    }

    
    .nat-item .r {
        min-width: 230px;
        max-width: 230px;
        font-size: 16px;
    }
    .login button {
        height: 40px;
        font-size: 17px;
    }
    .profile button {
        height: 40px;
        font-size: 17px;
    }
    .forgot button {
        height: 40px;
        font-size: 17px;
    }
    .reset button {
        height: 40px;
        font-size: 17px;
    }
    .forgot a {
        width: 73px;
        font-size: 15px;
    }
    .reset a {
        width: 82px;
        font-size: 15px;
    }
    .center h1 {
        font-size: 24px;
    }
    .forgot h3 {
        font-size: 16px;
    }
    .reset h3 {
        font-size: 16px;
    }
    .addition .items p {
        font-size: 18px;
        width: 100%;
    }

    .table_top li {
        font-size: 13px;
    }
    .table_top h4 {
        padding: 1px;
    }
    .table_top h5 {
        padding: 1px;
    }
    .table li {
        font-size: 15px;
    }
    .table p {
        font-size: 15px;
    }
    .table select {
        font-size: 15px;
    }
    .table input {
        font-size: 15px;
    }
    .l .btn_delete {
        margin-top: 5px;
        height: 30px;
        font-size: 15px;
    }
    .l .btn_edit{
        margin-top: 5px;
        height: 30px;
        font-size: 15px;
    }
    .l .btn_cancel {
        margin-top: 5px;
        height: 30px;
        font-size: 15px;
    }
    .l .btn_confirm {
        margin-top: 5px;
        height: 30px;
        font-size: 15px;
    }
    ul.l.blue {
        padding: 10px 5px 5px 5px;
    }
    ul.l.red {
        padding: 10px 5px 5px 5px;
    }
    ul.l.purple {
        padding: 10px 5px 5px 5px;
    }
    ul.l.green {
        padding: 10px 5px 5px 5px;
    }

    .modalSummary .top h3 {
        font-size: 10px;
    }
    .modalSummary .top table {
        font-size: 10px;
    }
    .textS2 {
        width: 40%;
    }
    .spanS2 {
        width: 60%;
    }
}

/* Custom Divices, Galaxy Fold */
@media only screen and (max-width: 280px) {
    .wrapper-70 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .wrapper-70.nav{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .main {
        padding: 10px 10px;
    }
    h4 {
        font-size: 14px;
    }
    .nat-item .r {
        min-width: 210px;
        max-width: 210px;
        font-size: 15px;
    }
    .center h1 {
        font-size: 20px;
    }
    .forgot h3 {
        font-size: 14px;
    }
    .reset h3 {
        font-size: 14px;
    }

    .tab {
        height: 50px;
    }
    .tab .left button {
        font-size: 10px;
        height: 50px;
    }
    .navbar-mobile {
        height: 50px;
    }
    .navbar-mobile .left {
        height: 35px;
    }
    .navbar-mobile .left h3 {
        font-size: 20px;
        height: 35px;
        line-height: 35px;
    }
    .navbar-mobile .right {
        height: 35px;
        width: 35px;
    }
    .navbar-mobile .right a {
        font-size: 18px;
        height: 35px;
        line-height: 35px;
    }

    .addition .items p {
        height: 35px;
        line-height: 35px;
    }
    .addition .items input {
        height: 35px;
        font-size: 17px;
    }
    .addition button {
        height: 35px;
        font-size: 17px;
    }
    .addition .btn_add {
        height: 35px;
        line-height: 35px;
        font-size: 20px;
    }
    .addition .block_count {
        height: 58px;
    }
    .addition .block_count .right .btn_delete {
        width: 58px;
        right: -14px;
        height: 35px;
        top: 9px;
    }

    .addition .count input {
        height: 35px;
    }

    .select2 {
        font-size: 18px;
    }
    .select2-results__option {
        font-size: 17px;
    }
    .select2-container--default .select2-selection--single {
        height: 35px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 35px;
    }
    .select2-selection__arrow {
        scale: 1;
        margin-top: 3px;
        margin-right: 5px;
    }
    .select2-search__field {
        font-size: 15px;
    }

    .footer-mobile {
        height: 50px;
    }
    .footer-mobile .left a{
        font-size: 16px;
        height: 35px;
        line-height: 35px;
    }

    .login input {
        height: 40px;
        font-size: 16px;
    }
    .login button {
        font-size: 16px;
    }
    .forgot input {
        height: 40px;
        font-size: 16px;
    }
    .forgot h3 {
        font-size: 12px;
    }
    .forgot button {
        font-size: 16px;
    }
    .table p {
        font-size: 13px;
    }
    .table li {
        font-size: 13px;
    }
    .table_top h4{
        padding: 0px;
    }
    .table_top h5{
        padding: 0px;
    }
    .table select {
        font-size: 13px;
    }
    .table input {
        font-size: 13px;
    }
    .l .btn_delete {
        height: 25px;
        font-size: 14px;
    }
    .l .btn_edit{
        height: 25px;
        font-size: 14px;
    }
    .l .btn_cancel {
        height: 25px;
        font-size: 14px;
    }
    .l .btn_confirm {
        height: 25px;
        font-size: 14px;
    }

    .object input {
        height: 35px;
        padding: 7px;
    }
    .object button { 
        height: 35px;
        font-size: 16px;
    }
    .product input {
        height: 35px;
        padding: 7px;
    }
    .product button { 
        height: 35px;
        font-size: 16px;
    }
    .register input {
        height: 35px;
        padding: 7px;
        margin-bottom: 15px;
    }
    .register button {
        height: 35px;
        font-size: 16px;
    }
    .profile button {
        height: 35px;
        font-size: 16px;
    }
    .textS2 {
        width: 35%;
    }
    .spanS2 {
        width: 65%;
    }
}