*,
*:after,
*:before {
  margin: 0;
  padding: 0;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;  
  
 }

/* Targets all elements */

[class*='bit-'] {
  float: left;
  padding: 0px;
  overflow: hidden;
   
  
}

[class*='bit-3Btn'] {
  float: right;
  padding: 0px;
  overflow: hidden;
   
  
}

/* Floats last ".bit-" to the right */
[class*='bit-']:last-of-type {
  padding-right: 0px;
  float: right;
  
}

[class*='bit-7IS']:last-of-type {

  float: left;
  
}


.cell{
	padding-left:5px;
}




/* Clearfix */
.frame:after {
  content: "";
  display: table;
  clear: both;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Main Widths */
.bit-Logo{width:33.33%;}
.bit-btn{width:33%;}
.bit-1  {width: 100%;}
.bit-2  {width: 50%; }
.bit-3  {width: 33.33%;position:relative; }
.bit-3Btn{width: 50%;position:relative; }
.bit-3by4 {width:70%;}
.bit-4  {width: 25%;position:relative;}
.bit-4Vid  {width: 25%;position:relative;}
.bit-5  {width: 20%; position:relative; }
.bit-6  {width: 16.2%;}
.bit-7  {width: 14.2857142857%;position:relative;}
.bit-7IS {width: 14.2857142857%}
.bit-8  {width: 12.5%;position:relative;}
.bit-9  {width: 11.1111111111%;position:relative;}
.bit-10 {width: 10%;position:relative;}
.bit-11 {width: 9.09090909091%;position:relative;}
.bit-12 {width: 8.33%;position:relative;}
.bit-5attributes{min-height:400px; height:auto;position:relative;}

	div.sidebar-container.left{
	display:inline;
}

div.sidebar-container.top{
	display:none;
}
 
 .contactDtop{
	 display:inline;
 }
.contactMob{
	 display:none;
 }
 
 .span2{
	 width:50%;
 }
 
   .navMenuTop{
	 display:none;
	
}

.bit-2MsgBtn  {width: 50%; }

.bit-2ChLogo{
	width:50%;
}

.memberLogoPading{
	margin-left:4%;
	
}

.bit-1footer{
	width: 20%;
	margin-right: 2%;
}
.bit-2footer{
	width: 20%;
}
.bit-3footer{
	width: 40%;
}
.bit-4footer{
	width: 17%;
}


/* Landscape mobile & down
===============================*/
@media (max-width: 480px) {
	
	.bit-3{
	  	  float: right;
		  clear:both;
  }
  
  .span2{
	float:left;
}
	.span2,
  .bit-1,
  .bit-2,
  .bit-3,
  .bit-3Btn,
  .bit-4,
   .bit-5,
  .bit-6,
  .bit-7,
  .bit-8,
  .bit-9,
  .bit-10,
  .bit-11,
  .bit-12 {
    width: 100%;
	
  }
 .bit-7IS {width: 50%}
  
.bit-5attributes{min-height:inherit; height:auto; border-bottom:#333 1px solid; border-right:none;}

  .frame .bit-4:nth-child(2) {
    float: right;
  }
 

  .frame .bit-4:nth-child(3) {
    clear: both;
    float: left;
  }

  .frame .bit-4:nth-child(4) {
    float: right;
  }
  
   .bit-4Vid{
	   width:100%;
	     padding-bottom:5%;
	  text-align:center;
   }
  
  
  	.bit-Logo,
	.bit-3by4 {
	width:100% !important;
}

.header {
	margin-top:10px;
	width:100%;
}
div.sidebar-container.left{
	display:none;
}

div.sidebar-container.top{
	display:inline;
	
}

.contactDtop{
	 display:none;
 }
.contactMob{
	 display:inline;
 }
.navMenuTop{
	 display:inline;
}

.bit-2MsgBtn  {width: 100%; }
	
		.bit-1footer{
	width: 100%;
	/*margin-right: 2%;*/
}
.bit-2footer{
	width: 100%;
}
.bit-3footer{
	width: 100%;
}
.bit-4footer{
	width: 100%;
}




}

/* Mobile to Tablet Portrait
===============================*/
@media (min-width: 481px) and (max-width: 900px) {
  
  .bit-3{
	  	  float: right;
		  clear:both;
  }
  
  .bit-3Btn{
	  	  float: right;
		  clear:both;
  }
  
  .bit-4{
	  width:100%;
  }
  
    .bit-4Vid{
	  width:100%;
	  padding-bottom:5%;
	  text-align:center;
  }
  
  .bit-3by4{
	  width:100%;
  }
  .bit-6,
   .bit-8,
  .bit-10,
  .bit-12 {
    width: 50%;
  }
 
	.bit-7IS {width: 50%}
	
	.bit-Logo{

	width:45%;
}


.bit-btn{width:100%;
}
.span2{
	float:left;
}

  .span2,
  .bit-1,
  .bit-2,
  .bit-3,
   .bit-3Btn,
  .bit-5,
  .bit-7,
  .bit-9,
  .bit-11 {
    width: 100%;
  }
  .bit-5attributes{min-height: inherit; height:auto; border-bottom:#333 1px solid; border-right:none;}
  
  
  .header {
	margin-top:30px;
}
  div.sidebar-container.left{
	display:none;
}

div.sidebar-container.top{
	display:inline;
}
.contactDtop{
	 display:inline;
 }
.contactMob{
	 display:none;
 }
 
 .navMenuTop{
	 display:inline;
}
	
	
	
	
	.bit-1footer{
	width: 49%;
	/*margin-right: 2%;*/
}
.bit-2footer{
	width: 49%;
}
.bit-3footer{
	width: 49%;
}
.bit-4footer{
	width: 49%;
}


}
/* Landscape Tablet to Desktop
===============================*/
@media (min-width: 900px) and (max-width: 1300px) {
   
  .bit-2,
  .bit-7 {
    width: 49.8%;

  }
  
 .span2 
 {
    width: 50%;

  }
  
.bit-Logo
{
	
	width:40%;
}
.bit-btn{width:100%;
}

.bit-3{
	width:32%;
}
.bit-3Btn{
	width:49%;
}
 .bit-4{
	  width:25%;
  }
  
     .bit-4Vid{
	  width:50%;
	  padding-bottom:5%;
	  text-align:center;
	
  }
  
  .bit-5{
	   width:20%;
  }
  .bit-6{
	  width:16%;
	  padding:1px 3px 0px 3px;
  }
  
  .bit-3by4{
	  width:65%;
  }
  
  .bit-8,
  .bit-10,
  .bit-12 {
    width: 50%;
  }
  .bit-5attributes{min-height: inherit; height:auto;}
  
  div.sidebar-container.left{
	display:inline;
}

div.sidebar-container.top{
	display:none;
}

.contactDtop{
	 display:inline;
 }
.contactMob{
	 display:none;
 }
 
  .navMenuTop{
	 display:none;
	 background-color:#0F6;
}



}
