@media screen and (max-width: 575px) {
    /* Styles for extra small devices (phones) */
}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 991px) {

    /* Align Self Classes */
    .v-align-self-auto {
        align-self: auto;
    }

    .v-align-self-start {
        align-self: flex-start;
    } 

    .v-align-self-end {
        align-self: flex-end;
    }

    .v-align-self-center {
        align-self: center;
    }

    .v-align-self-baseline {
        align-self: baseline;
    }

    .v-align-self-stretch {
        align-self: stretch;
    }

    /* Justify Content Classes */
    .v-justify-start {
        justify-content: flex-start;
    }

    .v-justify-end {
        justify-content: flex-end;
    }

    .v-justify-left {
        justify-content: left;
    }

    .v-justify-right {
        justify-content: right;
        display: none;
    }

    .v-justify-center {
        justify-content: center;
    }

    .v-justify-space-between {
        justify-content: space-between;
    }

    .v-justify-space-around {
        justify-content: space-around;
    }

    .v-justify-space-evenly {
        justify-content: space-evenly;
    }

    /* Align Items Classes */
    .v-align-items-start {
        align-items: flex-start;
    }

    .v-align-items-end {
        align-items: flex-end;
    }

    .v-align-items-center {
        align-items: center;
    }

    .v-align-items-baseline {
        align-items: baseline;
    }

    .v-align-items-stretch {
        align-items: stretch;
    }

    /* Align Content Classes */
    .v-align-content-start {
        align-content: flex-start;
    }

    .v-align-content-end {
        align-content: flex-end;
    }

    .v-align-content-center {
        align-content: center;
    }

    .v-align-content-space-between {
        align-content: space-between;
    }

    .v-align-content-space-around {
        align-content: space-around;
    }

    .v-align-content-stretch {
        align-content: stretch;
    }

    /* CSS classes with margins increasing by 5px */
    .v-m-5 {
        margin: 5px;
    }

    .v-m-10 {
        margin: 10px;
    }

    .v-m-15 {
        margin: 15px;
    }

    .v-m-20 {
        margin: 20px;
    }

    .v-m-25 {
        margin: 25px;
    }

    .v-m-30 {
        margin: 30px;
    }

    .v-m-35 {
        margin: 35px;
    }

    .v-m-40 {
        margin: 40px;
    }

    .v-m-45 {
        margin: 45px;
    }

    .v-m-50 {
        margin: 50px;
    }

    .v-m-55 {
        margin: 55px;
    }

    .v-m-60 {
        margin: 60px;
    }

    .v-m-65 {
        margin: 65px;
    }

    .v-m-70 {
        margin: 70px;
    }

    .v-m-75 {
        margin: 75px;
    }

    .v-m-80 {
        margin: 80px;
    }

    .v-m-85 {
        margin: 85px;
    }

    .v-m-90 {
        margin: 90px;
    }

    .v-m-95 {
        margin: 95px;
    }

    .v-m-100 {
        margin: 100px;
    }

    /*margin*/

    /* CSS classes with margin-top increasing by 5px */
    .v-m-t-0 {
        margin-top: 0px!important;
    }
    .v-m-t-5 {
        margin-top: 5px;
    }

    .v-m-t-10 {
        margin-top: 10px;
    }

    .v-m-t-15 {
        margin-top: 15px;
    }

    .v-m-t-20 {
        margin-top: 20px;
    }

    .v-m-t-25 {
        margin-top: 25px;
    }

    .v-m-t-30 {
        margin-top: 30px;
    }

    .v-m-t-35 {
        margin-top: 35px;
    }

    .v-m-t-40 {
        margin-top: 40px;
    }

    .v-m-t-45 {
        margin-top: 45px;
    }

    .v-m-t-50 {
        margin-top: 50px;
    }

    .v-m-t-55 {
        margin-top: 55px;
    }

    .v-m-t-60 {
        margin-top: 60px;
    }

    .v-m-t-65 {
        margin-top: 65px;
    }

    .v-m-t-70 {
        margin-top: 70px;
    }

    .v-m-t-75 {
        margin-top: 75px;
    }

    .v-m-t-80 {
        margin-top: 80px;
    }

    .v-m-t-85 {
        margin-top: 85px;
    }

    .v-m-t-90 {
        margin-top: 90px;
    }

    .v-m-t-95 {
        margin-top: 95px;
    }

    .v-m-t-100 {
        margin-top: 100px;
    }

    /* CSS classes with margin-right increasing by 5px */
    .v-m-r-5 {
        margin-right: 5px;
    }

    .v-m-r-10 {
        margin-right: 10px;
    }

    .v-m-r-15 {
        margin-right: 15px;
    }

    .v-m-r-20 {
        margin-right: 20px;
    }

    .v-m-r-25 {
        margin-right: 25px;
    }

    .v-m-r-30 {
        margin-right: 30px;
    }

    .v-m-r-35 {
        margin-right: 35px;
    }

    .v-m-r-40 {
        margin-right: 40px;
    }

    .v-m-r-45 {
        margin-right: 45px;
    }

    .v-m-r-50 {
        margin-right: 50px;
    }

    .v-m-r-55 {
        margin-right: 55px;
    }

    .v-m-r-60 {
        margin-right: 60px;
    }

    .v-m-r-65 {
        margin-right: 65px;
    }

    .v-m-r-70 {
        margin-right: 70px;
    }

    .v-m-r-75 {
        margin-right: 75px;
    }

    .v-m-r-80 {
        margin-right: 80px;
    }

    .v-m-r-85 {
        margin-right: 85px;
    }

    .v-m-r-90 {
        margin-right: 90px;
    }

    .v-m-r-95 {
        margin-right: 95px;
    }

    .v-m-r-100 {
        margin-right: 100px;
    }

    /* CSS classes with margin-bottom increasing by 5px */
    .v-m-b-5 {
        margin-bottom: 5px;
    }

    .v-m-b-10 {
        margin-bottom: 10px;
    }

    .v-m-b-15 {
        margin-bottom: 15px;
    }

    .v-m-b-20 {
        margin-bottom: 20px;
    }

    .v-m-b-25 {
        margin-bottom: 25px;
    }

    .v-m-b-30 {
        margin-bottom: 30px;
    }

    .v-m-b-35 {
        margin-bottom: 35px;
    }

    .v-m-b-40 {
        margin-bottom: 40px;
    }

    .v-m-b-45 {
        margin-bottom: 45px;
    }

    .v-m-b-50 {
        margin-bottom: 50px;
    }

    .v-m-b-55 {
        margin-bottom: 55px;
    }

    .v-m-b-60 {
        margin-bottom: 60px;
    }

    .v-m-b-65 {
        margin-bottom: 65px;
    }

    .v-m-b-70 {
        margin-bottom: 70px;
    }

    .v-m-b-75 {
        margin-bottom: 75px;
    }

    .v-m-b-80 {
        margin-bottom: 80px;
    }

    .v-m-b-85 {
        margin-bottom: 85px;
    }

    .v-m-b-90 {
        margin-bottom: 90px;
    }

    .v-m-b-95 {
        margin-bottom: 95px;
    }

    .v-m-b-100 {
        margin-bottom: 100px;
    }

    /* CSS classes with margin-left increasing by 5px */
    .v-m-l-5 {
        margin-left: 5px;
    }

    .v-m-l-10 {
        margin-left: 10px;
    }

    .v-m-l-15 {
        margin-left: 15px;
    }

    .v-m-l-20 {
        margin-left: 20px;
    }

    .v-m-l-25 {
        margin-left: 25px;
    }

    .v-m-l-30 {
        margin-left: 30px;
    }

    .v-m-l-35 {
        margin-left: 35px;
    }

    .v-m-l-40 {
        margin-left: 40px;
    }

    .v-m-l-45 {
        margin-left: 45px;
    }

    .v-m-l-50 {
        margin-left: 50px;
    }

    .v-m-l-55 {
        margin-left: 55px;
    }

    .v-m-l-60 {
        margin-left: 60px;
    }

    .v-m-l-65 {
        margin-left: 65px;
    }

    .v-m-l-70 {
        margin-left: 70px;
    }

    .v-m-l-75 {
        margin-left: 75px;
    }

    .v-m-l-80 {
        margin-left: 80px;
    }

    .v-m-l-85 {
        margin-left: 85px;
    }

    .v-m-l-90 {
        margin-left: 90px;
    }

    .v-m-l-95 {
        margin-left: 95px;
    }

    .v-m-l-100 {
        margin-left: 100px;
    }

    /* CSS classes with padding increasing by 5px */
    .v-p-5 {
        padding: 5px;
    }

    .v-p-10 {
        padding: 10px;
    }

    .v-p-15 {
        padding: 15px;
    }

    .v-p-20 {
        padding: 20px;
    }

    .v-p-25 {
        padding: 25px;
    }

    .v-p-30 {
        padding: 30px;
    }

    .v-p-35 {
        padding: 35px;
    }

    .v-p-40 {
        padding: 40px;
    }

    .v-p-45 {
        padding: 45px;
    }

    .v-p-50 {
        padding: 50px;
    }

    .v-p-55 {
        padding: 55px;
    }

    .v-p-60 {
        padding: 60px;
    }

    .v-p-65 {
        padding: 65px;
    }

    .v-p-70 {
        padding: 70px;
    }

    .v-p-75 {
        padding: 75px;
    }

    .v-p-80 {
        padding: 80px;
    }

    .v-p-85 {
        padding: 85px;
    }

    .v-p-90 {
        padding: 90px;
    }

    .v-p-95 {
        padding: 95px;
    }

    .v-p-100 {
        padding: 100px;
    }

    /* CSS classes with padding-top increasing by 5px */
    .v-p-t-5 {
        padding-top: 5px;
    }

    .v-p-t-10 {
        padding-top: 10px;
    }

    .v-p-t-15 {
        padding-top: 15px;
    }

    .v-p-t-20 {
        padding-top: 20px;
    }

    .v-p-t-25 {
        padding-top: 25px;
    }

    .v-p-t-30 {
        padding-top: 30px;
    }

    .v-p-t-35 {
        padding-top: 35px;
    }

    .v-p-t-40 {
        padding-top: 40px;
    }

    .v-p-t-45 {
        padding-top: 45px;
    }

    .v-p-t-50 {
        padding-top: 50px;
    }

    .v-p-t-55 {
        padding-top: 55px;
    }

    .v-p-t-60 {
        padding-top: 60px;
    }

    .v-p-t-65 {
        padding-top: 65px;
    }

    .v-p-t-70 {
        padding-top: 70px;
    }

    .v-p-t-75 {
        padding-top: 75px;
    }

    .v-p-t-80 {
        padding-top: 80px;
    }

    .v-p-t-85 {
        padding-top: 85px;
    }

    .v-p-t-90 {
        padding-top: 90px;
    }

    .v-p-t-95 {
        padding-top: 95px;
    }

    .v-p-t-100 {
        padding-top: 100px;
    }

    /* CSS classes with padding-right increasing by 5px */
    .v-p-r-5 {
        padding-right: 5px;
    }

    .v-p-r-10 {
        padding-right: 10px;
    }

    .v-p-r-15 {
        padding-right: 15px;
    }

    .v-p-r-20 {
        padding-right: 20px;
    }

    .v-p-r-25 {
        padding-right: 25px;
    }

    .v-p-r-30 {
        padding-right: 30px;
    }

    .v-p-r-35 {
        padding-right: 35px;
    }

    .v-p-r-40 {
        padding-right: 40px;
    }

    .v-p-r-45 {
        padding-right: 45px;
    }

    .v-p-r-50 {
        padding-right: 50px;
    }

    .v-p-r-55 {
        padding-right: 55px;
    }

    .v-p-r-60 {
        padding-right: 60px;
    }

    .v-p-r-65 {
        padding-right: 65px;
    }

    .v-p-r-70 {
        padding-right: 70px;
    }

    .v-p-r-75 {
        padding-right: 75px;
    }

    .v-p-r-80 {
        padding-right: 80px;
    }

    .v-p-r-85 {
        padding-right: 85px;
    }

    .v-p-r-90 {
        padding-right: 90px;
    }

    .v-p-r-95 {
        padding-right: 95px;
    }

    .v-p-r-100 {
        padding-right: 100px;
    }

    /* CSS classes with padding-bottom increasing by 5px */
    .v-p-b-5 {
        padding-bottom: 5px;
    }

    .v-p-b-10 {
        padding-bottom: 10px;
    }

    .v-p-b-15 {
        padding-bottom: 15px;
    }

    .v-p-b-20 {
        padding-bottom: 20px;
    }

    .v-p-b-25 {
        padding-bottom: 25px;
    }

    .v-p-b-30 {
        padding-bottom: 30px;
    }

    .v-p-b-35 {
        padding-bottom: 35px;
    }

    .v-p-b-40 {
        padding-bottom: 40px;
    }

    .v-p-b-45 {
        padding-bottom: 45px;
    }

    .v-p-b-50 {
        padding-bottom: 50px;
    }

    .v-p-b-55 {
        padding-bottom: 55px;
    }

    .v-p-b-60 {
        padding-bottom: 60px;
    }

    .v-p-b-65 {
        padding-bottom: 65px;
    }

    .v-p-b-70 {
        padding-bottom: 70px;
    }

    .v-p-b-75 {
        padding-bottom: 75px;
    }

    .v-p-b-80 {
        padding-bottom: 80px;
    }

    .v-p-b-85 {
        padding-bottom: 85px;
    }

    .v-p-b-90 {
        padding-bottom: 90px;
    }

    .v-p-b-95 {
        padding-bottom: 95px;
    }

    .v-p-b-100 {
        padding-bottom: 100px;
    }

    /* CSS classes with padding-left increasing by 5px */
    .v-p-l-5 {
        padding-left: 5px;
    }

    .v-p-l-10 {
        padding-left: 10px;
    }

    .v-p-l-15 {
        padding-left: 15px;
    }

    .v-p-l-20 {
        padding-left: 20px;
    }

    .v-p-l-25 {
        padding-left: 25px;
    }

    .v-p-l-30 {
        padding-left: 30px;
    }

    .v-p-l-35 {
        padding-left: 35px;
    }

    .v-p-l-40 {
        padding-left: 40px;
    }

    .v-p-l-45 {
        padding-left: 45px;
    }

    .v-p-l-50 {
        padding-left: 50px;
    }

    .v-p-l-55 {
        padding-left: 55px;
    }

    .v-p-l-60 {
        padding-left: 60px;
    }

    .v-p-l-65 {
        padding-left: 65px;
    }

    .v-p-l-70 {
        padding-left: 70px;
    }

    .v-p-l-75 {
        padding-left: 75px;
    }

    .v-p-l-80 {
        padding-left: 80px;
    }

    .v-p-l-85 {
        padding-left: 85px;
    }

    .v-p-l-90 {
        padding-left: 90px;
    }

    .v-p-l-95 {
        padding-left: 95px;
    }

    .v-p-l-100 {
        padding-left: 100px;
    }

    /*font size */
    /* CSS classes with font-size increasing by 10px */
    .v-f-10 {
        font-size: 10px;
    }

    .v-f-20 {
        font-size: 20px;
    }

    .v-f-30 {
        font-size: 30px;
    }

    .v-f-40 {
        font-size: 40px;
    }

    .v-f-50 {
        font-size: 50px;
    }

    .v-f-60 {
        font-size: 60px;
    }

    .v-f-70 {
        font-size: 70px;
    }

    .v-f-80 {
        font-size: 80px;
    }

    .v-f-90 {
        font-size: 90px;
    }

    .v-f-100 {
        font-size: 100px;
    }

    /* font size for rem */
    /* CSS classes with font-size increasing by 0.v-1rem */
    .v-f-r-1 {
        font-size: 1rem;
    }

    .v-f-r-1-1 {
        font-size: 1.1rem;
    }

    .v-f-r-1-2 {
        font-size: 1.2rem;
    }

    .v-f-r-1-3 {
        font-size: 1.3rem;
    }

    .v-f-r-1-4 {
        font-size: 1.4rem;
    }

    .v-f-r-1-5 {
        font-size: 1.5rem;
    }

    /* Basic Colors */
    .v-c-white {
        color: white;
    }

    .v-c-black {
        color: black;
    }

    .v-c-grey {
        color: grey;
    }

    .v-c-red {
        color: red;
    }

    .v-c-blue {
        color: blue;
    }

    .v-c-green {
        color: green;
    }

    .v-c-yellow {
        color: yellow;
    }

    .v-c-orange {
        color: orange;
    }

    .v-c-purple {
        color: purple;
    }

    .v-c-pink {
        color: pink;
    }

    /* Shades and Tints */
    .v-c-light-grey {
        color: #d3d3d3;
    }

    .v-c-dark-grey {
        color: #a9a9a9;
    }

    .v-c-light-blue {
        color: #add8e6;
    }

    .v-c-dark-blue {
        color: #00008b;
    }

    .v-c-light-green {
        color: #90ee90;
    }

    .v-c-dark-green {
        color: #006400;
    }

    .v-c-light-red {
        color: #f08080;
    }

    .v-c-dark-red {
        color: #8b0000;
    }

    .v-c-light-yellow {
        color: #ffffe0;
    }

    .v-c-dark-yellow {
        color: #ffd700;
    }

    .v-c-light-orange {
        color: #ffb347;
    }

    .v-c-dark-orange {
        color: #ff4500;
    }

    .v-c-light-purple {
        color: #e6e6fa;
    }

    .v-c-dark-purple {
        color: #4b0082;
    }

    .v-c-light-pink {
        color: #ffb6c1;
    }

    .v-c-dark-pink {
        color: #ff1493;
    }

    /* UX Design Colors */
    .v-c-primary {
        color: #007bff;
    }

    /* Blue (Primary) */
    .v-c-secondary {
        color: #6c757d;
    }

    /* Grey (Secondary) */
    .v-c-success {
        color: #28a745;
    }

    /* Green (Success) */
    .v-c-danger {
        color: #dc3545;
    }

    /* Red (Danger) */
    .v-c-warning {
        color: #ffc107;
    }

    /* Yellow (Warning) */
    .v-c-info {
        color: #17a2b8;
    }

    /* Teal (Info) */
    .v-c-light {
        color: #f8f9fa;
    }

    /* Light background */
    .v-c-dark {
        color: #343a40;
    }

    /* Dark background */
    .v-c-muted {
        color: #6c757d;
    }

    /* Muted text */
    .v-c-white-smoke {
        color: #f5f5f5;
    }

    /* White smoke */
    .v-c-gainsboro {
        color: #dcdcdc;
    }

    /* Gainsboro */
    .v-c-silver {
        color: #c0c0c0;
    }

    /* Silver */
    .v-c-charcoal {
        color: #36454f;
    }

    /* Charcoal */
    .v-c-teal {
        color: #008080;
    }

    /* Teal */
    .v-c-cyan {
        color: #00ffff;
    }

    /* Cyan */
    .v-c-coral {
        color: #ff7f50;
    }

    /* Coral */
    .v-c-turquoise {
        color: #40e0d0;
    }

    /* Turquoise */
    .v-c-light-coral {
        color: #f08080;
    }

    /* Light Coral */
    .v-c-deep-sky-blue {
        color: #00bfff;
    }

    /* Deep Sky Blue */
    .v-c-light-sea-green {
        color: #20b2aa;
    }

    /* Light Sea Green */
    .v-c-salmon {
        color: #fa8072;
    }

    /* Salmon */
    /*backgrounds */
    /* Basic Background Colors */
    .v-b-white {
        background-color: white;
    }

    .v-b-black {
        background-color: black;
    }

    .v-b-grey {
        background-color: grey;
    }

    .v-b-red {
        background-color: red;
    }

    .v-b-blue {
        background-color: blue;
    }

    .v-b-green {
        background-color: green;
    }

    .v-b-yellow {
        background-color: yellow;
    }

    .v-b-orange {
        background-color: orange;
    }

    .v-b-purple {
        background-color: purple;
    }

    .v-b-pink {
        background-color: pink;
    }

    /* Shades and Tints Background Colors */
    .v-b-light-grey {
        background-color: #d3d3d3;
    }

    .v-b-dark-grey {
        background-color: #a9a9a9;
    }

    .v-b-light-blue {
        background-color: #add8e6;
    }

    .v-b-dark-blue {
        background-color: #00008b;
    }

    .v-b-light-green {
        background-color: #90ee90;
    }

    .v-b-dark-green {
        background-color: #006400;
    }

    .v-b-light-red {
        background-color: #f08080;
    }

    .v-b-dark-red {
        background-color: #8b0000;
    }

    .v-b-light-yellow {
        background-color: #ffffe0;
    }

    .v-b-dark-yellow {
        background-color: #ffd700;
    }

    .v-b-light-orange {
        background-color: #ffb347;
    }

    .v-b-dark-orange {
        background-color: #ff4500;
    }

    .v-b-light-purple {
        background-color: #e6e6fa;
    }

    .v-b-dark-purple {
        background-color: #4b0082;
    }

    .v-b-light-pink {
        background-color: #ffb6c1;
    }

    .v-b-dark-pink {
        background-color: #ff1493;
    }

    /* UX Design Background Colors */
    .v-b-primary {
        background-color: #007bff;
    }

    /* Blue (Primary) */
    .v-b-secondary {
        background-color: #6c757d;
    }

    /* Grey (Secondary) */
    .v-b-success {
        background-color: #28a745;
    }

    /* Green (Success) */
    .v-b-danger {
        background-color: #dc3545;
    }

    /* Red (Danger) */
    .v-b-warning {
        background-color: #ffc107;
    }

    /* Yellow (Warning) */
    .v-b-info {
        background-color: #17a2b8;
    }

    /* Teal (Info) */
    .v-b-light {
        background-color: #f8f9fa;
    }

    /* Light background */
    .v-b-dark {
        background-color: #343a40;
    }

    /* Dark background */
    .v-b-muted {
        background-color: #6c757d;
    }

    /* Muted background */
    .v-b-white-smoke {
        background-color: #f5f5f5;
    }

    /* White smoke */
    .v-b-gainsboro {
        background-color: #dcdcdc;
    }

    /* Gainsboro */
    .v-b-silver {
        background-color: #c0c0c0;
    }

    /* Silver */
    .v-b-charcoal {
        background-color: #36454f;
    }

    /* Charcoal */
    .v-b-teal {
        background-color: #008080;
    }

    /* Teal */
    .v-b-cyan {
        background-color: #00ffff;
    }

    /* Cyan */
    .v-b-coral {
        background-color: #ff7f50;
    }

    /* Coral */
    .v-b-turquoise {
        background-color: #40e0d0;
    }

    /* Turquoise */
    .v-b-light-coral {
        background-color: #f08080;
    }

    /* Light Coral */
    .v-b-deep-sky-blue {
        background-color: #00bfff;
    }

    /* Deep Sky Blue */
    .v-b-light-sea-green {
        background-color: #20b2aa;
    }

    /* Light Sea Green */
    .v-b-salmon {
        background-color: #fa8072;
    }

    /* Salmon */
    /* Border Radius Classes */
    .v-b-radius-5 {
        border-radius: 5px;
    }

    .v-b-radius-10 {
        border-radius: 10px;
    }

    .v-b-radius-15 {
        border-radius: 15px;
    }

    .v-b-radius-20 {
        border-radius: 20px;
    }

    .v-b-radius-25 {
        border-radius: 25px;
    }

    .v-b-radius-30 {
        border-radius: 30px;
    }

    .v-b-radius-35 {
        border-radius: 35px;
    }

    .v-b-radius-40 {
        border-radius: 40px;
    }

    .v-b-radius-45 {
        border-radius: 45px;
    }

    .v-b-radius-50 {
        border-radius: 50px;
    }

    .v-b-radius-55 {
        border-radius: 55px;
    }

    .v-b-radius-60 {
        border-radius: 60px;
    }

    .v-b-radius-65 {
        border-radius: 65px;
    }

    .v-b-radius-70 {
        border-radius: 70px;
    }

    .v-b-radius-75 {
        border-radius: 75px;
    }

    .v-b-radius-80 {
        border-radius: 80px;
    }

    .v-b-radius-85 {
        border-radius: 85px;
    }

    .v-b-radius-90 {
        border-radius: 90px;
    }

    .v-b-radius-95 {
        border-radius: 95px;
    }

    .v-b-radius-100 {
        border-radius: 100px;
    }


}

@media screen and (min-width: 1199px) {}

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

@media screen and (min-width: 1600px) {

    /* ! change the main content width */

}


@media screen and (min-width: 576px) and (max-width: 767px) {

    /* Styles for small devices (tablets in portrait mode) */

}

@media screen and (min-width: 768px) and (max-width: 991px) {

    /* ! change the main content width */


}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    /* ! change the main content width */


}

/* Extra Large Devices (Large Desktops) */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    /* ! change the main content width */

}

/* Extra Extra Large Devices */
@media screen and (min-width: 1400px) and (max-width: 1599px) {

    /* ! change the main content width */

}

/* Ultra Large Devices */
@media screen and (min-width: 1600px) and (max-width: 1799px) {}

/* Mega Large Devices */
@media screen and (min-width: 1800px) and (max-width: 1999px) {
    /* ! change the main content width */

}

/* Giga Large Devices */
@media screen and (min-width: 2000px) and (max-width: 2500px) {
    /* ! change the main content width */

}

@media screen and (min-width: 2500px) and (max-width: 3000px) {
    /* ! change the main content width */

}

@media screen and (min-width: 3000px) and (max-width: 3500px) {
    /* ! change the main content width */

}

@media screen and (min-width: 3500px) {
    /* ! change the main content width */

}