/*--------------------------------------------------------------
Hello, this is the BuddyPress Responsive theme stylesheet

----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - iPad
	1.1 - Landscape
	1.2 - Portrait
2.0 - Smartphone
3.0 - iPhone
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.1 - iPad Landscape
--------------------------------------------------------------*/

@media only screen and (max-width: 768px) {
 body {
 margin-top: -28px !important;
 background: #fff;
}
 #wpadminbar {
 display: none;
}
 div#content .padder {
 margin-right: 0;
 width: auto;
 float: none;
 border: none;
}
 div#sidebar {
 width: auto;
 float: none;
 margin: 2em 0 0 0;
 border: none;
}
 ul#nav {
 padding-bottom: 1em;
 background: none repeat scroll 0 0 !important;
 list-style: none outside none;
 margin-bottom: 22px;
 margin-top: 5px;
 padding: 0;
 float:left;
 box-shadow:0px 0px 0px #fff !important;
 border-top-right-radius:0px !important;
 border-bottom-right-radius:0px !important;
 margin-left:0px !important;
 min-height:49px !important;
}
 ul#nav li {
 width: 46%;
 margin-bottom: 1em;
 margin-right: 0;
}
 ul#nav li:nth-child(even) {
 margin-left: 3%;
 margin-right: 0;
}
 ul#nav li a {
 -moz-border-radius: 0.25em;
 -webkit-border-radius: 0.25em;
 border-radius: 0.25em;
 margin-bottom: 0;
}
 .wp-caption {
 width: 99% !important;
}
 .entry {
 width: 100%;
}
 .entry img {
 max-width: 100%;
 height: auto;
}
 .wp-caption img {
 max-width: 99%;
 height: auto;
}
 #footer-widgets {
 padding: 19px 10px;
}
 #navHomeIcon a {
 float:left;
 border-top-right-radius:6px;
 border-bottom-right-radius:6px;
 height:15px;
 width:50px;
 position:relative;
}
	
	/*------------- Custom ------------*/
	#mobileView {
display: block !important;
}
 #cpView {
display:none !important;
}
 .sub-menu {
display:none !important;
}
 .yahoo .sub-menu {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li a {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li a:hover {
display:inline-block !important;
width:100% !important;
background:#c5ce68 !important;
color:#fff !important;
border-radius:0px;
}
 body {
margin-top:0px !important;
}
 #footerRightPart {
width:100%;
}
 #footLogo {
float:right;
}
 #socialNet {
/*width:100%;
height:22px;*/
}
 #socialNet img {
height:17px;
width:17px;
margin-left:5px;
float:left;
}
 #clrFixForSocialIcons {
/*clear:both*/;
display:block;
}
 #sloganWDZ {
margin-bottom: 10px;
padding-top:0px;
}
 #metaLinks {
/*float:right;
margin-left:10px;*/
}
 #iconZ {
float:right;
}
 .padder {
margin-right:2px !important;
}

#sidebar-me #loginform{
 margin: 0 auto;
 
}
#sidebar-me p{
	text-align: center;
}
#sidebar-me #wp-submit{
	float: none;
	background-repeat: no-repeat;
}
input.login-sidebar[type="submit"]{
	float: none;
	/*width: 25%;*/
}

}


/*--------------------------------------------------------------
1.2 - iPad Portrait
--------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
 div.dir-search {
 float: none;
 margin: 1.25em 0 0;
}



 ul.item-list li div.action {
 padding-left: 64px;
 position: relative;
 right: auto;
 text-align: left;
 top: 1em;
 margin-bottom: 1.25em;
}
 .wp-caption {
 width: 99% !important;
}
 .entry {
 width: 100%;
}
 .entry img {
 max-width: 100%;
 height: auto;
}
 .wp-caption img {
 max-width: 99%;
 height: auto;
}
 #footer-widget-area div.widget-area > ul {
 float: left;
 width: 100%;
}
 #footer-widgets {
 padding: 19px 10px;
}
	
	/*------------- Custom ------------*/
	#mobileView {
