@media only screen and (max-width: 1200px) {

    .rightPannel ul li a {
        font-size: 13px;
    }

}





@media only screen and (max-width: 1024px) {

.longEnough {
    width: 100%;
}

.TutorialsContainerBoxOuter {
    max-width: 100%;
    width: 100%;
}

.TutorialsButtonsLeft {
    left: -20px;
}

.TutorialsButtonsRight {
    right: -20px;
}

.FooteroContainerSocial ul li {
    margin: 0px;
}

.FooterCopyRight {
    line-height: 50px;
}

}


@media only screen and (max-width: 991px) {

    .logoContainer {
        margin: 0px auto;
    }

    .bannerContainer .carousel-caption {
        top: 15%;
    }

    .bannerContainer h3 {
        font-size: 25px;
    }

}


@media only screen and (max-width: 769px) {

    .mobilebannerContainer {
        display: block;    
    }

    .mobilebannerContainer .carousel-caption {
        top: 20%;
        left: 0px;
        right: 0px;
        width: 100%;
        padding: 10px;
        text-align: center;   
    }
    
    .bannerContainer {
        display: none;
    }    

.logoContainer {
    width: 190px;
    margin: 0px auto;
}
	
.navigation ul li {
    padding: 0px 1px;
}

.navigation ul li a {
    font-size: 13px;
}

.rightPannel {
    text-align: center;
}

.rightPannel ul li {
    padding: 4px 10px;
}

.rightPannel ul li a {
    font-size: 20px;
}

.DisplayNone{
    display: none;
}

.SpeakerContainerRight {
    padding: 0;
}

.SpeakerContainerLeft {
    padding: 40px 0 0;
}


ul {
    word-spacing: 0;
}

.aboutMeContainer h3 {
    font-size: 30px;
}

.SpeakerContainer h3 {
    font-size: 30px;
    text-align: center;
}

.TutorialsContainer h3 {
    font-size: 30px;
    text-align: center;
}

.PostsContainer h3 {
    font-size: 30px;
    text-align: center;
}

.ManifestoContainer h3 {
    font-size: 30px;
    text-align: center;
}

.GalleryContainer h3{
    font-size: 30px;
    text-align: center;
}

.topContainer {
    position: relative;
}

.navigation {
    padding: 0px 0 0;
    text-align: center;
}

.bannerContainer {
    width: 100%;
    padding: 0px 0 0;
}

.rightPannel ul {
    padding: 10px 0 0;
}
.SpeakerContainerCenter{
    display: none;
}
.mobileSpeakerContainerCenter{
    display: block;
}
.voteappealcont h3{
        font-size: 30px;
}

}



@media only screen and (max-width: 680px) {

.rightPannel ul {
     padding: 10px 0 0;
}

.navigation {
    text-align: center;
    padding: 0px 0 0;
}

.navigation ul li {
    padding: 0px 9px;
}

.navigation ul li a {
    font-size: 16px;
}

.careerContainer {
    width: 100%;
}

.rightPannel {
    text-align: center;
}

.rightPannel ul li {
    padding: 0 10px;
}

.rightPannel ul li a {
    font-size: 20px;
}

.logoContainer {
    width: 200px;
    margin: 0 auto;
}

.bannerContainer {
    padding: 0px 0 0;
}

.bannerContainer .carousel-caption {
    top: 20%;
}

.bannerContainer h3 {
    font-size: 30px;
}

.TutorialsContainerBoxOuter {
    max-width: 60%;
}

.TutorialsButtonsLeft {
    left: 0;
}

.TutorialsButtonsRight {
    right: 0;
}

.TutorialsContainerBoxOuterMobile{
    max-width: 90%;
}

.ManifestoContainerCenter {
    padding: 0px 0;
}

.PostsContainerBox {
    width: 100%;
    height: auto;
    padding: 15px 15px;
}

.PostsContainerBoxA {
    width: 100%;
     height: auto;
    padding: 15px 15px;
}

.aboutMeContainer h3 {
    font-size: 20px;
    text-align: center;
}

.SpeakerContainer h3 {
    font-size: 30px;
    text-align: center;
}

.TutorialsContainer h3 {
    font-size: 30px;
    text-align: center;
}

.PostsContainer h3 {
    font-size: 30px;
    text-align: center;
}

.ManifestoContainer h3 {
    font-size: 30px;
    text-align: center;
}

.GalleryContainer h3{
    font-size: 30px;
    text-align: center;
}

}


@media only screen and (max-width: 479px) {
	
.aboutMeContainer h3 {
    font-size: 30px;
}


}

@media only screen and (max-width: 425px) {

.PostsContainerBox {
    width: 100%;
    height: auto;
    padding: 15px 15px;
}

.PostsContainerBoxA {
    width: 100%;
    height: auto;
    padding: 15px 15px;
}

.PostsContainerBox h5 {
    margin: 10px 0 10px;
}

.PostsContainerBoxA h5 {
    margin: 10px 0 10px;
}

}

@media only screen and (max-width: 360px) {
    
.PostsContainerBox {
    width: 100%;
    height: auto;
    padding: 15px 15px;
}

.PostsContainerBoxA {
    width: 100%;
    height: auto;
    padding: 15px 15px;
}

.PostsContainerBox h5 {
    margin: 10px 0 10px;
}

.PostsContainerBoxA h5 {
    margin: 10px 0 10px;
}

.mobilebannerContainer .carousel-caption {
    top: 5%;
}


}