.closebtn{display:none;}
.menuw{font-size:30px;cursor:pointer;display:none;color:#fff;}
.menuw{}
.menuw img{height: 30px;    float: right; margin: 9px 0px;} 
body{min-width:260px;}

@media only screen and ( max-width: 1388px ) {
	.ptd_bb1{width: 33%;}
}
@media only screen and ( max-width: 1340px ) {
	.ptd_menu ul li {    float: left;}
	.ptd_menu ul li a { padding: 10px 24px;}
}
@media only screen and ( max-width: 1320px ) {
	.ptd_bb1{width: 29%;}
	.ptd_bb2 {width: 356px;}
}
@media only screen and ( max-width: 1257px ) {
	.ptd_bb1{}
}
@media only screen and ( max-width: 1200px ) {
	.ptd_bb1{width:100%;}
	.ptd_sall a.img{height:auto;}
	.ptd_sall a.img{max-width:300px;    margin-left: auto;    margin-right: auto;}
	.ptd_bb1 .ptd_sall li{ text-align: center;    min-height: auto;}
	.ptd_menu ul li a {    padding: 10px 16px;}
}
@media only screen and ( max-width: 1180px ) {
	 .ptd_menu ul li a {    padding: 10px 16px;    font-size: 18px;}
}
	
@media only screen and ( max-width: 1150px ) { 
}
@media only screen and ( max-width: 1100px ) {
	 
	.ptd_bb1 .ptd_sall a.detail{height:auto;}

}
@media only screen and ( max-width: 1000px ) {
	.ptd_bb1, .ptd_bb2{width: 100%;}
	.ptd_sall h1 a, .ptd_sall h1 b{width: 100%;
    text-align: center;
    font-size: 31px;
    height: auto;
    line-height: 23px;}
	.ptd_sall h1 span{position: static;
    top: auto;
    width: 100%;
    height: 3px;
    display: block;
    clear: both;
    margin-bottom: 20px;}
}
@media only screen and ( max-width: 1080px ) {
	.ptd_bbd{    width: 442px;     margin-top: -13px;    margin-right: 9px;}
	.ptd_social{    margin-top: 0px;
    float: left;}
	.ptd_ser span.text, .ptd_ser span.text p, .ptd_ser span.text span{font-size: 22px;}
	.ptd_ser span.text h1{font-size: 25px;}
	.ptd_sall a.img{    height: 145px;}
}
@media only screen and ( max-width: 1050px ) {
	.ptd_f1, .ptd_f2{width:100%;     margin-bottom: 24px;}
	.ptd_f3 {    float: none;    width: 180px;    margin-left: auto;    margin-right: auto;}
}
@media only screen and ( max-width: 980px ) {
	.ptd_intro .ptd_item{width: 100%;    padding: 0px;    margin-bottom: 20px;}
	.ptd_doctor .ptd_ite{width: 100%;    margin-right: 0px;    margin-bottom: 20px;}
	.ptd_sall a.img {    height: 125px;}
	.cat li a.img{height: 180px;}
	.ptd_intro .img{    width: 50px;
    margin-left: auto;
    margin-right: auto;
    height: 60px;}
	.ptd_intro .img img{width:100%;}
	.ptd_intro .text{    font-size: 35px;
    height: auto;}
	.ptd_intro .detail{    font-size: 26px;
    line-height: 28px;}
}
@media only screen and ( max-width: 900px ) {
	.ptd_sall li {    width: 48%;    float: left;    margin-right: 2% !important;}
	.ptd_sall a.img {    height: 205px;}
	.cat li a.img{height: 150px;}
}

@media only screen and ( max-width: 800px ) {
	.ptd_bbd{    clear: both;    margin-top: 0px;    float: left;    max-width: 100%;}
	.ptd_ser span.img, .ptd_ser span.text, .ptd_doctor .ptd_ite span.img, .ptd_doctor .ptd_ite span.text{width:100%;    position: static;}
	.ptd_ser span.text{padding-bottom:20px;}
}
@media only screen and ( max-width: 750px ) {
	.ptd_sall li {    width: 100%;    float: left;    margin-right: 0% !important;     margin-bottom: 20px;}
	.ptd_sall a.img {    height: auto;}
	.title, .title span, .title a{font-size: 25px;}
}
@media only screen and ( max-width: 700px ) {
	.ptd_bb1 .ptd_sall li{width: 98%;}
	.entry-content td, .comment-content td{       display: block;    width: 96%;    padding: 5px 2%;}
}
@media only screen and ( max-width: 600px ) {
	.ptd_f2 a{    width: 100%;    margin-right: 0px;}
	.ptd_doctor .ptd_ite, .ptd_bb1 .ptd_sall li {    width: 94%;    padding: 4%;}
	.cat li, .cat li.end{width:100%;}
	.cat li a.img{height: auto;}
}
@media only screen and ( max-width: 485px ) {
	.ptd_social{  width: 198px;    margin-top: 0px;  }
}
@media only screen and ( max-width: 450px ) {
	 
	.ptd_bb2 iframe{width:100% !important;}
} 
@media only screen and ( max-width: 410px ) {
	.ptd_social{    margin-top: 16px;width: 176px;
    clear: both;
    float: left;
    margin-bottom: -52px;
    position: relative;}
}
@media only screen and ( max-width: 980px ) {
	.ptd_menu ul li a{padding: 10px 3%;    width: 94%;    border-radius: 0px !important;    margin: 0px;border-bottom: 1px dashed #333;}
.ptd_menu ul li{width:100%;}
.ptd_menu li ul{position: static;
    display: block;}
.ptd_menu li ul li a{    width: 100%;background-color: transparent;
     }

.ptd_menu li li{    margin-top: 0px;background-color: transparent;}
 .ptd_menu .nav-menu li a:hover, .ptd_menu .nav-menu li.current-post-ancestor a, .ptd_menu .nav-menu li.current-menu-parent a, .ptd_menu .nav-menu li.current-post-parent a, .ptd_menu .nav-menu li.current-menu-item a, .ptd_menu .nav-menu li.current_page_item a{background-color: transparent;}
.ptd_menu ul li a:hover{background: #1ab09a;}

#main-menu{height: 90%;
    overflow-y: auto;
    overflow-x: hidden;}


	/* Menu */ 
 .closebtn,  .menuw{display:block;}
 .menuw{display: block;
color: #333;text-align: right;
margin-top: 0px;
text-transform: uppercase;
padding-left: 0px;
 }
 .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
top: 30px;
right: 15px;
font-size: 36px;
margin-left: 50px;
z-index: 29999;
display: block;
}

#main {
    /* transition: margin-left .5s;*/
 transition:  .5s; 
}
/*  end menu*/

}
 