/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/* Overrides for bootstrap's medium screen size menus */

@media only screen and (min-width : 768px) {
    .navbar-toggle {
        display: block;
    }
    .navbar-header {
        float: none;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: auto;
    }
}

@media only screen and (min-width : 992px) {
    .navbar-nav {
        width: 100%;
        text-align: justify
    }
    ul.nav.navbar-nav:after {
        content: '';
        width: 100%;
        display: inline-block;
    }
    .navbar-default .navbar-nav>li>a {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-nav>li {
        display: inline-block;
        float: none;
    }
    .collapse.navbar-ex1-collapse {
        width: 81%;
    }
    .navbar-toggle {
        display: none;
    }
    .navbar-header {
        float: left;
    }
    .collapse {
        display: block;
        float: right;
    }
}

@media only screen and (max-width : 768px) {
    .navbar-nav.nav>li a {
        line-height: 22px;
    }
    .collapse {
        display: none;
    }
    .collapsing {
        transition-property: height 1s;
    }

    .navbar-ex1-collapse {
        position: fixed;
        top: 100px;
        left: 0;
        padding: 0 15px;
        width: 100%;
        background: #fff;
        height: 100%;
    }

}

@media only screen and (max-width: 992px) {
    .navbar-nav>li {
        float: none; 
    }
    .navbar-nav>li:last-child {
        margin-bottom: 500px;
    }
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
      
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .create-banner {
        display:none !important;
    }
    
    .mob-login {
        display:none !important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    td {
    font-size: 14px !important;
}
    td .package-sm-txt {
    font-size: 11px !important;
}
    .hero-banner {
    padding: 30px !important;
    font-size: 20px !important;
}
}

/*Medium Devices, Desktops*/
@media only screen and (max-width : 992px) {
    h1{
        font-size: 42px;
    }
    .row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
     margin:0px; /*hack adjust for wrapping*/
    }
    .top-nav-custom {
        background: #fff
    }
    .top-nav-custom .navbar-nav>li>a {
        color: #7C7C7C;
        font-size: 12px;
    }
/*     .intro-login-title-left {
        display: none !important;
    }
    
    .intro-login-sub-left {
        display: none !important;
    }
     */    
    .create-btn {
        display: none !important;
    }
    .login-form-color{
        background-color: transparent !important;
    }
    .timeline-centered {
        margin-top: 40px !important;
    }
    .event-selector-box {
        margin-bottom: 20px !important;
    }
    .container {
        width: auto;
    }
    .container>.navbar-header {
        margin-left: -15px;
        margin-right: -15px;
    }
/*}*/

/*Small Devices, Tablets*/
    h2{
        font-size: 42px;
    }
    p {
        font-size: 14px !important;
    }
    .navbar-collapse{
        float:none !important;
    }
    /*.navbar-collapse.collapse {
        display: none !important;
    }*/
    .slider-caption {
        padding: 20px !important;
    }
    .slider-caption p{
        display:none;
    }
    .eventree-home-logo {
        display:none;
    }
    .home-btn a {
        padding: 10px 20px 10px 20px !important;
        font-size: 14px !important;
        margin: 20px 0px 20px 0px !important;
    }
    .eventree-home-login {
        max-width: 100% !important;
        padding: 20px 10px 20px 10px !important;
    }
    .forgot-password {
        margin-top: 13px !important;
    }
    .counter-title {
        margin-top: 15px !important;
    }
    blockquote {
        font-size: 16px !important;
    }
    .price-box-2 {
        margin-top: 20px !important;
    }
    /*.intro-login-title-left {
        display: none !important;
    }
    
    .intro-login-sub-left {
        display: none !important;
    }*/
    
    .create-btn {
        display: none !important;
    }
    
    .package-menu table {
    display: inline-block;
    min-width: 100%;
    }

    .package-menu tr {
    }

    .package-menu td {
        padding: 10px 15px 10px 15px !important;
        font-size: 13px !important;
    }

    .package-sm-txt {
        font-size: 11px !important;
    }
    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
                    font-size: 11px !important;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
                    font-size: 14px !important;
                    
    }
    
    .intro-launch-title{
        font-size: 25px !important;
    }
    .intro-login-sub-left {
        font-size: 35px;
    }
    
    .hero-banner {
    padding: 14px !important;
    font-size: 13px !important;
    }
}
@media only screen and (max-width : 768px) {
    .intro-login-sub-left {
        font-size: 25px;
    }
}


/*Extra Small Devices, Phones*/
@media only screen and (max-width : 480px) {
    h1{
        font-size: 32px;
    }    
    h2{
        font-size: 32px;
    }
    h3{
        font-size: 32px;
    }        
    h4{
        font-size: 22px;
    }    
    .slider-caption{
        padding: 0 45px;
    }
     .launch-form-container {
    align-content: center !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
}
}

/*Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    h2{
        font-size: 32px;
    }
    h4{
        font-size: 22px;
    }    
}

@media screen and (max-device-width: 1024px) {
    .top-section {
        background-attachment: scroll;
    }
    .owl-nav{
        padding:0px 0px;
    }
}