/* ---------------------------------------------------------------------- */
/* ----------------------- TABLET RESPONSIVE ---------------------------- */
/* ---------------------------------------------------------------------- */

    
    /* TABLET/iPAD SCREEN */
    @media only screen and (min-height: 400px) and (max-height: 850px) and (min-width: 960px) and (max-width: 1100px) {
        body{
            font-size: 21px;
        }

        #prod-altres{
            font-size: 20px;
        }

        #left-screen-border, #right-screen-border {
            display: none;
        }

        .col-sm-10.television {
            flex: 0 0 100%;
            max-width: 100%;
        }

        #row-television{
            height: inherit;
        }

        #top-col-tel{
            margin: auto;
        }

        #left-col-tel, #right-col-tel, #top-col-tel{
            display: block;
        }

        #dynamic-content {
            padding: 30px;
            padding-top: 60px;
            padding-left: 0em;
            padding-right: 0em;
            margin-top: 35px;
            flex: 0 0 64%;
            max-width: 64%;
        }

        #right-col-tel {
            padding-right: 0em;
            padding-left: 4em;
            flex: 0 0 27.66667%;
            max-width: 27.66667%;
        }

        h3{
            font-size: 1.4rem;
        }

        .apartados .contenido span.imp-note{
            font-weight: bold; 
            font-size: 1em;
        }

        .apartados .contenido img {
            width: 7.5em;
            height: 7em;
        }

        .apartados .contenido img.serveis-miralls{
            width: 6.5em;
            height: 7.5em;
        }

        .row.contenido.productes-list img {
            width: 6em;
            height: 6em;
        }

        .col-sm-12.top-serveis {
            margin-top: 1.5em;
            margin-bottom: 0.5em;
        }

        .previous.icon {
            margin-top: 0;
        }

        .previous.btn.btn-dark {
            font-size: xx-large;
        }

        .btm-span-margin{
            margin-top: -5px;
            margin-left: 15px;
        }

        #zona-boja .less-mt-20{
            margin-top: -25px;
        }

        #contacte{
            margin-top: 5%;
        }

        .form-control{
            height: calc(1em + .75rem + 2px);
        }

        .btn-dark{
            font-size: inherit;
        }

        .h-1{
            height: 6vh;
        }

        .h-3{
            height: 29vh;
        }

        @media only screen and (min-width: 960px) and (max-width: 1050px) {
            @media only screen and (min-height: 400px) and (max-height: 450px) {    
                body{
                    font-size: 15px;
                }
        
                #prod-altres{
                    font-size: 14px;
                }

                #left-col-tel {
                    flex: 0 0 21.333333%;
                    max-width: 21.333333%;
                }
        
                #dynamic-content {
                    padding-top: 15px;
                    padding-left: 1em;
                    padding-right: 1em;
                    margin-top: 0px;
                    flex: 0 0 45%;
                    max-width: 45%;
                }
        
                #right-col-tel {
                    padding-right: 11em;
                    padding-left: 3em;
                    flex: 0 0 33.66667%;
                    max-width: 33.66667%;
                }

                h2{
                    font-size: 1.2rem;
                }
        
                h3{
                    font-size: 0.8rem;
                }
        
                .h-1{
                    height: 8vh;
                }
        
                .h-3 {
                    height: 25vh;
                }
            }
    
            @media only screen and (min-height: 450px) and (max-height: 500px) {
                body{
                    font-size: 17px;
                }
        
                #prod-altres{
                    font-size: 17px;
                }
    
                #left-col-tel {
                    flex: 0 0 17.333333%;
                    max-width: 17.333333%;
                }
        
                #dynamic-content {
                    padding-top: 15px;
                    padding-left: 0em;
                    padding-right: 1em;
                    margin-top: 0px;
                    flex: 0 0 52%;
                    max-width: 52%;
                }
        
                #right-col-tel {
                    padding-right: 7em;
                    padding-left: 3em;
                    flex: 0 0 30.66667%;
                    max-width: 30.66667%;
                }
    
                h2{
                    font-size: 1.7rem;
                }
        
                h3{
                    font-size: 1rem;
                }

                .h-0_5 {
                    height: 6.333vh;
                }

                .h-3 {
                    height: 26vh;
                }

                .h-7 {
                    height: 58.33333vh;
                }
            }
    
            @media only screen and (min-height: 500px) and (max-height: 550px) {
                body{
                    font-size: 18.5px;
                }
        
                #prod-altres{
                    font-size: 17.5px;
                }
    
                #left-col-tel {
                    flex: 0 0 14.333333%;
                    max-width: 14.333333%;
                }
        
                #dynamic-content {
                    padding-top: 25px;
                    padding-left: 0em;
                    padding-right: 1em;
                    margin-top: 0px;
                    flex: 0 0 57%;
                    max-width: 57%;
                }
        
                #right-col-tel {
                    padding-right: 5em;
                    padding-left: 3em;
                    flex: 0 0 28.66667%;
                    max-width: 28.66667%;
                }
    
                h2{
                    font-size: 1.6rem;
                }
        
                h3{
                    font-size: 1rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }

                #zona-llar .row.contenido.btm-span-margin {
                    margin-top: -0.2em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.2em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: 0px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 5%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-1{
                    height: 9vh;
                }
        
                .h-3 {
                    height: 25vh;
                }
            }
    
            @media only screen and (min-height: 550px) and (max-height: 600px) {
                body{
                    font-size: 18px;
                }
        
                #prod-altres{
                    font-size: 17.5px;
                }
    
                #left-col-tel {
                    flex: 0 0 10.333333%;
                    max-width: 10.333333%;
                }
        
                #dynamic-content {
                    padding-top: 13px;
                    padding-left: 0em;
                    padding-right: 0.5em;
                    margin-top: 0px;
                    flex: 0 0 67%;
                    max-width: 67%;
                }
        
                #right-col-tel {
                    padding-right: 0.5em;
                    padding-left: 3.5em;
                    flex: 0 0 25.66667%;
                    max-width: 25.66667%;
                }
    
                h2{
                    font-size: 1.6rem;
                }
        
                h3{
                    font-size: 1rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: 0px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte {
                    margin-top: 1%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-1{
                    height: 9vh;
                }
        
                .h-3 {
                    height: 25vh;
                }
            }
    
            @media only screen and (min-height: 600px) and (max-height: 650px) {
                body{
                    font-size: 20px;
                }
        
                #prod-altres{
                    font-size: 18.5px;
                }
    
                #left-col-tel {
                    flex: 0 0 7.333333%;
                    max-width: 7.333333%;
                }
        
                #dynamic-content {
                    padding-top: 13px;
                    padding-left: 0em;
                    padding-right: 0.5em;
                    margin-top: 0px;
                    flex: 0 0 67%;
                    max-width: 67%;
                }
        
                #right-col-tel {
                    padding-right: 0.5em;
                    padding-left: 3.5em;
                    flex: 0 0 25.66667%;
                    max-width: 25.66667%;
                }
        
                h3{
                    font-size: 1.4rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: 0px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 5%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-1{
                    height: 9vh;
                }
        
                .h-3 {
                    height: 23vh;
                }
            }
            
            @media only screen and (min-height: 650px) and (max-height: 700px) {
                body{
                    font-size: 20px;
                }
        
                #prod-altres{
                    font-size: 19px;
                }
    
                #left-col-tel {
                    flex: 0 0 7.333333%;
                    max-width: 7.333333%;
                }
        
                #dynamic-content {
                    padding-top: 30px;
                    padding-left: 0.5em;
                    padding-right: 0.5em;
                    margin-top: 0px;
                    flex: 0 0 67%;
                    max-width: 67%;
                }
        
                #right-col-tel {
                    padding-right: 0.5em;
                    padding-left: 3.5em;
                    flex: 0 0 25.66667%;
                    max-width: 25.66667%;
                }
        
                h3{
                    font-size: 1.4rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: 0px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 5%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-0_5 {
                    height: 5.33333vh;
                }

                .h-1{
                    height: 9vh;
                }
        
                .h-3 {
                    height: 24vh;
                }
                
            }
    
            @media only screen and (min-height: 700px) and (max-height: 750px) {
                body{
                    font-size: 20px;
                }
        
                #prod-altres{
                    font-size: 19px;
                }
    
                #left-col-tel {
                    flex: 0 0 7.333333%;
                    max-width: 7.333333%;
                }
        
                #dynamic-content {
                    padding-top: 55px;
                    padding-left: 0.5em;
                    padding-right: 0.5em;
                    margin-top: 0px;
                    flex: 0 0 67%;
                    max-width: 67%;
                }
        
                #right-col-tel {
                    padding-right: 0.5em;
                    padding-left: 3.5em;
                    flex: 0 0 25.66667%;
                    max-width: 25.66667%;
                }
        
                h3{
                    font-size: 1.4rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: 0px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 5%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-1 {
                    height: 8vh;
                }
        
                .h-3 {
                    height: 26vh;
                }
            }
    
            @media only screen and (min-height: 750px) and (max-height: 800px){
                body{
                    font-size: 20px;
                }
        
                #prod-altres{
                    font-size: 19px;
                }
    
                #left-col-tel {
                    flex: 0 0 7.333333%;
                    max-width: 7.333333%;
                }
        
                #dynamic-content {
                    padding-top: 86px;
                    padding-left: 0em;
                    padding-right: 0.5em;
                    margin-top: 0px;
                    flex: 0 0 67%;
                    max-width: 67%;
                }
        
                #right-col-tel {
                    padding-right: 0.5em;
                    padding-left: 3.5em;
                    flex: 0 0 25.66667%;
                    max-width: 25.66667%;
                }
        
                h3{
                    font-size: 1.4rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: -7px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 5%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-0_5 {
                    height: 6vh;
                }

                .h-1{
                    height: 7vh;
                }
        
                .h-3 {
                    height: 27vh;
                }
            }

            @media only screen and (min-height: 800px){
                body{
                    font-size: 20px;
                }
        
                #prod-altres{
                    font-size: 19px;
                }
    
                #left-col-tel {
                    flex: 0 0 7.333333%;
                    max-width: 7.333333%;
                }
        
                #dynamic-content {
                    padding-top: 86px;
                    padding-left: 0em;
                    padding-right: 0.5em;
                    margin-top: 0px;
                    flex: 0 0 67%;
                    max-width: 67%;
                }
        
                #right-col-tel {
                    padding-right: 0.5em;
                    padding-left: 3.5em;
                    flex: 0 0 25.66667%;
                    max-width: 25.66667%;
                }
        
                h3{
                    font-size: 1.4rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: -7px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 5%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-0_5 {
                    height: 5.33vh;
                }

                .h-1{
                    height: 7vh;
                }
        
                .h-3 {
                    height: 28vh;
                }
            }
        }

        @media only screen and (min-width: 1050px){
            @media only screen and (min-height: 400px) and (max-height: 450px) {
                body{
                    font-size: 15px;
                }
        
                #prod-altres{
                    font-size: 14.5px;
                }
    
                #left-col-tel {
                    flex: 0 0 24.333333%;
                    max-width: 24.333333%;
                }
        
                #dynamic-content {
                    padding-top: 15px;
                    padding-left: 0em;
                    padding-right: 0em;
                    margin-top: 0px;
                    flex: 0 0 40%;
                    max-width: 40%;
                }
        
                #right-col-tel {
                    padding-right: 14em;
                    padding-left: 4em;
                    flex: 0 0 35.66667%;
                    max-width: 35.66667%;
                }
    
                h2{
                    font-size: 1.3rem;
                }
        
                h3{
                    font-size: 0.8rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: 0px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 5%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
                
                @media only screen and (min-height: 400px) and (max-height: 420px) {
                    .h-1{
                        height: 8vh;
                    }
            
                    .h-3 {
                        height: 25vh;
                    }
                }

                @media only screen and (min-height: 420px){
                    .h-0_5{
                        height: 6.333vh;
                    }

                    .h-1{
                        height: 8vh;
                    }
            
                    .h-3 {
                        height: 26.5vh;
                    }
                }
            }
    
            @media only screen and (min-height: 450px) and (max-height: 500px) {
                body{
                    font-size: 17px;
                }
        
                #prod-altres{
                    font-size: 16px;
                }
    
                #left-col-tel {
                    flex: 0 0 21.333333%;
                    max-width: 21.333333%;
                }
        
                #dynamic-content {
                    padding-top: 15px;
                    padding-left: 0em;
                    padding-right: 0em;
                    margin-top: 0px;
                    flex: 0 0 44%;
                    max-width: 44%;
                }
        
                #right-col-tel {
                    padding-right: 10em;
                    padding-left: 4em;
                    flex: 0 0 34.66667%;
                    max-width: 34.66667%;
                }
    
                h2{
                    font-size: 1.4rem;
                }
        
                h3{
                    font-size: 0.9rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: 0px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 5%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-1{
                    height: 8vh;
                }
        
                .h-3 {
                    height: 25vh;
                }
            }
    
            @media only screen and (min-height: 500px) and (max-height: 550px) {
                body{
                    font-size: 18px;
                }
        
                #prod-altres{
                    font-size: 17.5px;
                }
    
                #left-col-tel {
                    flex: 0 0 18.333333%;
                    max-width: 18.333333%;
                }
        
                #dynamic-content {
                    padding-top: 25px;
                    padding-left: 1em;
                    padding-right: 1em;
                    margin-top: 0px;
                    flex: 0 0 48%;
                    max-width: 48%;
                }
        
                #right-col-tel {
                    padding-right: 7em;
                    padding-left: 3em;
                    flex: 0 0 33.66667%;
                    max-width: 33.66667%;
                }
    
                h2{
                    font-size: 1.6rem;
                }
        
                h3{
                    font-size: 1rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: 0px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 5%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-1{
                    height: 9vh;
                }
        
                .h-3 {
                    height: 25vh;
                }
            }
    
            @media only screen and (min-height: 550px) and (max-height: 600px) {
                body{
                    font-size: 20px;
                }
        
                #prod-altres{
                    font-size: 19.5px;
                }
    
                #left-col-tel {
                    flex: 0 0 15.333333%;
                    max-width: 15.333333%;
                }
        
                #dynamic-content {
                    padding-top: 25px;
                    padding-left: 0em;
                    padding-right: 0.5em;
                    margin-top: 0px;
                    flex: 0 0 54%;
                    max-width: 54%;
                }
        
                #right-col-tel {
                    padding-right: 5em;
                    padding-left: 4.5em;
                    flex: 0 0 30.66667%;
                    max-width: 30.66667%;
                }
    
                h2{
                    font-size: 1.8rem;
                }
        
                h3{
                    font-size: 1.2rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: 0px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 4%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-1{
                    height: 9vh;
                }
        
                .h-3 {
                    height: 25vh;
                }
            }
    
            @media only screen and (min-height: 600px) and (max-height: 650px) {
                body{
                    font-size: 22px;
                }
        
                #prod-altres{
                    font-size: 21px;
                }
    
                #left-col-tel {
                    flex: 0 0 10.333333%;
                    max-width: 10.333333%;
                }
        
                #dynamic-content {
                    padding-top: 30px;
                    padding-left: 1em;
                    padding-right: 1em;
                    margin-top: 0px;
                    flex: 0 0 60%;
                    max-width: 60%;
                }
        
                #right-col-tel {
                    padding-right: 0em;
                    padding-left: 4em;
                    flex: 0 0 29.66667%;
                    max-width: 29.66667%;
                }
        
                h3{
                    font-size: 1.4rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: 0px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 5%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-1{
                    height: 9vh;
                }
        
                .h-3 {
                    height: 25vh;
                }
            }
            
            @media only screen and (min-height: 650px) and (max-height: 700px) {
                body{
                    font-size: 22px;
                }
        
                #prod-altres{
                    font-size: 21px;
                }
    
                #left-col-tel {
                    flex: 0 0 10.333333%;
                    max-width: 10.333333%;
                }
        
                #dynamic-content {
                    padding-top: 30px;
                    padding-left: 1em;
                    padding-right: 1em;
                    margin-top: 0px;
                    flex: 0 0 60%;
                    max-width: 60%;
                }
        
                #right-col-tel {
                    padding-right: 0em;
                    padding-left: 4em;
                    flex: 0 0 29.66667%;
                    max-width: 29.66667%;
                }
        
                h3{
                    font-size: 1.4rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: 0px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 5%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-1{
                    height: 9vh;
                }
        
                .h-3 {
                    height: 25vh;
                }
            }
    
            @media only screen and (min-height: 700px) and (max-height: 750px) {
                body{
                    font-size: 25px;
                }
        
                #prod-altres{
                    font-size: 24.5px;
                }
    
                #left-col-tel {
                    flex: 0 0 8.333333%;
                    max-width: 8.333333%;
                }
        
                #dynamic-content {
                    padding-top: 50px;
                    padding-left: 0em;
                    padding-right: 0.5em;
                    margin-top: 0px;
                    flex: 0 0 66%;
                    max-width: 66%;
                }
        
                #right-col-tel {
                    padding-right: 0em;
                    padding-left: 3.5em;
                    flex: 0 0 25.66667%;
                    max-width: 25.66667%;
                }
        
                h3{
                    font-size: 1.4rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: 0px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 5%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-1{
                    height: 9vh;
                }
        
                .h-3 {
                    height: 25vh;
                }
            }
    
            @media only screen and (min-height: 750px) and (max-height: 800px) {
                body{
                    font-size: 25px;
                }
        
                #prod-altres{
                    font-size: 24.5px;
                }
    
                #left-col-tel {
                    flex: 0 0 8.333333%;
                    max-width: 8.333333%;
                }
        
                #dynamic-content {
                    padding-top: 70px;
                    padding-left: 0em;
                    padding-right: 0.5em;
                    margin-top: 0px;
                    flex: 0 0 66%;
                    max-width: 66%;
                }
        
                #right-col-tel {
                    padding-right: 0em;
                    padding-left: 3.5em;
                    flex: 0 0 25.66667%;
                    max-width: 25.66667%;
                }
        
                h3{
                    font-size: 1.4rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: 0px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 5%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-1{
                    height: 8vh;
                }
        
                .h-3 {
                    height: 26vh;
                }
            }
    
            @media only screen and (min-height: 800px) {
                body{
                    font-size: 25px;
                }
        
                #prod-altres{
                    font-size: 24.5px;
                }
    
                #left-col-tel {
                    flex: 0 0 8.333333%;
                    max-width: 8.333333%;
                }
        
                #dynamic-content {
                    padding-top: 100px;
                    padding-left: 0em;
                    padding-right: 0.5em;
                    margin-top: 0px;
                    flex: 0 0 66%;
                    max-width: 66%;
                }
        
                #right-col-tel {
                    padding-right: 0em;
                    padding-left: 3.5em;
                    flex: 0 0 25.66667%;
                    max-width: 25.66667%;
                }
        
                h3{
                    font-size: 1.4rem;
                }
        
                .apartados .contenido span.imp-note{
                    font-weight: bold; 
                    font-size: 1em;
                }
        
                .apartados .contenido img {
                    width: 7.5em;
                    height: 7em;
                }
        
                .apartados .contenido img.serveis-miralls{
                    width: 6.5em;
                    height: 7.5em;
                }
        
                .row.contenido.productes-list img {
                    width: 6em;
                    height: 6em;
                }
        
                .col-sm-12.top-serveis {
                    margin-top: 1.5em;
                    margin-bottom: 0.5em;
                }
    
                .contenido-zonas {
                    margin-top: 0px;
                }
        
                .previous.icon {
                    margin-top: 0;
                }
        
                .previous.btn.btn-dark {
                    font-size: xx-large;
                }
        
                .btm-span-margin{
                    margin-top: 0px;
                    margin-left: 0px;
                }
        
                #zona-boja .less-mt-20{
                    margin-top: 0px;
                }
        
                #contacte{
                    margin-top: 5%;
                }
        
                .form-control{
                    height: calc(1em + .75rem + 2px);
                }
        
                .btn-dark{
                    font-size: inherit;
                }
        
                .h-1{
                    height: 7.5vh;
                }
        
                .h-3 {
                    height: 27.5vh;
                }
            }
        }
    }