.upcoming-webinars, .webinar-registration {
table-layout: fixed; 
width: 100%;
}

.upcoming-webinars th, .upcoming-webinars td {
    vertical-align: top;
}

@media only screen
and (min-width : 601px) {
.upcoming-webinars .large-column {
width: 50%;
}
.upcoming-webinars .small-column {
width: 12.5%;
}
    

.webinar-registration .large-column {
width: 70%;
}
.webinar-registration .small-column {
width: 30%;
}
    

}


@media only screen
and (max-width : 600px) {
.upcoming-webinars td, .webinar-registration td {
width: 100%;
display: block;
}
.upcoming-webinars .large-column, .webinar-registration .large-column {
width: 100%;
display: block;
}
.upcoming-webinars .small-column, .webinar-registration .small-column {
width: 100%;
display: block;
}
.upcoming-webinars th {
display:none;
}
.upcoming-webinars tr {
border-bottom: 3px solid black;
display: block;
}    
}


.tooltip {
	display:none;
	position:absolute;
    border-style: solid;
    border-width: 2px;
	border-radius:5px;
	padding:4px 11px;
    z-index: 9999;
}

.webinar-registration input[type="submit"] {
    border-style: solid;
    border-width: 2px;   
}

.upcoming-webinars fa, .upcoming-webinars a, .upcoming-webinars-widget fa, .upcoming-webinars-widget a  {
    text-decoration: none !important;
    box-shadow: none !important;
}

.upcoming-webinars-widget span, .webinar-registration-header span {
    padding-right: 12px;
}

.upcoming-webinars-widget .fa, .webinar-registration-header .fa
{
    padding-right: 3px;
}

#date-time-duration-details {
    padding-bottom: 10px;
}

.webinar-registration {
    margin-top: 40px;
}

.webinar-registration .compulsory {
    color: darkred;
    font-size: x-small;
    vertical-align: top;    
}


.webinar-registration-header span
{
    display: inline-block;
}

.webinar-registration .success-message, .webinar-registration .error-message  { 
    display: block;
    margin-top: 10px;
}



@-webkit-keyframes webkit-animation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to   {
        -webkit-transform: rotate(-359deg);
    }
}


@-moz-keyframes moz-animation {
    from {
        -moz-transform: rotate(0deg);
    }
    to   {
        -moz-transform: rotate(-359deg);
    }
}


@-o-keyframes o-animation {
    from {
        -o-transform: rotate(0deg);
    }
    to   {
        -o-transform: rotate(-359deg);
    }
}


@keyframes normal-animation {
    from {
        transform: rotate(0deg);
    }
    to   {
        transform: rotate(-359deg);
    }
}


.webinar-registration .fa-spinner {
    -webkit-animation: webkit-animation 2s infinite linear;
    -moz-animation: moz-animation 2s infinite linear;
    -o-animation: o-animation 2s infinite linear;
    animation: normal-animation 2s infinite linear;
    margin-left: 10px;
    font-size: larger;
}