@-ms-viewport{ width: device-width; }
.clr-fix {clear:both}


@media (min-width:463px) and (max-width:768px){
 .circletop{margin-top: -350px;position: fixed;
    }
}
@media (min-width:528px) and (max-width:768px){
 .circletop{margin-top: -350px;position: fixed;
    }
}
@media (min-width:819px) and (max-width:1180px){
    .circletop{margin-top: -350px;position: fixed !important;}
    .logowidth{width: 215px; margin-bottom: 2rem; margin-top: -27px;}
     .formtop{top: 130px;left: 0px;height: 0px;}



}
@media (min-width:768px) and (max-width:1024px){
    .circletop{margin-top: -290px;position: fixed !important;}
    .logowidth{width: 205px; margin-bottom: 1rem; margin-top: -27px;}
     .formtop{top: 130px;left: -2px;/*background: white;*/height: 0px;}



}
@media only screen and (min-width:1024px) and (max-width:1219px){
    .circletop{margin-top: -225px; position: fixed  !important;}
    .logowidth{width: 315px; margin-bottom: 3rem }
     .formtop{top: 190px;left: 0;/*background: white;*/height: 0px;}
    
}
@media only screen and (min-device-width:1220px) and (max-device-width:1919px){ 
    .circletop{margin-top: -225px; position: fixed  !important;}
     .logowidth{width: 315px; margin-bottom: 3rem}
     .formtop{top: 175px;left: 0;/*background: white;*/height: 0px; }
    
    
    }
    
    
    @media only screen and (min-device-width:1920px){
    .circletop{margin-top: -225px; position: fixed  !important;}
    .logowidth{width: 315px; margin-bottom: 3rem}
     .formtop{top: 190px;left: 0;/*background: white;*/height: 0px;}
    
    
    }