/********************************************************************************************
 0. STYLES FOR MOBILE DEVICES - media screen max-width: 768px (removes animation for mobile devices) (line 24)
 1. STYLES FOR MOBILE DEVICES - media screen max width: 400px (line 55)
 2. STYLES FOR MOBILE DEVICES - media screen min width: 401px / max width: 575px (line ---)
 3. STYLES FOR MOBILE DEVICES - media screen min width: 576px / max width: 649px (line ---) 
 4. STYLES FOR MOBILE DEVICES - media screen min width: 650px / max width: 767px (line ---)
 5. STYLES FOR MOBILE DEVICES - media screen min width: 768px / max width: 991px (line ---)
 6. STYLES FOR MOBILE DEVICES - media screen min width: 992px / max width: 1199px (line ---)
 7. STYLES FOR MOBILE DEVICES - media screen min width: 1200px / max width: 1279px (line ---)
 8. STYLES FOR MOBILE DEVICES - media screen min width: 1280px / max width: 1365px (line ---)
 9. STYLES FOR MOBILE DEVICES - media screen min width: 1366px / max width: 1535px (line ---)
 10. STYLES FOR MOBILE DEVICES - media screen min width: 1536px / max width: 1679px (line ---)
 11. STYLES FOR MOBILE DEVICES - media screen min width: 1680px / max width: 1919px (line ---)
 
*********************************************************************************************/


/*-- 0. STYLES FOR TABLET DEVICES - media screen max-width: 768px --*/
@media screen and (max-width: 768px) {
  #primera-book-section .video-container{height: 430px;}
  #primera-main-section .video-container iframe {min-height: 430px;}
  #primera-song-section .first-row iframe {min-height: 400px;}

  /* Download form */
  .modal-root.download-modal{top: calc(50px + 2rem);height: calc(100% - (50px + 2rem) - (213.18px + 6rem));}
  .modal-root.download-modal .modal-overlay{background-size: 1770px 1000px, cover;background-position: 50% 0vh, center;}

  #basica-main-section .video-container iframe {min-height: 430px;}

  /* basica book */
  #basica-book-section .first-row .area-container{background-size: 700px, cover;}
  #basica-book-section .first-row .text-container.first-block{top: 55%;left: 415px;}
  #basica-book-section .first-row .text-container.second-block{top: 25%;left: 50%;width: 100%;padding: 2rem;}

  #basica-book-section .stories-row .area-container{grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(4, 1fr);}
}


@media only screen and (max-width: 991px) {
  /* home & about : Slides */
  #about-section .swiper-container .swiper-slide.slide1 {
    background-image: url('/wp-content/uploads/about-slide1-mobile-background.jpg');
    background-size: cover;
    background-position: 50% 35%;
  }

  #about-section .swiper-slide.slide1 .text-container {
    top: 20%;
    left: 20vw;
    width: 400px;
  }

  #about-section .swiper-container .swiper-slide.slide2 {
    background-image: url('/wp-content/uploads/about-slide2-mobile-background2.png'), 
      url('/wp-content/uploads/about-slide2-mobile-background1.jpg');
    background-size: auto, cover;
    background-position: -60px 100%, center;
    background-repeat: no-repeat;
  }


  #about-section .swiper-slide.slide2 .text-container.first-block{top:18%;}
  #about-section .swiper-slide.slide2 .text-container.second-block{top:35%;right:2%;}
  #about-section .swiper-slide.slide2 .text-container.third-block {top:56%;right:0vw;width:300px;}
  #about-section .content-icons {flex-wrap: wrap;}
  #about-section .swiper-slide.slide2 .content-icon-container {width: 50%;height: 75px;min-height:unset}
  #about-section .swiper-slide.slide2 .content-icon-container .icon-background{width: 75px;height: 75px;}
  #about-section .swiper-slide.slide2 .content-icon-container .svg-container{padding-top:0.5rem;}
  #about-section .swiper-slide.slide2 .content-icon-container .svg-container svg{height: 35px;}
  #about-section .swiper-slide.slide2 .content-icon-container.audiolibros{margin-top: 0;}
  #about-section .swiper-slide.slide2 .content-icon-container.canciones{margin-top:1.25rem;}
  #about-section .swiper-slide.slide2 .text-container.fourth-block {top:75%;left: 102px;}
  #about-section .swiper-slide.slide2 .text-container.fourth-block svg{overflow: visible;}


  #about-section .swiper-container .swiper-slide.slide3 {
    background-image: url('/wp-content/uploads/about-slide3-mobile.jpg');
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
  }

  #about-section .swiper-container .swiper-slide.slide3{background-position:50% 72%;}
  #about-section .swiper-slide.slide3 .text-container {top:30%;left:50%;width:475px;}

  #about-section .swiper-container .swiper-slide.slide4 {
    background-image: url('/wp-content/uploads/about-slide4-mobile-foreground.png'),
      url('/wp-content/uploads/about-slide4-mobile-background.png');
    background-size: 500px, cover;
    background-position: 0px 100%, center;
  }
  #about-section .swiper-slide.slide4 .text-container.first-block{top:8%;left:20%;}
  #about-section .swiper-slide.slide4 .text-container.second-block{top:83%;left:623px;padding:0.8rem 1.3rem;}
  #about-section .swiper-slide.slide4 .third-block{left:44%;top:290px;width:550px;}
  
}

