/* _______________________ */

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

    .brmobile {
        display: none;
    }

    .popleft {
        display: none;
    }

    .pop {
        display: none;
    }

    .menu {
        display: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        border-radius: 0px 0px 20px 20px;

    }

    .menufull {
        height: auto;
    }

    .menu li {
        display: inline-block;
        margin-right: 0px;
        padding: 4px;
        font-weight: 400;
        font-size: 10pt;
        margin-right: 5px;
    }

    .logo {

        position: relative;
        width: 200px;
        margin: 0 auto;
        padding: 10px;
        margin-top: 20px;
        margin-bottom: 30px;
background: white;
    }

    .container_left {
        border: 0px solid black;
        width: 100%;
        left: 0;
        margin-left: 0px;
        margin-top: 10px;
        position: relative;
        text-align: center;
        padding-top: 10px;
        margin: 0 auto;
        position: relative;
        background: white;
        border-radius: 20px;
        -webkit-box-shadow: 7px 9px 19px -1px rgba(0, 0, 0, 0.07);
        box-shadow: 7px 9px 19px -1px rgba(0, 0, 0, 0.07);

    }
    
    .container_left h1 {
    margin-left: 0px;
}

.container_left h2 {
    margin-left: 0px;

}

.container_left p {

    margin-left: 0px;

}
    
    
    input:checked + label {
    background-color: #2f5ec3;
    font-size: 10pt;
    color: white;
    font-weight: 600;
    -webkit-box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.7);
    box-shadow: -1px 3px 11px -1px rgba(0, 0, 0, 0.7);
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
    
.quarter label {
    width: 18%;
    height: auto;
    padding: 0;
    padding-top: 10px;
    padding: 10px;
}
    
    .labelespace label img {max-width: 90%;text-align: center;}
    
   
 
    
    .container_right {
    border: 0px solid black;
    height: 530px;
    width: 95%;
    position: relative;
    margin: 0 auto;
   margin-bottom: 30px;
        margin-top:10px; $
        animation-iteration-count: 0;

}
   
    
    .nextbutton {}
    .okbutton {}

    
    
    .labelsuccess label {
    margin: 3px;
    border-radius: 5px;
    font-size: 11pt;
    color: white;
    font-weight: 600;
    color: white;
    width: 80%;
    margin: 3px;
    border-radius: 5px;
    font-size: 14pt;
    background: none;
    color: white;
    font-weight: 600;
    padding: 0px;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
         -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
    margin-top: 0px;
}
   
    
    .container_half_left {
    border: 0px solid black;
    width: 100%;
    left: 0;
    margin-left: 0px;
    position: relative;
        margin: 0 auto;
    background: white;
    border-radius: 20px;
    -webkit-box-shadow: 7px 9px 19px -1px rgba(0, 0, 0, 0.07);
    box-shadow: 7px 9px 19px -1px rgba(0, 0, 0, 0.07);
    padding: 40px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 50px;
    background-image: url(../img/backgroundlightsmallblue2.jpg);
    background-size: cover;
}
    
    .container_half_right {
    border: 0px solid black;
    width: 100%;
    right: 0;
    position: relative;
        margin: 0 auto;
    background: white;
    border-radius: 20px;
    -webkit-box-shadow: 7px 9px 19px -1px rgba(0, 0, 0, 0.07);
    box-shadow: 7px 9px 19px -1px rgba(0, 0, 0, 0.07);
    padding: 40px;
    text-align: center;
        margin-bottom: 60px;
}
    
    .container_center {
    border: 0px solid black;
    width: 100%;
    right: 0;
    margin: 0 auto;
    position: relative;
    background: white;
    border-radius: 20px;
    -webkit-box-shadow: 7px 9px 19px -1px rgba(0, 0, 0, 0.07);
    box-shadow: 7px 9px 19px -1px rgba(0, 0, 0, 0.07);
    padding: 40px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}
    .container_center p {
    font-weight: 200;
    font-size: 11pt;
}
    
    .container_center h1 {
    font-weight: 600;
    color: #73b042;
        font-size:13pt;
}
    
    .container_center img {
    width: 100%;
}
    .container_bg {
display: none;
}
    
    .bluebutton {
        width: 93%;}
    
    .animated {animation-duration: 0s;}
    .blank {display: none;}
    
    
    table.unstyledTable {
    width: 100%;
    text-align: left;
    font-size: 6pt;

}

table.unstyledTable td,
table.unstyledTable th {
    border: 1px solid lightgrey;
    border-radius: 4px;
    padding: 2px 5px;

}

table.unstyledTable thead {
    background: #DDDDDD;
}

table.unstyledTable thead th {
    font-weight: normal;
}

table.unstyledTable tfoot {
    font-weight: bold;
}

    
    
    label {
    width: 36%;
    margin: 1px;
    border-radius: 5px;
    font-size: 10pt;
    background: #a3c0f7;
    color: white;
    font-weight: 600;
    padding: 18px;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.4s;
         -o-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
    
.trio label {
    width: 29%;
    padding: 7px;
    padding-top: 4px;
    border-radius: 10px;
    margin-left: -10px;
    font-size: 14px;
}
    
.slide3 {transform: translate(200%,-133%);} 
    
    .firstpartupvalid {
    transform: translate(-200%,0px);
}
    
    
    .container_right_height_valid {
   height: 680px;
}

    .container_right_title_donemobile{
    border-radius: 0px;

}
    
    
#desktop {display: none;}
#mobile {display: block;}
    
    
}