/************* NAVIGATION FOR TABLET AND MOBILE **********/
@media (max-width: 992px) {

    ul.navbar-nav,
    .region.region-nav-main,
    ul.navbar-nav li.nav-item,
    #navbar_top .container.d-flex {
        padding: 0;
    }

    #navbar_top .container.d-flex {
        margin: 0;
        width: 100%;
    }

    #navbar_top.fixed-top {
        box-shadow: 0 0 1rem var(--bs-gray-500);
    }

    #navbar_top {
        padding-bottom: 0;
    }

    #navbar_top #block-nycrefrigeration-buttonsquoteandbook {
        display: none;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler {
        border: none;
    }

    .navbar-collapse {
        background: var(--bs-blue);
    }

    .navbar-nav .nav-link.is-active,
    .navbar-nav .nav-link {
        color: var(--bs-white);
        padding: .5rem 1rem .5rem 1.5rem !important;
    }

    .navbar-nav .nav-link.is-active {
        background-color: var(--bs-primary);
        font-weight: 500;
    }

    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link:focus {
        background-color: var(--bs-primary);
    }

    #block-nycrefrigeration-branding {
        margin-left: 2rem;
        margin-bottom: .5rem;
    }

    nav button {
        margin-right: 1rem;
        margin-top: -.5rem;
    }

    /* ditch the ugle blue outline */
    .navbar-toggler:focus,
    .navbar-toggler:active {
        outline: 0;
    }

    /* hide close when burger shown */
    .navbar-toggler.collapsed .close-icon {
        display: none;
    }

    .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
        display: inline;
    }

    .navbar-toggler .close-icon {
        font-size: 2.5rem;
        color: var(--bs-gray-600);
        margin-top: -.5rem;
    }

    .path-commercial-hvac-installation-new-york-city #hero-content h1,
    .path-commercial-hvac-installation-new-york-city #block-nycrefrigeration-content .about-text,
    .path-commercial-hvac-installation-new-york-city #block-nycrefrigeration-content .about-image {
        width: 100%;
    }

    #block-nycrefrigeration-about,
    .path-commercial-hvac-installation-new-york-city #block-nycrefrigeration-content .field--name-body,
    #block-nycrefrigeration-content .field--name-body {
        padding: 0 0 2rem;
    }

    #block-nycrefrigeration-typesofhvacsystemsweinstall .card-element {
        padding: 1rem;
    }

    #block-nycrefrigeration-whychooseus-commercial,
    #block-nycrefrigeration-typesofhvacsystemsweinstall {
        align-items: start;
        padding-top: 0;
        padding-bottom: 0;
    }

    #block-nycrefrigeration-whychooseus h2,
    #block-nycrefrigeration-whychooseus-commercial h2 {
        text-align: left;
        margin-bottom: 1rem;
    }

    #block-nycrefrigeration-whychooseus-commercial p.header-node {
        width: auto;
        text-align: left;
    }

    #block-nycrefrigeration-whychooseus .why-wrapper,
    #block-nycrefrigeration-whychooseus-commercial .why-wrapper {
        flex-wrap: wrap;
    }

    #block-nycrefrigeration-whychooseus .why-wrapper>div,
    #block-nycrefrigeration-whychooseus-commercial .why-wrapper>div {
        width: 100%;
    }

    #block-nycrefrigeration-whychooseus .why-wrapper>div.why-content-img,
    #block-nycrefrigeration-whychooseus-commercial .why-wrapper>div.why-content-img {
        display: none;
    }

    #block-nycrefrigeration-whychooseus-commercial .why-content-card {
        padding: 0;
    }

    #advertising-content {
        margin-bottom: 3rem;
    }

    #block-nycrefrigeration-typesofhvacsystemsweinstall .card-element {
        padding: 1rem;
    }

    #block-nycrefrigeration-whychooseus .why-wrapper>div.why-content:nth-child(3),
    #block-nycrefrigeration-whychooseus-commercial .why-wrapper>div.why-content:nth-child(3) {
        margin-left: 0;
    }

    #block-nycrefrigeration-frequentlyaskedquestions>h2,
    #block-nycrefrigeration-typesofhvacsystemsweinstall>h2 {
        margin-bottom: 1rem;
    }

    #block-nycrefrigeration-emergencyhvacservices:before,
    #block-nycrefrigeration-commercial-ad:before {
        background: url(../images/emergency-mobile-nycr.jpg) no-repeat top center /105%;
        width: 100%;
        height: 20rem;
        content: '';
        display: block;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    #block-nycrefrigeration-commercial-ad:before {
        background: url(../images/commercial-cta-nycr-mobile.jpg) no-repeat top center /100%;
    }

    #block-nycrefrigeration-emergencyhvacservices,
    #block-nycrefrigeration-commercial-ad {
        background: linear-gradient(#067BFF, #0173FF);
        padding: 0;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    #block-nycrefrigeration-emergencyhvacservices div,
    #block-nycrefrigeration-commercial-ad div {
        width: 100%;
        padding: 0 2rem;
        padding-bottom: 1rem;
    }

    #block-nycrefrigeration-emergencyhvacservices h2,
    #block-nycrefrigeration-commercial-ad h2 {
        font-size: 3rem;
        font-weight: 600;
        line-height: 3.5rem;
        margin: 0 0 1rem;
        padding-top: 0;
    }

    #block-nycrefrigeration-commercial-ad h2 {
        padding-top: 1.5rem;
    }

    #block-nycrefrigeration-emergencyhvacservices p,
    #block-nycrefrigeration-commercial-ad p {
        padding: 0;
        padding-bottom: 1rem;
        font-size: 1.1rem;
    }

    #block-nycrefrigeration-commercial-ad p:first-of-type {
        padding-bottom: 0;
    }

    #block-nycrefrigeration-emergencyhvacservices p:last-child {
        text-align: center;
    }

    .accordion-button,
    .accordion-item .accordion-body {
        padding-left: 0;
    }

    .scroll-wrapper {
        flex-direction: column;
    }

    #block-nycrefrigeration-ourinstallationprocess h2 {
        margin-bottom: 2rem;
    }

    .scroll-container {
        margin-top: 3rem;
        margin-left: 2rem;
    }

    .scroll-container ul {
        padding: 0;
    }

    .scroll-container li {
        padding: 0 1rem;
    }
}

