/* ==================================RESPONSIVE CSS=======================================*/

@media screen and (max-width: 1280px) {
    .section-padding {
        padding: 85px 0;
    }
}

@media screen and (max-width: 1200px) {
    .section-padding {
        padding: 60px 0;
    }
    .section-padding.section-padding-md {
        padding: 45px 0;
    }

    .page-title .dropdown-toggle,
    .page-title .menuzord .menuzord-menu > li > a:not(.btn),
    .page-title .menuzord .menuzord-menu > li .menuzord-menu-anchor {
        font-size: 17px;
    }

    .webinar-countdown .webinar-countdown__title {
        font-size: 32px;
    }
}

@media screen and (max-width: 1024px) {
    body {
        font-size: 17px;
    }
}

@media screen and (max-width: 992px) {
    .modal {
        max-width: 100%;
    }

    .page-title .dropdown-toggle,
    .page-title .menuzord .menuzord-menu > li > a:not(.btn),
    .page-title .menuzord .menuzord-menu > li .menuzord-menu-anchor {
        font-size: 16px;
    }

    .webinar-countdown .webinar-countdown__title {
        font-size: 28px;
    }

    .mainContentHeight .login-wrapper {
        margin: 30px auto;
    }
}

@media screen and (max-width: 992px) and (min-width: 769px) {
    .sidebar-container .sidebar-wrapper .sidebar-content li:not(.header-menu) {
        padding: 0 0 5px;
    }
    .sidebar-container .sidebar-wrapper .sidebar-content li:not(.header-menu) .badge {
        margin-bottom: 8px;
        display: table;
        position: relative;
        top: 0;
    }
}

@media screen and (max-width: 768px) {
    .mainContentHeight {
        min-height: calc( 100vh - 150px );
    }
    
    body {
        font-size: 16px;
    }
    p {
        margin: 0 0 20px;
        line-height: 1.5;
    }

    .btn {
        height: 42px;
        padding: 0 15px;
        line-height: 45px;
    }

    .mac.safari .btn {
        line-height: 37px;
    }

    .section-padding {
        padding: 40px 0;
    }
    .section-padding.section-padding-md {
        padding: 30px 0;
    }
    
    #header + div,
    #header + section {
        margin-top: 46px;
    }
    #header .menuzord-responsive .menuzord-menu > li {
        margin: 0;
    }
    #header .menuzord-responsive .menuzord-menu > li > a {
        padding: 10px 0px !important;
    }
    #header .menuzord-responsive .menuzord-menu > li > a.btn {
        padding: 0 !important;
    }

    #footer .back-top {
        top: 13px;
        width: 48px;
        height: 48px;
    }
    #footer .back-top i {
        font-size: 20px;
        line-height: 48px;
    }

    .page-title h2 {
        font-size: 18px;
    }
    .page-title .btn-block {
        max-width: 175px;
        margin: 0 auto;
    }
    .page-title .dropdown-menu {
        min-width: 100%;
    }
    .page-title .menuzord {
        width: 100%;
        position: static;
    }
    .page-title .menuzord .showhide {
        position: absolute;
        top: 0;
        right: 15px;
    }
    .page-title .menuzord .menuzord-menu {
        width: calc(100% - 30px);
        padding: 15px;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.08) 0 0 15px 0;
        position: absolute;
        z-index: 9;
    }
    .page-title .menuzord .menuzord-menu > li {
        margin: 0;
    }
    .page-title .dropdown-toggle,
    .page-title .menuzord .menuzord-menu > li > a:not(.btn),
    .page-title .menuzord .menuzord-menu > li .menuzord-menu-anchor {
        color: #000 !important;
        padding: 12px 0 !important;
    }
    .page-title .menuzord .menuzord-menu > li > a.btn {
        height: auto;
        margin: 0;
        line-height: 1;
    }
    .page-title .menuzord .menuzord-menu > li .btn-group {
        margin-bottom: 5px;
        display: block;
    }

    .panel-group .panel-heading {
        padding: 12px 30px 12px 20px;
    }
    .panel-group .panel-body {
        padding: 12px 20px 20px;
    }
}

@media screen and (max-width: 575px) {
    .titles-list__events .titles-list__event--start,
    .titles-list__events .titles-list__event--name {
        width: 100%;
    }
    .titles-list__events .titles-list__event--name {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 420px) {
    .sidebar-container .sidebar-wrapper .sidebar-content li:not(.header-menu) {
        padding: 0 0 5px;
    }
    .sidebar-container .sidebar-wrapper .sidebar-content li:not(.header-menu) .badge {
        margin-bottom: 8px;
        display: table;
        position: relative;
        top: 0;
    }
}

@media screen and (max-width: 375px) {
    .btn {
        padding: 0 10px;
        font-size: 15px;
    }
}