display: block !important;
}
 #cpView {
display:none !important;
}
 .sub-menu {
display:none !important;
}
 .yahoo .sub-menu {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li a {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li a:hover {
display:inline-block !important;
width:100% !important;
background:#c5ce68 !important;
color:#fff !important;
border-radius:0px;
}
 body {
margin-top:0px !important;
}
 #footerRightPart {
width:100%;
}
 #footLogo {
float:right;
}
 #socialNet {
/*width:80%;*/
}
 #fencySignup {
 padding-top:2%;
}
.homepage {
 margin-top:2% !important;
}
#signUpEmailField7 {
 font-size:100%;
 line-height:100%;
}
 #socialNet img {
height:17px;
width:17px;
margin-left:5px;
float:left;
}
 #clrFixForSocialIcons {
/*clear:both;*/
display:block;
}
 #sloganWDZ {
margin-bottom: 10px;
padding-top:0px;
}
 #metaLinks {
/*float:right;
margin-left:10px;*/
}
 #iconZ {
float:right;
}
 .padder {
margin-right:2px !important;
}
}


/*--------------------------------------------------------------
2.0 - Smartphone (any)
--------------------------------------------------------------*/
/*@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
 -webkit-text-size-adjust: none;*/
@media screen and (max-device-width: 480px) {
 -webkit-text-size-adjust: none;
	
	/*------------- Custom ------------*/
	#mobileView {
display: block !important;
}
 #cpView {
display:none !important;
}
 .sub-menu {
display:none !important;
}
 .yahoo .sub-menu {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li a {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li a:hover {
display:inline-block !important;
width:100% !important;
background:#c5ce68 !important;
color:#fff !important;
border-radius:0px;
}
 body {
margin-top:0px !important;
}
 #footerRightPart {
width:100%;
}
 #footLogo {
float:right;
}
 #socialNet {
/*width:100%;
height:22px;*/
}
 #socialNet img {
height:17px;
width:17px;
margin-left:5px;
float:left;
}
 #clrFixForSocialIcons {
/*clear:both;*/
display:block;
}
 #sloganWDZ {
margin-bottom: 10px;
padding-top:0px;
}
 #metaLinks {
/*float:right;
margin-left:10px;*/
}
 #iconZ {
float:right;
}
 .padder {
margin-right:2px !important;
}
}



 @media only screen and (max-width: 480px) {
 body {
 width: 100%;
 margin: 0;
}
 #container {
 border: none;
}
 div.item-list-tabs ul li {
 float: none;
 margin: 0.3em 0.6em;
 background:none;
}
 div.item-list-tabs ul li.last {
 float: none;
 margin: 0.3em 0.6em;
}
 div#subnav.item-list-tabs ul li.last {
 margin-top: 1em;
}
 div.item-list-tabs ul li.selected, div.item-list-tabs ul li.current {
 margin: 0.3em 0.6em;
}
 div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.current a {
 background: #eee;
 font-weight: bold;
}
 div.item-list-tabs {
 background: none;
}
 div.item-list-tabs ul li:first-child {
 margin: 0.6em 0.6em 0.5em 0.6em;
}
 div.item-list-tabs ul li a, div.item-list-tabs ul li span {
 padding: 0.3em;
}
 div#subnav ul {
 padding-top: 0.6em;
}
 div.pagination {
 padding: 0.6em;
}
 div.item-list-tabs ul {
 border-top: 1px solid #EAEAEA;
 padding-top: 0;
}
 div.item-list-tabs ul li {
 margin-top: 0;
}
 form.standard-form #basic-details-section, form.standard-form #blog-details-section, form.standard-form #profile-details-section {
 float: none;
 width: 100%;
}
 .wp-caption {
 width: 99% !important;
}
 .entry {
 width: 100%;
}
 .entry img {
 max-width: 100%;
 height: auto;
}
 .wp-caption img {
 max-width: 99%;
 height: auto;
}
 #footer-widget-area div.widget-area > ul {
 float: left;
 width: 100%;
}
 #footer-widgets {
 padding: 19px 10px;
}
	
	/*------------- Custom ------------*/
	#mobileView {