/*-- 1. STYLES FOR MOBILE DEVICES - media screen max width: 400px --*/
@media only screen and (max-width: 400px) {
  /* home & about */
  #about-summary .summary-row .left-column .content-container {border-radius: 0;}
  #about-summary .summary-row .right-column .content-container {border-radius: 0 0 50px 50px;}
  #about-summary .content-icon-container .icon-text {font-size: 0.7em;}
  #about-summary .content-icon-container {margin-bottom: 1rem;}
  #about-section .video-container iframe{height: 175px;}

  /* home & about : Slides */
  #about-section .swiper-slide.slide1 .text-container {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    margin-top: 2rem;
    padding: 2rem;
    background-color: rgba(0,0,0,0.4);
    transform: none;
  }

  #about-section .swiper-container .swiper-slide.slide2{background-position: -136px 100%, center;}
  #about-section .swiper-slide.slide2 .text-container:not(.fourth-block) {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: auto;
    padding: 0.5rem;
    background-color: rgba(0,0,0,0.4);
  }
  #about-section .swiper-slide.slide2 .text-container.first-block{margin-top:1rem;}
  #about-section .swiper-slide.slide2 .text-container.second-block{padding-left:2rem;background-position: 0.75rem 0%;}
  #about-section .swiper-slide.slide2 .content-icon-container.actividades{margin-top:0;margin-bottom: 0.25rem;}
  #about-section .swiper-slide.slide2 .content-icon-container.canciones{margin-top:0;margin-bottom: 0.25rem;}
  #about-section .swiper-slide.slide2 .text-container.fourth-block{left: 28px;}

  #about-section .swiper-slide.slide3 .text-container {
    width: auto;
    top: 0;
    left: 0;
    transform: none;
    margin-top: 2rem;
    padding: 1rem;
    background-color: rgba(0,0,0,0.4);
  }
  #about-section .swiper-slide.slide3 .content-icon-container {width:75px;height:75px;min-height:unset}
  #about-section .swiper-slide.slide3 .content-icon-container .icon-background{width: 75px;height: 75px;}
  #about-section .swiper-slide.slide3 .content-icon-container .svg-container{padding-top:0.5rem;}
  #about-section .swiper-slide.slide3 .content-icon-container .svg-container svg{height: 35px;}

  #about-section .swiper-slide.slide4 .text-container:not(.second-block) {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: auto;
    padding: 0.5rem;
    background-color: rgba(0,0,0,0.4);
  }
  #about-section .swiper-slide.slide4 .text-container.first-block{margin-top:1rem;}
  #about-section .swiper-slide.slide4 .third-block img{height: 35px;}
  #about-section .swiper-slide.slide4 .third-block img:nth-child(3){width: 45px;}
  #about-section .swiper-slide.slide4 .text-container.second-block{display: none;}

  /* primera */
  #primera-main-section .content-icon-container {margin-bottom: 0.5rem;}
  #primera-book-section .video-container{height: 250px;}
  #primera-main-section .video-container iframe {min-height: 250px;}

  #primera-song-section .first-row iframe {min-height: 250px;}
  #primera-song-section .song-sidebar-container .thumbnail-container img{min-width:unset;max-width:100%;height:auto;width:160px;}

  /* Download form */
  .modal-root.download-modal{height: calc(100% - (50px + 2rem) - (503px + 6rem));}

  /* basica */
  #basica-main-section .content-icon-container {margin-bottom: 0.5rem;}
  #basica-main-section .video-container iframe {min-height: 250px;}

  /* basica book */
  #basica-book-section .first-row .area-container{background-size: 500px, cover;}
  #basica-book-section .first-row .text-container.first-block{top: 68%;left: 261px;padding: 1.25rem 5rem;}
  #basica-book-section .first-row .text-container.second-block{top: 35%;}

  #basica-book-section .stories-row .area-container{grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(8, 1fr);}

  /* basica story */
  .basica-story .download-row a.button,
  .basica-story .header-row a.button {margin: 0 auto;}
}


