﻿
@media all and (max-width: 768px)
{
    #menulinks
    {
        padding:0px;
    }
    #menulinks ul{display:none;}
    .menuresponsive{
		display:block;
		float:left;
		width:97%;
		padding:2px 1.5%;
		background:#000;
		margin:0px 0px 3px;
		}
	.menuresponsive img{
		float:left;
        margin-top:4px;
		}
	.menuresponsive span{
		float:left;
		margin:0px 0px 0px 1%;
		font-size:23px;
		color:#fff;
		}
    #menulinks ul
    {
        float:left;
        width:100%;
        margin:0px;
        padding:0px;
    }
    #menulinks ul li
    {    
        float: left;
        width: 100%;      
        border-bottom: 1px #fff solid;  
    }
    #menulinks ul li a
    {    
        float: left;
        width: 100%;   
        padding:4px; 
    }
    #menulinks ul li ul{
        float:left;
        position:relative;
        left:auto;
        top:auto;
        width:100%;
        margin:0px;
        padding:0px;
    }
        #menulinks ul li ul li
        {
            border-bottom: 1px #fff solid;
        }

    pre
    {
        width:100%;
        white-space: pre-wrap;       /* css-3 */
        white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
        white-space: -pre-wrap;      /* Opera 4-6 */
        white-space: -o-pre-wrap;    /* Opera 7 */
        word-wrap: break-word;       /* Internet Explorer 5.5+ */
    }
}

@media all and (max-width: 500px)
{
    .left, .right
    {
        width:100%;
        float:left;
    }
    .panelForm
    {
        width:100%;
        float:left;
    }
	.txtCSCaptcha{
		width:100% !important;
	}
	.textarea, .text {
    	padding: 5px 1%;
		width: 96%;
	}
}
