@media screen and (max-width: 1500px) {
    #career .intro .right {
        margin-top: 480px;
    }
}

@media screen and (max-width: 1480px) {
    #subscribe {
        margin-left: 50px;
    }
}

@media screen and (max-width: 1400px) {
    #landing .right h2 {
        font-size: 40px;
        letter-spacing: 1px;
    }
}

@media screen and (max-width: 1360px) {
    #calendar .listings .item .tickets {
        margin-left: 0;
    }
}

@media screen and (max-width: 1270px) {
    #twitter, #facebook {
        width: 250px;
    }

    #contact .left {
        width: calc(100% - 450px);
    }
}

@media screen and (max-width: 1200px) {
    #career .intro .left, #career .awards .left, #career .intro .right, #career .awards .right {
        width: 45%;
    }
}

@media screen and (max-width: 1150px) {
    #header ul li {
        margin: 0;
    }

    #header ul li a {
        padding: 10px 6px;
    }

    #header .logo {
        margin: 15px 0 0 2%;
    }

    #home .text-right .text {
        padding: 70px 2%;
        width: 42.5%;
    }

    #home .text-left .text {
        padding: 70px 2%;
        width: 43.5%;
    }

    h2 {
        font-size: 40px;
        letter-spacing: 3px;
    }

    #home .column-section .container-wrapper {
        padding: 0;
    }
}

@media screen and (max-width: 1350px) {
    #banner .prev {
        left: 20px;
    }

    #banner .next {
        right: 20px;
    }

    #philanthropy .column-section .container-wrapper, #ambassador .column-section .container-wrapper {
        padding: 0;
    }

    #philanthropy .col, #ambassador .two-col-content .col {
        width: 70%;
    }
}

@media screen and (max-width: 1250px) {
    .grid > li {
        width: calc(33% - 14px);
    }

    #subscribe {
        max-width: 300px;
    }
}

@media screen and (max-width: 1110px) {
    #calendar .listings .item .tickets {
        margin-left: 0;
    }

    #calendar .listings .item .date {
        margin-left: 0;
        margin-right: 2%;
    }

    #calendar .listings .item .img {
        width: 120px;
        height: 120px;
    }
}

@media screen and (max-width: 1050px) {
    #facebook, #twitter {
        margin-right: 3%;
        width: 28%;
    }

    #calendar .listings .item .info {
        margin-left: 2%;
    }

    #subscribe {
        width: 34%;
    }

    #footer h6 {
        font-size: 38px;
        line-height: 44px;
    }

    #footer .menu ul li a {
        font-size: 16px;
    }

    #footer .menu {
        width: 60%;
    }

    #header .menu {
        display: none;
    }

    #header .burgerButton {
        display: block;
    }

    .responsiveOn .burgerButton {
        background-color: #363636;
        background-image: url(../images/close.png)!important;
    }

    .responsiveOn .responsive-menu {
        display: block;
    }

    #grid .filter .search {
        width: 45%;
    }

    #landing .right h2 {
        font-size: 33px;
        letter-spacing: 0px;
        line-height: 39px;
    }

    #landing .right .continue {
        width: 195px;
    }

    #facebook, #twitter {
        margin: 0 1%;
        max-width: 100%;
        width: 48%;
    }

    #subscribe {
        width: 100%;
        margin: 50px 1% 50px;
    }
}

@media screen and (max-width: 992px) {
    #home .text-left .text, #home .text-right .text {
        padding: 70px 2% 0;
        width: 96%;
    }

    #home .column-section .container-wrapper {
        min-height: auto;
        background-image:none !important;
        margin-bottom: 50px;
    }

    #footer .menu {
        margin-top: 25px;
    }

    #footer .socialMedia, #footer .menu {
        width: 100%;
        text-align: center;
    }

    #footer .menu ul li {
        margin: 0 1%;
    }

    #home .videos .left, #home .videos .right {
        width: 100%;
    }

    #banner .text {
        display: none;
    }

    #calendar .listings .item .info {
        width: calc(96% - 230px);
    }

    #calendar .listings .item .tickets {
        display: none;
    }

    .heading {
        margin-bottom: 50px;
    }

    #contact .left {
        width: calc(100% - 30px);
        margin-bottom: 20px;
    }

    #contact .right {
        width: 100%;
    }

    #contact .left button {
        margin-right: 5%;
    }

    #philanthropy .text-left .text, #ambassador .text-left .text {
        width: 92%;
        padding: 0 4%;
    }

    #philanthropy .text-right .text, #ambassador .text-right .text {
        width: 92%;
        margin: 0 4%;
    }

    #philanthropy .column-section .container-wrapper, #ambassador .column-section .container-wrapper {
        background-image: none !important;
    }

    #philanthropy .subtitle, #ambassador .subtitle, #philanthropy .two-col-content .border-btn {
        margin-left: 0;
    }

    #philanthropy .col, #ambassador .two-col-content .col {
        width: 100%;
        margin: 0;
    }

    #philanthropy .text-right .text, #ambassador .text-right .text {
        padding: 0;
    }

    #philanthropy .column-section {
        margin-bottom: 70px;
    }

    #philanthropy .subtitle {
        margin-bottom: 10px;
    }

    #ambassador .col-list {
        margin-top: 60px;
    }

    #search .results ul li {
        width: 96%;
        margin: 0 2% 20px;
    }

    #search .results li a .info p {
        height: auto;
    }

    #search .categories li {
        margin: 3px;
    }

    #career .intro .left, #career .awards .left, #career .intro .right, #career .awards .right {
        width: 100%;
    }

    #career .intro .right, #career .awards .right {
        margin-top: 50px;
    }

    #career .intro .right {
        margin-top: 20px;
    }

    .careerBG {
        background-image: none !important;
    }

    #readmore .back {
        display: none;
    }

    #readmore .content {
        width: 94%;
    }

    #readmore .content ul li {
        width: 100%;
        margin-bottom: 15px;
    }

    h2 {
        font-size: 33px;
        letter-spacing: 1px;
    }

    h3 {
        font-size: 30px;
    }

    #readmore .eventInfo li a {
        font-size: 18px;
    }
}

