/* Styles for screens between 768px and 1024px (small tablets, large smartphones in landscape) */

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

    .p-6 {
        padding: 3rem;
    }

    .px-6 {
        padding: 0 3rem;
    }

    .py-6 {
        padding: 3rem 0;
    }

    .pe-6 {
        padding-bottom: 3rem;
    }

    .page-header{
        height: 300px;
    }


    .home-features{
        padding: 2rem 2rem;
        bottom: 0;
        position: relative;
        border-radius: 0;
        width: 100%;
        margin: 0;
    }
    .home-features .features .feature-box img{
        width: 32px;
        height: 32px;
    }

    .home-features .features .feature-box h2{
        font-size: 1rem;
    }

    .home-features .features .feature-box p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .achievements h4{
        font-size: 2rem;
    }

    .new-card .new-card-body img{
        height: 180px;
    }
}

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

    header .navbar .navbar-collapse {
        background-color: white;
        padding-bottom: 1rem;
        box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
    }

    .dropdown.language-switch{
        justify-self: center;
    }

    .navbar-expand-lg .navbar-toggler{
        border-color: var(--main-bg-color);
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath stroke='rgba(167, 22, 16, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24' /%3E%3C/svg%3E");
    }
}

/* Styles for screens between 480px and 767px (small tablets, large smartphones) */
@media only screen and (max-width: 767px) {

    :root {
        --h1-font-size: 2rem;
        --h2-font-size: 1.5rem;
        --normal-font-size: 1rem;
    }

    .page-header{
        height: 150px;
    }

    .home-features{
        position: relative;
        border-radius: 0;
        bottom: 0;
        padding: 1rem;
    }

    .home-features .features{
        row-gap: 1rem;
    }

    .home-features .features .feature-box p{
        display: none;
    }

    .home-about-us{
        padding: 5rem 0 5rem 0;
    }

    footer h2{
        margin-bottom: 0.5rem;
    }

    footer .row{
        column-gap: 1rem;
        row-gap: 1rem;
    }

    .page-contact .contact-left {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .page-contact .contact-right {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}

/* Styles for screens smaller than 480px (most smartphones) */
@media only screen and (max-width: 479px) {

    .btn{
        padding: 0.5rem 0.8rem;
    }

    .p-6 {
        padding: 2rem;
    }

    .px-6 {
        padding: 0 2rem;
    }

    .py-6 {
        padding: 2rem 0;
    }

    .pe-6 {
        padding-bottom: 2rem;
    }

    .page-header{
        height: 300px;
    }

    .achievements .row{
        padding: 1rem;
        row-gap: 1rem;
    }

    .home-product .c-left{
        padding: 3rem 1rem;
    }

    .home-product .c-left .bottom{
        position: relative;
        margin-top: 1rem;
    }

    .page-contact{
        margin-top: 0;
    }

    .new-card .new-card-body img{
        height: 240px;
    }

    .gallery-slick .gallery-item{
        height: 300px;
    }

    .gallery-slick .gallery-item img{
        max-width: 100%;
    }

    .home-product .nav.header-tab .nav-item{
        padding: 0.2rem;
    }

    .home-product .nav.header-tab .nav-item .nav-link{
        font-size: 0.8rem;
    }
}