@media screen and (max-width: 1130px) { .wrapper { width: auto; padding: 0 20px; }
  .halfwrapper { width: auto; }
  #theme-demo-header .wrapper { padding-right: 0; }
  #quemsomos-presentation h1, #faqs-presentation h1, .contactos #quote-container h2, .contactos #contact-container h2 { white-space: normal; }
  #quemsomos-presentation h1:after, #faqs-presentation h1:after, .contactos #quote-container h2:after, .contactos #contact-container h2:after { display: none; }
  #banner .top { background-size: 100%; background-position: right -100px bottom; }
  #banner .gallery h4, #banner .gallery h4 * { text-align: left !important; font-size: 40px; line-height: 40px; }
  #banner .gallery h4 br { display: none; }
  #banner .gallery .item { padding: 30px !important; }
  #home-presentation .right { display: flex; align-items: center; }
  #home-options .bot .item:nth-child(1) { position: relative; }
  #home-options .bot .item:nth-child(1) .image { position: absolute; left: 0; bottom: 0; }
  #home-options .bot .item .image img { width: 100%; }
  #themes-default .wrapper #themes-list .item a .description span { font-size: 14px; line-height: 18px; height: auto; }
  #themes-detail-top { background-position: right 50% bottom; }
  #themes-default .wrapper #themes-list .item.ad { grid-column: 1 / span 2; }
  #themes-default .wrapper #themes-list .item.ad .top { width: 60%; margin-bottom: 20px; }
  #themes-default .wrapper #themes-list .item.ad .contents { display: flex; flex-wrap: wrap; }
  #themes-default .wrapper #themes-list .item.ad .contents .box-name { padding-right: 20px; width: 50%; }
  #themes-default .wrapper #themes-list .item.ad .contents .box-email { width: 50%; }
  #themes-default .wrapper #themes-list .item.ad .contents .box-message { width: 50%; padding-right: 20px; }
  #themes-default .wrapper #themes-list .item.ad .contents .box-optins { width: 50%; margin-top: 20px; } }
@media screen and (max-width: 1130px) and (max-height: 1000px) { #banner .top { background-size: 200%; background-position: right 50% bottom; } }
@media screen and (max-width: 960px) { #home-options h3 { font-size: 40px; line-height: 43px; }
  #home-options h3 br { display: none; }
  #home-options .bot .item:nth-child(1) .image { width: 70%; left: 15%; }
  #themes-default .wrapper #themes-list .item a .title span { font-size: 16px; line-height: 20px; padding: 0 20px; }
  #themes-detail-top { background-size: auto 80%; }
  footer .wrapper { padding: 10px 20px; height: auto; flex-wrap: wrap; justify-content: center; }
  footer .wrapper div { margin: 5px 10px; }
  #pricing-presentation .packges-container .col-right .swiper-slide .top p { font-size: 14px; line-height: 17px; }
  .extras-container h2 { font-size: 18px; line-height: 21px; }
  .extras-container ul li { flex-direction: column; align-items: center; text-align: center; }
  .extras-container ul li .left { margin-bottom: 10px; }
  .extras-container ul li .left:after { content: ""; background-color: #e1e1e1; height: 1px; width: 50px; display: block; margin: 10px auto 0; } }
@media screen and (max-width: 768px) { #mobile-menu { display: flex !important; justify-content: center; align-items: center; top: 100px; height: calc(100% - 100px); }
  #mobile-menu-switch { display: block !important; top: 20px; }
  header .right .innerright { margin-right: 50px; margin-left: 0; }
  header nav { display: none; }
  #banner .top { background-size: 220%; background-position: right 25% bottom 150px; }
  #banner .gallery .left, #banner .gallery .right { display: none; }
  #banner .bot:after { top: -120px; }
  #banner .swiper-container { display: block; }
  #home-presentation .wrapper { flex-direction: column-reverse; }
  #home-presentation .wrapper .left { width: 100%; padding-right: 0; }
  #home-presentation .wrapper .right { width: 100%; padding-left: 0; margin-bottom: 30px; }
  #home-themes, #quemsomos-themes { flex-direction: column; }
  #home-themes .left, #quemsomos-themes .left { width: 100%; height: auto; padding-bottom: 50%; }
  #home-themes .right, #quemsomos-themes .right { width: 100%; }
  #home-options .wrapper { flex-direction: column; }
  #home-options .top .item { width: 100% !important; }
  #home-options .top .item:nth-child(1) { border-right: 0; border-bottom: solid 1px #e1e1e1; padding: 70px 30px 70px 30px; }
  #home-options .top .item:nth-child(2) { border-left: 0; padding: 70px 30px 70px 30px; }
  #home-options .bot { flex-direction: column; }
  #home-options .bot .item { width: 100% !important; }
  #home-options .bot .item:nth-child(1) { padding: 40px; display: flex; justify-content: flex-start; }
  #home-options .bot .item:nth-child(1) .halfwrapper { width: 50%; }
  #home-options .bot .item:nth-child(1) .halfwrapper .image { height: 100%; width: 50%; padding-left: 30px; right: 20px; left: auto; bottom: 0; display: flex; align-items: flex-end; }
  #quote-container .contents, #contact-container .contents { flex-direction: column; }
  #quote-container .left, #contact-container .left { width: 100%; padding-right: 0; margin-bottom: 30px; }
  #quote-container .right, #contact-container .right { width: 100%; padding-left: 0; }
  #themes-default .btn-toggle { display: inline-flex !important; }
  #themes-default { position: relative; }
  #themes-default .wrapper .left { top: 80px; left: 0; position: fixed; width: 100%; height: calc(100% - 80px); padding: 0; z-index: 2; pointer-events: none; }
  #themes-default .wrapper .left .contents { background-color: #fff; position: absolute; padding: 80px 30px 30px 30px; width: 100%; height: 100%; left: -100%; pointer-events: all; transition: left 0.3s ease; }
  #themes-default .wrapper .left.visible .contents { left: 0; }
  #themes-default .wrapper #themes-list { grid-template-columns: repeat(2, 1fr); }
  #themes-detail-top { background-size: auto 60%; }
  #themes-detail-presentation .contents { flex-direction: column; }
  #themes-detail-presentation .contents .left { width: 100%; height: 100%; padding-right: 0; margin-bottom: 30px; }
  #themes-detail-presentation .contents .right { width: 100%; height: 100%; }
  #themes-detail-presentation .bts-demos { display: flex; justify-content: center; }
  #themes-detail-where { flex-direction: column; }
  #themes-detail-where .left { width: 100%; height: 400px; }
  #themes-detail-where .left #gmaps { height: 100%; }
  #themes-detail-where .right { width: 100%; height: auto; }
  #themes-detail-design .wrapper { flex-direction: column; }
  #themes-detail-design .wrapper .left { width: 100%; padding: 0; margin-bottom: 30px; align-items: center; }
  #themes-detail-design .wrapper .left img { max-width: 500px; }
  #themes-detail-design .wrapper .right { width: 100%; padding: 0; }
  #themes-detail-select .wrapper .contents { flex-direction: column; }
  #themes-detail-select .wrapper .contents .item { width: 100% !important; border: none; border-bottom: solid 1px #e1e1e1; padding: 70px 30px; }
  #themes-detail-select .wrapper .contents .item:last-child { padding-bottom: 0; border-bottom: none; }
  #themes-detail-select .wrapper .contents .item .action { text-align: center; } }
@media screen and (max-height: 650px) { #banner .top { display: none; } }
@media screen and (max-height: 750px) { #banner .top { background-size: 100%; background-position: right bottom 50px; } }
@media screen and (max-width: 768px) and (max-height: 750px) { #banner .top { background-size: 150%; background-position: right 20% bottom 150px; } }
@media screen and (max-width: 600px) { .columns-2 { column-count: 1; column-gap: 0px; }
  #home-options .bot .item:nth-child(1) { padding: 70px 70px 0 70px; }
  #home-options .bot .item:nth-child(1) .halfwrapper { width: 100%; text-align: left; }
  #home-options .bot .item:nth-child(1) .halfwrapper .image { width: 100%; position: relative; height: auto; }
  #themes-detail-top { background-position: right 35% bottom; margin-bottom: 50px; }
  #themes-detail-top .wrapper { justify-content: center; }
  #themes-detail-top .wrapper .btn-back { position: absolute; bottom: -30px; }
  #themes-detail-howmany .top .number { font-size: 70px; }
  #themes-detail-howmany .top .text { font-size: 12px; }
  #themes-detail-howmany .top:before { top: 80px; }
  #themes-detail-howmany .usage .bar .used .used { font-size: 12px; }
  .demo body { padding-top: 100px; }
  #theme-demo-header { height: 100px; }
  #theme-demo-header .wrapper { flex-direction: column; padding: 0; }
  #theme-demo-header .wrapper .left, #theme-demo-header .wrapper .right { width: 100%; }
  #theme-demo-header .wrapper .left { justify-content: center; height: 50px; }
  #theme-demo-header .wrapper .right .box { width: 50%; height: 50px; }
  #theme-demo-header .wrapper .right .box:nth-child(1) { margin-left: 0; }
  #theme-demo-header .wrapper .right .btn-popbuy { flex-direction: row; padding-bottom: 0; }
  #theme-demo-header .wrapper .right .btn-popbuy:hover { top: 0; }
  #theme-demo-header .wrapper .right .btn-popbuy .text { white-space: normal; line-height: 14px; width: auto; }
  #theme-demo-header .wrapper .right .btn-popbuy .price-content { flex-direction: column; margin-left: 10px; align-items: flex-start; padding-bottom: 14px; }
  #theme-demo-header .wrapper .right .btn-popbuy .price { margin-left: 0; font-size: 16px; }
  #faqs-list .accordion-content { padding: 40px 80px 40px 40px; }
  #themes-detail-select .extraservices .item { flex-direction: column; }
  #themes-default .wrapper #themes-list .item.ad .top { width: 100%; }
  #themes-default .wrapper #themes-list .item.ad .contents .box-name, #themes-default .wrapper #themes-list .item.ad .contents .box-email, #themes-default .wrapper #themes-list .item.ad .contents .box-message { width: 100%; padding: 0; }
  #themes-default .wrapper #themes-list .item.ad .contents .box-optins { width: 100%; margin-top: 0; }
  #pricing-presentation .packges-container .col-left { width: 40%; }
  #pricing-presentation .packges-container .col-left * { font-size: 12px; line-height: 15px; }
  #pricing-presentation .packges-container .col-left .top { margin-bottom: 20px; }
  #pricing-presentation .packges-container .col-left .top h3 { font-size: 14px; line-height: 17px; }
  #pricing-presentation .packges-container .col-left p { font-size: 12px; line-height: 15px; }
  #pricing-presentation .packges-container .col-left .bot li { min-height: 52px; padding: 10px; }
  #pricing-presentation .packges-container .col-right { width: 60%; }
  #pricing-presentation .packges-container .col-right .swiper-slide .top { margin-bottom: 50px; }
  #pricing-presentation .packges-container .col-right .swiper-slide .top h3 { margin-bottom: 5px; }
  #pricing-presentation .packges-container .col-right .swiper-slide .top p { font-size: 12px; line-height: 15px; }
  #pricing-presentation .packges-container .col-right .swiper-slide .bot li { min-height: 52px; padding: 10px; }
  footer .mid { flex-direction: column; justify-content: center; }
  footer .mid .box-social { margin-right: 0; }
  footer .wrapper div { text-align: center; } }
@media screen and (max-width: 480px) { body { padding-top: 80px; }
  h1, h1 * { font-size: 55px; line-height: 50px; }
  h2, h2 * { font-size: 40px; line-height: 40px; }
  .btn { height: 40px; padding: 0 20px; min-height: 30px; }
  .btn .icon { display: none; }
  .btn { height: auto; padding: 10px 20px; min-height: 40px; }
  .btn .text { white-space: normal; line-height: 14px; }
  #mobile-menu { top: 80px; height: calc(100% - 80px); }
  #mobile-menu-switch { display: block !important; top: 20px; }
  header { height: 80px; }
  header .left a img { width: 160px; }
  header .right .innerright { margin-left: 0; position: fixed; width: 100%; height: 100%; justify-content: center; left: 0; bottom: 0; align-items: flex-end; pointer-events: none; }
  header .right .innerright .btn { width: 90%; border-radius: 10px 10px 0 0; pointer-events: all; justify-content: center; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); }
  header .right .innerright .btn:hover { top: 0; }
  #banner .swiper-container .swiper-slide h4 { font-size: 30px; line-height: 30px; text-align: center; padding: 30px 30px 20px 30px; }
  #banner .swiper-container .swiper-slide h5 { font-size: 30px; line-height: 30px; text-align: center; padding: 30px 30px 0px 30px; }
  #banner .swiper-container .swiper-slide h3 { font-size: 60px; line-height: 30px; text-align: center; padding: 0 30px; }
  #home-themes .right, #quemsomos-themes .right { padding: 60px 30px; }
  #home-options .bot .item:nth-child(1) { padding: 60px 30px 0 30px; }
  #home-options .bot .item:nth-child(2) { padding: 60px 30px; }
  footer .wrapper { justify-content: center; padding-bottom: 70px; }
  #faqs-list .accordion-title .text { font-size: 14px; }
  #quote-container .right form .top, #contact-container .right form .top { flex-direction: column; }
  #quote-container .right form .top .innerleft, #contact-container .right form .top .innerleft { width: 100%; padding-right: 0; margin-bottom: 15px; }
  #quote-container .right form .top .innerright, #contact-container .right form .top .innerright { width: 100%; padding-left: 0; }
  #quote-container .right form .bot, #contact-container .right form .bot { flex-direction: column; }
  #quote-container .right form .bot .innerleft, #contact-container .right form .bot .innerleft { width: 100%; padding-right: 0; margin-bottom: 30px; }
  #quote-container .right form .bot .innerright, #contact-container .right form .bot .innerright { width: 100%; padding-left: 0; justify-content: center; }
  /*#quote-container .right form .bot .innerright input, #contact-container .right form .bot .innerright input{width: 70%; justify-content: center;}*/
  #themes-detail-presentation .bts-demos { flex-direction: column; align-items: center; }
  #themes-detail-presentation .bts-demos a { padding-right: 20px; margin-right: 0 !important; margin-bottom: 20px; width: 80%; justify-content: center; }
  #themes-default .wrapper #themes-list { display: block; }
  #themes-default .wrapper #themes-list .item { margin-bottom: 20px; }
  #themes-detail-where .right select { width: 100%; }
  #themes-default .wrapper #themes-list .item.ad { padding: 30px; }
  #themes-detail-howmany .top { flex-direction: column; }
  #themes-detail-howmany .top .number { margin-bottom: 12px; }
  #themes-detail-howmany .top:before { height: 56px; top: 100px; }
  #secbanner { height: 220px; }
  #themes-detail-top { margin-top: -230px; height: 300px; }
  #themes-detail-where .right { padding: 60px 30px; }
  #theme-demo-header .wrapper .left a img { height: 20px; }
  #theme-demo-header .wrapper .left .box-theme h1 { font-size: 18px; }
  #theme-demo-header .wrapper .right .btn-popbuy .price-content { padding-bottom: 0; }
  #faqs-list .accordion-content { padding: 30px 0px; }
  #faqs-list .accordion-content .description, #faqs-list .accordion-content .description * { font-size: 14px; }
  #pricing-presentation .packges-container { position: relative; }
  #pricing-presentation .packges-container .col-left { background-color: #fff; position: absolute; width: 280px; height: calc(100% - 30px); left: -300px; top: 0; border-radius: 0 10px 10px 0; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); transition: left 0.3s ease; z-index: 10; }
  #pricing-presentation .packges-container .col-left .mobile-toggle { display: block; }
  #pricing-presentation .packges-container .col-left .top { padding: 40px 20px 0 20px; }
  #pricing-presentation .packges-container .col-left .bot h4 { padding: 0 20px; }
  #pricing-presentation .packges-container .col-left .bot li { padding: 10px 20px; }
  #pricing-presentation .packges-container .col-right { width: 100%; } }
@media screen and (max-width: 320px) { #pricing-presentation .packges-container .col-left { width: 220px; }
  #pricing-presentation .packges-container.active .mobile-toggle.sticky { left: 220px; } }
@media screen and (max-width: 600px) and (max-height: 650px) { #banner .top { background-size: 150%; background-position: right 15% bottom 160px; display: block; } }
@media screen and (max-width: 480px) and (max-height: 650px) { #banner .top { background-size: 200%; background-position: right 25% bottom 170px; display: block; } }