@media only screen and (max-width: 1024px) {
    
    .common-grid {width: 945px;padding: 15px;margin: 0 auto 100px;box-shadow: 0px 0px 40px 0px rgb(223, 223, 223);}
    #fim-page .main-content .p-error{margin: 30px auto;} 
    
    
}



@media only screen and (max-width:800px) {
    
    .common-grid {width: 715px;padding: 15px;margin: 0 auto 100px;box-shadow: 0px 0px 40px 0px rgb(223, 223, 223);}
    .main-content{width: 100%;} 
    header div.main-header-ul {width: 100%;margin: 0 auto;top: 50%;left: 0;margin-top: -36px;margin-left: 0px;}
    header div.main-header-ul ul{width: 139px;}
    
    .main-content p{font-size: 34px; line-height: 44px;}
    header div.main-header-ul ul .fundo{left:73px;}
    
    .main-content .radio-buttons span {margin: 0 0px;}
    
}


@media only screen and (max-width:600px) {
    
    .common-grid{width: auto;}
    
    header{margin-bottom: 40px;}
    
    header div.main-header-ul ul{width: 104px;}
    header div.main-header-ul ul li {font-size: 10px;}
    header div.main-header-ul ul .fundo {left: 50px;}
    
 
    .main-content p {font-size: 30px;line-height: 40px;}
    .radio-holder {float:left; margin-bottom: 40px;}
    
    .main-content .radio-buttons span{line-height: 35px;}
    
    .main-content .p-error{margin: 30px auto;}
    .main-content div {margin-bottom: 30px;}
    .main-content p{margin-bottom: 30px;}
    
    .next-button{margin: 0 auto 30px; }
    #inquerito-e1-page .next-button{margin: 30px auto;}
    /* .main-content div.holder span{float:left; margin-bottom: 20px;} */
  
    
    
}




@media only screen and (max-width:568px) {
    
    header {display:none;}
    .main-content p {font-size: 24px;line-height: 34px;}
       
}

@media only screen and (max-width:480px) {
    
    .top-title{margin: 25px auto;}
    textarea{width: 418px;}
    /*
    header{width: 45%; height: auto; margin-bottom: 0;}
    header div.main-header-ul {padding: 15px;width: 84%;margin: 0 auto;top: inherit;left: inherit;position: relative;float: left;text-align: left;}
    header div.main-header-ul ul {width: 100%; float: left;display: block;clear: both;position: relative; margin-bottom: 35px;}
    header div.main-header-ul ul li {font-size: 13px;}
    
    header div.main-header-ul ul .fundo {left: inherit;height: 90px;width: 15px;right: 10px;top: 10px;}
    header div.main-header-ul ul li:last-child, header div.main-header-ul ul li.active-quest{float: right;} 
    header div.main-header-ul ul:last-child {margin-bottom: 0;}
    
    .common-grid {width: 93.8%;float: left;}
    
    .main-content {width: 50%;float: right;}    
    .main-content div {margin-bottom: 0;}
    
    .main-content p {font-size: 20px;line-height: 25px;margin-bottom: 10px;}
    
    .main-content .radio-buttons span {line-height: 16px;float: left;}
    input[type="radio"] + label{background-position: 0 4px;float: left;padding: 5px 0 5px 25px;}
    
    .radio-holder {margin-bottom: 60px;float: left;}
    
    .next-button{margin: 0 auto;}
    
    
    */

    
}

@media only screen and (max-width:320px) {

    .main-content p {font-size: 20px;line-height: 30px;}
    textarea{width: 258px;}



}