@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .quick-links a [class*="icon-"] {
        font-size: 52px;
    }

    .quick-links a .text {
        font-size: 13px;
    }
}

@media screen and (max-width: 1200px) {
    #detailSlider {
        margin: 0 0 20px 0;
    }
}

@media screen and (max-width: 992px) {
    /* ########################## Calculator ########################## */
    .calculator .content {
        padding: 15px;
    }

    #fixedbutton {
        top: 200px;
        font-size: 13px;
        padding: 5px;
    }
    .fixedbuttonX {
        top: 100px!important;
        z-index: 999999;
    }
    
    #orderbutton {
        top: 250px;
        font-size: 13px;
        padding: 5px;
    }
    #downloadBrochure {
        top: 150px;
        font-size: 13px;
        padding: 5px;
    }
    #getOffer {
        top: 300px;
        font-size: 13px;
        padding: 5px;
    }
    /* ########################## Footer ########################## */


    .footer {
        padding: 30px 0;
    }

        .footer .logo {
            margin-bottom: 20px;
        }

            .footer .logo img {
                max-width: 257px;
            }

        .footer h6 {
            margin-bottom: 10px;
            font-size: 16px;
        }

        .footer a {
            padding: 6px 0;
            font-size: 13px;
        }

    footer .link-list {
        margin-bottom: 30px;
    }

    .footerBottom a + a {
        margin-left: 0px;
        margin-top:20px;
    }

    .banner .banner-content {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .appointment-title {
        font-size: 17px !important;
    }
}