@media (max-width:1078px){
  .item-invitation .item-image{
      
  height: 400px;
  }
  .item-invitation.right .item-text, .item-invitation.left .item-text{
    
  padding: 6%;
  }
}

@media (max-width:990px){
  .item-invitation {
      
  width: 95%;
  }
  .item-benefits{
    margin-bottom: 31px;
  }
  #build aside > section{
    width: 80% !important;
  }
  #build #sec-img{
    
  height: 300px;
  }
}

@media (max-width:900px){
  .item-invitation{
    
  margin-bottom: 14px;
  }
  .item-invitation.right .item-image,
  .item-invitation .item-image{
    width: 70%;
    background-size: contain;
    position: relative;
    margin: 0 auto;
    height: 450px;
  }
  
  .item-invitation.right .item-text, 
  .item-invitation.left .item-text{
  position: relative;
  margin: 0 auto;
    
  }
  .item-invitation.left .item-text{
    
  left: 140px;
  top: -180px;
  }
    .item-invitation.right .item-text{
    
  top: -170px;
  left: -100px;
  }
  #build{
  flex-direction: column-reverse;
  height: initial !important;
  }
  #build aside,
  #build main{
    width: 100% !important;;
  }
  
  #bkg-image-hastag{
    
  background-size: auto;
  top: 77px;
  }
  .item-invitation.right{
    height: initial;
  }
}

@media (max-width: 770px){
  #benefits{
    
  align-items: center;
  }
  .item-invitation.right .item-image, .item-invitation .item-image{
    
  width: 100%;
  }
  .item-invitation.left .item-text{left: 10%;width: 70%;}
  .item-invitation.right .item-text{
    
  left: -10%;
  width: 70%;
  }
}

@media (max-width: 650px){
  .item-benefits{
    margin: 10px;
    text-align: center;
  }
  .item-benefits p{
    font-size: 13px;
  }
}
@media (max-width: 600px){
  .container-section{
    
  padding: 26px 0;
  }
  .item-invitation.right .item-image, .item-invitation .item-image{
    
  width: 80%;
  }
  .item-invitation .item-text{
  width: 82% !important;;
  }
  .item-invitation.right .item-text{
    
  left: -3%;
  }
  .item-invitation.left .item-text{
    
  left: 5%;
  }
  .title-colxsoft{
    
  font-size: 30px;
  }
  .btn-opciones{
    
  padding: 10px 30px !important;
  font-size: 12px !important;
  }
  .item-invitation .item-text p{
    
  font-size: 12px;
  line-height: 25px;
  }
  
  .item-invitation .item-text h4{
    
  font-size: 29px;
  margin-bottom: 20px;
  }
  .item-invitation .btn{
    
  font-size: 14px;
  }
  
  .item-benefits img{
    
  width: 55px;
  margin-bottom: 11px;
  }
  .item-benefits{
    margin-bottom: 25px; 
  }
  #build .title{
    
  font-size: 30px;
  }
  #build .text{
    
  font-size: 13px;
  }
  #build #btn-start{
    font-size: 14px
  }
  #hastag main {
    ;
  text-align: center;
  } 
  
  #quote h3{
    margin-bottom: 20px;
  }
  #quote .btn {
    
  font-size: 15px;
  }
}