.navbar-nav > li > a {
            color:grey;
            font-size: 12px;
        }
        .bgwhite {
            background-color: white;
        }
        .modal-header {
            background-color: #F2F2F2;
            border:1px solid #F2F2F2;
        }
        .modal-body {
            background-color: #FAFAFA;
        }

        small {
            color:grey;
        }

        .search::placeholder {
          color: #065496;
          font-weight: bold;
        }

        .btn-danger {
          background:#F13737;
        }

        .jdl {
          display: block;
          display: -webkit-box;
          margin: 0 auto;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          line-height: 19px;
          max-height: 40px;
          font-weight: 600;
          letter-spacing: 0;
          padding: 0;
          height: 40px;
        }

        .carousel-inner {
          height: 100%;
          width: 100%;
        }

        @media screen and (min-width: 300px) {
            .bg-logo {
                padding: 0px;
            }

            .logo {
                height: 40px;
                width: 200px;
                
            }

            nav.navbar {  
                margin-bottom: 0px;  
                min-height: 70px;        
            }

            .navbar-brand {
              height: 55px;
              padding: 5px 15px;
            }

            .navbar-toggle {
                background-color: white;
            }

            header.carousel {
              height: 35%;
            }

            .carousel-caption {
              height: 200px;
            }

            header p {
              font-size: 10px;
              line-height: 5px;
            }

            header h1 {
              font-size: 18px;
            }

            header h2 {
              font-size: 12px;
            }

            header h3{
              font-size: 10px;
            }

            header h4 {
              font-size: 10px;
            }

            header h5 {
              font-size: 10px;
            }

            header h6 {
              font-size: 10px;
            }

            ul.dropdown-menu{
              width: 100% !important;
            }

            .img-event {
              height: 265px;
            }

            .img-ticket {
              height: 100px;
            }

            .container{
                min-height: 400px;
                position: relative;
            }

            .register{
                    background:#f0f0f0;
                    position:fixed;
                    bottom:0;
                    width:100%;
                    text-align:center;
                    color:#808080;
                    z-index: 4;
            }
            
        }

        @media screen and (min-width: 400px) {
            .bg-logo {
                padding: 0px;
            }

            .logo {
                height: 50px;
                width: 100%;
                
            }

            nav.navbar {
                min-height: 70px;           
            }

            .navbar-toggle {
                background-color: white;
            }
            
            header.carousel {
              height: 40%;
            }

            .carousel-caption {
              height: 250px;
            }

            header p {
              font-size: 13px;
              line-height: 5px;
            }

            header h1 {
              font-size: 26px;
            }

            header h2 {
              font-size: 20px;
            }

            header h3{
              font-size: 13px;
            }

            header h4 {
              font-size: 13px;
            }

            header h5 {
              font-size: 13px;
            }

            header h6 {
              font-size: 13px;
            }

            ul.dropdown-menu{
              width: 100% !important;
            }

            .img-event {
              height: 265px;
            }

            .img-ticket {
              height: 100px;
            }

            .container{
                min-height: 400px;
                position: relative;
            }

            .register{
                    background:#f0f0f0;
                    position:fixed;
                    bottom:0;
                    width:100%;
                    text-align:center;
                    color:#808080;
                    z-index: 4;
            }
        }


        @media screen and (min-width: 460px) {
            .bg-logo {
                padding: 0px;
            }

            .logo {
                height: 60px;
                width: 100%;
                
            }

            nav.navbar { 
                min-height: 85px;           
            }

            .navbar-brand {
              height: 75px;
              padding: 5px 15px;
            }

            .navbar-toggle {
                background-color: white;
            }
            
            header.carousel {
              height: 40%;
            }

            .carousel-caption {
              height: 250px;
            }

            header p {
              font-size: 13px;
              line-height: 5px;
            }

            header h1 {
              font-size: 26px;
            }

            header h2 {
              font-size: 20px;
            }

            header h3{
              font-size: 13px;
            }

            header h4 {
              font-size: 13px;
            }

            header h5 {
              font-size: 13px;
            }

            header h6 {
              font-size: 13px;
            }

            ul.dropdown-menu{
              width: 100% !important;
            }

            .img-event {
              height: 265px;
            }

            .img-ticket {
              height: 110px;
            }

            .container{
                min-height: 400px;
                position: relative;
            }

            .register{
                    background:#f0f0f0;
                    position:fixed;
                    bottom:0;
                    width:100%;
                    text-align:center;
                    color:#808080;
                    z-index: 4;
            }
        }


        @media screen and (min-width: 760px) {
            .bg-logo {
                padding: 0px;
            }

            .logo {
                height: 70px;
                width: 100%;
            }

            nav.navbar {          
            }

            .navbar-toggle {
                background-color: white;
            }
            
            header.carousel {
              height: 50%;
            }

            .carousel-caption {
              height: 300px;
            }

            header p {
              font-size: 14px;
              line-height: 5px;
            }

            header h1 {
              font-size: 28px;
            }

            header h2 {
              font-size: 22px;
            }

            header h3{
              font-size: 14px;
            }

            header h4 {
              font-size: 14px;
            }

            header h5 {
              font-size: 14px;
            }

            header h6 {
              font-size: 14px;
            }

            ul.dropdown-menu{
              width: 300px !important;
            }

            .img-event {
              height: 265px;
            }

            .img-ticket {
              height: 120px;
            }
        }


        @media screen and (min-width: 960px) {
            .bg-logo {
                padding: 0px;
            }

            .logo {
                height: 70px;
                width: 100%;
            }

            nav.navbar {          
            }

            .navbar-toggle {
                background-color: white;
            }

            .navbar-brand {
              height: 85px;
              padding: 5px 15px;
            }

            header.carousel {
              height: 70%;
            }

            .carousel-caption {
              height: 350px;
            }

            header p {
              font-size: 16px;
              line-height: 5px;
            }

            header h1 {
              font-size: 30px;
            }

            header h2 {
              font-size: 24px;
            }

            header h3{
              font-size: 16px;
            }

            header h4 {
              font-size: 16px;
            }

            header h5 {
              font-size: 16px;
            }

            header h6 {
              font-size: 16px;
            }

            ul.dropdown-menu{
              width: 300px !important;
            }

            .img-event {
              height: 270px;
            }
            
            .img-ticket {
              height: 130px;
            }
        }


        @media screen and (min-width: 1100px) {

            .bg-logo {
                padding: 0px;
            }

            .logo {
                height: 70px;
                width: 100%;
            }

            nav.navbar {            
            }

            .navbar-brand {
              height: 83px;
              padding: 5px 15px;
            }

            .navbar-toggle {
                background-color: white;
            }


            header.carousel {
              height: 70%;
            }

            .carousel-caption {
              height: 400px;
            }

            header p {
              font-size: 18px;
              line-height: 5px;
            }

            header h1 {
              font-size: 34px;
            }

            header h2 {
              font-size: 28px;
            }

            header h3{
              font-size: 18px;
            }

            header h4 {
              font-size: 18px;
            }

            header h5 {
              font-size: 18px;
            }

            header h6 {
              font-size: 18px;
            }

            ul.dropdown-menu{
              width: 300px !important;
            }

            .img-event {
              height: 265px;
            }

            .img-ticket {
              height: 150px;
            }
        }