@media (min-width:310px) and (max-width:360px){
	.profimg{
		float:none;
		margin:0;
	}
	.profimg p,.profimg h3{
		text-align:center;
	}
	header.memhead nav ul li a{
		background: #438eb9 !important;
		padding: 15px 0 !important;
		color:#fff;
	}
		section.main{
		padding:10px !important;width:100% !important;
			margin:0;
	}
.Membersection p span{
	display:block;
	margin:5px 0 0;
	width:100%;
}
		.Membersection .main label{
		width:auto; padding:5px;
	}
	.content > div td {
    font-size: 13px;
    padding: 5px;
    width: 90%;
    float: left;
}
	.content .buttonbg{
		width:70%;
	}
	.content > div .memtxtbox{
		width:80%;
	}

#content2 label{
	width:auto;
}
		.profile_details {
    float: left;
    width: 100% !important;
}
	
	.table-responsive {
    border: none !important;
    margin-bottom: 15px;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    width: 100%;
}

}
@media (max-width: 480px) and (orientation: landscape) {
	
		.profimg{
		float:none;
		margin:0;
	}
	.profimg p,.profimg h3{
		text-align:center;
	}
	
		header.memhead nav ul li a{
		background: #438eb9 !important;
		padding: 15px 0 !important;
			color:#fff!important;
	}
	section.main{
		padding:10px !important;	margin:0;
	}
		.Membersection .main label{
		width:auto; padding:10px;
	}
	.content > div td {
    font-size: 13px;
    padding: 5px;
    width: 95%;
    float: left;
}
	.content .buttonbg{
		width:85%;
	}	
	.content > div .memtxtbox{
		width:100%;
	}
		.profile_details {
    float: left;
    width: 100% !important;
}

}


@media (min-width:600px) and (max-width:650px){

	header.memhead nav ul li{
		margin:0!important;
			border:none !important;
	}
		header.memhead nav ul li a{
		background: #438eb9 !important;
		padding: 15px 0 !important;
			border-top:1px solid #f7f5f5!important;
	}
	header.memhead nav ul li a:hover,
    header.memhead nav ul li a.selected{
        color: #fff; padding:0; border:none;background-color:#438eb9 !important;padding:15px 0;
		display:block;border-radius:0px;
    }
	
	section.main{
		padding:10px !important;width:100% !important;	margin:0;
	}
	.Membersection .main label{
		width:auto; padding:10px;
	}

	.content > div td {
    font-size: 13px;
    padding: 5px;
    width: 95%;
    float: left;
}
	.content > div .memtxtbox{
		width:100%;
	}
	.profile_details {
    float: left;
    width: 69% !important;
}

}


@media (min-width:310px) and (max-width:768px){
	.Membersection label{
		width:100%;
	}
.resp-vtabs .resp-tabs-container {
    padding: 8px 0 24px;
	}
	.memtxtbox{
		width:95%;
	}

.Membersection .main label{
		width:auto; padding:7px;
	}	
	
}

@media (min-width:800px) and (max-width:880px){
	
	#parentVerticalTab ul.resp-tabs-list  {
		width:15% !important;
		float:left;
	}
	.resp-vtabs .resp-tabs-container {
    padding: 8px 0 24px;
	}
	
	 .content{
		width:100% !important;
	}
	.content > div table{
		width:100%!important;
	}
	.resp-vtabs .resp-tabs-container{
		width:65%;
	}
.profile_details {
    float: left;
    width: 70%;
}
	.main label{
		padding: 10px 15px;
	}
	.content > div .memtxtbox{
		width:60%;
	}
		#content2 label{
	width:22%;
}
}
@media (min-width:800px) and (max-width:900px){
 section.main {
    width: 82% !important;
	 }
	.resp-vtabs .resp-tabs-container{
		width:61%;
	}
	.resp-vtabs ul.resp-tabs-list{
	float: left;
   width: 17%;
}
.resp-tab-content{
	padding: 15px 0;
}
	#content2 label{
	width:22%;
}
	
	
}
@media (min-width:980px) and (max-width:1025px){
	.resp-vtabs .resp-tabs-container{
		width:78%;
	}
.resp-vtabs ul.resp-tabs-list{
	float: left;
width: 17%;
}
}

 @media (min-width:650px) and (max-width: 768px) {
#container {
          width: 94%;
          margin: 0 auto;
 }
.profile_details {
    float: left;
    width: 68%;
}
	 
	 section.main {
    width: 79% !important;
	 }

 }