@charset "UTF-8";

@media only screen and (min-width: 768px) and (max-width:873px) {
img{max-width:100%; display:inline-block;}
#headerContent{ width:750px; padding:0 15px;}
.top-middle{margin:0; width:450px; float:left}
#orgName {line-height: 20px;}
.top-left{max-width:152px; }
a#logo {width:100%}
#addressBelowLogo{padding:110px 0 0 80px}
#logoWord{font-size:12px; top:60px; left:25px;}
#headerAdsSmall #phone img{}
#leftColumn h1, #leftColumn h2{margin:0 0 15px;}
#nav a{padding:0 9px; font-size:12px;}
ul.menu li.menu-item-has-children > a { padding-right:20px !important}
#nav li ul{width:140px; left:-25px;}
.main-div{float:left; width:100%}
#content{width:750px; padding:40px 15px; background-size:100% auto !important}
#leftColumnHome{width:65%; padding:0 10px;}
/*#leftTop{ margin:0; width:46%}
#leftTop h1{margin:10px 0}
#leftTop a:link{ font-size:20px; line-height:20px; text-shadow:0 4px 4px #2480b1}

#midTop{ margin:0; width:auto; padding:0 5px;	}
#rightTop{ margin:0; width:46%;}
#rightTop h1{margin:10px 0}
#rightTop a:link{ font-size:20px; line-height:20px; text-shadow:0 4px 4px #2480b1}
*/
#welcome{ width:50%; float:left; padding:0 10px;}
#welcome img{ width:80px; height:80px; margin:0 8px 0 0;}
#welcome h1{ margin:10px 0}
#welcome p{font-size:13px; line-height:20px;}
.heading-link{font-size:18px; line-height:22px;}

#leftColumn{width:65%; padding:0 10px 30px; min-height:10px !important  }
#leftColumn p, #leftColumn li{font-size:14px; line-height:20px;}
.ulStyle{ padding-left:20px;}
#leftColumn ul,
#leftColumn ol{ padding-left:20px;}
#formWidgetArea{position:static}
#formWidgetArea #social{margin:20px 0 20px 12px; float:left;}
#testimonial img{max-width:50%}
#testimonial h2{float:left; width:100%;}
.entry-content table{min-width:320px;}
.post-305 img{ margin-left:10px;}
.post-2140 img{ margin-right:10px;}
#video{width:100%; float:left; }
#video iframe {width:100%; float:left;}
#leftColumn ul.image-list{padding:0}
.google-map{width:100%; float:left; }
.google-map iframe {width:100%; float:left;}
.responsive-table{width:100%; float:left; overflow:auto}
.responsive-table table{width:100%;}
#footer{height:auto}
#footerContent{width:750px; padding:10px 15px;}
#footerContent .row{margin:0 -10px;}
#footerAddress{width:39%; float:left; padding:30px 10px 0}	
.footerLinks{width:22%; float:left; padding:30px 10px 0}	
.footerLinks.last{width:39%; float:left; }	
#footer .footerLinks a{line-height:16px; padding:0 0 0 5px;}
}