/*-- 2. STYLES FOR MOBILE DEVICES - media screen min width: 401px / max width: 575px --*/
@media screen and (min-width: 401px) and (max-width: 575px) {
  /* home & about */
  #about-summary .summary-row .left-column .content-container {border-radius: 0;}
  #about-summary .summary-row .right-column .content-container {border-radius: 0 0 50px 50px;}
  #about-summary .content-icon-container .icon-text {font-size: 0.7em;}
  #about-summary .content-icon-container {margin-bottom: 1rem;}
  #about-section .video-container iframe{height: 175px;}

  /* home & about : Slides */
  #about-section .swiper-slide.slide1 .text-container {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    margin-top: 2rem;
    padding: 2rem;
    background-color: rgba(0,0,0,0.4);
    transform: none;
  }


  #about-section .swiper-slide.slide2 .text-container:not(.fourth-block) {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: auto;
    padding: 0.5rem;
    background-color: rgba(0,0,0,0.4);
  }
  #about-section .swiper-slide.slide2 .text-container.first-block{margin-top:1rem;}
  #about-section .swiper-slide.slide2 .text-container.second-block{padding-left:2rem;background-position: 0.75rem 0%;}
  #about-section .swiper-slide.slide2 .content-icon-container.actividades{margin-top:0;margin-bottom: 0.25rem;}
  #about-section .swiper-slide.slide2 .content-icon-container.canciones{margin-top:0;margin-bottom: 0.25rem;}

  #about-section .swiper-slide.slide3 .text-container {
    width: auto;
    top: 0;
    left: 0;
    transform: none;
    margin-top: 2rem;
    padding: 1rem;
    background-color: rgba(0,0,0,0.4);
  }
  #about-section .swiper-slide.slide3 .content-icon-container {width:75px;height:75px;min-height:unset}
  #about-section .swiper-slide.slide3 .content-icon-container .icon-background{width: 75px;height: 75px;}
  #about-section .swiper-slide.slide3 .content-icon-container .svg-container{padding-top:0.5rem;}
  #about-section .swiper-slide.slide3 .content-icon-container .svg-container svg{height: 35px;}

  #about-section .swiper-slide.slide4 .text-container:not(.second-block) {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: auto;
    padding: 0.5rem;
    background-color: rgba(0,0,0,0.4);
  }
  #about-section .swiper-slide.slide4 .text-container.first-block{margin-top:1rem;}
  #about-section .swiper-slide.slide4 .third-block img{height: 35px;}
  #about-section .swiper-slide.slide4 .third-block img:nth-child(3){width: 45px;}
  #about-section .swiper-slide.slide4 .text-container.second-block{top: 58%;left: 50%;padding: 0.8rem 3rem;transform: translate(-50%,0);}

  /* primera */
  #primera-main-section .content-icon-container {margin-bottom: 0.5rem;}
  #primera-book-section .video-container{height: 250px;}
  #primera-main-section .video-container iframe {min-height: 250px;}

  #primera-song-section .first-row iframe {min-height: 250px;}
  #primera-song-section .song-sidebar-container .index-container{width: 100%;padding: 1rem;font-weight: bold;font-size: 1.2em;}
  #primera-song-section .song-sidebar-container .thumbnail-container,
  #primera-song-section .song-sidebar-container .title-container {width: 100%;}
  #primera-song-section .song-sidebar-container .thumbnail-container img{min-width:unset;max-width:100%;height:auto;width:160px;}
 
  /* Download form */
  .modal-root.download-modal{height: calc(100% - (50px + 2rem) - (526px + 6rem));}
  .modal-root.download-modal .modal-overlay{background-size: 1600px 900px, cover;background-position: 50% 0vh, center;}

  /* basica */
  #basica-main-section .content-icon-container {margin-bottom: 0.5rem;}
  #basica-main-section .video-container iframe {min-height: 250px;}

  /* basica book */
  #basica-book-section .first-row .area-container{background-size: 500px, cover;}
  #basica-book-section .first-row .text-container.first-block{top: 68%;left: 261px;padding: 1.25rem 5rem;}
  #basica-book-section .first-row .text-container.second-block{top: 30%;}

  #basica-book-section .stories-row .area-container{grid-template-columns: repeat(1, 1fr);grid-template-rows: repeat(8, 1fr);}

  /* basica story */
  .basica-story .download-row a.button,
  .basica-story .header-row a.button {margin: 0 auto;}
}


