@media screen and (min-width: 650px) {
    .brands-row-container  {
        column-gap: 10px;
        row-gap: 10px;
    }

    .iframe-box {
    margin-left: 40px;

    }

  


    .brands-row-box {
        width: 22%; 
        max-width: 200px;
    }

    .our-work-box {
        width: 16%;
        max-width: 200px;
    }

    .home-intro-container h1, .why-fullblast-container h3 {
        font-size: 28px;
    }

    .best-seller-section-header h3, .featured-brands-section-header h3, .open-box-section-header h3,
    .our-clients-section-header h3 {
        font-size: 23px;

    }

    .home-intro-container, .why-fullblast-container {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }

    .best-seller-section-header, .featured-brands-section-header, .open-box-section-header, 
    .our-clients-section-header {
        width: 100%;
        padding-left: 40px;
        text-align: left;
    }

    .best-seller-container, .brands-row-container, .our-work-container {
        padding-left: 40px;
    }

    .why-fullblast-sub-title {
        font-size: 19px;
    }

    .top-nav-container {
        text-align: left;
    }

    .top-nav-image-container {
        width: 30%;
    }

    .top-nav-ul {
        display: inline;
        width: 70%;
        text-align: right;
        justify-content: right;
        padding-top: 12px;
        
    }

    .top-nav-ul li {
        color: #9AB9F7;
    }

    .top-nav-link {
        color: #9AB9F7;
    }

    .top-nav-link a:visited {
        color: #9AB9F7;
    }

    .top-nav-link a:hover {
        color: yellow;
    }

    .hero-text p, .meyer-hero-text p {
        font-size: 28px;
    }

    .hero-text h2, .meyer-hero-text h2 {
        font-size: 55px;
    }

    footer {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        text-align: left;
    }

    .footer-socials-container {
        width: 16.5%;
    }
    
    .footer-copy-container {
        width: 100%;
        text-align: center;
    }

    .product-page-video iframe {
    width: 60%;
    height: 505px;
    }

    .cut-sheet-box {
    width: 20%;
    }

    .product-page-content p {
        width: 85%;
        text-align: left;
    }

    




}

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

    .top-nav-image-container {
        padding-left: 20px;
    }

    .top-nav-ul {
        padding-right: 20px;
        padding-top: 15px;
    }

    .top-nav-ul li {
        padding-right: 20px;
    }



/* 
    .top-nav-image-container {
        width: 100%;
        text-align: left;
        padding-top: 10px;
        display: flex;
        flex-wrap: wrap;
        
    }

    .top-nav-image-container {
        width: 30%;
    }

    .top-nav-image-container img {
        width: 100%;
        max-width: 200px;
        padding-left: 10px;
    }

    .top-nav-ul {
        width: 70%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }
    
    .top-nav-ul li {
        font-size: 14px;
    }

    */

    .hero-image, .meyer-hero-image {
    
        height: 500px;
    }


    .home-intro-container {
        padding-top: 10px;
    }



    /* best seller section */

    .best-seller-box {
        width: 30%;
    }

    /* featured brands */

    






    .bassboss-intro {
        width: 90%;
        padding-top: 40px;
    }
    
    .bassboss-intro h1 {
        font-size: 18px;
    }

    .bassboss-intro p {
        font-size: 16px;
    }

    .products-container {
      width: 100%;
    }

    .title {
        width: 90%;
        font-size: 18px;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .product {
        padding-bottom: 30px;
    }

    .product-image {
        width: 25%;
    }
    
    .product-image img {
        max-width: 100%;
    }

    .product-inner-container {
        width: 75%;
    }
    
    .product-name, .product-description {
        width: 95%;
    }

    .product-name {
        /* background-color: orange; */
    }

    .product-name h2 {
        font-size: 16px;
        margin-bottom: 0;   
    }

    .product-description {
        padding-top: 8px;
    }

    .product-description p {
        font-size: 12px;
        line-height: 18px;
        margin: 0px 0px;
    }
    

    .product-price {
        padding-top: 0;
        text-align: right;
        width: 80%;
    }
    

     .product-price p {
        font-size: 16px;
        /* padding-left: 25%; */
    }

    .price {
        padding: 0;
        padding-top: 25px;
        margin: 0;
    }

    .bf-price {
        margin: 0;
        padding: 0;
        font-size: 14px;
    }

    .span {
        font-size: 12px;
    }

    .dot {
        height: 7px;
        width: 7px;
    }

    .stock-box p {
        font-size: 14px;
        font-weight: 400;
        padding-left: 1px;
    }

    .hr {
    width: 50%;
}
    .overview {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

    .video-out-box {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}


    /* BB Page Video section 

.video-flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 98%;
    justify-content: space-between;
    text-align: center;



}

.video-flex-box {
    width: 98%;
    padding-bottom: 45px;

}

.video-flex-box iframe {
    width: 100%;
        min-height: 320px;

}

*/ 
  }


  @media screen and (min-width: 1100px) {
       .best-seller-box {
        width: 16.5%;
    }

    
}

  @media (min-width: 401px) and (max-width: 950pxs) {
    .top-nav-image-container {
        width: 100%;
        text-align: center;
        
    }



    .top-nav-image-container img {
        width: 100%;
        max-width: 200px;
        padding-left: 0px;
    }

    .top-nav-ul {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 10px;
    }
    
    .top-nav-ul li {
        font-size: 16px;
    }

    .price {
        font-size: 22px;
    }

    
    }


  }

  @media screen and (min-width: 749px) {
  #call-us, #email-us {
      display: none;
  }










}