body {
    background-color: #c0b0ab;
    font-family: 'Lato', sans-serif;
   
}

.home-header {
    height: 600px;
}

.collapse.navbar-collapse {
    float: none;
    margin: 0 auto;
    max-width: 1050px;
}

.navbar-default {
    background-color: #5c5553;
    border: medium none;
    border-radius: 0;
    
    width: 100%;
    z-index: 100;
}
.navbar-default .navbar-brand {
    background-color: #b65f4c;
    color: #fff;
    padding: 0px;
  
    
    
    
}
nav{
      float: none;
    position: relative;
    margin: 0 auto;
    max-width: 1010px;
}
.nav-background {
    background-color: #5c5553;
    height: 50px;
    margin-bottom: -50px;
    width: 100%;
    position: fixed;
    z-index: 100;
}


.navbar-default .navbar-nav > li > a{
     font-size: 16px;
    color: #9f9694;
 
}
.navbar-default .navbar-nav > li > a:hover{
 
    color: #fff;
    background-color: #35302f;
   
 
}

.dropdown {
    display: inline;
    float: left;
}

.dropdown-menu {
    border-radius: 0;
    height: auto;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #333;
        
}

.coderacnh-link{
    background-image: url("../images/code-ranch-dropdown-opt.jpg");
    padding: 0;
    margin: 0px;
    height: 50px;
    background-position: top;
}
.coderacnh-link:hover{
    background-image: url("../images/code-ranch-dropdown-opt.jpg");
    padding: 0;
    margin: 0px;
    height: 50px;
    background-position: bottom;
}

