/*---------------------------------------------------------------------
    File Name: responsive.css
    Fully responsive styles for mobile, tablet, and PC screens.
    Breakpoints follow Bootstrap 4 tiers.
---------------------------------------------------------------------*/

/* ============================================================
   SMALL DESKTOP / LARGE TABLET (992px - 1199px)
   ============================================================ */
@media (min-width: 992px) and (max-width: 1199px) {
    .banner_section { padding-top: 15px; padding-bottom: 40px; }
    .contact_bt { margin-top: 200px; }
    .contact_section { background-size: cover; }
    .call_text { font-size: 16px; }
}

/* ============================================================
   TABLET (768px - 991px)
   ============================================================ */
@media (min-width: 768px) and (max-width: 991px) {
    .banner_section { padding-top: 20px; padding-bottom: 28px; }
    .furniture_text { font-size: 36px; }
    .there_text { width: 100%; font-size: 15px; }
    .contact_bt_main { width: 150px; }
    .contact_bt { margin-top: 200px; }
    .dummy_text { font-size: 15px; }
    .services_section2 { padding-top: 30px; }
    .icon_1 { padding-top: 30px; }
    .read_bt_main { width: 150px; }
    .lorem_text { padding-top: 0px; font-size: 15px; }
    #about-home-section .about_us_text,
    #about-home-section .about_us_text + .about_us_text { margin: 0; }
    #about-home-section .about_us_text + .about_us_text { padding-top: 15px; }
    .read_bt1 { width: 150px; margin-top: 20px; }
    .image_1 { padding-top: 50px; }
    .get_bt_main { width: 150px; }
    .get_bt { margin-top: 20px; }
    .client_text { font-size: 22px; }
    .client_1 { width: 70%; }
    .client_2 { width: 70%; }
    .quote_icon { bottom: 87px; }
    .carousel-indicators { display: none; }
    .overlay { top: 35px; }
    .icon { font-size: 70px; }
    .dololr_text { font-size: 16px; }
    .contact_section { background-size: cover; }
    .send_bt a { width: 130px; padding: 5px 0px; }
    .input-group { width: 290px; }
    .container_main1::after { width: 88%; height: 88%; }
    .modern_text { font-size: 12px; top: -30px; }
    .text { font-size: 8px; }
    .temper_text { font-size: 15px; }
    .email-bt { margin-top: 10px; }
    .massage-bt { margin-top: 10px; }
    .send_bt { margin-top: 20px; }
    #costum_slider a.carousel-control-next { display: none; }
    #costum_slider a.carousel-control-prev { display: none; }
}

/* ============================================================
   MOBILE LANDSCAPE / LARGE PHONES (576px - 767px)
   ============================================================ */
@media (min-width: 576px) and (max-width: 767px) {
    .banner_section { background-size: cover; padding-top: 20px; }
    .furniture_text { font-size: 28px; }
    .there_text { width: 100%; font-size: 15px; }
    .contact_bt_main { width: 150px; }
    .contact_bt { margin-top: 90px; }
    .dummy_text { font-size: 15px; }
    .services_section2 { padding-top: 30px; }
    .icon_1 { padding-top: 30px; }
    .read_bt_main { width: 150px; }
    .lorem_text { padding-top: 0px; font-size: 15px; }
    #about-home-section .about_us_text,
    #about-home-section .about_us_text + .about_us_text { margin: 0; }
    #about-home-section .about_us_text + .about_us_text { padding-top: 15px; }
    .read_bt1 { width: 150px; margin-top: 20px; }
    .image_1 { padding-top: 50px; }
    .get_bt_main { width: 150px; }
    .get_bt { margin-top: 20px; }
    .client_text { font-size: 22px; }
    .client_1 { width: 100%; }
    .client_2 { width: 100%; }
    .quote_icon { bottom: 82px; }
    .carousel-indicators { display: none; }
    .overlay { top: 35px; }
    .icon { font-size: 70px; }
    .dololr_text { font-size: 16px; }
    .contact_section { background-size: cover; }
    .send_bt a { width: 130px; padding: 5px 0px; }
    .input-group { width: 290px; }
    .container_main1::after { width: 84%; height: 84%; }
    .modern_text { font-size: 12px; top: -30px; }
    .text { font-size: 8px; }
    #costum_slider a.carousel-control-next { display: none; }
    #costum_slider a.carousel-control-prev { display: none; }
}

/* ============================================================
   MOBILE PORTRAIT / SMALL PHONES (max 575px)
   ============================================================ */
@media (max-width: 575px) {
    .banner_section { background-size: cover; padding-top: 20px; }
    .furniture_text { font-size: 24px; }
    .there_text { width: 100%; font-size: 15px; }
    .contact_bt_main { width: 150px; }
    .contact_bt { margin-top: 20px; }
    .dummy_text { font-size: 15px; }
    .services_section2 { padding-top: 30px; }
    .icon_1 { padding-top: 30px; }
    .read_bt_main { width: 150px; }
    .lorem_text { padding-top: 0px; font-size: 15px; }
    #about-home-section .about_us_text,
    #about-home-section .about_us_text + .about_us_text { margin: 0; }
    #about-home-section .about_us_text + .about_us_text { padding-top: 15px; }
    .read_bt1 { width: 150px; margin-top: 20px; }
    .image_1 { padding-top: 50px; }
    .get_bt_main { width: 150px; }
    .get_bt { margin-top: 20px; }
    .client_text { font-size: 22px; }
    .client_1 { width: 100%; }
    .client_2 { width: 100%; }
    .quote_icon { width: 150px; bottom: -8px; }
    .loksans_text { padding-top: 20px; }
    .carousel-indicators { display: none; }
    .overlay { top: 35px; }
    .icon { font-size: 70px; }
    .dololr_text { font-size: 16px; }
    .contact_section { background-size: cover; }
    .send_bt a { width: 130px; padding: 5px 0px; }
    .input-group { width: 290px; }
    .container_main1::after { width: 98%; height: 93%; }
    #costum_slider a.carousel-control-next { display: none; }
    #costum_slider a.carousel-control-prev { display: none; }
}