.circle {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(44, 213, 196, 0.9);
    opacity: .9;
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 35px #2cd5c4;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: relative;
    top: 40px;
    -moz-animation: spinPulse 1s infinite ease-in-out;
    -webkit-animation: spinPulse 1s infinite linear;
    -webkit-box-sizing: content-box;
}

.circle1 {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(44, 213, 196, 0.9);
    opacity: .9;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 15px #2cd5c4;
    width: 60px;
    height: 60px;
    margin: auto;
    position: relative;
    top: -50px;
    -moz-animation: spinoffPulse 1s infinite linear;
    -webkit-animation: spinoffPulse 1s infinite linear;
    -webkit-box-sizing: content-box;
}

/************* loader ***********************/

.blockMsg {width:auto;background-color:none !important;border:none !important;width:100% !important;left:auto !important;}

.dloader
{
    background:url(../images/pre-loader.gif) center no-repeat;
    height: 100px;
    width: 100px;
    margin:8% auto 15%;
}

.loader-container {
background-color: white;
color: #fff;
top: 10%;
left:20%;
position:absolute;
width:60%;
border:2px solid #000;
}

@media only screen and (min-width : 320px) and (max-width: 767px ) {
    
    .blockMsg {top:30% !important}

    .loader-container {
        top: 10%;
        left:17%;
        position:absolute;
        width:66%;
    }
}                

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width: 991px ) {

   .loader-container {
        top: 10%;
        left:30%;
        position:absolute;
        width:40%;
   }
}

@media only screen and (min-width : 992px) {

    .loader-container {
        top: 10%;
        left:40%;
        width:20%;
   }
}



@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    }
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #F27E35;
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    }
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}