@media(max-width: 1199px){
    .hero-section .container .content-wrap h1{
        font-size: 50px;
        line-height: 60px;
    }
    .hero-section .container .content-wrap p{
        font-size: 20px;
    }
    .branches-section .each-branch-container .each-branch-wrap h1{
        font-size: 20px;
    }
}
@media(max-width: 991px){
    .navigation-section .nav-contact-section{
        display: none;
    }
    .navigation-section nav .navigation-wrap ul{
        margin: 0px 0px 0px auto;
    }
    .navigation-section nav .navigation-wrap ul li{
        display: none;
    }
    .navigation-section nav .navigation-wrap ul li:last-child{
        display: flex;
        margin-right: 20px;
    }
    .navigation-section nav .navigation-wrap .company-logo-container a{
        width: 130px;
    }
    .navigation-section nav .get-quote-container{
        display: none;
    }
    .navigation-section nav .navigation-wrap .bugger-btn-container{
        display: flex;
    }
    .navigation-section nav.md-side-menu-container .get-quote-container{
        display: block;
    }
    .navigation-section nav.md-side-menu-container .side-nav-bottom{
        display: flex;
        margin-top: auto;
        justify-content: left;
    }
    .navigation-section nav.md-side-menu-container .side-nav-bottom p a{
        color: #fff;
    }
    .hero-section{
        height: auto;
    }
    .hero-section .container .content-wrap{
        text-align: center;
    }
    .hero-section .container .content-wrap .row{
        justify-content: center;
    }

    .home-about-us .home-about-us-wrap .row{
        justify-content: center;
    }
    .home-about-us .home-about-us-wrap .row .img-side-container{
        margin-bottom: 60px;
    }

    .available-products-section .available-products-container .left-content{
        text-align: center;
        margin-bottom: 30px;
        display: none;
    }

    .contact-us-section .contact-details-side{
        margin-bottom: 30px;
    }
    .contact-us-section .contact-details-side .contact-info{
        display: flex;
        flex-wrap: wrap;
    }
    .contact-us-section .contact-details-side .contact-info .each-contact-info-container{
        margin-right: 10px;
    }
    .products-preview-section .img-side-container{
        margin-bottom: 20px;
    }
    #popup-message{
        width: 100%;
        font-size: large;
    }
    .filter-section .md-filter-container{
        background: #fff;
    }

}
@media(max-width: 767px){
    .subscribe-section .subscribe-wrap .form-control{
        margin-bottom: 15px;
    }
    .filter-section .filter-container .input-container{
        margin-bottom: 8px;
    }
    .filter-section .filter-container .input-container:nth-child(2){
        border-right: none;
    }
    .filter-section .md-filter-container{
        display: flex;
    }
    .products-list-section{
        margin-top: 30px;
    }
    .filter-section .filter-container{
        display: none;
        position: absolute;
        left: 0;
        right: 0px;
        z-index: 3;
    }
    .filter-section .filter-container.show{
        display: block;
    }
    .filter-section .container{
        position: relative;
    }
    .filter-section .theme-btn{
        font-size:  13px;
        padding 4px;
    }
    .filter-section i{
        font-size: 20px;
    }
    .product-list-container{
        margin-top: 60px;
    }
    .home-about-us .img-side-container img{
        height: 70vh;
    }
    .home-about-us .img-side-container img:nth-child(2){
        height: 55vh;
        left:23px;
    }
    .home-about-us .home-about-us-wrap .row .img-side-container{
        padding-bottom: 30px;
    }
    .subscribe-section .justify-content-center{
      position: absolute;
      margin-left: -270%;
      margin-top: 140px;
    }

}
@media(max-width: 575px){
    .hero-section .container .content-wrap h1 {
        font-size: 40px;
        line-height: 45px;
    }
    .hero-section .container .content-wrap p {
        font-size: 18px;
    }
    .heading h1{
        font-size: 25px;
    }
    .branches-section{
        padding-bottom: 0px;
    }
    .home-about-us .img-side-container img{
        height: 60vh;
    }
    .home-about-us .img-side-container img:nth-child(2){
        height: 48vh;
        left:25px;
        margin-top: -15px;
    }
    .home-about-us .home-about-us-wrap .row .img-side-container{
        padding-bottom: 0px;
    }
    .filter-section .filter-container{
        margin: 0px 35px;
        box-shadow: 1px 3px 12px rgba(0, 0, 0, 80%);
    }
    .filter-section .filter-container .input-container{
        border: none;
        border-bottom: 2px solid #000000;
    }
    .filter-section .filter-container .input-container:last-child{
        border: none;
        margin-bottom: 0px;
    }
    .each-product-card .product-info h5{
    font-size: 17px;
    }
    .each-product-card-container{
        width: 50%;
    }
    .subscribe-section {
     padding: 220px 0;
    }
    .subscribe-section .heading.text-center h1 {
        margin-top: -47%;
        }
    .subscribe-section .fields{
        position: absolute;
    }
    .subscribe-section .subscribe-wrap input{
     height: 35px;
    }
}
@media(max-width: 480px){
    .home-about-us .img-side-container img:nth-child(2){
        left:20px;
    }
    .filter-section{
        position: absolute;
        width: 100%;
        padding: 10px;
    }
    .products-list-section{
        margin-top: 26%;
        padding: 10px 0px;
    }
}
@media(max-width: 474px){
    .each-product-card .product-info h5{
        font-size: 18px;
        font-weight: 700;
    }
    .navigation-section nav .navigation-wrap .company-logo-container a {
        width: 100px;
    }
}