@media ( min-width : 310px ) and ( max-width : 650px) {
body{
overflow:hidden;
}
.bottomnav td{
width:100%;
vertical-align:top;
display: flex;	
	-webkit-display: flex;	
   	 flex-direction: column;
	 -webkit-flex-direction: column;
	margin-left:0px;
	padding-left:0px;
}
.leftdivtable td{
height:auto!important;
}
.spaces{
width:55%!important;
}
#contentleft{
margin-left:0px;
}
div.mainbody,#footernew,#header,#leftnavmain,.logol,.gap,#logo,#logoleft,#logoright,.gapnew,#bodycontent,#contentleft,#contentright,.leftdivtable,.leftdiv{
width:100%;
}
#logoright{
padding-bottom:15px;
}
.leftdivtablebox1,.leftdivtablebox2{
/**padding: 25% 30%!important;**/
margin-top:10%;
}
.leftdivtable, tbody,.rightdiv,.rightdivtable{
width:100%;
padding:2px 2px;
padding-left:0px;
vertical-align:top;
display: flex;	
	-webkit-display: flex;	
   	 flex-direction: column;
	 -webkit-flex-direction: column;
}
.leftdiv{
padding-left:0px;
}
.rightdivtablebox1{
width: 80%;
padding: 10% 10%;
overflow: hidden;
float: left;
overflow:hidden;
}
.searchbox{
width: 90% !important;
}
.leftdivtable tr {
width:100%;
padding:2px 2px;
padding-left:0px;
vertical-align:top;
display: flex;	
	-webkit-display: flex;	
   	 flex-direction: row;
	 -webkit-flex-direction: row;
}
.leftdivtable td:nth-of-type(1) {
width:40%;
float:left;
padding: 8% 0%;
}
.leftdivtable td:nth-of-type(2) {
width:60%;
float:left;
vertical-align:top;
}
.rightdivtable tr{
width:50%;
padding-left:0px;
vertical-align:top;
display: flex;  
        -webkit-display: flex;
         flex-direction: column;
         -webkit-flex-direction: column;
	padding-left: 9.5%;
}

.rightdivtable td:nth-of-type(1){
height:50px;
}
.rightdivtableboxa1 {
font-size:20px!important;
}

.rightdivtable tr:nth-of-type(2) td{
height:50px;
}
input[type="text"], textarea {
}
.rightdiv1{
padding-right:15pxpadding-right:15px;;
padding-top:0px;
}
/**.searchbox{
height:40px !important;
}**/
#logo,#logoleft,#logoright{
height:auto
}
.linklist{
padding-top:20px;
}
.linklist td{
display: flex;	
display:-webkit-flex;
	-webkit-display: flex;	
   	 flex-direction: column;
	 -webkit-flex-direction: column;

}
}

@media ( min-width : 310px ) and ( max-width : 450px) {
.leftdivtablebox1,.leftdivtablebox2{
padding: 20% 20%!important;
}
.rightdivtablebox1{
width: 80%;
padding: 15% 10%;

}