/*CSS FOR RESPONSIVE LAYOUTS*/
/*___________________________________________________________________*/

/*---------------iPad & Samsung Galaxy Tablets portrait---------------*/
/*___________________________________________________________________*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
  body#MainBody {width:700px}
    .table#MainTb,div#Body.bodyCont,tbody ,table,div.Bar,td#MTbW2.style10,form#aspnetForm.barform,#form1,div#slidshowD,table#slidshowTb,div.style1,.logoIMG,div#Header.MainHead{ width:700px; }
    .bodyCont {left:17%}
    .allPgtb ,table.fontar{width:630px}
    .allPgtb1,.regMtd01,.regMtd02,.regMtd03 {display:none}
    #posLogo { position:relative; left:0px;}
    div#slidshowD {height:1px}
    .line,#line1 {height:245px}
    .regMTb {width: 700px;}
    #regMTd { width: 700px;  height: 361px}
    .regBtb { width: 700px;}
    .regBtb td {display:block}
    .tbMAdm td{ display:block;width:630px}
     
}
/*___________________________________________________________________*/

/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
 body#MainBody {width:400px}
    .table#MainTb,div#Body.bodyCont,tbody ,table,div.Bar,td#MTbW2.style10,form#aspnetForm.barform,#form1,div#slidshowD,table#slidshowTb,div.style1,.logoIMG,div#Header.MainHead{ width:450px; }
    .bodyCont {left:13%}
    .allPgtb,table.fontar {width:390px}
    .allPgtb1,.regMtd01,.regMtd02,.regMtd03 {display:none}
    table#CFATb.fontar {width:370px;}
    div#slidshowD {height:1px}
    .line {height:357px}
    .regMTb {width: 450px;}
    #regMTd { width: 450px;  height: 361px}
    .regBtb { width: 450px;}
    .regBtb td {display:block}
    .tbMAdm td{ display:block;width:380px}
}
/*___________________________________________________________________*/

/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .body {width:320px;}
    body#MainBody {width:400px}
    .table#MainTb,div#Body.bodyCont,tbody ,table,div.Bar,td#MTbW2.style10,form#aspnetForm.barform,#form1,div#slidshowD,table#slidshowTb,div.style1,.logoIMG,div#Header.MainHead,strong,div.slider-wrapper theme-light{ width:300px; }
    .bodyCont {left:8%}
    table#CFATb.fontar {width:10%;}
    div#slider.nivoSlider {margin:0px}
    #posLogo {position:relative;left: 0px;}
    .allPgtb,table.fontar,p,span.font2 ,a{width:230px}
    .allPgtb1,.regMtd01,.regMtd02,.regMtd03 ,#td1{display:none}
    td#td2 {width:300px;}
    div.Bar {height:50px}
    div#slidshowD {height:1px}
    .line {height:104px}
    .regMTb {width: 320px;}
    #regMTd { width: 300px;  height: 361px}
    .regBtb { width: 300px;}
    .regBtb td {display:block}
    .tbMAdm td{ display:block;width:300px}
 }