@media (min-width: 769px) {
    .center-slider {
        display: none !important;
    }
}

.custom-image-height {
    height: 600px;
    object-fit: cover;
}

@media (max-width: 1400px) {
    .custom-card {
        height: 350px;
    }
}

@media (max-width: 1200px) {
    .custom-image-height {
        height: 500px;
    }

    .center-slider {
        display: block !important;
    }

    #sidebar-wrapper {
        left: 0px;
        top: 0px;
    }

    .sidebar-header {
        display: block;
    }

    .sidebar-header .sidebar-close {
        display: none;
    }

    #content-wrapper {
        margin-left: 220px;
    }

    p {
        font-size: 15px;
    }

    a {
        font-size: 14px;
    }

    .about-section-span {
        font-size: 2.25rem !important;
    }

    h1 {
        font-size: 4rem !important;
    }

    h2 {
        font-size: 2.25rem !important;
        padding: 60px 0px;
        padding-bottom: 0px;
    }

    h3 {
        font-size: 1.5rem !important;
    }

    h4 {
        font-size: 1.15rem !important;
    }

    h5 {
        font-size: 1.15rem !important;
    }

    h6 {
        font-size: 1rem !important;
    }

    .primary-button {
        font-size: 15px;
    }

    .main-logo {
        width: 30% !important;
    }

    .text-on-image-left {
        top: 10%;
    }

    
    .about-us-section-text {
        font-size: 3.5rem;
    }

    .about-section-span {
        font-size: 3.5rem !important;
    }

    .why-choose-us .why {
        font-size: 3.65rem;
    }

    .why-choose-us .choose {
        font-size: 1.95rem;
    }

    .why-choose-us .us {
        font-size: 8rem;
        margin-top: 9px;
        left: 22%;
    }

    .custom-card img {
        height: 150px;
    }

    .custom-card {
        height: 280px;
    }
}

@media (max-width: 992px) {
    .custom-image-height {
        height: 500px;
    }

    .center-slider {
        display: block !important;
    }

    #sidebar-wrapper {
        left: 0px;
        top: 0px;
    }

    .sidebar-header {
        display: block;
    }

    .sidebar-header .sidebar-close {
        display: none;
    }

    #content-wrapper {
        margin-left: 220px;
    }

    p {
        font-size: 14px;
    }

    a {
        font-size: 12px;
    }

    .about-section-span {
        font-size: 2rem !important;
    }

    h1 {
        font-size: 3.5rem !important;
    }

    h2 {
        font-size: 2rem !important;
        padding: 60px 0px;
        padding-bottom: 0px;
    }

    h3 {
        font-size: 1.40rem !important;
    }

    h4 {
        font-size: 1rem !important;
    }

    h5 {
        font-size: 1.15rem !important;
    }

    h6 {
        font-size: 1rem !important;
    }

    .primary-button {
        font-size: 12px;
    }

    .main-logo {
        width: 30% !important;
    }

    .text-on-image-left {
        top: 0%;
    }

    
    .about-us-section-text {
        font-size: 3.25rem;
    }

    .about-section-span {
        font-size: 3.25rem !important;
    }

    .why-choose-us .why {
        font-size: 3.25rem;
    }

    .why-choose-us .choose {
        font-size: 1.75rem;
    }

    .why-choose-us .us {
        font-size: 7rem;
        margin-top: 6px;
        left: 28%;
    }

    .about-section {
        margin-top: 100px;
    }

    .sidebar {
        width: 100%;
        padding: 10px;
    }

    .custom-card img {
        height: 150px;
    }

    .custom-card {
        height: 260px;
    }

    .form-control {
        font-size: 0.75rem !important;
    }

    .form-label {
        font-size: 0.75rem;
    }

    .btn {
       font-size: 0.75rem !important;
    }

    .center-slider {
        height: fit-content;
    }

    .slick-dots li button {
        font-size: 14px !important;
    }

    .center-slider-2 {
        height: fit-content;
    }
}


