:root {
    --primary-color: #DB1516;
    --secondary-color: #FFEBEB;
    --card-bg: #F2EDE7;
    --primary-font: 'DM Sans', sans-serif;
    --secondary-font: 'Playfair', serif;
    --dark-text: #171717;
    --dark-light: #555555;
}

@media screen and (max-width: 768px) {
    .hero_section {
        height: 95vh;
    }
    .slider-single img {
        height: 95vh;
    }
    .hero-caption h1 {
        font-size: 60px;
        margin-bottom: 0px;
        text-align: start;
        line-height: 1;
        font-weight: 500;
    }
    .hero-caption {
        bottom: 23%;
        left: 15px;
        transform: translateX(0);
    }

    .i-hero {
        font-size: 35px;
        width: 100%;
        text-align: start;
        font-weight: 300;
    }

    nav>.container,
    .affix>.container {
        padding: 0px;
    }
    .hero-discription {
        left: 15px;
        transform: translateX(0%);
    }

    .hero-discription {
        width: 1300px;
        max-width: 95%;
        flex-direction: column;
        align-items: start;
    }

    .hero-discription p {
        width: 95%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .hero-mob {
        display: block !important;
    }

    .hero-web {
        display: none !important;
    }

    .sub_title {
        font-size: 35px;
    }
    .sub_title_white{
        font-size: 35px;
    }

    .category_box {
        margin-bottom: 20px;
    }

    .category_card {
        height: 200px;
        border-radius: 10px;
    }
    .product_box {
        border-radius: 15px;
        padding: 5px;
    }
    .enquiry-bottom {
        height: 60px;
    }
    .enquiry img {
        height: 35px;
    }
    .product_box .product_title {
        font-size: 14px;
    }
        

    .product_card {
        height: 200px;
        border-radius: 10px;
    }

    .product_code {
        font-size: 10px;
    }

    .product_title {
        font-size: 13px;
    }

    .line {
        margin-bottom: 0px;
    }

    :root {
        --marquee-speed: 3s;
    }

    .blog_big {
        height: 250px !important;
    }
    .footer_head {
        margin-top: 30px;
    }
    .copy-right {
        display: grid;
    }
    .we-do_image{
       margin-bottom: 30px;
    }
    .we-do_image img{
        width: 95%;
    }
    .nav div.main_list ul li {
        height: 55px;
        padding-right: 0rem;
    }
    .nav{
        background: #9B1B20;
    }
    .affix{
        background: #fff;
    }
    .inner-banner-caption {
        top: 75%;
        left: 50%;
        transform: translate(-50%, -50% );
        font-size: 38px;
        width: 350px;
        text-align: center;
    }
    .abt-content {
        padding: 30px 0px;
    }
    .story_box {
        flex-direction: column;
        text-align: center;
    }
    .story_box img {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .count_number{
        margin-bottom: 30px;
    }
    .team_box {
        margin-bottom: 30px;
    }
    .team_card {
        height: 200px;
        border-radius: 20px;
    }
    .team_title {
        font-size: 20px;
    }
    .annual-box {
        padding: 0px;
    }
    .about-page1 {
        height: 100px;
    }
    .about-page2 {
        height: 160px;
    }
    .vision-img {
        height: 160px;
    }
    .mission-img {
        height: 160px;
    }
    .row-reverse{
        display: flex;
        flex-direction: column-reverse;
    }
    .our-story-img {
        height: 130px;
    }
    .what-we-do {
        padding: 60px 0px 50px;
        align-items: start;
    }
    .what-we-do .line{
        margin-bottom: 30px;
    }
    #what-we-do {
        padding: 60px 0px 50px;
    }
    .what-we-do .product_title{
        font-size: 18px;
    }
    .categories-page .category_box {
        display: block;
        justify-content: normal;
        box-shadow: none;
        background-color: transparent;
    }
    .categories-page .category_card {
        width: 100%;
    }
    .category_content .product_title {
        font-size: 13px;
        font-weight: 600;
    }
    .we-do_image img{
        margin-bottom: 30px;
    }
    .marquee {
        margin-top: 40px !important;
      }
      .blog-open {
        padding: 20px 10px 1px;
        border-radius: 25px;
        margin-bottom: 30px;
    }
    .open_img {
        height: 180px;
    }

    .blog-open p{
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1310px) {
    .hero-discription {
        width: 1200px;
    }
}