@charset "utf-8";
/* CSS Document */
@media(max-width:767px){
	#loginbox{
		text-align:center;
		padding-top:15px;	
	}
	#logobox img{
		margin:auto;
		}
	#main-profile-pic img, #main-profile-video img{
		margin:auto;
		}
		#listhometop, .sm-nomargin-to { margin-top:0px;}
		#listhometop2 { margin-top:-15px;}
		#compare-tab {display:none;}
		#compare {display:none;}
		.nav-tabs > li > a { font-size:12px;}
		.nav > li > a { padding:10px 5px;}
		 .showme { display:none; }
	.logo-inner-dn { display:none !important;}
	.margin-top-10-xs { margin-top:10px;}	
	.margin-bottom-10-xs { margin-bottom:10px;}
.text-align-left-xs { text-align:left;}
.text-align-center-xs { text-align:center;}
/*#upgradebutton { text-align:center;}*/
#CurrentSearchOptions { display:none;}
.mainbg { 
	background:url(../img/main_bg_mobile.png) no-repeat center top;
	min-height:956px;
			}
.nav-tabs > li > a {letter-spacing: -1px}
	.btn-circle-purple {
		width: 24px;
    height: 24px;
    
    font-size: 14px;
    line-height: 1;
    border-radius: 12px;
   }
	.btn-circle-inactive {
		width: 24px;
    height: 24px;
    
    font-size: 14px;
    line-height: 1;
    border-radius: 12px;
		
	}
	.brep-xs { font-size:11px; letter-spacing: -1px}
	.cii_tagline { height: auto;}
	/* styles vegan sites */	
.mainbg-vs {
	background:url(../img/main_bg_vs_mob.jpg) no-repeat center top;
	
	min-height:926px;
}
	.mainbg-vts {
	background:url(../img/main_bg_vts_mob.jpg) no-repeat center top;
	
	min-height:796px;
}
	#note-vs {margin-top: 270px;}
	#note-vts {margin-top: 190px;}
	#note-vd {margin-top: 240px;}
	#note-vtd {margin-top: 190px;}
	#vtstitle {text-align:center!important}
	.vtd-htitle {letter-spacing:-2px;}
	#text-vtd {line-height:115%;}
	
}

@media(min-width:768px){
		#loginbox{
		
	}

	.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}
.btn-circle {
  width: 30px;
  height: 30px;
 
  padding: 3px 0;
  font-size: 16px;
  
  border-radius: 15px;
  
}
.nav > li > a { padding:10px 10px;}
.modal-dialog-sm { width:400px !important;}
.form-horizontal .control-label { text-align:left !important;}
	
}

@media(min-width:992px){
	#loginbox{
		
	}

.btn-circle-resp {
  width: 26px;
  height: 26px;
  text-align: center;
  padding: 4px 0;
  font-size: 16px;
  line-height: 1;
  border-radius: 15px;
  color: #d9534f ;
  background-color: none;
  border-color: #d9534f ;
}
.matchingcolumn { height:420px;}
.slideDivs { }
.div-photo-height { height:258px}
}

@media(min-width:1200px){
	#loginbox{
		
	}

.panel-mobile-answer { display:none;}
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  #listhometop2 { margin-top:-15px;}
	#note-vs {margin-top: 320px;}

#note-vts { margin-top: 190px;}
#note-vd {margin-top: 270px;}
#note-vtd {margin-top: 180px;}
	.vs-htitle  {letter-spacing: -2px;}
.vtd-htitle {letter-spacing:-3px; font-size:32px!important}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  
	#note-vs {margin-top: 330px;}
#note-vts { margin-top: 200px;}
#note-vd { margin-top: 240px;}
#note-vtd { margin-top: 160px;}
.vtd-htitle {letter-spacing:-3px;}
	.mainbg-vs {
		
	min-height:736px;
}
}