﻿/*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 {width:650px}
    .allPgtb1,.regMtd01,.regMtd02,.regMtd03 {display:none}
   
    div#slidshowD {height:1px}
    .line {height:257px}
    .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 {width:390px}
    .allPgtb1,.regMtd01,.regMtd02,.regMtd03 {display:none}
   
    div#slidshowD {height:1px}
    .line {height:157px}
    .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#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:300px; }
    .bodyCont {left:8%}
    .allPgtb {width:230px}
    .allPgtb1,.regMtd01,.regMtd02,.regMtd03 {display:none}
    div.Bar {height:40px}
    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}
 }
