@media screen and (max-width:1199px) {
     .hero-heading {
         font-size: 5rem;
     }
 }

 @media (max-width: 991px) {
     .hero-heading {
         font-size: 4rem;
     }

     .section-title {
         font-size: 2.5rem;
     }

     .header_section .nav-link { 
         font-size: 13px; 
         padding: 10px 9px !important; 
     }
 }

 @media (max-width: 776px) {
     .hero-heading {
         font-size: 3rem;
     }

     #mainNavbar {
         background: #000;
     }

     .section-title {
         font-size: 2rem;
     }

     .primary-btn {
         font-size: 14px;
     }

     .sec-gap {
         padding: 5rem 0px;
     }
 }

 @media (max-width:575px) {
     .hero-heading {
         font-size: 2rem;
     }

     .section-title {
         font-size: 1.5rem;
     }

     .hero-quote .quote-text {
         font-size: 17px;
     }

     .hero-btn {
         padding: 1rem 2rem;
         font-size: 14px;
     }

     .breadcrumb_sec .hero-heading {
         font-size: 25px;
     }

     .hero-section {
         min-height: 100%;
     }

     .sec-gap {
         padding: 3rem 0px;
     }

     .products-size-wrapper .form-check-label {
         font-size: 14px;
         padding: 6px 12px;
     }

     .breadcrumb-section {
         height: 150px;
     }

 }