.cta_callBtn {
    width: 345px;
    cursor: pointer;
    transition: ease-out 0.4s;
    float: left;
    display: inline-block;
}
.cta_callBtn:hover {  
    animation-name: floating;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.cta_callBtn svg {
    width: 100%;
    transition: ease-out 0.4s;
}
.cta_callBtn svg .cls-1 {
    transition: ease-out 0.4s;
}
.cta_callBtn:hover svg .cls-1 {
    fill: #333333;
    transition: ease-out 0.4s;
    -webkit-box-shadow: 0px 9px 32px -10px rgba(51,51,51,1);
    -moz-box-shadow: 0px 9px 32px -10px rgba(51,51,51,1);
    box-shadow: 0px 9px 32px -10px rgba(51,51,51,1);
}
@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(-5px, 0); }
    to   { transform: translate(0, 0px); }    
}

/*
.cta_callBtn svg .cls-1:hover {
    fill: #efbb20;
}

.cta_callBtn:hover img {
    box-shadow: inset 400px 0 0 0 #D80286;
}

a.bb_button {
     width: 300px;
     display: block;
     background: #ff6600;
     text-align: center;
     text-decoration: navajowhite;
     line-height: 2.5;
     font-size: 27px;
     position: relative;
} a.bb_button::after {
     position: absolute;
     content: '';
     border-right: 30px solid #f60;
     border-top: 27px solid transparent;
     border-bottom: 20px solid transparent;
     left: -60px;
     top: 7px;
}
a.bb_button::before {
     position: absolute;
     content: '';
     height: 100%;
     width: 0%;
     background: #333333;
     right: 0;
     transition: all 0.3s ease-in-out 0s;
}
a.bb_button:hover::before {
     position: absolute;
     content: '';
     height: 100%;
     width: 100%;
     background: #333333;
     transition: all 0.3s ease-in-out 0s;
}
a.bb_button span {
     z-index: 4;
     position: relative;
     color: #fff;
}
*/
@media all and (min-width: 320px) and (max-width: 767px) {
	.cta_callBtn:hover {  
		animation-name: floating1 !important;
	}
}
@media all and (min-width: 768px) and (max-width: 980px) {
	.cta_callBtn:hover {  
		animation-name: floating1 !important;
	}
}
@media only screen and (min-width: 981px) and (max-width: 1024px) {
	
}
@media all and (min-width: 1025px) and (max-width: 1140px) {
	
}
@media all and (min-width: 1141px) and (max-width: 1280px) {
	
}
@media all and (min-width: 1281px) and (max-width: 1440px) {
	
}
@media all and (min-width: 1441px) and (max-width: 1680px) {
	
}