display: block !important;
}
 #cpView {
display:none !important;
}
 .sub-menu {
display:none !important;
}
 .yahoo .sub-menu {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li a {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li a:hover {
display:inline-block !important;
width:100% !important;
background:#c5ce68 !important;
color:#fff !important;
border-radius:0px;
}
 body {
margin-top:0px !important;
}
 #footerRightPart {
width:100%;
}
 #footLogo {
float:right;
}
 #socialNet {
/*width:100%;
height:22px;*/
}
 #socialNet img {
height:17px;
width:17px;
margin-left:5px;
float:left;
}
 #clrFixForSocialIcons {
/*clear:both;*/
display:block;
}
 #sloganWDZ {
margin-bottom: 10px;
padding-top:0px;
}
 #metaLinks {
/*float:right;
margin-left:10px;*/
}
 #iconZ {
float:right;
}
 .padder {
margin-right:2px !important;
}
}


/*--------------------------------------------------------------
3.0 - iPhone
--------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
 ul#nav li {
 float: none;
 width: 100%;
 margin-bottom: 0.6em;
 margin-right: 0;
 margin-left: 0;
}
 ul#nav li:nth-child(even) {
 margin-left: 0;
 margin-right: 0;
}
 ul#nav li a {
 -moz-border-radius: 0.25em;
 -webkit-border-radius: 0.25em;
 border-radius: 0.25em;
 margin-bottom: 0;
}
 form#groups-directory-form h3 a {
 display: block;
 margin-top: 0.6em;
}
 div.post div.author-box, div.comment-avatar-box {
 display: none;
}
 div.post div.post-content, div.comment-content {
 margin-left: 0px;
}
 form#whats-new-form div#whats-new-avatar {
 display:none;
}
 form#whats-new-form h5 {
 margin: 0 0 0 0px;
}
 form#whats-new-form #whats-new-content {
 margin-left: 0px;
 padding-left: 0px;
}
 ul#activity-stream.item-list li div.activity-avatar {
 display: none;
}
 body.activity-permalink .activity-list li .activity-content {
 margin-left: 0;
}
 body.activity-permalink .activity-list li.mini .activity-meta {
 left: 0;
}
 div.post .entry {
 width: 100%;
}
 .wp-caption {
 width: 99%!important;
}
 .entry {
 width: 100%;
}
 .entry img {
 width: 100%;
 height: auto;
}
 .wp-caption img {
 width: 99%;
 height: auto;
}
 #footer-widget-area div.widget-area > ul {
 float: left;
 width: 100%;
}
 #footer-widgets {
 padding: 19px 10px;
}
	
	/*------------- Custom ------------*/
	#mobileView {
display: block !important;
}
 #cpView {
display:none !important;
}
 .sub-menu {
display:none !important;
}
 .yahoo .sub-menu {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li a {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li a:hover {
display:inline-block !important;
width:100% !important;
background:#c5ce68 !important;
color:#fff !important;
border-radius:0px;
}
 body {
margin-top:0px !important;
}
 #footerRightPart {
width:100%;
}
 #footLogo {
float:right;
}
 #socialNet {
/*width:100%;
height:22px;*/
}
 #socialNet img {
height:17px;
width:17px;
margin-left:5px;
float:left;
}
 #clrFixForSocialIcons {
/*clear:both;*/
display:block;
}
 #sloganWDZ {
margin-bottom: 10px;
padding-top:0px;
}
 #metaLinks {
/*float:right;
margin-left:10px;*/
}
 #iconZ {