/*-- 3. STYLES FOR MOBILE DEVICES - media screen min width: 576px / max width: 649px --*/
@media screen and (min-width: 576px) and (max-width: 649px) {
  #about-summary .summary-row .left-column .content-container {border-radius: 0;}
  #about-summary .summary-row .right-column .content-container {border-radius: 0 0 50px 50px;}

  #about-section .swiper-slide.slide4 .text-container.second-block{top:74%;left:438px;}
  #about-section .swiper-slide.slide4 .third-block{left:51%;top:250px;}
  [lang="en-us"] #about-section .swiper-slide.slide4 .third-block{left:51%;top:275px;}
  #about-section .swiper-slide.slide4 .third-block img{height: 50px;}
  #about-section .swiper-slide.slide4 .third-block img:nth-child(3){width: 55px;}
}


/*-- 4. STYLES FOR MOBILE DEVICES - media screen min width: 650px / max width: 767px --*/
@media screen and (min-width: 650px) and (max-width: 767px) {
  #about-summary .summary-row .left-column .content-container {border-radius: 0;}
  #about-summary .summary-row .right-column .content-container {border-radius: 0 0 50px 50px;}

  #about-section .swiper-slide.slide4 .text-container.second-block{top:74%;left:438px;}
  #about-section .swiper-slide.slide4 .third-block{left:51%;top:250px;}
  [lang="en-us"] #about-section .swiper-slide.slide4 .third-block{left:51%;top:275px;}
  #about-section .swiper-slide.slide4 .third-block img{height: 50px;}
  #about-section .swiper-slide.slide4 .third-block img:nth-child(3){width: 55px;}
}


/*-- 5. STYLES FOR MOBILE DEVICES - media screen min width: 768px / max width: 991px --*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  #about-summary .content-icon-container .icon-text {font-size: 0.7em;}
  #primera-book-section .video-container{height: 430px;}

  #primera-main-section .video-container iframe {min-height: 280px;}
  #primera-song-section .first-row iframe {min-height: 400px;}

  /* Download form */
  .modal-root.download-modal .modal-overlay {background-size: 1420px 800px, cover;background-position: 50% 5vh, center;}

  /* basica book */
  #basica-book-section .first-row .area-container{background-size: 700px, cover;}
  #basica-book-section .first-row .text-container.first-block{top: 55%;left: 415px;}
  #basica-book-section .first-row .text-container.second-block{top: 26%;left: 50vw;width: 610px;}

  #basica-book-section .stories-row .area-container{grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3, 1fr);}
}


