/**************----------------MEDIA CSS----------------***************/

@media screen and (min-width:170px) and (max-width:620px)
{
   .logo{ float:none; text-align:center;}
   .header-right{ float:none; text-align:center;}
   .content{ width:auto; float:none; margin-right:0; margin-bottom:20px;}
   .sidebar{ float:none; width:auto;}
   .title-left{ float:none;}
   .title-right{ float:none; text-align:left;}
   .title-right span.filecount{ padding-left:0; padding-right:20px;}
   .member-count{ display:block; padding-top:15px; padding-left:0;}
   .member-common{ text-align:center;}
}

@media screen and (min-width:170px) and (max-width:370px)
{
   #loginwrapper{ width:auto;}
   .feild{ padding:10px;}
   .left_side{ width:auto; float:none;}
   .right_side{ width:auto; float:none;}
   .main-form .left_side input[type="text"]{ width:auto;}
   .main-form .right_side input[type="text"]{ padding-left:45px}
   .main-form input[type="text"], .main-form select, .main-form textarea{ width:70%;}
}

@media screen and (min-width:170px) and (max-width:420px)
{
   .copyright{ float:none; text-align:center;}
   .footer-nav{ float:none; text-align:center;}
}

@media screen and (min-width:175px) and (max-width:320px)
{
   .common{ margin-left:-5%;}
   .one-fourth{ width:44%; margin-left:5%;}
}

@media screen and (min-width:320px) and (max-width:380px)
{
   .common{ margin-left:-5%;}
   .one-fourth{ width:44%; margin-left:5%;}   
}

@media screen and (min-width:380px) and (max-width:420px)
{
   .common{ margin-left:-5%;}
   .one-fourth{ width:44%; margin-left:5%;}
}

@media screen and (min-width:420px) and (max-width:480px)
{ 
   .common{ margin-left:-4%;}
   .one-fourth{ width:28%; margin-left:4%;}
}

@media screen and (min-width:480px) and (max-width:580px) 
{
   .common{ margin-left:-4%;}
   .one-fourth{ width:28%; margin-left:4%;}
}

@media screen and (min-width:581px) and (max-width:620px) 
{
}

@media screen and (min-width:620px) and (max-width:680px)
{
   .content{ width:auto; float:none; margin-right:0; margin-bottom:20px;}
   .sidebar{ float:none; width:auto;}
}

@media screen and (min-width:680px) and (max-width:780px)
{
   .common{ margin-left:-4%;}
   .one-fourth{ width:28%; margin-left:4%;}
}

@media screen and (min-width:780px) and (max-width:980px)
{
}