/* ----------- Desktop ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px)  { 
      
    p {font-size: 20px;line-height: 1.4;}
    h1 {font-size: 42px; }
    h2 {font-size: 32px;}
    h3 {font-size: 28px;}
    h4 {font-size: 24px;}
    h5 {font-size: 18px;}
    h6 {font-size: 24px;} 
    .hero h2 {font-size: 40px;}
    
}

/* Tablets Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
    
    p {font-size: 18px;line-height: 1.4;}
    h1 {font-size: 40px; }
    h2 {font-size: 30px;}
    h3 {font-size: 26px;}
    h4 {font-size: 22px;}
    h5 {font-size: 16px;}
    h6 {font-size: 19px;} 
    .hero .hero-content {left: 0%;width: 100%;}
    .accordion {padding-left: 0; }
}

/* Tablets Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
    
    p {font-size: 18px;line-height: 1.4;}
    h1 {font-size: 40px; }
    h2 {font-size: 30px;}
    h3 {font-size: 26px;}
    h4 {font-size: 22px;}
    h5 {font-size: 16px;}
    h6 {font-size: 18px;} 
      
    .hero .hero-content {left: 0%;width: 100%;}
    .opciones1 img {width: 40%;}  
    .m365-value-prop .m365-value-prop-list-item .m365-value-prop-list-number {font-size: 40px;}
    .m365-value-prop .m365-value-prop-list-item .m365-value-prop-list-title {font-size: 18px;}
    .icon-product img {height: 120px;}
    .m365-value-prop .m365-value-prop-body .m365-value-prop-slide-body p {font-size: 16px;}
    .m365-value-prop .m365-value-prop-list-item {margin: 0 28px 0 28px;}
    .m365-value-prop .m365-value-prop-list-item.active:after {right: -10px;}
}


/* Smartphones Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px) 
   and (orientation: portrait) {
       
    p {font-size: 15px;line-height: 1.4;}
    h1 {font-size: 28px; }
    h2 {font-size: 24px;}
    h3 {font-size: 20px;}
    h4 {font-size: 18px;}
    h5 {font-size: 14px;}
    h6 {font-size: 14px;} 
       
    .hero .hero-content {width:100%;left:0%; }    
    .btn-solid {padding: 10px 15px!important;font-size: 12px!important;}
    .btn-casos {padding: 10px 15px!important;font-size: 12px!important;}
    .logo img {width: 150px;}
    .hero {height: 75vh;}
    .hero h1 {font-size: 36px;}
    .hero h2 {font-size: 24px;}
    .reverse-movil {-webkit-box-orient: vertical!important;-webkit-box-direction: reverse!important;-webkit-flex-direction: column-reverse!important;-ms-flex-direction: column-reverse!important;flex-direction: column-reverse!important;}
    .m365-value-prop .m365-value-prop-list-item {margin: 0;}
    .m365-value-prop .m365-value-prop-list-item .m365-value-prop-list-title {padding-top: 10px;padding-left: 18px;font-size: 18px;line-height: 30px;}
    .m365-value-prop .m365-value-prop-list-item .m365-value-prop-list-number {padding: 16px 0;font-size: 36px;line-height: 20px;}
    .m365-value-prop .m365-value-prop-left {padding-bottom: 0px;}
    .icon-product img {height: 100px;}
    .m365-value-prop .m365-value-prop-body .m365-value-prop-slide-body {padding: 20px;}
    .m365-value-prop .m365-value-prop-list-indicator {display:none;}
    .m365-value-prop-list-item.m365-col-full.active {background-color:#fff !important;}
    .m365-value-prop-list-item.m365-col-full.active .m365-value-prop-list-title {color:#000 !important;}
    .m365-value-prop-list-item.m365-col-full.active .m365-value-prop-list-number {margin-left:15px;}
    .sign-up .signup-form .form-input-group {width: 100%;}   
}

/* Smartphones Lanscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px) 
   and (orientation: landscape) {

    p {font-size: 15px;line-height: 1.4;}
    h1 {font-size: 28px; }
    h2 {font-size: 24px;}
    h3 {font-size: 20px;}
    h4 {font-size: 18px;}
    h5 {font-size: 14px;}
    h6 {font-size: 14px;}  

    .hero .hero-content {width:100%;left:0%; }    
    .btn-solid {padding: 10px 15px!important;font-size: 12px!important;}
    .btn-casos {padding: 10px 15px!important;font-size: 12px!important;}
    .logo img {width: 150px;}
    .hero {height:100vh;}
    .hero h1 {font-size: 36px;}
    .hero h2 {font-size: 24px;}
    .reverse-movil {-webkit-box-orient: vertical!important;-webkit-box-direction: reverse!important;-webkit-flex-direction: column-reverse!important;-ms-flex-direction: column-reverse!important;flex-direction: column-reverse!important;}
    .m365-value-prop .m365-value-prop-cell {width: 50%;float: left;}
    .m365-value-prop .m365-value-prop-list-item .m365-value-prop-list-number {font-size: 40px;}
    .m365-value-prop .m365-value-prop-list-item .m365-value-prop-list-title {font-size: 16px;}
    .icon-product img {height: 120px;}
    .m365-value-prop .m365-value-prop-body .m365-value-prop-slide-body p {font-size: 16px;}
    .m365-value-prop .m365-value-prop-list-item {margin: 0 28px 0 28px;}
    .m365-value-prop .m365-value-prop-list-item.active:after {right: -10px;}
    .m365-value-prop .m365-value-prop-body .m365-value-prop-slide-body {min-height: 540px;}
    .m365-value-prop .m365-value-prop-left {padding-bottom:0px;min-height: 540px;}
    .container-movil {width:100% !important;}
  }