/*-- 6. STYLES FOR MOBILE DEVICES - media screen min width: 992px / max width: 1199px --*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* home & about */
  #about-summary .summary-row .left-column .content-container {border-radius: 0;}
  #about-summary .summary-row .right-column .content-container {border-radius: 0 0 50px 50px;}

  /* home & about : Slides */
  #about-section .swiper-slide.slide1 .text-container {left: 67vw;width: 268px;}

  #about-section .swiper-container .swiper-slide.slide2{background-size: 1200px, cover;}
  #about-section .swiper-slide.slide2 .text-container.second-block{top:25%;right:4%;width:291px;}
  #about-section .swiper-slide.slide2 .content-icons{right:2%;top:49%;}
  #about-section .swiper-slide.slide2 .text-container.fourth-block{top:57%;left:272px;}
  #about-section .swiper-slide.slide2 .content-icon-container {width: 50%;height: 75px;min-height:unset}
  #about-section .swiper-slide.slide2 .content-icon-container .icon-background{width: 75px;height: 75px;}
  #about-section .swiper-slide.slide2 .content-icon-container .svg-container{padding-top:0.5rem;}
  #about-section .swiper-slide.slide2 .content-icon-container .svg-container svg{height: 35px;}

  #about-section .swiper-container .swiper-slide.slide3{background-position:62%;}
  #about-section .swiper-slide.slide3 .text-container{top:39%;left:22%;width:375px;}
  #about-section .swiper-slide.slide3 .content-icon-container {width:50%;height:75px;min-height:unset}
  #about-section .swiper-slide.slide3 .content-icon-container .icon-background{width: 75px;height: 75px;}
  #about-section .swiper-slide.slide3 .content-icon-container .svg-container{padding-top:0.5rem;}
  #about-section .swiper-slide.slide3 .content-icon-container .svg-container svg{height: 35px;}

  #about-section .swiper-container .swiper-slide.slide4{background-size:750px, cover;}
  #about-section .swiper-slide.slide4 .text-container.second-block{top:43%;left:470px;padding:0.8rem 1.3rem;}
  #about-section .swiper-slide.slide4 .third-block{left:80%;top:314px;width:375px;}
  #about-section .swiper-slide.slide4 .third-block img{height: 60px;}
  #about-section .swiper-slide.slide4 .third-block img:nth-child(3){width: 65px;}

  #about-section .video-container iframe{height: 280px;}

  /* primera */
  #primera-main-section .content-icon-container {width: 50%;min-width:75px;min-height: 75px;margin-bottom: 1rem;}
  #primera-main-section .content-icon-container .icon-background {width:75px;height:75px;}
  #primera-main-section .content-icon-container svg{height:35px;}
  #primera-main-section .content-icon-container .svg-container {padding-top:0.5rem;}
  #primera-main-section .content-icon-container .icon-text {font-size: 0.8em;}
  
  #primera-main-section .abilites-icons .ability-icon-container img{height: 50px;}
  #primera-main-section .abilites-icons .ability-icon-container div{font-size: 0.9em;}

  #primera-main-section .abilites-icons .ability-icon-container{margin-bottom: 1rem;}

  #primera-main-section .video-container iframe {min-height: 400px;}

  #primera-song-section .first-row iframe {min-height: 400px;}

  /* Download form */
  .modal-root.download-modal .modal-overlay {background-size: 1420px 800px, cover;background-position: 50% 5vh, center;}

  /* basica */
  #basica-main-section .content-icon-container {width: 50%;min-width:75px;min-height: 75px;margin-bottom: 1rem;}
  #basica-main-section .content-icon-container .icon-background {width:75px;height:75px;}
  #basica-main-section .content-icon-container svg{height:35px;}
  #basica-main-section .content-icon-container .svg-container {padding-top:0.5rem;}
  #basica-main-section .content-icon-container .icon-text {font-size: 0.8em;}
  
  #basica-main-section .abilites-icons .ability-icon-container img{height: 50px;}
  #basica-main-section .abilites-icons .ability-icon-container div{font-size: 0.9em;}

  #basica-main-section .abilites-icons .ability-icon-container{margin-bottom: 1rem;}

  #basica-main-section .video-container iframe {min-height: 400px;}

  /* basica book */
  #basica-book-section .first-row .area-container{background-size: 900px, cover;}
  #basica-book-section .first-row .text-container.first-block{top: 42%;left: 465px;}
  #basica-book-section .first-row .text-container.second-block{top: 45%;left: 78vw;width: 375px;}
}