.home-header-background {
    background-image: url("../images/header_bg.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    background-size: auto 100%;
    height: 100%;
    margin: 0;
    max-height: 600px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

.row.home-header {
    height: 600px;
}

.logo-container {
    margin: 0 auto;
    text-align: center;
    width: 379px;

}

.logo-image {
    clear: both;
    float: left;
    margin-top: 56px;
}

.logo-type {  
        margin-top:-100px;  
}

.header-message{
    text-align: center;
    color: #fff;
    font-size: 25px;
    margin-top:-15px;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.container-bg
{
    background: #c0b0ab;
    margin-top: 0px;
}

.container-fluid {
    background-color: #ffffff;
    margin-top: 0;
    max-width: 1010px;
    position: relative;
    top: -140px;
}









.java-links{
    padding: 15px 0;
    margin:none;
        
}


.thm > a {
    display: block;
    height: auto;
    width: auto;
}


.thm{
    padding: 5px;
    
}
.thm-1{
    padding-left: 0px; 
    
}



.thm img{
    width: 100%;
    height: auto;
}



.hvr-grow-shadow, .thm {
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
}





.thm{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.thm:hover, .thm:focus {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  
}

.thm:active {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  
}

.col-md-1 img{
    width: 100%;
    height: auto;
       
}
.col-md-1{
 padding: 0px 5px;
}

.row {
    margin: 0px;
}


.big-moose-text{
    text-align: center;
    font-size: 17px;
    font-weight: lighter
}

.big-moose-text h2{
 font-size: 35px;
color: #9d8369;
    font-weight: bold;
}

.hvr-grow-shadow, .forum-icon {
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
}

.more-btn a:hover{
background-color:#c0b0ab;
color:#fff;
}

.more-btn a {
    border-radius: 5px;
    color: #333;
    float: right;
    padding: 5px 10px;
}

.caroussel-col.col-md-12 > h2 {
    margin-top: 0;
}


/*TOP FORUM THREADS POSTS*/

.text-box{
    width: 100%;
    height: 50px;
    background: #f6f0eb;
    display: inline-block;
            padding: 5px 5px;
}


.item {
    height: 500px;
}
.carousel-caption {
    bottom: 0;
    float: left;
    left: 0;
    margin: 0 auto;
    padding: 0;
    position: relative;
    right: 0;
    width: 100%;
}
.carousel-caption {
    left: 0;
    padding-bottom: 0;
    right: 0;
}

.carousel-control {
    background-color: #bd9e80;
    bottom: 0;
    color: #fff;
    height: 75px;
    opacity: 100;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: 210px;
    width: 40px;
    z-index: 10;
}

.carousel-control.right {
    background-image: none;
      border-radius: 60px 0 0 60px;
    right: -30px

}

.carousel-control.left {
    background-image: none;
  border-radius:0 60px  60px  0;
left: -30px
}


.carousel-indicators {
    background: #f6f0eb none repeat scroll 0 0;
    border-radius: 11px;
    bottom: 0;
    height: 25px;
    left: 0;
    list-style: outside none none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-top: 4px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 15;
}

.carousel-indicators li {
    background-color: #c0b0ab;
    border: medium none;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    width: 15px;
}
.carousel-indicators .active {
    background-color: #b65f4c;
    border: medium none;
    height: 15px;
    margin: 1px;
    width: 15px;
}

.text-box {
    background: #f6f0eb none repeat scroll 0 0;
    height: 85px;
    margin-bottom: 15px;
    width: 100%;
}

.col-md-12 > h2 {
    font-family: cardenio-modern;
}



.thumbSec {
    float: left;
    height: auto;
    max-width: 70px;
    min-height: 70px;
    width: 16%;
}

.thumbSec {
    margin-top: 0;
    margin-left:0;
}


.thumbSec > img {
    width: 100%;
}

.titleLink h3 {
    clear: right;
    color: #666;
    display: inline-block;
    float: left;
    font-family: lucida grande;
    font-size: 16px;
    line-height: 19px;
    margin: 0 !important;
    min-height: 50px;
    padding: 0 0 0 12px;
    text-align: left;
    text-shadow: none;
    text-transform: capitalize;
    width: 80%;
}

.titleLink{
    background: #000;
    height: auto;
}

.primForumWrpr {
    float: left;
}

.forum-name {
    background-color: #000;
    border-radius: 4px;
    float: left;
    height: 18px;
    line-height: 11.1pt;
    margin-left: 8px;
    min-width: 50px;
    padding: 0 6px;
}

.primForum {
    color: #fff;
    font-size: 8px;
    letter-spacing: 0.5pt;
    text-transform: uppercase;
    vertical-align: middle;
}

.forum-name a{
    color: #fff;
    
}

.leftDetails {
    color: #666;
    float: left;
    font-family: lucida grande;
    font-size: 11px;
    padding: 0 5px;
    text-shadow: none;
}

.reply-no, .cowScore, .pieScore {
    color: #666;
    font-size: 12px;
    font-weight: bold;
    padding-left: 8px;
    text-shadow: none;
    font-family:  lucida grande;
    
}

.rightDetails {
    float: right;
    margin-right: 10px;
}

.score1{
    color: #7b9a7c  ;
}
.score2{
    color: #5b4837;
}
.score3{
    color: purple;
}



.java-in-general{background-color: #7b9a7c;}
.scjp{background-color: #bd855f;}
.scea{background-color: #92998b;}
.jsp{background-color: #ddad76;}
.servlets{background-color: #b28382;}
.jsf{background-color: #bc7a65;}
.swt{background-color: #be8a62;}
.orm{background-color: #b18f69;}
.jdbc{background-color: #be8a62;}
.tomcat{background-color: #7f7149;}
.beginning-java{background-color: #776864;}
.swt{background-color: #be8a62;}
.swing-awt-swt{background-color: #ad685a}
.ioandstreaming{background-color: #bd7c48}



h2{
    font-family: cardenio-modern;
}

.carousel.slide {
    height: auto;
    margin-bottom: 0;
}

.header-message {
    color: #fff;
    font-family: cardenio-modern;
    font-size: 25px;
    letter-spacing: 5px;
    margin-top: -15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
   text-shadow:
       2px 2px 0 #000,
     -2px -2px 0 #000,  
      2px -2px 0 #000,
      -2px 2px 0 #000,
       2px 2px 0 #000;
}

.footer-row{
    background-color: #5c5553;
    margin: 15px -15px 0px -15px;
    color: #fff;
     padding-top: 20px;

}

.footer
{
    height: 50px;
    margin-top:  20px;
    background-color: #897568;
    color: #fff;
    padding-right: 0px;
    float: left;
    position: relative;
    display: inline-block
    

}

.copyright-blurb {
    float: left;
    
    margin-top: 14px;

}


.footer-thm
{
    padding: 0px
}

.footer-text{
    
}

.special-footer-item{
    padding: 0px;

    
}


.sns-icons{
    float: right;
    padding: 10px ;
}
.sns-icons img{

 padding-left: 8px
}
.sns-icons span{
height: 100px;
    padding: 1px;
    position: relative;
    
    text-transform: uppercase;
}

.footer button{
    float: right;
    padding: 14px;
border-radius: 0px;
    background-color: #77685f;
    text-transform: uppercase;
}

.footer-text.col-md-9 > p {
    font-weight: lighter;
}

      .thm.thm-5-hidden.col-md-3 {
    display: none;
}

.carousel .col-md-6 {
    padding: 0 5px;
}
.footer {
    background-color: #897568;
    color: #fff;
    float: left;
    height: auto;
    margin: 0;
    padding-right: 0;
}

.footer-thm.col-md-3 {
    max-width: 75px;
}

.java-neighbours-links ul  {
    padding: 0px;
    text-indent: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    
}
.java-neighbours-links li {
    display: block;
    width: 44%;
      background-color:#4d4644;
    text-align: center;
    margin: 3px 3%;
    padding:2px; 
    float: none !important;
    width: 44%;
    padding: 10px 2px !important;
    
}

   .special-footer-item.col-md-4 {
    display: inline-block;
    margin-bottom: 3%;
    width: 33%;
}


.footer-link {
    color: #fff;
    display: inline-block;
    height: 100%;
    min-height: 180px;
    padding: 0 20px;
    text-decoration: none;
    width: auto;
}


.footer-link:hover {
    background: #4d4644 none repeat scroll 0 0;
    display: inline-block;
    height: auto;
    padding: 0 20px;
    width: auto;
    color: #fff;
    text-decoration: none;
}

.special-footer-item.col-md-4 {
    padding: 0;
}

.footer .copyright-blurb a {
    color: #fbbf99 !important;
}
.footer .copyright-blurb a:hover {
    text-decoration: underline;
}
   

@media (min-width: 700px) and (max-width: 1280px) {
   

    
  .f-item1{
        clear: left;
    }
  
    .container-fluid {
        width: 90%;
    }
    .java-neighbours-links ul{
        padding: 0px;
        margin: 0px
    }
    
    .java-neighbours-links li {
        display: inline-block;
        float: left;
        width: 15.5%;
        padding: 1% 1%;
        text-align: center;
        margin: 0% 0.5%;
        align-self: stretch;
        display: table !important;
        vertical-align: middle;
        margin: 0.5% !important;
    }
    .java-neighbours-links a {
        display: table-cell;
        vertical-align: middle;
    }
    
    .logo-image {
        
    width: 100%;
              margin-top: 20%;

             max-width: 300px;
        
}
        .logo-type {
    width: 100%;
             max-width: 300px;
}
    .home-header {
    height: 550px;
        text-align: center;
        
}
    .logo-container{
        width: 30%;
        vertical-align: middle;
          min-width: 300px;
           max-width: 300px;
            
    }
         .col-md-6 {
    float: left;
    width: 50%;
    }
        .col-md-3 {
    float: left;
    width: 25%;
    }
        .thm.thm-5.col-md-3 {
    display:block ;
            
}
      .thm.thm-5-hidden.col-md-3 {
    display:none ;
}


    
    
    .footer-thm {
    float: left;
    padding: 10px;
    width: 25%;
}
.footer-thm.col-md-3 {
    height: 130px;
    margin-left: 0;
    margin-right: 10px;
    padding: 0;
    width: 30%;
}  
    .special-footer-item.col-md-4 {
    margin: 2%;
    width: 46%;
        float: left;
        margin-bottom: 20px;
        height: auto;

}
    
    .col-md-4{
    width: 100%;
padding:0 20px;
    }
    
    
    
}
.footer{
        width: 100%
    }


@media (min-width: 700px) and (max-width: 1015px) {
    
    
        .java-neighbours-links.col-md-6 > ul {
    float: left;
    padding: 0;
    width: 100%;
}

.java-neighbours-links.col-md-6 li {
    display: table;
    float: left;
    text-align: left;
    width: 100px;
}
    
        
.col-md-1 {
    float: left;
    padding: 1% 3% 10px 2%;
    width: 16.66%;
}
    
.rightDetails {
    margin-top: 0;
    position: absolute;
    right: 2px;
    transform: scale(0.8);
}
    .rightDetails {
    margin-right: 5px;
    width: 50px;
}
.titleLink h3 {
    clear: right;
    color: #666;
    display: inline-block;
    float: left;
    font-family: lucida grande;
    font-size: 15px;
    line-height: 19px;
    margin: 0 !important;
    min-height: 50px;
    padding: 4px 3px 8px 10px;
    text-align: left;
    text-shadow: none;
    text-transform: capitalize;
    width: 70%;
} 
    
    
}

@media (min-width: 10px) and (max-width: 968px) {

    
.sns-icons > span {
    display: none;
}
    
    .text-box {
    background: #f6f0eb none repeat scroll 0 0;
    height: 100px;
    margin-bottom: 15px;
    width: 100%;
}
 
}

@media (min-width: 10px) and (max-width: 850px) {
  
        .footer.col-md-12 {
    padding: 0px;
}
.sns-icons {
    float: right;
    padding: 10px 10px;
}
.footer .btn {
    float: right;

    
    

}
.copyright-blurb {
    margin: 0;
    padding: 1%;
    width: 40%;
}

}





@media (min-width: 700px) and (max-width: 1280px) {



  .f-item1{
    clear: left;
}

    .container-fluid {
    width: 90%;
}
    .java-neighbours-links ul{
        padding: 0px;
        margin: 0px
    }

    .java-neighbours-links li {
    display: inline-block;
    float: left;
    width: 15.5%;
        padding: 1% 1%;
        text-align: center;

        margin: 0% 0.5%;


}

    .logo-image {

    width: 100%;
              margin-top: 20%;

             max-width: 300px;

}
        .logo-type {
    width: 100%;
             max-width: 300px;
}
    .home-header {
    height: 550px;
        text-align: center;

}
    .logo-container{
        width: 30%;
        vertical-align: middle;
          min-width: 300px;
           max-width: 300px;

    }
         .col-md-6 {
    float: left;
    width: 50%;
    }
        .col-md-3 {
    float: left;
    width: 25%;
    }
        .thm.thm-5.col-md-3 {
    display:block ;

}
      .thm.thm-5-hidden.col-md-3 {
    display:none ;
}




    .footer-thm {
    float: left;
    padding: 10px;
    width: 25%;
}
.footer-thm.col-md-3 {
    height: 130px;
    margin-left: 0;
    margin-right: 10px;
    padding: 0;
    width: 30%;
}
    .special-footer-item.col-md-4 {
    margin: 2%;
    width: 46%;
        float: left;
        margin-bottom: 20px;
        height: auto;

}

    .col-md-4{
    width: 100%;
padding:0 20px;
    }



}
.footer{
        width: 100%
    }


@media (min-width: 700px) and (max-width: 1015px) {


        .java-neighbours-links.col-md-6 > ul {
    float: left;
    padding: 0;
    width: 100%;
}

.java-neighbours-links.col-md-6 li {
    display: table;
    float: left;
    text-align: left;
    width: 100px;
}


.col-md-1 {
    float: left;
    padding: 1% 3% 10px 2%;
    width: 16.66%;
}

.rightDetails {
    margin-top: 0;
    position: absolute;
    right: 2px;
    transform: scale(0.8);
}
    .rightDetails {
    margin-right: 5px;
    width: 50px;
}
.titleLink h3 {
    clear: right;
    color: #666;
    display: inline-block;
    float: left;
    font-family: lucida grande;
    font-size: 15px;
    line-height: 19px;
    margin: 0 !important;
    min-height: 50px;
    padding: 4px 3px 8px 10px;
    text-align: left;
    text-shadow: none;
    text-transform: capitalize;
    width: 70%;
}

.topicCows :nth-child(3) {
display:none;
 }

.topicCows :nth-child(4) {
display:none;
 }

.rightDetails {
    width: 62px;
}

.pieThread {
    float: right;
    margin-right: 3px;
    margin-top: 4px;
}

.titleLink h3 {
    clear: right;
    font-size: 12px;
    line-height: 17px;
    padding: 0 10px 3px 7px;
    width: 68%;
}

.topicFolderImage {
    float: right;
}

}

@media (min-width: 10px) and (max-width: 968px) {


.sns-icons > span {
    display: none;
}


.text-box {
    background: #f6f0eb none repeat scroll 0 0;
    height: auto;
    margin-bottom: 15px;
    width: 100%;
}

}

@media (min-width: 10px) and (max-width: 850px) {

        .footer.col-md-12 {
    padding: 0px;
}
.sns-icons {
    float: right;
    padding: 10px 10px;
}
.footer .btn {
    float: right;




}
.copyright-blurb {
    margin: 0;
    padding: 1%;
    width: 40%;
}

}




@media (min-width: 10px) and (max-width: 700px) {

    .text-box{
          height: auto;
    }
    .col-md-3 {
    float: left;
    width: 50%;
    }
        .thm.thm-5.col-md-3 {
    display: none;

}
      .thm.thm-5-hidden.col-md-3 {
    display: block;
}


.col-md-1 {
    float: left;
    padding: 7px;
    width: 16.5%;
}

.logo-image {
    margin-top: 24%;
    max-width: 300px;
    width: 100%;
}      .logo-type {
    width: 100%;
             max-width: 300px;
}
    .home-header {
    height: 560px;
        text-align: center;

}
    .logo-container{
        width: 30%;
        vertical-align: middle;
          min-width: 300px;
           max-width: 300px;

    }
    .container-fluid{
        width: 90%
    }

.carousel-row.row {
    margin: -10px;
    padding: 0;
}
    .caroussel-col.col-md-12 {
    padding: 0;
}

       .footer-thm {
    float: left;
    padding: 10px;
    width: 25%;
}
    .footer-thm1.col-md-3 {
    margin-right: 10px;
    width: 25%;
}

    .special-footer-item.col-md-4 {
    margin: 0 auto;
    width: 90%;
}

  .footer-thm.col-md-3 {
    height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
    width: 25%;
}

    .special-footer-item.col-md-4 {
    clear: both;
    margin: 0 auto;
    width: 90%;
}

    .java-neighbours-links.col-md-6 {
    clear: right;
    float: left;
    margin-bottom: 13px;
    width: 151px;
}
    .footer {
    background-color: #897568;
    color: #fff;
    float: left;
    height: auto;
    margin: 0;
    padding-right: 0;
}
    .footer {
    background-color: #897568;
    color: #fff;
    float: left;
    height: auto;
    margin: 0;
    padding-right: 0;

}


     .carousel-control {
    background-color: #bd9e80;
    bottom: 0;
    color: #fff;
    display: inline-block;
    height: 33px;
    opacity: 100;
    position: relative;
    text-align: center;
    text-shadow: none;
    top: 9px;
    width: 33px;
    z-index: 100;
}
    .carousel-control.right {
    background-image: none;
    border-radius: 100px;
    float:right;
        left: 0px;
    }

        .carousel-control.left {
    background-image: none;
    border-radius: 100px;
            right: 0px;

}

    .carousel-indicators {
    background: #f6f0eb none repeat scroll 0 0;
    border-radius: 60px;
    bottom: -16px;
    height: 35px;
    left: 0;
    list-style: outside none none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-top: 9px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 15;
        margin-bottom: 10px;
}



}

@media (min-width: 10px) and (max-width: 530px) {

   
   .special-footer-item.col-md-4 {
        clear: both;
        margin: 0 auto;
        width: 100%;
    }
   
   
   
    .java-neighbours-links {
        display: block;
        height: auto;
        margin-bottom: 10px;
    }

    .col-md-1 {
    float: left;
    padding: 7px;
    width: 25%;
}

 .rightDetails {
    margin-right: 3px;
    width: 62px;
}

    .sns-icons {
    float: left;
    padding: 10px 0px;

}
    .copyright-blurb {
    margin: 0;
    padding: 1%;
    width: 100%;
    text-align: center
}


    .rightDetails {
    margin-top: 0px;
    position: absolute;
    right: 2px;
    transform: scale(0.8);
}

.menuitem {
    float: left;
    width: 25%;
}

.navbar-right .menuitem {
width: 100%;
margin:0px;
}

.navbar-default .navbar-nav > li > a {
    color: #9f9694;
    font-size: 13px;
    line-height: 15px;
}




.topicCows :nth-child(3) {
display:none;
 }

.topicCows :nth-child(4) {
display:none;
 }

.rightDetails {
    width: 62px;
}

.pieThread {
    float: right;
    margin-right: 3px;
    margin-top: 4px;
}


.titleLink h3 {
    font-size: 12px;
    line-height: 17px;
    padding: 3px 10px 3px 7px;
    width: 74%;
}

.topicFolderImage {
    float: right;
}

    }

@media (min-width: 10px) and (max-width: 455px) {





    .container-fluid {
    background-color: #ffffff;
    margin-top: 0;
    max-width: 1010px;
    position: relative;
    top: 0;
}

    .home-header {
    height: auto;
    padding-bottom: 18px;
    text-align: center;
}

    .forum-name {
    display: none;
}
    .text-box {
    background: #f6f0eb none repeat scroll 0 0;
    height: auto;
    margin-bottom: 9px;
    min-height: 60px;
    width: 100%;

}



    .leftDetails {
    color: #666;
    display: none;
    float: left;
    font-family: lucida grande;
    font-size: 11px;
    padding: 0 5px;
    text-shadow: none;
}

.footer {
    background-color: #897568;
    color: #fff;
    float: left;
    height: auto;
    margin: 10px 0 0;
    padding-right: 0;
}

    .titleLink h3 {
    color: #666;
    float: left;
    font-family: lucida grande;
    font-size: 16px;
    line-height: 19px;
    margin: 0 !important;
    min-height: 60px;
    padding: 0px 20px 0px 10px;
    text-align: left;
    text-shadow: none;
    text-transform: capitalize;
    width: 76%;
        clear:right;
}


.rightDetails {
    margin-right: 3px;
    width: 62px;
}

.thumbSec {
    min-height: 39px;
}

    .thumbSec > img {
    height: auto;
    width: 100%;
}
    .carousel-row.row {
    margin: -10px;
    padding: 0;
}
    .caroussel-col.col-md-12 {
    padding: 0;
}
    .logo-container {
    margin: 0 auto;
    padding: 0 9%;
    text-align: center;
    width: 100%;
}
    .logo-image {
    width: 100%;
}

     .logo-type {
    width: 100%;
             max-width: 380px;
         position: relative;
         bottom: -20px
}
       .container-fluid{
        width: 100%
    }


.header-message {
    font-size: 19px;
    letter-spacing: 2px;
    line-height: 25px;
    margin: 0 auto;
    position: relative;
    width: 75%;
}

.big-moose-text h2 {
    color: #9d8369;
    font-size: 26px;
    font-weight: bold;
    margin: 0;
    padding: 5px;
    width: 100%;
	}

  .big-moose-text.col-md-12 > p {
    font-size: 13px;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .java-neighbours-links.col-md-6 {
    clear: right;
    float: left;
    margin-bottom: 13px;
    width: 151px;
}

    .carousel-control.right {
    background-image: none;
    border-radius: 60px 0 0 60px;
    right: 0;
}
       .carousel-control.left {
    background-image: none;
    border-radius: 0 60px 60px 0 ;
    left: 0;
}


.titleLink h3 {
    font-size: 12px;
    line-height: 17px;
    padding: 3px 10px 3px 7px;
    width: 69%;
}

    .carousel-control {
    background-color: #bd9e80;
    bottom: 0;
    color: #fff;
    display: inline-block;
    height: 33px;
    opacity: 100;
    position: relative;
    text-align: center;
    text-shadow: none;
    top: 9px;
    width: 33px;
    z-index: 100;
}
    .carousel-control.right {
    background-image: none;
    border-radius: 100px;
    float:right;
    }

        .carousel-control.left {
    background-image: none;
    border-radius: 100px;

}

    .carousel-indicators {
    background: #f6f0eb none repeat scroll 0 0;
    border-radius: 60px;
    bottom: -16px;
    height: 35px;
    left: 0;
    list-style: outside none none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-top: 9px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 15;
}
     .text-box{
        padding: 0px;
    }

    .carousel.slide {
    height: auto;
    margin-bottom: 20px;
}


}

@media (min-width: 10px) and (max-width: 355px) {

        .copyright-blurb {
    font-size: 11px;
    padding: 9px;
}

    .col-md-1 {
    float: left;
    padding: 7px;
    width: 33%;
}

    .text-box{
        padding: 0px;
    }
    .thumbSec {
    margin-left: 1%;
    margin-top: 1%;
}



    }