/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/





/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/



@media only screen and (min-width: 768px) and (max-width: 991px) {

    

}





/*------------------------------------------------------------------- 767px x 599px ---------------------------------------------------------------------*/



@media only screen and (min-width: 599px) and (max-width: 767px) {

    

}





/*------------------------------------------------------------------- 599px x 280px ---------------------------------------------------------------------*/



@media only screen and (min-width: 280px) and (max-width: 599px) {

    

}



@media (min-width: 1400px){

    h1 span.weight7-solid, h1 span.weight7-nosolid {

        font-size: 3.6rem;

    }

    .circle-container {

        top: 80%;

    }

    .container-section1 {

        width: 100%;

        height: fit-content;

        padding-bottom: 15%;

    }

    .carousel-control-prev, .carousel-control-next {

        right: -4% !important;

    }

    .navbar-brand img {

        width: 90%;

    }

    .navbar-expand-lg .navbar-nav {

        flex-direction: row;

        width: 85%;

    }

    li.nav-item {

        padding: 0% 4%;

    }

    /*----------------Section 9------------*/

    .container-right {

        left: 44%;

    }

    .background-section5 {

        height: 660px;

    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    h1 span.weight7-solid, h1 span.weight7-nosolid {

        font-size: 2.5rem;

    }

    .section1-right {

        padding-top: 10%;

    }

    .background-section1 {

        height: 16rem;

    }

    .container-conocemas {

        padding-top: 13%;

    }

    button.conoce-mas {

        padding: 2% 6%;

        width: fit-content;

    }

    .container-section1 {

        width: 100%;

        height: fit-content;

        padding-bottom: 14%;

    }

    .scrolling-text .scrolling-text-content{

        font-size:5rem;

    }

    .circle-container2 {

        left: 70%;

    }

    .section1-left img {

        width: 95%;

    }

    .carousel-control-prev, .carousel-control-next {

        right: -5% !important;

    }

    .testiomonial {

        margin-top: 0% !important;

    }

    .circle-container3 {

        margin-top: -7.5%;

    }

    .background-section5 .carousel-inner {

        padding-top: 1%;

        padding-bottom: 1%;

    }

    .background-section5 img{

        width: 90%;

    }

    .background-section8 img{

        width: 90%;

    }

    .background-section8 {

        padding: 3% 5%;

    }

    .section9 h5 span.weight7-nosolid {

        font-size: 4rem;

    }

    .section9{

        padding: 0% 4%;

    }

    li.nav-item {

        padding: 0% 1%;

    }

    .background-section2 img{

        width: 90%;

    }

    .circle-container4 img {

        width: 62%;

    }

    .background-section2 .containerright {

        margin-top: -15%;

    }

    .testiomonial .content-testimonial {

        height: 205px;

    }

    .background-section7 .carousel-inner{

        height: 330px;

    }

    .section4 {

        padding: 0% 4% !important;

        height: 490px;

        padding-top: 4% !important;

    }

    .section4 .carousel-inner {

        height: 310px;

    }

    .background-section5 .carousel-inner {

        width: 100%;

        height: 415px;

    }

    .background-section5.interiorismo .carousel-inner {
        height: 430px;
    }

    .background-section5.interiorismo.background-lightblue p{
        font-size: 1.2rem;
    }

    .requisitos img {
        width: 139%;
        margin-left: -50%;
        margin-bottom: -10%;
        padding-top: 18%;
    }

    .section4.interiorismo .carousel-inner {
        height: 381px;
    }

    .section4.interiorismo{
        padding: 0% 4% !important;
        height: 564px;
        padding-top: 4% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    h1 span.weight7-solid, h1 span.weight7-nosolid {

        font-size: 1.9rem;

    } 

    .background-section5 .carousel-inner {

        width: 100%;

        height: 350px;

    }

    /*.background-section1 {

        height: 66%;

    }*/

    .background-section1.bluecolor {

        height: 14rem;

    }

    .container-conocemas {

        padding-top: 5%;

    }

    button.conoce-mas {

        padding: 2% 6%;

        width: fit-content;

    } 

    .text-testimonial img{

        width: 95%;

    }

    .testiomonial{

        margin-top: 0%;

    }

    .background-section8 img{

        width: 100%;

        padding-top: 50%;

    }

    .scrolling-text .scrolling-text-content{

        font-size: 5rem;

    }

    /*.container-section1 {

        height: 21rem;

    }*/

    /*.bluecolor .container-section1 {

        height: 24rem;

    }*/

    .container-section1 {

        padding-bottom: 18%;

    }

    .buttonturn {

        top: 26%;

        left: 14%;

    }

    .section1-left {

        padding-top: 10%;

    }

    .background-section3 {

        padding: 18% 5%; 

        margin-top: -10%;

        padding-bottom: 2%;

        padding-top: 18%;

    }

    .circle-container2 {

        left: 70%;

        margin-top: -23%;

    }

    .background-section5 img{

        width: 90%;

    }

    .background-section5 {

        padding-bottom: 8%;

        height: 500px;

    }

    .circle-container3 {

        margin-top: -10%;

        left: 80%;

        

    }

    .section6 h5 span.weight7-nosolid {

        font-size: 4rem;

    }

    h5 span.weight7-solid {

        font-size: 4rem;

    }

    .scrolling-text .scrolling-text-content {

        margin: 0px 0;

    }

    .background-section7 .lineblue7 {

        width: 85px;

    }

    .section9 h5 span.weight7-nosolid {

        font-size: 3.5rem;

    }

    #text-right{

        transform: translateX(41%);

    }

    #text-right2{

        transform: translateX(-141%);

    }

    .circle-container4 img {

        width: 80%;

    }

    .section9 .lineblue{

        width: 70px;

    }

    .background-circle4{

        border-radius: 50% 50%;

        width: 100px;

        height: 100px;

    }

    .container-right {

        left: 48%;

    }

    img.footer-logo{

        width:80%

    }

    .carousel-control-prev, .carousel-control-next{

        right: -6% !important;

    }

    .testiomonial .tes3 .text-testimonial, .testiomonial .tes2 .text-testimonial, .testiomonial .tes1 .text-testimonial{

        border-top-left-radius: 50% 20%;

        border-top-right-radius: 50% 20%;

    }

    .testiomonial .content-testimonial{

        height: 250px;

    }

    .background-section3 button.conoce-mas.borderblue {

        margin: 3% 0%;

    }

    .purplecolor .background-section1{

        height: 14rem;

    }

    .section1-right .text-header{

        height: 196px;

    }
    .requisitos img {
        width: 139%;
        margin-left: -50%;
        margin-bottom: -10%;
        padding-top: 18%;
    }

    .section4.interiorismo .carousel-inner {
        height: 430px;
    }

    .section4.interiorismo{
        padding: 0% 4% !important;
        height: 590px;
        padding-top: 4% !important;
    }

    .background-section5.interiorismo .carousel-inner {
        height: 430px;
    }

    .background-section5.interiorismo.background-lightblue p{
        font-size: 1.1rem;
    }

}



