/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    /* banner part start */
    .header{
        text-align: center;
    }
    .header-content h3{
        font-size: 16px;
    }
    .banner-content h2{
        font-size: 50px;
        line-height: 65px;
    }
    .banner{
        margin-top: -114px;
    }
    /* banner part end */

    /* product part start */
    .product-box{
        grid-template-columns: repeat(1,1fr);
    }
    .product-text{
        text-align: center;
    }
    .product-img img{
        height: 400px;
    }
    /* product part end */

    /* brand part start */
    .brand-box{
        grid-template-columns: repeat(1,1fr);
    }
    .brand-img{
        height: 400px;
    }
    .brand-text{
        text-align: center;
        padding: 60px 20px;
    }
    .com-heading{
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 20px;
    }
    .brand .com-btn{
        padding: 15px 35px;
        font-size: 14px;
    }
    /* brand part end */
    /* brand two part start */
    .brand-two{
        height: 330px;
    }
    /* brand two part end */
  }

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
    /* banner part start */
    .header{
        text-align: center;
    }
    .banner-content h2{
        font-size: 50px;
        line-height: 65px;
    }
    .banner{
        margin-top: -114px;
    }
    /* banner part end */
    /* product part start */
    .product-box{
        grid-template-columns: repeat(1,1fr);
    }
    .product-text{
        text-align: center;
    }
    /* product part end */

    /* brand part start */
    .brand-box{
        grid-template-columns: repeat(1,1fr);
    }
    .brand-img{
        height: 400px;
    }
    .brand-text{
        text-align: center;
    }
    /* brand part end */

    /* brand two part start */
    .brand-two{
        height: 390px;
    }
    /* brand two part end */
 }

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
    /* product part start */
    .product-box{
        gap: 30px;
    }
    /* product part end */

    /* brand part start */
    .brand-box{
        grid-template-columns: repeat(1,1fr);
    }
    .brand-img{
        height: 400px;
    }
    /* brand part end */
    /* brand two part start */
    .brand-two{
        height: 450px;
    }
    /* brand two part end */
 }

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
    /* brand two part start */
    .brand-two{
        height: 490px;
    }
    /* brand two part end */
 }

/*Extra large devices (Extra large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {  }

/*Extra large devices (Extra Extra large desktops, 1400px and up)*/
@media (min-width: 1400px) {  }