float:right;
}
 .padder {
margin-right:2px !important;
}
}
 @media only screen and (max-width: 767px) {
nav {
display: block;
width: 100%;
border: 0px solid white;
padding: 10px 0;
}
 .mobile-nav {
visibility: visible;
height: auto;
margin: 0 5px;
padding: 10px 0;
font-weight: bold;
color: #333;
cursor: pointer;
background: url("../images/cst/mobile-nav.png") no-repeat center right;
}
 .sub-menu {
display:none !important;
}
 .yahoo .sub-menu {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li a {
display:inline-block !important;
width:100% !important;
}
 .yahoo .sub-menu li a:hover {
display:inline-block !important;
width:100% !important;
background:#c5ce68 !important;
color:#fff !important;
border-radius:0px;
}
}

 @media only screen and (max-width: 460px) {
#fencySignup {
 padding-top:30px !important;
}
#metaLinks a{
 		font-size: 10px;
 	}

}

 @media only screen and (max-width: 400px) {
 	#iconZ img{
 		width: 27px;

 	}
 }

 @media only screen and (max-width: 320px) {
 	#adZ ul li img{
 		width: 90% !important;

 	}
 }


  @media only screen and (max-width: 980px) {
 	 ul.primary li{
       
 	 	font-family: Arial,Helvetica,sans-serif !important;
         font-weight: normal !important;
 	 }
 }

@media all and (max-width: 780px){
	#footLogo{
	  float:  none;
	  margin: 0 auto;
	  text-align: center;
	  /*width: 50%;*/
	}
}

@media (max-width:699px){
	 mainContArea .widget img, #sideContArea .widget img {
    float: none;
  }
  .thumbhome {
    float: none;
    min-height: 150px;
    min-width: 225px;
    margin: auto;
    display: block;
    text-align: center;
	padding-right:0;
  }
  .title_icon {
    padding-top: 5px;
    text-align: center;
    margin-bottom: 10px;
    overflow: hidden;
    display: inline-block;
    float: none;
	padding-left:0;
  }
  a.view_content {
   
    float: none;
  }
  .view_link {
  
    text-align: center;
}
.usrhome {
  
    width: 100%;
    float: left;
    text-align: center;
}
h3.package-title a {
        display: inline-block;
    font-size: 9px !important
}
.w3eden .media {
    text-align: center;
    /* display: inline-block; */
    width: 100%;
    /* float: left; */
    display: flex;
    flex-wrap: wrap;
}
.link-template-default.thumbnail .wpdm-download-link.btn {
  
    margin-top: 0;
}
}


@media (max-width: 1290px) and (min-width: 1200px){
#mainContArea .widget img, #sideContArea .widget img {
    float: left;
    margin: 10px 15px 10px 0;
    width: auto;
    width: 180px;
}
}

@media (min-width:600px) and (max-width:699px){
/* 	.usrhome {
    width: 390px;
} */
	.thumbhome {
    float: none;
    width: 135px;
	margin:auto;
}
h3.package-title a {
	font-size:13px !important;
}
}


 @media (min-width:700px) and (max-width:971px){
		.thumbhome {
    float: left;
    width: 135px;
}
.usrhome {
        width: 65%;
    float: right;
}
.view_link {
    width: 100%;
    float: left;
    max-width: 600px;
}
h3.package-title a {
        display: inline-block;
    font-size: 9px !important
}
.w3eden .media {
    text-align: center;
   
    display: flex;
    flex-wrap: wrap;
}
.link-template-default.thumbnail .wpdm-download-link.btn {
   
    margin-top: 3px;
}
#mainContArea .widget h3, #sideContArea .widget h3{
	font-size:17px;
}
} 

@media (min-width:972px) and (max-width:1234px){
	.thumbhome {
    float: left;
    width: 127px;
}
.usrhome {
    
    width: 70%;
}
.view_link {
    width: 100%;
    float: left;
    max-width: 600px;
}
h3.package-title a {
        display: inline-block;
    font-size: 9px !important
}
.w3eden .media {
    text-align: center;
   
    display: flex;
    flex-wrap: wrap;
}
.link-template-default.thumbnail .wpdm-download-link.btn {
   
    margin-top: 3px;
}

}