@media (min-width: 576px) and (max-width: 767px) { 

    .container-section1 h1 span.weight7-solid,  .container-section1 h1 span.weight7-nosolid{

        font-size: 1.5rem;

    }

    h1 span.weight7-solid, h1 span.weight7-nosolid {

        font-size: 2.5rem;

    }

    .background-section2 {

        padding-top: 10%;

    }

    .section1-right .text-header {

        height: 185px;

    }

    .carousel-control-prev, .carousel-control-next {

        right: -7% !important

    }

    .background-section1 {

        height: 12.8rem;

    }

    .background-section1.bluecolor {

        /*height: 15rem;*/

        height: 18rem;

    }

    .bluecolor .section1-left img {

        width: 97%;

    }

    .buttonturn {

        top: 30%;

        left: 25%;

    }

    .container-conocemas {

        padding-top: 3%;

        padding-left: 15%

    }

    .section1-left {

        padding-top: 20%;

    }

    .bluecolor.container-section1 {

        padding-bottom: 7%;

    }

    .testiomonial .tes1, .testiomonial .tes2, .testiomonial .tes3{

        width: 100%;

    }

    .circle-container {

        left: 60%;

    }

    .background-section3 {

        padding-top: 30%;

    }

    .background-section5{

        padding-bottom: 15%;

        height: 45rem;

    }

    .circle-container3 {

        margin-top: -14%;

        left: 75%;

    }

    .scrolling-text .scrolling-text-content{

        font-size: 5rem;

    }

    h5 span.weight7-solid, .section6 h5 span.weight7-nosolid{

        font-size: 5rem;

    }

    .scrolling-text .scrolling-text-content {

        margin: 4px 0;

    }

    .background-section7  h1 span.weight7-solid, .background-section7 h1 span.weight7-nosolid{

        font-size: 4rem;

    }

    .background-section7 .lineblue7 {

        margin-top: 30%;

        margin-left: -39%;

    }

    .testiomonial{

        margin-top: 7%;

    }

    .text-testimonial img {

        width: 53%;

    }

    .background-section7 .carousel-inner{

        display: flex;

        flex-direction: row;

        align-items: flex-end;

    }

    .background-section8{

        padding-top:10%;

    }

    .background-section8 img{

        width: 80%;

        margin-bottom: -15%

    }

    .section9 h5 span.weight7-nosolid {

        font-size: 3.8rem;

    }

    .container-right {

        width: 43%;

        left: 42%;

        font-size: 0.8rem;

        line-height: 1.2;

    }

    .container-right {

        width: 87%;

        position: relative;

        left: 0%;

        font-size: 0.8rem;

        line-height: 1.2;

    }

    .buttonturn4 {

        position: absolute;

        top: 15%;

        left: -130%;

    }

    .circle-container4 {

        left: 41%;

        padding-bottom: 50%;

    }

    .navbar-expand-lg .navbar-nav {

        flex-direction: column;

        align-items: center;

    }

    .background-section5 .carousel-item{

        padding: 0% 25%;

    }

    .background-section7{

        -webkit-text-stroke: 2px var();

    }

    .section6 h5 span.weight7-nosolid{

        -webkit-text-stroke:2px var(--primary-blue);

    }

    .circle-container4 img {

        width: 60%;

    }

    .carousel-control-prev, .carousel-control-next {

        display: flex;

        align-content: flex-start;

        flex-direction: column;

        flex-wrap: nowrap;

        justify-content: center;

    }

    button.conoce-mas.borderpink{

        margin: 8% 0%;

    }

    .background-section1.pinkcolor {

        height: 20rem;

    }

    .background-section3 button.conoce-mas.borderblue {

        margin: 4.2% 0%;

    }

    .background-section8 {

        padding-top: 10%;

    }

    .card-section3 {

        display: grid;

        grid-template-columns: repeat(1, 1fr);

        column-gap: 2rem;

    }

    .testiomonial .content-testimonial {

        height: 140px;

    }

    .section4 .carousel-inner {

        height: 300px;

    }

    .background-section5   .carousel-inner {

        height: 550px;

}

.background-section3 .carousel-inner {

    height:27rem;

}
.requisitos img{
        width: 136%;
        margin-left: -50%;
        margin-bottom: 5%;
        padding-top: 5%;
    }
    
    .section4.interiorismo .carousel-inner {
        height: 430px;
    }
    .section4.interiorismo{
        padding: 0% 4% !important;
        height: 590px;
        padding-top: 4% !important;
    }
    .background-section5.interiorismo img {
        width: 100%;
    }
    .background-section7.requisitos .lineblue7 {
        margin-top: 78%;
        margin-left: -34%;
    }
    .background-section5.interiorismo .carousel-inner {
        height: 570px;
    }
    .background-section5.interiorismo .paddingbottom {
        padding-bottom: 10%;
        padding-top: 5%;
    }

}