@media (max-width: 768px) {
    .custom-image-height {
        height: 500px;
    }

    .center-slider {
        display: block !important;
    }

    #sidebar-wrapper {
        left: 0px;
        top: 0px;
    }

    .sidebar-header {
        display: block;
    }

    .sidebar-header .sidebar-close {
        display: none;
    }

    #content-wrapper {
        margin-left: 220px;
    }

    p {
        font-size: 12px;
    }

    a {
        font-size: 12px;
    }

    .about-section-span {
        font-size: 2rem !important;
    }

    h1 {
        font-size: 2.5rem !important;
    }

    h2 {
        font-size: 1.5rem !important;
        padding: 60px 0px;
        padding-bottom: 0px;
    }

    h3 {
        font-size: 1rem !important;
    }

    h4 {
        font-size: 1rem !important;
    }

    h5 {
        font-size: 0.95rem !important;
    }

    h6 {
        font-size: 1rem !important;
    }

    .primary-button {
        font-size: 11px;
    }

    .main-logo {
        width: 40% !important;
    }

    .text-on-image-left {
        top: 60%;
    }

    
    .about-us-section-text {
        font-size: 3.25rem;
    }

    .about-section-span {
        font-size: 3.25rem !important;
    }

    .why-choose-us .why {
        font-size: 3.25rem;
    }

    .why-choose-us .choose {
        font-size: 1.75rem;
    }

    .why-choose-us .us {
        font-size: 7rem;
        margin-top: 6px;
        left: 35%;
    }

    .about-section {
        margin-top: 100px;
    }

    .sidebar {
        width: 100%;
        padding: 10px;
    }

    .custom-card img {
        height: 150px;
    }

    .custom-card {
        height: 300px;
    }

    .form-control {
        font-size: 0.75rem !important;
    }

    .form-label {
        font-size: 0.75rem;
    }

    .btn {
       font-size: 0.75rem !important;
    }

    .center-slider {
        height: fit-content;
    }

    .slick-dots li button {
        font-size: 14px !important;
    }

    .center-slider-2 {
        height: fit-content;
    }
}



@media (max-width: 576px) {

    .custom-image-height {
        height: 575px;
    }

    p {
        font-size: 12px;
    }

    a {
        font-size: 12px;
    }

    .about-section-span {
        font-size: 2rem !important;
    }

    h1 {
        font-size: 2rem !important;
    }

    h2 {
        font-size: 1.5rem !important;
        padding: 60px 0px;
        padding-bottom: 0px;
    }

    h3 {
        font-size: 1.25rem !important;
    }

    h4 {
        font-size: 1.15rem !important;
    }

    h5 {
        font-size: 1.15rem !important;
    }

    h6 {
        font-size: 0.75rem !important;
    }

    .primary-button {
        font-size: 10px;
    }

    .main-logo {
        width: 50% !important;
    }

    .text-on-image-left {
        top: 27%;
        left: 33%;
    }

    .img-3d-prop {
        margin-top: -100px;
    }

    .section-bg {
        margin-top: 100px;
    }

    /*about us */

    .about-us-section-text {
        font-size: 1.75rem;
    }

    .about-section-span {
        font-size: 1.75rem !important;
    }

    .why-choose-us .why {
        font-size: 2rem;
    }

    .why-choose-us .choose {
        font-size: 1rem;
    }

    .why-choose-us .us {
        font-size: 4.5rem;
        margin-top: 6px;
        left: 20%;
    }

    .about-section {
        margin-top: 100px;
    }

    .sidebar {
        width: 100%;
        padding: 10px;
    }

    /* Products */

    .sidebar {
        width: 100%;
    }

    .sidebar h5 {
        margin-bottom: 15px;
        padding-bottom: 5px;
    }

    .custom-card img {
        height: 150px;
    }

    .custom-card {
        height: 280px;
    }

    .tracking-content {
        padding-right: 0px;
    }

    .tracking-container {
        padding: 2rem;
    }

    .center-slider {
        height: fit-content;
    }

    .slick-dots li button {
        font-size: 12px !important;
    }

    .center-slider-2 {
        height: fit-content;
    }
    
    .products-padding {
        padding: 0px 75px;
    }

}