File: /home/ascacl/asesorias.elpapiro.cl/css/responsive.css
@media only screen and (max-width: 1199px) {
.contact-us #map {
height: 516px;
}
#home {
height: auto!important;
padding-top: 40px!important
}
.event-description {
font-size: 30px;
margin: 0
}
.speakers .speaker-block:hover .speaker-details {
padding-top: 15px
}
.speakers .speaker-meta {
margin-top: 10px;
padding-top: 10px
}
.speakers .social-meta {
margin-top: 10px;
padding-top: 15px
}
.speakers .social-meta a i {
font-size: 13px;
height: 30px;
width: 30px;
line-height: 10px
}
.register-now-btn {
padding: 22px 50px
}
.banner-title h1 {
font-size: 48px
}
.conference {
padding: 80px 0
}
.conference h2 {
line-height: 1.44em;
font-size: 3em
}
.about-us {
padding: 80px 0
}
.about-us p.block-title {
margin-bottom: 50px;
font-size: 3em;
line-height: 1.44em
}
.speakers {
padding: 80px 0
}
p.block-title {
margin-bottom: 50px;
font-size: 48px;
line-height: 1.44em
}
.speakers .speaker-block .speaker-details {
padding: 14px;
height: 70px;
left: 8%;
right: 8%
}
.schedule {
padding: 80px 0
}
.schedule .nav-tabs > li > a {
font-size: 22px
}
.schedule .speakers-list .left-section .speaker-social a {
margin: 0 10px
}
.schedule .speakers-list .speaker-schedule span {
min-width: 195px
}
.sponsors {
padding: 80px 0
}
.prices {
padding: 80px 0
}
.event-priceing .plan-name h6 {
font-size: 28px
}
.event-priceing .plan-details li {
font-size: 22px
}
.event-priceing .plan-price {
font-size: 95px
}
.event-priceing .plan-details ul {
margin: 0 11% 45px 18%
}
.testiominals, .subscribe {
padding: 80px 0
}
.testiominals h3 {
font-size: 28px
}
.owl-testimonial .tm-userinfo .tm-designation {
width: calc(100% - 75px)
}
.contact-right .contact-title {
font-size: 22px
}
.contact-right {
font-size: 18px;
line-height: 28px
}
.footer-left p {
font-size: 22px
}
.footer-right ul li a {
font-size: 15px
}
.footer-right ul li span {
margin: 0 8px
}
.contact-right .register-now-btn {
font-size: 16px
}
.bottom-social a {
font-size: 28px;
margin: 0 20px
}
}
@media only screen and (max-width:991px) {
.menu.fixed .header-right {
margin-left: 0
}
.main-menu .navbar-nav {
padding-top: 0
}
.menu.fixed .header-left {
padding-bottom: 0
}
.event-description {
font-size: 22px
}
.register-now-btn {
font-size: 14px
}
.video-play {
padding: 22px 22px 19px 27px
}
.main-menu .navbar-nav > li > a {
font-size: 13px
}
.conference, .about-us, .speakers, .schedule, .sponsors, .prices, section, .contact-us {
padding: 50px 0
}
.testiominals, .subscribe {
padding: 50px 0
}
.conference h2 {
font-size: 3em;
margin-top: 0
}
.count-down .count-day .count-number {
padding: 28px 15px 10px
}
.count-down .count-day .count-label {
padding: 28px 15px
}
.count-down-description {
padding: 0 55px
}
.sponsors p.block-title, p.block-title {
font-size: 3em
}
.sponsors p.block-title {
margin-bottom: 40px
}
.schedule .nav-tabs > li > a {
padding: 15px 0
}
.schedule .speakers-list h3.speaker-topic {
font-size: 1.3em
}
.schedule .speakers-list p.topic-description {
font-size: 1em;
line-height: 20px
}
.schedule .speakers-list .speaker-schedule {
font-size: 1em
}
.schedule .speakers-list .speaker-schedule span {
max-width: 100%;
min-width: 128px;
width: auto
}
.schedule .speakers-list .speaker-schedule {
padding: 17px 0
}
.schedule .speakers-list .left-section .speaker-social a {
margin: 0 5px;
font-size: 1em
}
.schedule .speakers-list p.topic-description {
height: 79px;
overflow: hidden;
text-overflow: ellipsis;
max-width: 2000px
}
.schedule .speakers-list .left-section .speaker-social {
padding: 17px 0
}
.schedule .speakers-list .left-section .img-section {
padding-bottom: 30px
}
.owl-testimonial.owl-carousel .owl-item:nth-child(2n+1) {
border-right: none
}
.subscribe .register-now-btn {
width: 550px;
font-size: 18px
}
.subscribe .input-group[class*="col-"] {
margin: 0 0 15px
}
.subscribe .input-group-addon {
width: 50px
}
.speakers .speaker-block {
max-height: 299px
}
.speakers.black .speaker-block .speaker-details {
height: 84px
}
.speakers.black .speaker-block:hover .speaker-details, .speakers.orange .speaker-block:hover .speaker-details {
padding-top: 15px
}
.speakers.orange .speaker-meta {
margin-top: 10px;
padding-top: 10px;
line-height: 20px;
height: 75px;
overflow: hidden
}
.speakers.orange .social-meta {
margin-top: 10px;
padding-top: 15px
}
.speakers.black .speaker-meta {
font-size: 1em;
padding-top: 5%
}
.speakers.black .social-meta {
margin-top: 5%
}
.testiominals.full-width {
height: auto
}
.testiominals.full-width .owl-testimonial-2 .inner-testimonial .tm-tagline span {
padding: 5% 35px;
max-width: 80%;
font-size: 1.2em;
line-height: 30px
}
.schedule.white-column .speakers-list .col-sm-6.col-xs-12 .col-sm-12.col-xs-12 {
padding: 0
}
.schedule.white-column .speakers-list .speaker, .schedule.white-column .speakers-list h3.speaker-topic {
font-size: 1em
}
.schedule.white-column .speakers-list .speaker-schedule {
padding: 0 30px
}
.schedule.white-column .speakers-list .speaker-schedule span {
padding: 13px 0
}
.schedule.black .main-row .left-item span {
font-size: 1.3em;
padding: 15px 0
}
.schedule.black .main-row .left-item span .date {
font-size: .9em;
padding: 0 0 0 30%
}
.schedule.black .schedule-item .right-item .speaker-schedule span {
padding: 20px 0;
font-size: 1em
}
.schedule.black .schedule-item .right-item .speaker-schedule i {
margin-right: 5px
}
.schedule.black .schedule-item .right-item .speaker, .schedule.black .schedule-item .right-item h3.speaker-topic {
font-size: 1em
}
.schedule.black .schedule-item .right-item .col-sm-8.col-xs-12 {
padding: 15px 0 15px 15px
}
.contact-us.form .contact-right .contact-title {
font-size: 1em
}
.contact-us.form .contact-right .details {
padding: 0 20px
}
}
@media only screen and (max-width:800px) {
.contact-us.details-left .contact-right .contact-email a {
font-size: .7em
}
.contact-us.details-left .contact-left iframe {
max-height: 508px
}
.contact-us.details-left .contact-right .contact-title {
font-size: 1em
}
.nav > li > a {
padding: 10px
}
.nav.navbar-nav {
padding-bottom: 0;
padding-top: 5px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.event-priceing .plan-price {
font-size: 3em
}
.event-priceing .plan-price sup {
font-size: 20px;
margin-right: 5px
}
.event-priceing .plan-details li {
font-size: 1.1em
}
.contact-right {
font-size: 18px;
line-height: 28px;
padding: 30px 25px 50px;
font-size: 16px
}
.contact-right .contact-email i, .contact-right .contact-phone i {
margin-right: 15px
}
.contact-right .address > span {
margin-left: 18px
}
.contact-right .contact-details {
padding: 28px 0
}
.contact-right .register-now-btn {
padding: 22px 30px;
font-size: 14px
}
.footer-right {
padding-top: 10px
}
.footer-right ul li a {
font-size: 13px
}
.footer-right ul li span {
margin: 0 5px
}
.footer-right ul li a {
font-size: 12px
}
.prices.white-section .event-priceing .plan-name h6 {
font-size: 1.4em
}
.prices.white-section .event-priceing .plan-name small {
font-size: 1em
}
.prices.white-section .event-priceing .plan-price {
font-size: 3em
}
.prices.white-section .event-priceing .plan-details li {
font-size: .9em
}
.prices.white-section .event-priceing .plan-details .register-now-btn {
font-size: .8em;
padding: 12px 25px
}
}
@media only screen and (max-width:767px) {
.drawer .header-left {
display: block;
height: 150px;
}
#back-to-top {
right: 10px;
width: 40px;
height: 40px;
font-size: 18px;
line-height: 35px
}
.banner-title {
padding: 0 10px
}
.banner-title h1 {
font-size: 40px;
line-height: 1.44em
}
.event-schedule span {
font-size: 24px;
padding: 5px 25px
}
.event-description {
font-size: 18px
}
.video-play {
padding: 15px 15px 14px 20px
}
.register-now-btn {
padding: 14px 45px
}
.conference h2 {
font-size: 2.5em
}
.count-down .count-day {
width: 22%;
margin: 30px 0 25px
}
.count-down .count-day .count-number {
font-size: 37px
}
.count-down .count-day .count-label {
padding: 28px 0;
font-size: 16px
}
.count-down .register-now-btn {
width: 250px
}
.count-down-description {
padding: 0 30px;
font-size: 18px
}
.about-us p.block-title, .sponsors p.block-title, p.block-title, .schedule p.block-title {
margin-bottom: 30px;
font-size: 2.5em
}
.about-us h3 {
font-size: 23px;
margin-bottom: 25px
}
.about-us p {
font-size: 15px;
line-height: 27px
}
.schedule .nav-tabs > li > a {
font-size: 16px;
padding: 10px 0
}
.schedule .speakers-list {
border-bottom: none
}
.schedule .speakers-list .left-section {
border-right: none
}
.schedule .speakers-list .left-section .img-section {
border-bottom: none;
padding-bottom: 10px
}
.schedule .speakers-list .left-section .speaker-social {
padding: 10px 0
}
.schedule .speakers-list p.topic-description {
font-size: 1.1em;
line-height: 27px
}
.schedule .speakers-list .speaker-schedule {
border-bottom: 1px solid #f58864;
padding: 15px 0 10px
}
.schedule .speakers-list .speaker-schedule span {
margin-bottom: 5px
}
.event-priceing {
margin-bottom: 25px
}
.event-priceing .plan-price {
font-size: 70px
}
.event-priceing .plan-name h6:first-child, .event-priceing .plan-name h6:last-child {
padding-top: 0
}
.prices .get-in-touch {
margin-top: 20px
}
.testiominals h3 {
font-size: 22px
}
.speakers .speaker-meta {
line-height: 2em
}
.speakers .social-meta a i {
font-size: 1em;
height: 40px;
line-height: 2.6em;
padding: 0;
width: 40px
}
.speaker-block .image img{height:auto; object-fit: inherit; object-position: inherit;}
.owl-testimonial .inner-testimonial i.fa-quote-left {
font-size: 35px
}
.owl-testimonial .inner-testimonial .tm-tagline {
font-size: 15px;
padding-left: 60px;
padding-bottom: 10px
}
.owl-testimonial .tm-userinfo {
padding-left: 60px
}
.schedule .speakers-list .speaker-schedule, .schedule .speakers-list p.topic-description, .schedule .speakers-list h3.speaker-topic {
text-align: center
}
.event-priceing {
border: none
}
.event-priceing .plan-name {
padding: 0 0 15px
}
.event-priceing .plan-price {
padding: 5px 0
}
.event-priceing .plan-details {
padding: 0
}
.event-priceing .plan-details ul {
margin: 0 38% 25px
}
.prices .get-in-touch {
margin-top: 0
}
.testiominals h3 {
text-align: center
}
#subscribe {
display: block;
padding-left: 10px;
padding-right: 10px
}
#subscribe .subscribe-form {
max-width: 400px;
display: inline-block
}
.subscribe .register-now-btn {
max-width: 100%;
font-size: .9em
}
.subscribe .input-group[class*="col-"] {
margin: 0 0 25px
}
.subscribe .subscribe-text {
margin-top: 0
}
.contact-left iframe {
max-height: 300px
}
.contact-left {
display: block;
height: auto;
padding: 10px;
width: 100%
}
.contact-right {
font-size: 16px;
width: 100%
}
.subscribe .register-now-btn {
margin: 0 auto;
padding: 20px 0;
width: 400px
}
.bottom-social {
padding: 30px 0
}
.footer-top {
padding: 25px 0
}
.footer-left {
text-align: center;
width: 100%
}
.contact-right .register-now-btn {
float: left
}
.bottom-social a {
font-size: 20px;
margin: 0 12px
}
.prices.white-section .event-priceing .plan-details ul {
margin: 0 38% 25px
}
.prices.black-section .event-priceing .best-offer, .prices.white-section .event-priceing .best-offer {
margin-bottom: 20px
}
.prices.black-section .event-priceing {
border: none
}
.speakers .speaker-block {
max-height: 335px
}
.speakers.black .speaker-block .speaker-details {
height: 84px
}
.speakers.black .speaker-block:hover .speaker-details, .speakers.orange .speaker-block:hover .speaker-details {
padding-top: 15px
}
.speakers.orange .speaker-meta {
margin-top: 10px;
padding-top: 10px;
line-height: 20px;
height: 75px;
overflow: hidden
}
.speakers.orange .social-meta {
margin-top: 10px;
padding-top: 15px
}
.speakers.black .speaker-meta {
font-size: 1em;
padding-top: 5%
}
.speakers.black .social-meta {
margin-top: 5%
}
.testiominals.full-width {
padding: 100px 0;
display: block
}
.testiominals.full-width .owl-testimonial-2 .inner-testimonial .tm-tagline span {
padding: 20px 35px
}
.testiominals.three-columns .inner-testimonial {
border-right: none;
border-bottom: 1px solid #f5764d;
margin-bottom: 20px
}
.schedule.white-column .speakers-list .speaker-schedule {
border-right: none;
border-color: #dbdbdb;
border-top: 1px solid #dbdbdb
}
.schedule.white-column .speakers-list .speaker-schedule span.speaker-timing {
border-bottom: none
}
.schedule.white-column .speakers-list .left-section img {
width: auto
}
.schedule.white-column .speakers-list .speaker, .schedule.white-column .speakers-list h3.speaker-topic {
text-align: center
}
.schedule.white-column .nav-tabs {
padding-bottom: 10px
}
.schedule.white-column .nav-tabs > li > a {
font-size: .9em
}
.schedule.black .main-row .left-item span {
font-size: 1.3em;
padding: 15px 0
}
.schedule.black .main-row .col-sm-3.col-xs-12.left-item {
border-bottom: 1px solid #343535;
text-align: center
}
.schedule.black .schedule-item .right-item {
border-left: none
}
.contact-us.form .contact-right .form {
border-right: none;
box-shadow: 0 2px 16px 0 #f5764d;
padding-bottom: 20px;
border-radius: 5px
}
.contact-us.details-left .contact-right .contact-email a {
font-size: 1em
}
.contact-us.details-left .arrow-right {
display: none
}
.contact-right, .contact-us.form .contact-left, .contact-us.form .contact-right {
margin-left: 0
}
.schedule.black .schedule-item .right-item {
display: inline-flex
}
}
@media only screen and (max-width:640px) {
h2, p.block-title {
font-size: 2em!important
}
.prices.white-section .event-priceing .plan-details li, .event-priceing .plan-details li {
font-size: 1.1em
}
.event-priceing .plan-price {
font-size: 3em
}
.event-priceing .plan-price sup {
font-size: .5em;
margin-right: 5px
}
.speakers.black .speaker-meta {
height: 65px;
overflow: hidden;
line-height: 20px
}
.speakers.black .social-meta a i {
font-size: 13px;
height: 30px;
width: 30px;
line-height: 2em
}
.testiominals.full-width .owl-testimonial-2 .inner-testimonial .tm-tagline span {
max-width: 75%;
vertical-align: top;
padding: 10px 35px;
font-size: 1.1em
}
.testiominals.full-width .owl-testimonial-2 .tm-userinfo {
padding-left: 0
}
.testiominals.full-width .owl-testimonial-2 .inner-testimonial i.fa.fa-quote-left {
padding: 60px 20px;
font-size: 2.5em
}
.testiominals.full-width .owl-theme .owl-controls {
margin-top: -30px
}
.contact-us.details-left .contact-right {
padding-left: 35px
}
}
@media only screen and (max-width:480px) {
#home.inner-page {
padding-top: 10px!important
}
#home.inner-page .banner-title h1 {
padding: 15px 0 25px
}
.drawer-nav {
width: 75%
}
.drawer--left.drawer-open .drawer-hamburger {
left: 69%;
top: 50%
}
.drawer--left .drawer-nav {
left: -75%
}
p.block-title, h2.block-title {
line-height: 1.5em
}
.register-now-btn {
margin-left: 5px;
padding: 14px 30px
}
.event-schedule span {
font-size: 15px
}
.top-social a {
padding: 0 10px
}
.count-down .count-day .count-label {
font-size: .8em;
padding: 10px 0
}
.count-down .count-day .count-number {
font-size: 1.3em;
padding: 10px 0
}
.count-down-description {
font-size: 1em
}
.count-down .register-now-btn {
padding: 10px 0
}
.contact-right {
padding: 30px 30px 50px
}
.contact-right .contact-title i:after {
left: 18px;
margin-top: 25px
}
.contact-right .contact-title i {
font-size: 16px;
margin-right: 5px;
padding: 10px
}
.contact-right .contact-title {
font-size: 17px;
line-height: 1.5em
}
.speakers .speaker-block:hover .speaker-details {
height: calc(100% - 145px)
}
.speakers .speaker-meta {
display: none
}
.speakers .speaker-block:hover .speaker-details {
height: calc(100% - 45px)
}
.speakers .social-meta a i {
line-height: 2.1em;
height: 30px;
width: 30px
}
.speakers .speaker-block .speaker-details {
height: 65px;
float: left;
height: auto;
left: 0;
margin: 0;
padding: 10px;
position: relative;
right: 0;
top: 0;
width: 100%
}
.speakers .social-meta {
margin-bottom: 10px
}
.speakers .social-meta a {
margin-right: 4px
}
.speakers .social-meta a i {
line-height: 25px
}
.speakers .speaker-block:hover .speaker-details {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: none;
backface-visibility: visible;
background: rgba(237,94,49,0.9) none repeat scroll 0 0;
height: auto;
padding: 10px
}
.speakers .speaker-block .speaker-details .speaker-name {
font-size: 16px
}
.speakers .speaker-block .speaker-details .speaker-designation {
font-size: 11px
}
.schedule .speakers-list .left-section .img-section {
margin-top: 0
}
.schedule .speakers-list .speaker-schedule span {
display: inline;
margin-right: 10px
}
.schedule .speakers-list h3.speaker-topic {
font-size: 1em;
line-height: 1.5em
}
.schedule .speakers-list p.topic-description {
font-size: 1em;
line-height: 20px
}
.event-priceing .plan-details ul {
margin: 0 26%
}
.owl-testimonial .inner-testimonial i.fa-quote-left {
font-size: 15px
}
.owl-testimonial .tm-userinfo, .owl-testimonial .inner-testimonial .tm-tagline {
padding-left: 25px
}
.owl-testimonial .inner-testimonial .tm-tagline {
font-size: 1em
}
.schedule .nav-tabs > li {
padding: 10px 5px
}
.contact-right .contact-phone i, .contact-right .contact-details i {
margin-left: 0
}
.contact-right .address > span {
margin-left: 10px
}
.contact-right .contact-email i, .contact-right .contact-phone i {
margin-right: 5px
}
.contact-right .contact-email a {
font-size: .8em
}
.contact-us .register-now-btn {
font-size: .8em;
padding: 10px
}
.subscribe .register-now-btn {
width: 100%;
padding: 20px 12px
}
.owl-testimonial .tm-userinfo .tm-designation {
width: 100%
}
.owl-testimonial .tm-userbio > span {
bottom: 0;
float: right;
position: relative;
right: 0;
text-align: right;
width: 100%
}
.event-priceing .plan-details ul, .prices.white-section .event-priceing .plan-details ul {
margin: 0 30% 25px
}
.speakers .speaker-block {
max-height: 400px
}
.speakers.orange .speaker-block .speaker-details {
background: transparent
}
.speakers.orange .speaker-block .speaker-details .speaker-designation, .speakers.orange .speaker-block .speaker-details .speaker-name {
color: #fff
}
.speakers.orange .speaker-block:hover .speaker-details {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: none;
backface-visibility: visible;
background: rgba(237,94,49,0.9) none repeat scroll 0 0;
height: auto;
padding: 10px
}
.speakers.black .speaker-block .speaker-details {
background: transparent;
height: auto;
left: 0;
right: 0;
background: rgba(237,94,49,0.9) none repeat scroll 0 0
}
.speakers.black .speaker-block:hover .speaker-details {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: none;
backface-visibility: visible;
background: rgba(237,94,49,0.9) none repeat scroll 0 0;
height: auto;
padding: 10px
}
.speakers.black .speaker-block .speaker-details .speaker-name {
font-size: 1em
}
.speakers.black .speaker-block .speaker-details .speaker-designation {
font-size: .9em
}
.sponsors.black .col-sm-2.col-xs-6.logo-item:nth-child(3) {
border-right: none
}
.sponsors.black .col-sm-2.col-xs-6.logo-item {
width: 33.33%;
border-bottom: 1px solid #2f3132
}
.sponsors.black .col-sm-2.col-xs-6.logo-item:last-child {
border-right: 1px solid #2f3132
}
.schedule.black .schedule-item .right-item .speaker, .schedule.black .schedule-item .right-item h3.speaker-topic {
margin-top: 0;
font-size: .8em
}
.schedule.black .schedule-item .right-item .speaker i {
margin-right: 2px
}
.schedule.black .schedule-item .right-item .speaker span {
padding-right: 5%;
margin-right: 5%
}
.contact-us.form .contact-left, .contact-us.form .contact-right {
padding: 30px 0
}
.contact-us.form .contact-right .details, .contact-us.form .contact-right .form {
padding: 0 25px 20px 20px
}
.contact-us.form .contact-right .details, .contact-us.form .contact-right .contact-details {
padding-bottom: 0
}
.contact-us.details-left .contact-right {
padding: 20px 16px
}
}
@media only screen and (max-width:360px) {
.schedule .speakers-list .speaker-schedule span {
margin-right: 12%
}
.speakers .speaker-block {
max-height: 320px
}
.sponsors.black .col-sm-2.col-xs-6.logo-item:last-child, .sponsors.black .col-sm-2.col-xs-6.logo-item {
width: 100%;
border-bottom: 1px solid #2f3132;
border-right: none
}
.testiominals.full-width .owl-testimonial-2 .inner-testimonial i.fa.fa-quote-left {
border-right: none;
padding: 0;
font-size: 1.2em
}
.testiominals.full-width .owl-testimonial-2 .inner-testimonial .tm-tagline span {
padding: 0 0 10px 10px
}
.testiominals.full-width {
padding: 30px 0!important
}
.testiominals.full-width .owl-testimonial-2 .tm-userinfo .tm-title {
font-size: 1em
}
.testiominals.full-width .owl-testimonial-2 .tm-userinfo .tm-designation {
font-size: .7em
}
.schedule.black .schedule-item .right-item .speaker span {
padding-right: 0;
margin-right: 0;
border: none
}
.schedule.black .main-row {
margin-bottom: 0
}
.speakers .speaker-block {
max-height: 290px
}
}