@media (min-width: 561px) {
         .devvn_toolbar {
         position: fixed;
         bottom: 10px;
         left: 10px;
         z-index: 99999999;
         }
         .devvn_toolbar ul {
         list-style: none;
         margin: 0;
         padding: 0;
         }
         .devvn_toolbar ul li {
         padding: 0;
         margin: 0;
         list-style: none;
         }
         .devvn_toolbar ul li a {
         display: block;
         position: relative;
         }
         .devvn_toolbar ul li a > div{
         width: 45px;
         height: 45px;
         border-radius: 50%;
         -moz-border-radius: 50%;
         -webkit-border-radius: 50%;
         margin: 0 0 5px;
         position: relative;
         background-position: 50% 50%;
         background-size: cover;
         overflow: hidden;
         display: flex;
         align-items: center;
         justify-content: center;
         }
         .devvn_toolbar ul li a br {
         display: none;
         }
         .devvn_toolbar ul li a span {
         font-weight: 400;
         color: #333;
         position: absolute;
         top: 50%;
         left: calc(100% + 10px);
         left: -webkit-calc(100% + 10px);
         left: -moz-calc(100% + 10px);
         margin-top: -12.5px;
         font-size: 14px;
         height: 25px;
         line-height: 25px;
         padding: 0 10px;
         border-radius: 5px;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         white-space: nowrap;
         opacity: 0;
         visibility: hidden;
         }
         .devvn_toolbar ul li a:hover span{
         opacity: 1;
         visibility: visible;
         }
         .devvn_toolbar ul li a span:after {
         right: 100%;
         top: 50%;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
         border-color: rgba(136, 183, 213, 0);
         border-right-color: #333;
         border-width: 5px;
         margin-top: -5px;
         }
         .devvn_toolbar ul li a img {
         width: auto;
         height: auto;
         max-width: 35px;
         max-height: 35px;
         margin: 0;
         box-shadow: none;
         border: 0;
         }
         .devvn_contact_quickbuy_li, .devvn_contact_addtocart_li{
         display: none;
         }
         .devvn_toolbar ul li a.animation_tada > div {
         animation-name: devvn_tada;
         -webkit-animation-name: devvn_tada;
         animation-delay: 0s;
         -webkit-animation-delay: 0s;
         animation-duration: 1.5s;
         -webkit-animation-duration: 1.5s;
         animation-iteration-count: infinite;
         -webkit-animation-iteration-count: infinite;
         cursor: pointer;
         box-shadow: 0 0 0 0 #c31d1d;
         }
         .devvn_toolbar ul li a.animation_zoom > div {
         animation-name: devvn_zoom;
         -webkit-animation-name: devvn_zoom;
         animation-delay: 0s;
         -webkit-animation-delay: 0s;
         animation-duration: 1.5s;
         -webkit-animation-duration: 1.5s;
         animation-iteration-count: infinite;
         -webkit-animation-iteration-count: infinite;
         cursor: pointer;
         box-shadow: 0 0 0 0 #c31d1d;
         }
         @-webkit-keyframes devvn_tada {
         0% {
         -webkit-transform: scale(1);
         transform: scale(1)
         }
         10%, 20% {
         -webkit-transform: scale(.9) rotate(-3deg);
         transform: scale(.9) rotate(-3deg)
         }
         30%, 50%, 70%, 90% {
         -webkit-transform: scale(1.1) rotate(3deg);
         transform: scale(1.1) rotate(3deg)
         }
         40%, 60%, 80% {
         -webkit-transform: scale(1.1) rotate(-3deg);
         transform: scale(1.1) rotate(-3deg)
         }
         100% {
         -webkit-transform: scale(1) rotate(0);
         transform: scale(1) rotate(0)
         }
         }
         @keyframes devvn_tada {
         0% {
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1)
         }
         10%, 20% {
         -webkit-transform: scale(.9) rotate(-3deg);
         -ms-transform: scale(.9) rotate(-3deg);
         transform: scale(.9) rotate(-3deg)
         }
         30%, 50%, 70%, 90% {
         -webkit-transform: scale(1.1) rotate(3deg);
         -ms-transform: scale(1.1) rotate(3deg);
         transform: scale(1.1) rotate(3deg)
         }
         40%, 60%, 80% {
         -webkit-transform: scale(1.1) rotate(-3deg);
         -ms-transform: scale(1.1) rotate(-3deg);
         transform: scale(1.1) rotate(-3deg)
         }
         100% {
         -webkit-transform: scale(1) rotate(0);
         -ms-transform: scale(1) rotate(0);
         transform: scale(1) rotate(0)
         }
         }
         @-webkit-keyframes devvn_zoom {
         0% {
         transform: scale(.9)
         }
         70% {
         transform: scale(1);
         box-shadow: 0 0 0 15px transparent
         }
         100% {
         transform: scale(.9);
         box-shadow: 0 0 0 0 transparent
         }
         }
         @keyframes devvn_zoom {
         0% {
         transform: scale(.9)
         }
         70% {
         transform: scale(1);
         box-shadow: 0 0 0 15px transparent
         }
         100% {
         transform: scale(.9);
         box-shadow: 0 0 0 0 transparent
         }
         }
         .devvn_toolbar ul li a.animation_swing img{
         animation-name: devvn_swing;
         -webkit-animation-name: devvn_swing;
         animation-iteration-count: infinite;
         -webkit-animation-iteration-count: infinite;
         animation-duration: 1s;
         -webkit-animation-duration: 1s;
         -webkit-animation-delay: 1s;
         animation-delay: 1s;
         animation-timing-function: ease-in;
         -webkit-animation-timing-function: ease-in;
         }
         @-webkit-keyframes devvn_swing {
         20% {
         -webkit-transform: rotate3d(0,0,1,15deg);
         transform: rotate3d(0,0,1,15deg)
         }
         40% {
         -webkit-transform: rotate3d(0,0,1,-10deg);
         transform: rotate3d(0,0,1,-10deg)
         }
         60% {
         -webkit-transform: rotate3d(0,0,1,5deg);
         transform: rotate3d(0,0,1,5deg)
         }
         80% {
         -webkit-transform: rotate3d(0,0,1,-5deg);
         transform: rotate3d(0,0,1,-5deg)
         }
         to {
         -webkit-transform: rotate3d(0,0,1,0deg);
         transform: rotate3d(0,0,1,0deg)
         }
         }
         @keyframes devvn_swing {
         20% {
         -webkit-transform: rotate3d(0,0,1,15deg);
         transform: rotate3d(0,0,1,15deg)
         }
         40% {
         -webkit-transform: rotate3d(0,0,1,-10deg);
         transform: rotate3d(0,0,1,-10deg)
         }
         60% {
         -webkit-transform: rotate3d(0,0,1,5deg);
         transform: rotate3d(0,0,1,5deg)
         }
         80% {
         -webkit-transform: rotate3d(0,0,1,-5deg);
         transform: rotate3d(0,0,1,-5deg)
         }
         to {
         -webkit-transform: rotate3d(0,0,1,0deg);
         transform: rotate3d(0,0,1,0deg)
         }
         }
         body .devvn_toolbar.devvn_toolbar_right {
         left:auto;
         bottom: 10px;
         right: 10px;
         }
         body .devvn_toolbar.devvn_toolbar_right ul li a span {
         right: calc(100% + 10px);
         right: -webkit-calc(100% + 10px);
         right: -moz-calc(100% + 10px);
         left: auto
         }
         .devvn_toolbar.devvn_toolbar_right ul li a span:after {
         left: 100%;
         right: 0;
         transform: rotate(180deg);
         -moz-transform: rotate(180deg);
         -webkit-transform: rotate(180deg)
         }
         }
         @media (max-width: 560px) {
         body.has_devvn_toolbar {
         padding-bottom: 50px;
         }
         .devvn_toolbar {
         background: #fff;
         display: inline-block;
         width: 100%;
         bottom: 0;
         left: 0;
         position: fixed;
         z-index: 99999999;
         height: auto;
         padding: 0;
         border-top: 0;
         visibility: hidden;
         opacity: 0;
         transform: translate3d(0,120%,0);
         -moz-transform: translate3d(0,120%,0);
         -webkit-transform: translate3d(0,120%,0);
         transition: all .3s linear;
         -moz-transition: all .3s linear;
         -webkit-transition: all .3s linear;
         box-shadow: 0 0.5rem 1rem 0 rgb(44 51 73 / 60%);
         padding-bottom: env(safe-area-inset-bottom);
         }
         .show_contactfix .devvn_toolbar {
         transform: translate3d(0,0,0);
         -moz-transform: translate3d(0,0,0);
         -webkit-transform: translate3d(0,0,0);
         visibility: visible;
         opacity: 1;
         }
         .devvn_toolbar {
         border-top: 1px solid #cbcbcb;
         }
         .devvn_toolbar ul {
         list-style: none;
         padding: 0;
         margin: 0;
         border-collapse: collapse;
         width: 100%;
         -js-display: flex;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-flow: row wrap;
         flex-flow: row wrap;
         }
         .devvn_toolbar ul li {
         flex-grow: 1;
         flex-shrink: 1;
         flex-basis: 0;
         text-align: center;
         display: flex;
         margin-bottom: 0;
         }
         .devvn_toolbar ul li a{
         display: block;
         width: 100%;
         outline: none;
         text-decoration: none;
         padding: 5px 3px;
         white-space: nowrap;
         }
         .devvn_toolbar ul li a span {
         font-weight: 400;
         color: #333;
         background: transparent;
         font-size: 3.5vw;
         display: block;
         margin: 2px 0 0 0;
         }
         .devvn_toolbar ul li a img {
         height: 6vw;
         width: auto;
         margin: 0;
         }
         .woocommerce-checkout .devvn_toolbar {
         display: none !important;
         }
         .devvn_toolbar a.devvn_buy_now_style {
         margin: 0;
         border-radius: 0;
         padding: 5px 8px;
         font-size: initial;
         line-height: inherit;
         }
         .devvn_toolbar a.devvn_buy_now_style span {
         margin: 0;
         padding: 0;
         }
         .devvn_toolbar a.devvn_buy_now_style span {
         background: none !important;
         }
         a#devvn_contact_addtocart {
         background: #61d138 !important;
         }
         a#devvn_contact_quickbuy {
         background: #298758 !important;
         }
         }
         .mfp-wrap, .mfp-bg {
         z-index: 999999999;
         }
         li.devvn_contact_addtocart_li.cf_loading a {
         position: relative;
         pointer-events: none;
         }
         li.devvn_contact_addtocart_li.cf_loading a:before {
         content: "";
         width: 100%;
         height: 100%;
         background: #0000006b;
         position: absolute;
         top: 0;
         left: 0;
         z-index: 2;
         }
         li.devvn_contact_addtocart_li.cf_loading a:after {
         -webkit-animation: devvn_cf_spin 500ms infinite linear;
         animation: devvn_cf_spin 500ms infinite linear;
         border: 2px solid #fff;
         border-radius: 32px;
         border-right-color: transparent !important;
         border-top-color: transparent !important;
         content: "";
         display: block;
         height: 16px;
         top: 50%;
         margin-top: -8px;
         left: 50%;
         margin-left: -8px;
         position: absolute;
         width: 16px;
         z-index: 3;
         }
         @-webkit-keyframes devvn_cf_spin {
         0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
         }
         100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg)
         }
         }
         @keyframes devvn_cf_spin {
         0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
         }
         100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg)
         }
         }