/*-- 7. STYLES FOR MOBILE DEVICES - media screen min width: 1200px / max width: 1279px --*/
@media screen and (min-width: 1200px) and (max-width: 1279px) {
  /* home & about */
  #about-summary .content-icon-container .icon-text {font-size: 0.7em;}

  /* home & about : Slides */
  #about-section .swiper-container .swiper-slide.slide2{background-size: 1200px, cover;}
  #about-section .swiper-slide.slide2 .text-container.second-block{top:30%;right:4%;width:365px;}
  #about-section .swiper-slide.slide2 .content-icons{right:5%;top:58%;}
  #about-section .swiper-slide.slide2 .text-container.fourth-block{top:57%;left:272px;}

  #about-section .swiper-slide.slide3 .text-container{top:39%;left:27%;width:510px;}

  #about-section .swiper-slide.slide4 .text-container.second-block{padding:0.8rem 1.3rem;}

  #about-section .swiper-container .swiper-slide.slide4{background-size:750px, cover;}
  #about-section .swiper-slide.slide4 .text-container.second-block{top:43%;left:525px;padding:0.8rem 1.3rem;}
  #about-section .swiper-slide.slide4 .third-block{left:83%;top:400px;width:375px;}
  #about-section .swiper-slide.slide4 .third-block img{height: 60px;}
  #about-section .swiper-slide.slide4 .third-block img:nth-child(3){width: 65px;}

  /* primera */
  #primera-main-section .content-icon-container {min-width:75px;min-height: 75px;}
  #primera-main-section .content-icon-container .icon-background {width:75px;height:75px;}
  #primera-main-section .content-icon-container svg{height:35px;}
  #primera-main-section .content-icon-container .svg-container {padding-top:0.5rem;}
  #primera-main-section .content-icon-container .icon-text {font-size: 0.8em;}

  #primera-main-section .abilites-icons .ability-icon-container img{height: 50px;}
  #primera-main-section .abilites-icons .ability-icon-container div{font-size: 0.9em;}
  
  #primera-main-section .video-container iframe {min-height: 400px;}

  #primera-song-section .first-row iframe {min-height: 400px;}

  /* Download form */
  .modal-root.download-modal .modal-overlay {background-size: 1420px 800px, cover;background-position: 50% 5vh, center;}

  /* basica */
  #basica-main-section .content-icon-container {min-width:75px;min-height: 75px;}
  #basica-main-section .content-icon-container .icon-background {width:75px;height:75px;}
  #basica-main-section .content-icon-container svg{height:35px;}
  #basica-main-section .content-icon-container .svg-container {padding-top:0.5rem;}
  #basica-main-section .content-icon-container .icon-text {font-size: 0.8em;}

  #basica-main-section .abilites-icons .ability-icon-container img{height: 50px;}
  #basica-main-section .abilites-icons .ability-icon-container div{font-size: 0.9em;}
  
  #basica-main-section .video-container iframe {min-height: 400px;}

  /* basica book */
  #basica-book-section .first-row .area-container{background-size: 900px, cover;}
  #basica-book-section .first-row .text-container.first-block{top: 42%;left: 465px;}
  #basica-book-section .first-row .text-container.second-block{top: 45%;left: 78vw;width: 375px;}
}


/*-- 8. STYLES FOR MOBILE DEVICES - media screen min width: 1280px / max width: 1365px --*/
@media screen and (min-width: 1280px) and (max-width: 1365px) {
  /* home & about */
  #about-summary .content-icon-container .icon-text {font-size: 0.7em;}

  /* home & about : Slides */
  #about-section .swiper-container .swiper-slide.slide2{background-size: 1200px, cover;}
  #about-section .swiper-slide.slide2 .text-container.second-block{top:30%;right:4%;width:365px;}
  #about-section .swiper-slide.slide2 .content-icons{right:5%;top:58%;}
  #about-section .swiper-slide.slide2 .text-container.fourth-block{top:57%;left:272px;}

  #about-section .swiper-slide.slide3 .text-container{top:39%;left:27%;width:510px;}

  #about-section .swiper-container .swiper-slide.slide4{background-size:750px, cover;}
  #about-section .swiper-slide.slide4 .text-container.second-block{top:43%;left:525px;padding:0.8rem 1.3rem;}
  #about-section .swiper-slide.slide4 .third-block{left:83%;top:400px;width:375px;}
  #about-section .swiper-slide.slide4 .third-block img{height: 60px;}
  #about-section .swiper-slide.slide4 .third-block img:nth-child(3){width: 65px;}

  /* primera */
  #primera-main-section .content-icon-container {min-width:75px;min-height: 75px;}
  #primera-main-section .content-icon-container .icon-background {width:75px;height:75px;}
  #primera-main-section .content-icon-container svg{height:35px;}
  #primera-main-section .content-icon-container .svg-container {padding-top:0.5rem;}
  #primera-main-section .content-icon-container .icon-text {font-size: 0.8em;}

  #primera-main-section .abilites-icons .ability-icon-container img{height: 50px;}
  #primera-main-section .abilites-icons .ability-icon-container div{font-size: 0.9em;}

  #primera-main-section .video-container iframe {min-height: 400px;}

  #primera-song-section .first-row iframe {min-height: 400px;}

  /* Download form */
  .modal-root.download-modal .modal-overlay {background-size: 1420px 800px, cover;background-position: 50% 5vh, center;}

  /* basica */
  #basica-main-section .content-icon-container {min-width:75px;min-height: 75px;}
  #basica-main-section .content-icon-container .icon-background {width:75px;height:75px;}
  #basica-main-section .content-icon-container svg{height:35px;}
  #basica-main-section .content-icon-container .svg-container {padding-top:0.5rem;}
  #basica-main-section .content-icon-container .icon-text {font-size: 0.8em;}

  #basica-main-section .abilites-icons .ability-icon-container img{height: 50px;}
  #basica-main-section .abilites-icons .ability-icon-container div{font-size: 0.9em;}

  #basica-main-section .video-container iframe {min-height: 400px;}

  /* basica book */
  #basica-book-section .first-row .area-container{background-size: 900px, cover;}
  #basica-book-section .first-row .text-container.first-block{top: 42%;left: 465px;}
  #basica-book-section .first-row .text-container.second-block{top: 45%;left: 78vw;width: 375px;}

}


