/* XL Large desktops and laptops */
@media (min-width: 1366px) and (max-width: 3000px)  {
    
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
    
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    header .top-bar {
        font-size: 14px;
    }

    header .top-bar .top-bar-callback button.btn {
        padding: .85rem 1.13rem;
    }

    section.about .section-content {
        min-height: 415px;
        top: 2rem;
    }

    section.about .view {
        max-height: 470px;
    }

    section.about .section-content .section-box-title p {
        font-size: 16px;
    }

    section.about .section-content .section-box-content p {
        font-size: 14px;
    }

    section.advantages .section-box-item .section-box-title {
        font-size: 16px;
    }
    
    section.advantages .section-box-item .section-box-content {
        font-size: 14px;
    }

    section.speakers .section-box .media .media-body h5 {
        font-size: 14px;
    }

    section.speakers .section-box .media .media-body p {
        font-size: 10px;
    }

    section.speakers .section-box .media .media-body .media-button button.btn {
        font-size: .6rem;
    }

    section.payment .section-price h5 {
        font-size: 16px;
    }

    section.contact .media .media-body.phone a {
        font-size: 18px;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    header .top-bar-address,
    header .top-bar-email,
    header .top-bar-phone,
    header .top-bar-callback {
        display: none;
    }

    header .bottom-bar .bottom-bar-menu-left,
    header .bottom-bar .bottom-bar-menu-right {
        display: none;
    }

    header .top-bar-callback button.btn-default {
        font-size: 0.6rem;
        padding: .85rem 1.13rem;
    }
    
    section.about .section-title h4, 
    section.advantages .section-title h4, 
    section.speakers .section-title h4,
    section.payment .section-title h4, 
    section.contact .section-title h4 {
        font-size: 18px;
    }

    section.about .section-box-title p, 
    section.advantages .section-box-title p, 
    section.contact .section-box-title p {
        font-size: 16px;
    }

    section.about .section-content .section-box-title, 
    section.about .section-content .section-box-content {
        font-size: 14px;
    }

    section.event {
        margin-top: -300px;
    }

    section.event .view .intro-info-content {
        margin-top: 160px;
    }

    section.event .view .intro-info-content h1 {
        font-size: 28px;
    }

    section.about .section-line {
        top: 8px;
    }

    section.about .section-content {
        top: -1rem;
        min-height: auto;
    }

    section.about .section-img img {
        top: 4.3rem;
        position: relative;
    }

    section.about .section-content .section-box-content button.btn-default {
        font-size: .6rem;
        padding: .85rem 1.13rem;
    }

    section.about .view {
        max-height: 555px;
    }

    section.advantages .section-box-item .section-box-title, 
    section.speakers .section-box-item .section-box-title {
        font-size: 16px;
    }

    section.advantages .section-box-item .section-box-content {
        font-size: 14px;
    }

    section.advantages .section-line, 
    section.contact .section-line {
        top: 8px;
    }

    section.speakers .section-line, 
    section.payment .section-line {
        top: 8px;
    }

    section.speakers .section-box {
        padding: 30px;
    }

    section.speakers .section-box h4 {
        font-size: 20px;
    }

    section.speakers .section-box .media {
        display: block;
    }

    section.speakers .section-box .media .d-flex {
        margin-bottom: 20px;
    }
    
    section.speakers .section-box .media .media-body h5 {
        min-height: 35px;
        font-size: 16px;
    }

    section.speakers .section-box .media .media-body p {
        min-height: 50px;
        font-size: 12px;
    }

    section.speakers .section-box .media .media-body .media-clock {
        font-size: 14px;
        padding-top: 10px;
    }

    section.speakers .section-box .media .media-body .media-button {
        float: none;
    }

    section.speakers .section-box .media .media-body .media-button button.btn-default {
        font-size: .5rem;
        padding: .85rem 1.13rem;
        top: -10px;
    }

    section.payment .section-price h5 strong {
        font-size: 16px;
    }

    section.payment button.btn-default {
        font-size: .6rem;
        padding: .85rem 1.13rem;
    }

    section.contact .media {
        display: table;
    }

    section.contact .media .media-body.phone,
    section.contact .media .media-body.email {
        margin-top: 10px;
    }

    section.contact .media .media-body.address {
        margin-top: 12px;
    }

    section.contact .media .media-body.phone a,
    section.contact .media .media-body.email a,
    section.contact .media .media-body.address h5 {
        font-size: 16px;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    header .top-bar-address,
    header .top-bar-email,
    header .top-bar-phone,
    header .top-bar-callback {
        display: none;
    }

    header .bottom-bar .bottom-bar-menu-left,
    header .bottom-bar .bottom-bar-menu-right {
        display: none;
    }

    section.event {
        margin-top: -227px;
    }

    section.event .view .intro-info-content .event-title h1 {
        font-size: 28px;
    }

    section.event .view .intro-info-content .event-title h2 {
        font-size: 22px;
    }

    section.about .section-content {
        min-height: 470px;
    }

    section.about .section-content .section-box-title, 
    section.about .section-content .section-box-content {
        float: none;
        text-align: center;
    }

    section.about .section-content .section-box-content p.name {
        padding-bottom: 10px;
    }

    section.about .section-content .section-box-content p.name span.section-divider {
        display: none;
    }

    section.about .section-content .section-box-content button.btn-default {
        float: none;
        width: auto;
        height: auto;
        border-radius: 25px;
    }

    section.about .view {
        max-height: 767px;
    }

    section.about .view .section-box {
        padding: 30px;
    }

    section.about .view .section-box .section-box-i .section-content .section-box-title p {
        text-align: center;
    }

    section.about .view .section-box .section-box-i .section-content .section-box-content p {
        text-align: center;
    }

    section.about .view .section-box .section-box-i .section-content .section-box-content {
        text-align: center;
    }

    section.speakers .section-box  {
        padding: 30px;
    }

    section.speakers .section-box .media .media-body p {
        min-height: auto;
    }

    section.speakers .section-box .media .media-body .media-button {
        float: none;
        margin-bottom: 20px;
    }

    section.payment .section-price h5 {
        font-size: 18px;
    }

}

@media (max-width: 568px) {
    section.about .section-line {
        display: none;
    }

    section.about .view {
        max-height: 718px;
    }

    section.about .view .section-box {
        padding: 30px;
    }

    section.about .view .section-box .section-box-i .section-content .section-box-title p {
        text-align: center;
    }

    section.about .view .section-box .section-box-i .section-content .section-box-content p {
        text-align: center;
    }

    section.about .view .section-box .section-box-i .section-content .section-box-content {
        text-align: center;
    }

    section.advantages .section-line, 
    section.contact .section-line {
        display: none;
    }

    section.speakers .section-line, 
    section.payment .section-line {
        display: none;
    }

    section.speakers .section-box .section-box-i .section-line {
        display: -webkit-box;
        top: 0;
        position: relative;
        border-bottom: 1px solid #fff;
        margin-bottom: 30px;
    }

}

/* Landscape phones and smaller */
@media (max-width: 480px) {
    section.about .section-content {
        top: 30px;
    }

    section.about .view {
        max-height: 728px; /* 920px */
    }

    section.about .view .section-box {
        padding: 10px;
    }

    section.event .view .intro-info-content .event-title h1 {
        font-size: 24px;
    }

    section.event .view .intro-info-content .event-title h2 {
        font-size: 22px;
    }

    section.advantages .section-line, 
    section.contact .section-line {
        display: none;
    }

    section.speakers .section-line, 
    section.payment .section-line {
        display: none;
    }

    section.speakers .section-box {
        padding: 10px;
    }

    section.speakers .section-box .media {
        display: block;
    }

    section.speakers .section-box .media .d-flex {
        margin-bottom: 20px;
    }

    section.speakers .section-box .section-box-i {
        padding: 10px 10px 0 10px;
    }

    section.speakers .section-box .section-box-i .section-line {
        display: -webkit-box;
        top: 0;
        position: relative;
        border-bottom: 1px solid #fff;
        margin-bottom: 30px;
    }

    section.speakers .section-box .media .media-body h5 {
        font-size: 16px;
    }

    section.speakers .section-box .media .media-body p {
        font-size: 14px;
    }

    section.payment button.btn-default {
        margin: 0;
    }

    footer .copyright .down-layer p {
        margin: 0;
    }
}

@media (max-width: 375px) {

    section.event .view .intro-info-content .event-title h2 {
        font-size: 22px;
    }

    section.about .view {
        max-height: 775px;
    }

    footer .copyright .down-layer p {
        top: -12px;
        position: relative;
        margin: 0;
    }
}

@media (max-width: 320px) {

    section.event .view .intro-info-content .event-title h2 {
        font-size: 22px;
    }

    section.about .view {
        max-height: 920px;
    }

}