@media only screen and (max-width:767px) {
.home-bkg { background: #fefbed url(../images/bkg-for-logo-197px.jpg) top left repeat-x; margin: 0; padding: 0; }

img{max-width:100%; display:inline-block;}
#nav{display:none}
.mm-toggle{display:block; padding:0; float:left;}
/*.top-left {margin-top: -20px; max-width: 100%; max-height: 66px;}
a#logoHome { background:url(../images/logo-100-72.png) no-repeat top center; width: 100%; margin-left: 0px; }*/
.top-left {margin-top: -20px; max-width: 65%; max-height: 66px;}
a#logoHome { background:url(../images/logo-100-72.png) no-repeat top right; width: 100%; margin-left: 0px; }
a#logo     { background:url(../images/logo-100-72.png) no-repeat top right; width: 100%; margin-left: 0px; }
.top-right-mobile {margin: 22px 0 0 0; padding-right: 20px; max-width: 40%; max-height: 66px; float:right; display:block; }
.top-right-mobile a {color: #3f7d2a; font-weight: 900; font-size: 16px;}
.top-right { display:none;}

#floatRight { float:none; margin: 0 0 0 0; display: block;}

.right-img {display: block; margin-left: auto; margin-right: auto; float:none; padding: 0 0 0 0;}

#addressBelowLogo{ padding:108px 0 0 70px}
#header{ float:left; width:100%; height:auto}
#headerContent{ width:100%; padding:0 15px; height:auto;}

.top-middle{ float:none; width:100%; margin: 63px 0 0 8px; max-height: 80px; }
#orgName { width: 100%; height: auto; color: #3f7d2a; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; text-align: center; line-height: 12px;}
#slideshow { width: 235px; display:none; }
.mobile-header{display:block; float:left; width:100%; margin: -10px 0 25px; position:relative}
.mobile-header .button{ background:#026698; width:47%; float:left; text-align:center; padding:0 8px 0 8px; color:#fff; margin:0 1%; height:36px; line-height:36px; font-weight:bold; border-radius:15px; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.mobile-header .number a{ background:#026698; width:47%; float:left; text-align:center; padding:0 8px; color:#fff; margin:0 1%; height:36px; line-height:36px; border-radius:15px; text-decoration:none; font-weight:bold;}

#offer{display:none; background:#fff; padding:15px; position:absolute; top:45px; right:0; z-index:99; box-shadow:0 0 5px #333}
#headerAdsSmall #phone{float:right;}
#contentHome { background:#fefbed; margin:0px auto 0; padding:20px 5px 10px 5px; width:100%; box-shadow:0 -4px 5px -2px #333; border-radius:10px 10px 0 0; height:auto; overflow:hidden}
#content{ background:#fefbed; margin:0px auto 0; padding:20px 5px 10px 5px; width:100%; box-shadow:0 -4px 5px -2px #333; border-radius:10px 10px 0 0; height:auto; overflow:hidden}
.main-div{ width:100%; padding:0 15px; float:left; height:auto;}

#welcome{ width:100%; float:left; padding:0 0px;}
#welcome img{ width:100px; height:100px; margin:0 8px 0 0;}
#welcome h1{ margin:10px 0}
#welcome p{font-size:13px; line-height:20px;}
.heading-link{font-size:18px; line-height:22px;}

#leftColumn{width:100%; padding:0 15px; margin-bottom:30px; min-height:10px !important}
#leftColumn p, #leftColumn li{font-size:14px; line-height:20px;}
.ulStyle{ padding-left:20px;}
#leftColumn ul,
#leftColumn ol{ padding-left:20px;}
.entry-content table{width:100%; max-width:320px;}
.post-277 .floatRight{ float:left; width:100%; height:auto; margin:0 0 20px;}
.post-305 img{ margin-left:10px;}
.post-2140 img{ margin-right:10px;}
.imag .img1{ float:left; width:100%;}
.imag .img2{float:left; width:50%; margin-bottom:10px;}
.imag .img3{float:left; width:50%; margin-bottom:10px;}
#video{width:100%; height: auto; float:none; padding: 10px; 0 15px; 0; /*margin:10px 0 15px 0;*/}
/*#video iframe {width:100%; float:left; }*/
#video-left {width: 100%;}
#video-right {width: 100%; margin-top: 10px; padding-left: 30px;}
#leftColumn ul.image-list{padding:0}
ul.image-list li{ float:left; width:100%; padding:0 10px; margin-bottom:20px;}
.google-map{width:100%; float:left; }
.google-map iframe {width:100%; float:left;height:150px;}
.table{width:100%; float:left; overflow:auto}
.pic{ float:left; width:100%; margin-bottom:15px;}
.pic img{width:100%; display:block}
.responsive-table{width:100%; float:left; overflow:auto}
.responsive-table table{width:100%;}
.top-link{display:none;}
.VasectomyRegistrationForm{float:left; width:100%; padding:0 15px;}
#footer{height:auto; padding:30px 0 0}
#footerLeft { margin-left:0px;}
.footerRight{width:30%;}
.footerRight.last{width:30%;}
.footerRight.wechat{width: 100%; margin-top: 10px;}
#footer li{margin:0 0 5px;}
#footer a{padding:0; color:#222}
#footerContent{width:100%; padding:0 15px;}
#footerAddress{width:100%; float:left; padding:0; margin-bottom:20px;}
.footerLinks{width:100%; float:left; padding:0; margin-bottom:20px;}
.form_body{margin-top:10px;}	
#copyright{margin-top:30px;}	
#copyright p{margin:0; padding-bottom:20px;}
}

@media only screen and (min-width:480px) and (max-width:767px) {
#testimonial img{max-width:50%}
.post-277 .floatRight{ float:right; width:50%; max-width:200px; margin:0 0 0 10px;}
.imag .img1,
.imag .img2,
.imag .img3{float:left; width:auto;}
.video iframe {width:100%; float:left; padding-left: 10px; }
ul.image-list li{ width:50%;}
.google-map iframe {width:100%; float:left;height:250px;}
.pic{ float:none; width:auto; margin-bottom:15px;}
.pic img{width:auto; display:block}
.right-img {display: block; margin-left: auto; margin-right: auto; float:none; padding: 0 0 0 0;}
}