@media screen and (max-width: 900px) {
    #landing .wrapper {
        position: relative;
    }

    #landing .video {
        position: relative;
        height: 400px;
        display: block;
        width: 100%;
    }

    #landing .right {
        display: block;
        padding-top: 20px;
        width: 98%;
        text-align: center;
        padding-bottom: 30px;
        margin: 0;
    }

    #landing .right .info-bottom, #landing .right .info-bottom .image {
        width: 100%;
    }

    #landing .right h2 span {
        margin-left: 0;
    }

    #landing .right h2 {
        padding: 5px 0px 20px;
    }

    #landing .right p {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 850px) {
    .grid > li {
        width: calc(50% - 14px);
    }
}

@media screen and (max-width: 768px) {
    h2 {
        font-size: 35px;
        letter-spacing: 1px;
        line-height: 40px;
    }

    #home .videos .right, #home .videos .left {
        width: 94%;
        text-align: left;
        margin: 0 3%;
    }

    #facebook, #twitter {
        margin: 0 0 40px;
        width: 100%;
        text-align: center;
    }

    #facebook > div, #twitter > iframe {
        max-width: 342px !important;
    }

    #subscribe {
        width: 98%;
        margin: 50px 1% 50px;
        text-align: center;
        max-width: 100%;
    }

    #subscribe form input {
        max-width: 400px;
        text-align: Center;
    }

    #subscribe form button {
        display: block;
        margin: 0px auto;
    }

    #footer h6 span:before {
        left: 50%;
        margin-left: -30px;
    }

    h2 span {
        margin-left: 0;
    }

    h2 span:before {
        left: 0px;
    }

    #grid .filter ul {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }

    #grid .filter .search {
        width: 100%;
    }

    #video .close {
        margin-left: 264px;
    }
}

@media screen and (max-width: 700px) {
    h2 {
        font-size: 30px;
        letter-spacing: 0;
    }

    #landing .video {
        height: 280px;
    }

    #header .burgerButton {
        right: 60px;
    }

    #header .burgerButton, #header .searchButton {
        width: 60px;
    }

    #footer {
        padding: 90px 0 0px;
    }

    #calendar .listings .item .date {
        margin-right: 0;
        text-align: center;
        margin-bottom: 15px;
        width: 100%;
        margin-top: 5px;
    }

    #calendar .listings .item .img {
        width: 150px;
        height: 150px;
        margin: 0px auto;
        float: none;
    }

    #calendar .listings .item .info {
        margin-left: 0;
        width: 100%;
        margin-top: 25px;
    }
}

@media screen and (max-width: 660px) {
    #video .close {
        margin-left: 0;
        right: -10px;
    }

    #video iframe {
        margin: 10px;
    }
    
    #readmore .content .title {
        width: 100%;
    }
}

@media screen and (max-width: 580px) {
    .grid > li {
        width: calc(100% - 14px);
    }

    #grid .item img {
        margin: 0px auto;
    }

    #subscribe form, #footer h6 span {
        margin-left: 0;
    }

    #header .logo img {
        width: 180px;
        margin-top: 3px;
    }

    #search .results ul li a {
        display: block;
    }

    #search .results li a .image {
        width: 100%;
        height: 220px;
    }

    #search .results li a .info {
        width: 89%;
    }

    .vh {
        height: 435px;
    }
    
    .hideBanner {
        height: auto;
    }

    .responsive-menu, #search {
        height: 360px;
        bottom: auto;
    }

    #home .videos .title {
        margin-top: 20px;
        font-size: 27px;
    }

    #home .videos .navigation {
        width: 100%;
    }

    #search input {
        width: 92%;
        margin: 0 4%;
    }

    #footer .socialMedia ul li {
        margin-right: 5%;
    }
    
    .top {
        margin: 35px 0;
    }

    .top .right {
        width: 100%;
        margin-top: 20px;
    }

    .heading h2 {
        margin-left: 0;
    }
    
    #contact .left input, #contact .left .message {
        width: 100%;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 500px) {
    #readmore .eventContent .buttons {
        width: 70%;
        margin: 0 15%;
    }
    #readmore .eventContent .buttons a {
        width: 100%;
        margin: 20px 0 0 0;
        text-align: center;
    }
}

@media screen and (max-width: 350px) {
    #readmore .eventContent .buttons {
        width: 100%;
        margin: 0;
    }
}

@media screen and (max-height: 768px) {
    #landing .right h2 {
        padding: 0 0 10px;
    }

    #landing .right p {
        margin-bottom: 15px;
    }

    #landing .right ul, #landing .right .image {
        margin-bottom: 20px;
    }

    #contact .left {
        width: 100%;
    }

    #contact .breadcrumbs {
        width: calc(100% - 30px);
    }

    #contact .left input {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }

    #contact .left .message {
        width: 100%;
        margin-right: 0;
    }

    #contact .left button {
        margin-right: 0;
    }
}