/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

    /* CSS */

}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

    /* CSS */
    .default-title {
        font-size: 35px;
    }

    .default-subtitle {
        font-size: 33px;
        line-height: 34px;
    }

    .btnSchedaCorso, .btnSchedaCorso input {
        width: 100%;
        text-align: left;
        background-size: 14%;
    }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    /* CSS */
    .default-title {
        font-size: 35px;
    }

    .default-subtitle {
        font-size: 32px;
        line-height: 33px;
    }

    .contacts-top-content {
        padding: 160px 0;
    }
    .btnSchedaCorso, .btnSchedaCorso input {
        width: 100%;
        text-align: left;
        background-size: 8%;
    }
}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* CSS */
    .default-title {
        font-size: 35px;
    }

    .default-subtitle {
        font-size: 33px;
        line-height: 34px;
    }
    .btnSchedaCorso, .btnSchedaCorso input {
        width: 100%;
        text-align: left;
        background-size: 15%;
    }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

    /* CSS */
    .default-title {
        font-size: 33px;
    }

    .default-subtitle {
        font-size: 18px;
        line-height: 24px;
    }

    .datisegreteria {
        position: relative;
    }
    .top-content {
        padding: 150px 0;
    }
    .btnSchedaCorso, .btnSchedaCorso input {
        width: 100%;
        text-align:left;
        background-size:5%;
    }
    .lblinfocorsotitolo {
        font-size: 17px;
    }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    /* CSS */
    .navbar {
        background-color: #808080 !important;
    }

    .contenitore-scheda-corso {
        /*padding:5px;*/
    }

    hr {
        margin-top: 0.4rem;
        margin-bottom: 0.4rem;
    }

    .btnAccedi {
        width: 100%;
    }

    .contacts-top-content {
        padding-top: 170px;
        padding-bottom: 110px;
        margin-top: -80px;
    }

    .btnSchedaCorso {
        width: 100%;
    }

    .page-title {
        margin-bottom: 0;
    }

    .btnIniziaIlCorso {
        width: 100%;
    }

    .btnAltreFunzioniCorso {
        width: 100%;
    }
    .optionlist label {
        padding-left: 10px;
        vertical-align: top;
        width:95%;
    }
    .default-title{
        font-size:27px;
    }
    .default-subtitle{
        font-size:18px;
        line-height:20px;
    }
    .datisegreteria {
        position:relative;
    }
    .about-item a {
        
        width: 100%;
        padding: 5px;
        padding-left: 15px;
    }
    .itemreg {
        width:100%;
    }
    .itemregcontainer .RadComboBox{
        width:100% !important;
    }
    #ContentPlaceHolder1_chkaccettotrattamento{
        width:20px;
        height:20px;
        display:block;
    }
    .chklabel label {
        padding-left: 27px;
        margin-top: -30px;
    }
    .top-content {
        padding: 150px 0;
    }

    .btnSchedaCorso, .btnSchedaCorso input {
        width: 100%;
        text-align: left;
        background-size: 8%;
    }
    .lblpopup {
        font-size:30px;
    }
    .panelThanks p {
        font-size: 23px;
    }

    .lblinfocorsotitolo {
        font-size:17px;
    }
    .panelThanks .close {
        width: 70px;
        height: 70px;
        margin-right:10px;
    }
    .panelThanks {        
        background-color: rgba(255,255,255,0.93
    }
}