@media (max-width: 768px) {

    .scroll-btn.left {
        margin-right: 0;
    }

    .scroll-container {
        margin-left: 0;
    }

    .scroll-container ul {
        margin: 1rem 0 3rem;
        padding: 0;
        list-style: none;
        display: flex;
        flex-wrap: nowrap;
        width: 100vw;
    }

    .scroll-container li {
        flex: 0 0 100%;
        min-width: 100%;
        padding: 0 2rem;
        box-sizing: border-box;
        scroll-snap-align: start;
    }
}

/****************  COMMON RULES FOR MOBILE ********************/

@media (max-width: 576px) {

    .region {
        padding: 0 0.5rem;
    }

    .loader span {
        justify-content: center;
        margin: 5rem auto;
        display: flex;
    }

    h1 {
        line-height: 4rem;
        margin-bottom: 2rem;
    }

    .icon-nycr {
        margin-right: 0;
    }

    .region.region-hero-home {
        padding: 0;
    }

    .path-hvac-services #hero-content {
        background: #F8F9FB url(../images/services-nycr-mobile.jpg) no-repeat right bottom;
    }

    .path-kitchen-repairs #hero-content {
        background: #F8F9FB url(../images/kitchen-repairs-nycr-mobile.jpg) no-repeat right bottom;
    }

    .path-faq #hero-content {
        background: #F8F9FB url(../images/faq-nycr-mobile.jpg) no-repeat right bottom /60%;
    }

    .path-about #hero-content {
        background: #cdcbcc url(../images/about-nycr-mobile.jpg) no-repeat right bottom
    }

    .path-contact #hero-content {
        background: url(../images/contact-nycr-mobile.jpg) no-repeat right bottom;
    }

    #block-nycrefrigeration-logotext,
    #block-nycrefrigeration-exploreourservices p.header-node,
    #block-nycrefrigeration-ourcommitment p.header-node,
    #block-nycrefrigeration-whychooseus p.header-node,
    #block-nycrefrigeration-kitchenrepairinstallationandmaintenance {
        width: 100%;
    }

    #block-nycrefrigeration-emergencyhvacservices,
    #block-nycrefrigeration-whychooseus,
    #block-nycrefrigeration-contactinfo {
        padding: 0;
    }

    #block-nycrefrigeration-about,
    #block-nycrefrigeration-content .field--name-body {
        padding: 0;
    }

    .path-frontpage #block-nycrefrigeration-about h2 {
        padding-top: 2rem;
    }

    #block-nycrefrigeration-exploreourservices ul li,
    #block-nycrefrigeration-ourcommitment ul li,
    #block-nycrefrigeration-exploreourservices ul li:nth-child(3),
    #block-nycrefrigeration-ourcommitment ul li:nth-child(3) {
        width: 100%;
        border: none;
        border-bottom: 1px solid var(--bs-gray-500);
    }

    #block-nycrefrigeration-exploreourservices ul li:nth-child(1),
    #block-nycrefrigeration-exploreourservices ul li:nth-child(2),
    #block-nycrefrigeration-exploreourservices ul li:nth-child(3),
    #block-nycrefrigeration-exploreourservices ul li:nth-child(4),
    #block-nycrefrigeration-ourcommitment ul li:nth-child(3),
    #block-nycrefrigeration-ourcommitment ul li:nth-child(2),
    #block-nycrefrigeration-ourcommitment ul li:nth-child(1),
    #block-nycrefrigeration-ourcommitment ul li:nth-child(4) {
        padding: 1rem 0;
    }

    #block-nycrefrigeration-exploreourservices p.header-node,
    #block-nycrefrigeration-ourcommitment p.header-node,
    #block-nycrefrigeration-whychooseus p.header-node {
        text-align: left;
    }

    #block-nycrefrigeration-exploreourservices ul,
    #block-nycrefrigeration-ourcommitment ul {
        padding-left: 0;
        margin-top: 0;
    }

    #block-nycrefrigeration-whychooseus .why-wrapper>div,
    #block-nycrefrigeration-about .about-text,
    #block-nycrefrigeration-kitchenequipmentmalfunctioning .kitchen-about-text,
    #block-nycrefrigeration-content .text-about {
        width: 100%;
    }

    #block-nycrefrigeration-whychooseus .why-wrapper,
    #block-nycrefrigeration-about .field--name-body,
    #block-nycrefrigeration-kitchenequipmentmalfunctioning .field--name-body {

        flex-wrap: wrap;
    }

    #block-nycrefrigeration-whychooseus .why-wrapper>div.why-content:nth-child(3) {
        margin-left: 0;
        margin-top: 1rem;
    }

    #block-nycrefrigeration-about img,
    #block-nycrefrigeration-content .image-about {
        margin-top: 2rem;
    }

    #block-nycrefrigeration-kitchenrepairinstallationandmaintenance h2 {
        margin-bottom: .5rem;
    }

    #block-nycrefrigeration-about img {
        margin-bottom: 2rem;
    }

    #kitchen-content {
        background: url(../images/restaurant-kitchen-large.jpg) no-repeat left top / 100%;
    }

    #block-nycrefrigeration-kitchenrepairinstallationandmaintenance {
        margin: 0;
    }

    #block-nycrefrigeration-kitchenrepairinstallationandmaintenance h2,
    #block-nycrefrigeration-content .text-about h3 {
        padding-top: 16.7rem;
    }

    #choose-us-content {
        padding-top: 2rem;
    }

    #block-nycrefrigeration-whychooseus {
        margin-bottom: 0;
    }

    .carousel-inner img {
        height: 25rem;
        object-fit: cover;
        object-position: 70% 100%;
    }

    .carousel-caption {
        max-width: 100%;
        bottom: 0;
        top: 0;
        right: 0;
        left: 10px;
        padding: 1.25rem 2.5rem 1.25rem 1.25rem;
        text-align: left;
        width: 100%;
        display: flex;
        flex-direction: column;
        /* border: 3px solid red; */
        background: rgba(255, 255, 255, 0.75);
    }

    .carousel-caption h2 {
        font-size: 3rem;
        line-height: 3rem;
    }

    .carousel-control-prev,
    .carousel-control-next,
    #block-nycrefrigeration-buttonsquoteandbook {
        display: none;
    }

    .path-frontpage .carousel-caption p {
        max-width: 100%;
    }

    .carousel-indicators [data-bs-target] {
        background-color: var(--bs-black);
    }

    #block-nycrefrigeration-about .img-about {
        width: auto;
    }

    #services-content {
        padding: 2rem 0 0;
    }

    #block-nycrefrigeration-certification {
        margin: 0;
        width: 100%;
    }

    /************ ABOUT *************/

    #block-nycrefrigeration-content .image-about {
        margin-top: 1rem;
        padding-top: 0;
    }

    #block-nycrefrigeration-ourcommitment h2 {
        margin-bottom: 1rem;
    }

    .path-about #block-nycrefrigeration-content h2 {
        line-height: 3rem;
        margin-bottom: 2.5rem;
    }

    #block-nycrefrigeration-content .image-about {
        width: auto;
        margin-bottom: 1rem;
    }

    #block-nycrefrigeration-content .text-about {
        border-bottom: 1px solid var(--bs-gray-500);
        padding-bottom: 1rem;
    }

    .kitchen-about-text {
        margin-top: 1rem;
    }

    .region.region-content {
        margin-bottom: 1rem;
    }

    .path-about #block-nycrefrigeration-content {
        margin-bottom: 0;
    }

    #block-nycrefrigeration-kitchenequipmentmalfunctioning h2 {
        margin-bottom: 2.5rem;
    }

    /**************  SERVICES ******************/

    #block-nycrefrigeration-content .field--name-body .d-flex.align-items-start {
        flex-wrap: wrap;
    }

    .path-hvac-services p.header-node,
    .path-kitchen-repairs p.header-node {
        width: 100%;
        text-align: left;
        margin: 0 auto 3rem;
    }

    #v-pills-tab {
        width: 100%;
        flex-direction: row !important;
        margin-right: 0 !important;
    }

    .nav-pills .nav-link {
        width: 45%;
        margin-right: 1rem;
        text-align: center;
        line-height: 1.5rem;
        font-size: 1.1rem;
        display: flex;
        flex-direction: column;
    }

    .nav-pills .nav-link .icon-nycr {
        margin: 0 auto .5rem;
    }

    #v-pills-tabContent {
        margin-top: 1rem;
        padding: 0;
        width: 100%;
    }

    .path-hvac-services #block-nycrefrigeration-content {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .path-faq #block-nycrefrigeration-content .accordion-item h2 button {
        padding: .7rem 1.5rem .7rem 0;
        line-height: 1.6rem;
        position: relative;
    }

    .accordion-button:after {
        margin-left: .7rem;
        position: absolute;
        right: 0;
    }

    #block-nycrefrigeration-kitchenappliancesbrandswerepair,
    #block-nycrefrigeration-hvacappliancebrandsweservice {
        padding: 2rem 0;
    }

    #block-nycrefrigeration-allourhvacservices ul {
        width: inherit;
    }

    #block-nycrefrigeration-allourhvacservices ul li {
        width: 100%;
        border: none;
        border-bottom: 1px solid var(--bs-gray-500);
    }

    #block-nycrefrigeration-allourhvacservices ul li:nth-child(7),
    #block-nycrefrigeration-allourhvacservices ul li:nth-child(8) {
        border-bottom: 1px solid var(--bs-gray-500);
    }

    #block-nycrefrigeration-hvacappliancebrandsweservice ul,
    #block-nycrefrigeration-kitchenappliancesbrandswerepair ul {
        margin: 2rem 0;
    }

    #block-nycrefrigeration-kitchenappliancesbrandswerepair ul li,
    #block-nycrefrigeration-hvacappliancebrandsweservice ul li {
        margin: .5rem 1rem .2rem 0;
    }


    /**************    CONTACT   ****************/

    .path-contact #block-nycrefrigeration-content form {
        background: var(--bs-lightblue-10);
        padding: 2rem 1rem;
        margin-bottom: 2.5rem;
        position: relative;
    }

    .path-contact #block-nycrefrigeration-content {
        background: var(--bs-lightblue-10);
        padding: 0;
        margin-bottom: 2.5rem;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .path-contact #block-nycrefrigeration-content:before {
        background: url(../images/contact-form-nycr.jpg) no-repeat center center /100%;
        width: 100%;
        height: 20rem;
        content: '';
        display: block;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        position: static;
    }

    #contact-message-feedback-form {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #contact-message-feedback-form>div#edit-field-email-wrapper,
    #edit-field-telephone-wrapper .js-form-type-tel,
    .path-contact #block-nycrefrigeration-hoursofoperation,
    #contact-message-feedback-form>div#edit-field-telephone-wrapper {
        width: 100%;
    }

    #contact-message-feedback-form>div#edit-field-telephone-wrapper {
        margin-left: 0;
    }

    .path-contact #block-nycrefrigeration-hoursofoperation {
        display: block;
    }

    .path-contact .region.region-content {
        margin: 2.5rem 0 0;
    }

    #block-nycrefrigeration-areaofservice {
        width: 100%;
        margin-top: 2.5rem;
    }

    #block-nycrefrigeration-hoursofoperation .field--name-body {
        height: auto;
    }

    #block-nycrefrigeration-areaofservice img {
        transform: scale(1);
        border-radius: 10px;
        height: 20rem;
        object-fit: cover;
        object-position: 55% top;
    }


    /************    KITCHEN    *****************/

    #block-nycrefrigeration-content h2.w-60,
    #block-nycrefrigeration-content p.w-60,
    #refrigeration-repair-block .kitchen-repairs-text,
    #cooking-repairs-block .kitchen-repairs-text {
        width: 100%;
    }

    #refrigeration-repair-block {
        flex-wrap: wrap;
        width: 100%;
    }

    #refrigeration-repair-block,
    #cooking-repairs-block,
    #kitchen-repairs-list {
        margin-top: 1rem;
    }

    #refrigeration-repair-block,
    #cooking-repairs-block,
    #kitchen-repairs-list {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    #kitchen-repairs-list-icons ul {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    #kitchen-repairs-list-icons ul li {
        margin: 0 1rem 2rem;
    }


    /*********** COMMERCIAL **********/
    #block-nycrefrigeration-commercial-ad h2 {
        padding-top: 0;
    }

}