@media (max-width: 575px) {

    .background-section2 {

        padding-top: 35%;

    }

    .section1-left img {

        width: 80%;

    }

    .lightbluecolor .section1-left img {
        padding-bottom: 2%;
    }

    .section1-left .buttonturn img {

        width: 100%;

    }

    .section1-right {

        padding-top: 0%; 

    }

    .container-conocemas {

        padding-top: 2%;

    }

    /*.container-section1 {

        height: fit-content;

        padding-bottom: 50%;

    }*/

    h1 span.weight7-nosolid{

        -webkit-text-stroke: 1px white;

    }

    /*----------------------Tamaño de las letras solid-----------------------------*/

    h1 span.weight7-solid, h5 span.weight7-solid, .section9 h5 span.weight7-solid, h2 {

        font-size: 2.4rem;

    }

    /*----------------------Tamaño de las letras nosolid-----------------------------*/

    h1 span.weight7-nosolid, h5 span.weight7-nosolid{

        font-size: 2.4rem;

    }

    h5 span.weight7-nosolid {

        -webkit-text-stroke: 1px var(--primary-blue);

    }

    h5 span.weight7-solid {

        font-size: 2.4rem;

    }

    .carousel-control-prev, .carousel-control-next {

        right: 2% !important;

        /*top: -75%;*/

        justify-content: flex-start !important;

    }

    .background-section1 {

        height: 27.8rem;

        padding-top: 5%;

    }

    .purplecolor .background-section1 {

        height: 29.8rem;

    }

    .background-section1.bluecolor {

        height: 25rem;

    }
    .background-section1.lightbluecolor.pinkcolor {
        /* height: 19.8rem; */
        height: 21rem;
    }

    .linesection3 {

        width: 50px;

    }

    .background-section3 {

        padding: 3% 0%;

        padding-top: 45%;

        margin-top: -25%;

    }

    .testiomonial .tes1, .testiomonial .tes2, .testiomonial .tes3 {

        width: 100%;

        height: fit-content;

    }

    .testiomonial {

        margin-top: 3%;

    }

    .subject-content{

        font-size: 1.2rem;

    }

    .background-section2 img{

        width: 90%;

    }

    .background-section5 img{

        width: 85%;        

    }

    .footer-logo{

        width: 60%;

    }

    .background-section7 .carousel-inner{

        display: flex;

        flex-direction: row;

        align-items: flex-end;

    }

    .background-section8 {

        padding: 8% 5%;

    }

    

    .container-right {

        width: 100%;

        position: relative;

        left: 0%;

        /* padding: 3% 0%; */

        padding-top: 0%;

    }

    .circle-container4 {

        width: fit-content;

        position: relative;

        /* top: 66%; */

        left: 5%;

        margin-top: 0%;

        padding-bottom: 0%;

    }

    /*.carousel-inner {

        height: 450px;

        padding: 5%;

    }*/

    .circle-container3 {

        left: 0%;

        margin-top: 0%;

        padding-bottom: 0%;

        padding-left: 0%;

    }

    .circle-container3 img{

        width: 100%;

    }

    .section5-title{

        padding-top: 20%;

    }

    .buttonturn3{

        top: 40%;

        left: 36%;

    }

    .buttonturn4{

        top: 15%;

        left: -100%;

    }

    .background-section5 {

        padding-bottom: 5%;

        height: fit-content;



    }

    .circle-container {

        top: 65%;

        left: 51%;

    }

    .circle-container2 {

        left: 74%;

        margin-top: -30%;

    }

    .background-section8 img{

        width: 100%;

    }

    /*.container-lineend {

        margin-left: -19%

    }*/

    .section9 h5 span.weight7-nosolid {

        font-size: 2.3rem;

    }

    .section9 .lineblue{

        width:70px;

        margin-left: -25%;

    }

    .circle-container4 img {

        width: 70%;

    }

    .background-section7 .lineblue7{

        width: 95px;

        height: 3px;

        /* padding-top: 0%; */

        margin-top: 20%;

        margin-left: -22%;

    }

    .section6 h5 span.weight7-solid{

        font-size: 3rem;

    }

    .section6 h5 span.weight7-nosolid {

        font-size: 3rem;

        -webkit-text-stroke: 1px var(--primary-blue);

    }

    .greencolor.section6 h5 span.weight7-nosolid, .section9.greencolor h5 span.weight7-nosolid {

        -webkit-text-stroke: 1px var(--primary-green);

    }

    .purplecolor.section6 h5 span.weight7-nosolid {

        -webkit-text-stroke: 1px var(--primary-purple);

    }

    .section6.pinkborderword h5 span.weight7-nosolid{

        -webkit-text-stroke: 1px var(--primary-pink);

    }

    .scrolling-text .scrolling-text-content{

        margin:0%;

        font-size: 65px;

    }

    .background-section7 img{

        width: 70%;

    }

    

    .bg-body-tertiary {

        padding: 0% 0%;

    }

    .navbar-brand{

        width:70%;

    }

    .navbar-expand-lg .navbar-nav {

        flex-direction: column;

        align-items: center;

    }

    .nosolid-black {

        -webkit-text-stroke: 1px black !important;

    }

    /*.carousel-item {

        transition: transform 10s ease-in-out;

    }*/

    /*.background-section5 .carousel-item{

        -webkit-animation: transform 0.6s ease-in-out !important;

    }*/

    .background-section5 .carousel-inner {

        padding: 5% 13%;

    }

    .section4 {

        padding-bottom: 0%;

    }

    .background-circle4 {

        width: 80px;

        height: 80px;

    }

    .background-section3 p, .background-section2 p{

    font-size:1.3rem;

    }

    #text-right {

        transform: translateX(100%);

        -webkit-transform: translateX(100%);

        -moz-transform: translateX(100%);

        -ms-transform: translateX(100%);

        -o-transform: translateX(100%);

    }

    #text-right2 {

        transform: translateX(-109%);

        -webkit-transform: translateX(-109%);

        -moz-transform: translateX(-109%);

        -ms-transform: translateX(-109%);

        -o-transform: translateX(-109%);

    }

    #text-left {

        transform: translateX(-96%);

        -webkit-transform: translateX(-96%);

        -moz-transform: translateX(-96%);

        -ms-transform: translateX(-96%);

        -o-transform: translateX(-96%);

    }

    .carousel-control-prev, .carousel-control-next {

        position: absolute;

        /*top: 0;

        width: fit-content;

        bottom: 0;

        right: -2% !important;*/

        display: flex;

        align-content: flex-start;

        flex-direction: column;

        flex-wrap: nowrap;

        justify-content: center;

    }

    button.conoce-mas.borderpink{

        margin: 8% 0%;

    }

    .background-section1.pinkcolor {

        /* height: 19.8rem; */

        height: 32rem;

    }

    .background-section3 button.conoce-mas.borderblue{

        margin: 5% 0%;

    }

    .background-section8 img{

        width: 90%;

        margin-bottom: -20%;

    }

    .background-section8 {

        padding-top: 10%;

    }

    .buttonturn2 img{

        width:100%;

    }

    .section9{

        padding-top: 5%;

    }

    .section3-lettertitle {

        width: 87%;

    }

    .background-circle, .background-circle2, .background-circle3{

        width: 100px;

        height: 100px;

    }

    .buttonturn, .buttonturn2, .buttonturn3 {

        width: 100px;

        height: 100px;

    }

    .card-section3 {

        display: grid;

        grid-template-columns: repeat(1, 1fr);

        column-gap: 2rem;

    }

    .section1-right .text-header {

        height: fit-content;

    }

    .testiomonial .content-testimonial {

        height: 190px;

    }

    .background-section3 .carousel-inner{

        height: 425px;

    }

    .background-section5   .carousel-inner {

            height: 550px;

    }

    .background-section3.interiorismo .carousel-inner {
        height: 481px;
    }
    .section4 .carousel-inner {

        height: 340px;

    }

    .requisitos img{
        width: 136%;
        margin-left: -50%;
        margin-bottom: 5%;
        padding-top: 5%;
    }
    .section4.interiorismo .carousel-inner {
        height: 450px;
    }
    .section4.interiorismo{
        padding: 0% 4% !important;
        height: 600px;
        padding-top: 4% !important;
    }
    .background-section5.interiorismo img{
        width: 85%;
    }
    .background-section7.requisitos .lineblue7 {
        margin-top: 34%;
        margin-left: -40%;
    }
    .background-lightblue .section5-title {
        padding-top:30%;
    }

}