/*
𝕄𝕖𝕕𝕚𝕒 ℚ𝕦𝕖𝕣𝕚𝕖𝕤
*/

/* !!!!!!!!!!!!!!!!!!!!!!!! */
/* =========== Navbar ========== */
/* !!!!!!!!!!!!!!!!!!!!!!!! */

@media screen and (max-width: 991px){
    ul.bluffs_navbar {text-align: center;}
    li.nav-item {margin-right: 0;}
    .nav_btn_item {margin-top: 12px; margin-bottom: 8px;}
}




/* !!!!!!!!!!!!!!!!!!!!!!!! */
/* =========== Header ========== */
/* !!!!!!!!!!!!!!!!!!!!!!!! */

@media screen and (max-width: 991px){
    .h_banner h2 {font-size: 1.4rem;}
}

@media screen and (max-width: 630px){
    .h_banner {width: 95%;}
}

@media screen and (max-width: 500px){
    .h_banner h1 {font-size: 3rem;}
    .h_banner h2 {font-size: 1.2rem;}
}




/* !!!!!!!!!!!!!!!!!!!!!!!! */
/* =========== Brands Slider ========== */
/* !!!!!!!!!!!!!!!!!!!!!!!! */

@media screen and (max-width: 550px){
    .partnerbrand_logo {width: 11em;}
}

@media screen and (max-width: 390px){
    .partnerbrand_logo {width: 14em;}
}







/* !!!!!!!!!!!!!!!!!!!!!!!! */
/* =========== Our Team ========== */
/* !!!!!!!!!!!!!!!!!!!!!!!! */

@media screen and (max-width: 1199px){
    .slick-dots {bottom: -15px;}
}

@media screen and (max-width: 991px){
    .slick-dots {bottom: -45px;}
}

@media screen and (max-width: 767px){
    .slick-dots {bottom: -90px;}
}




/* !!!!!!!!!!!!!!!!!!!!!!!! */
/* =========== Products We Serve ========== */
/* !!!!!!!!!!!!!!!!!!!!!!!! */

@media screen and (max-width: 1199px){
    article.section_intro {width: 82%;}
}

@media screen and (max-width: 575px){
    article.section_intro {width: 100%;}
}

@media screen and (max-width: 412px){
    .productbox {margin-right: 0;}
}




/* !!!!!!!!!!!!!!!!!!!!!!!! */
/* =========== Services ========== */
/* !!!!!!!!!!!!!!!!!!!!!!!! */

@media screen and (max-width: 991px){
    .services_area {padding-bottom: 90px;}
    .grouper {width: 222px; bottom: -5px;}
}

@media screen and (max-width: 600px){
    .hogfish {width: 180px; right: 10px; top: -18px;}
}




/* !!!!!!!!!!!!!!!!!!!!!!!! */
/* =========== Contact ========== */
/* !!!!!!!!!!!!!!!!!!!!!!!! */

@media screen and (max-width: 1300px){
    .undermap_rect {width: 90%;}
}

@media screen and (max-width: 991px){
    .undermap_rect {width: 100%;}
    .contact_area {padding-bottom: 80px;}
    .map_holder {margin-bottom: 20%;}
}

@media screen and (max-width: 820px){
    .address small {font-size: 0.8rem;}
    .phone small {font-size: 0.8rem;}
    .undermap_rect {width: 86%;}
}

@media screen and (max-width: 480px){
    .undermap_rect {left: 0; right: 0; margin: 0 auto;}
}

@media screen and (max-width: 400px){
    .undermap_rect {height: 380px;}
    .address_details_holder {left: 17px;}
}




/* !!!!!!!!!!!!!!!!!!!!!!!! */
/* =========== Coming Soon ========== */
/* !!!!!!!!!!!!!!!!!!!!!!!! */

@media screen and (max-width: 515px){
    h1.comingsoontext {font-size: 3rem;}
}

@media screen and (max-width: 420px){
    h1.comingsoontext {font-size: 2.6rem;}
}




/* !!!!!!!!!!!!!!!!!!!!!!!! */
/* =========== Error 404 ========== */
/* !!!!!!!!!!!!!!!!!!!!!!!! */

@media screen and (max-width: 575px){
    .fish_404 {width: 270px;}
}