/*-- 9. STYLES FOR MOBILE DEVICES - media screen min width: 1366px / max width: 1535px --*/
@media screen and (min-width: 1366px) and (max-width: 1535px) {
  /* home & about */
  #about-summary .content-icon-container .icon-text {font-size: 0.7em;}

  /* home & about : Slides */
  #about-section .swiper-slide.slide2 .text-container.second-block{top:20%;right:6%;width:450px;}
  #about-section .swiper-slide.slide2 .content-icons{right: 1%;top: 44%;}

  #about-section .swiper-slide.slide3 .text-container{width: 510px;}

  #about-section .swiper-slide.slide4 .text-container.second-block{left:600px;padding:0.8rem 1.3rem;}
  #about-section .swiper-slide.slide4 .third-block{left: 83%;top: 398px;width: 375px;}
  #about-section .swiper-slide.slide4 .third-block img{height: 60px;}
  #about-section .swiper-slide.slide4 .third-block img:nth-child(3){width: 65px;}

  /* primera */
  #primera-main-section .content-icon-container {min-width:75px;min-height: 75px;}
  #primera-main-section .content-icon-container .icon-background {width:75px;height:75px;}
  #primera-main-section .content-icon-container svg{height:35px;}
  #primera-main-section .content-icon-container .svg-container {padding-top:0.5rem;}
  #primera-main-section .content-icon-container .icon-text {font-size: 0.9em;}

  #primera-main-section .video-container iframe {min-height: 400px;}

  #primera-song-section .first-row iframe {min-height: 400px;}

  /* Download form */
  .modal-root.download-modal .modal-overlay {background-size: 1420px 800px, cover;}

  /* basica */
  #basica-main-section .content-icon-container {min-width:75px;min-height: 75px;}
  #basica-main-section .content-icon-container .icon-background {width:75px;height:75px;}
  #basica-main-section .content-icon-container svg{height:35px;}
  #basica-main-section .content-icon-container .svg-container {padding-top:0.5rem;}
  #basica-main-section .content-icon-container .icon-text {font-size: 0.9em;}

  #basica-main-section .video-container iframe {min-height: 400px;}
}


/*-- 10. STYLES FOR MOBILE DEVICES - media screen min width: 1536px / max width: 1679px --*/
@media screen and (min-width: 1536px) and (max-width: 1679px) {
  /* home & about : Slides */
  #about-section .swiper-slide.slide2 .text-container.second-block{top:20%;right:6%;width:450px;}
  #about-section .swiper-slide.slide2 .content-icons{right: 1%;top: 44%;}
  
  #about-section .swiper-slide.slide3 .text-container{width: 510px;}

  /* Download form */
  .modal-root.download-modal .modal-overlay {background-size: 1420px 800px, cover;}
}


/*-- 11. STYLES FOR MOBILE DEVICES - media screen min width: 1680px / max width: 1919px --*/
@media screen and (min-width: 1680px) and (max-width: 1919px) {}