Hi,

this is custom element (screen 1620):

/*html code*/
<div class="line-box bfr" style="float: right; background: url('http://your-site.com/thegem/wp-content/uploads/2016/05/line-3.jpg') 50% 50% no-repeat; width: 268px;">
<div class="pulse-wrapper-2">
<div class="pulse-1">1</div>
</div>
<div class="pulse-wrapper-2">
<div class="pulse-2">2</div>
</div>
</div>

/*css code*/
.line-box{
    height: 86px;
    position: relative;
}
.pulse-wrapper{
    position: absolute;
    right: 0;
}
.pulse-wrapper-2{
    position: absolute;
    left: -43px;
}
.pulse-1, .pulse-2{
    width: 86px;
    height: 86px;
    position: relative;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    float: right;
    text-indent: 9999px;
}
.pulse-1{
    -webkit-animation: runpulse 3s infinite linear;
    -moz-animation: runpulse 3s infinite linear;
    -ms-animation: runpulse 3s infinite linear;
    -o-animation: runpulse 3s infinite linear;    
    animation: runpulse 3s infinite linear;
}
.pulse-2{
    -webkit-animation: runpulse 3s infinite linear;
    -moz-animation: runpulse 3s infinite linear;
    -ms-animation: runpulse 3s infinite linear;
    -o-animation: runpulse 3s infinite linear;
    animation: runpulse 3s infinite linear;
    animation-delay: 1.5s; 
}
.pulse-1:before, .pulse-2:before{
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    background: rgba(255, 255, 255, 0.45);
    border-radius: 50%;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
}
.pulse-1:after, .pulse-2:after{
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background: rgba(255, 255, 255, 1);
    border-radius: 50%;
    left: 50%;
    top: 50%;    
    margin-left: -15px;
    margin-top: -15px;    
}
@keyframes runpulse {
    0% {
        opacity: 1;
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
   50% {
        opacity: 1;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);   
    }
    100% {
        opacity: 0;
    }    
}

HI, thanks for the info !

Feel free to contact us if you need help. 

Hi,

try to use the following row options (screen 1680)

HI!

pls. share the wp-admin access, we'll check

HI,

Your problems has been fixed , pls. check your page.

Thank you!

It would be great if you could rate us on ThemeForest.  Just go to your downloads on ThemeForest ( https://themeforest.net/downloads ), find TheGem and then you can rate it here 

We would very appreciate your rating!

HI,

Your problem has been fixed , pls. check (screen 1698, 1699)

Hi,

The problem is that you have set a hard font size (screen 1700)

pls. use setting (screen 1701) or use following css:

@media (max-width: 480px) {
    h1{
        font-size:36px !important;
        line-height: 36px !important;
    }
}

Hi, 

Can you pls provide more details (screenshots) of each issue?

HI,

1)Your problem has been fixed , pls. check your page.

 I used following css:

.effect-hover {
    height: 310px;
}

2) pls. use following css:

.no-responsive .menu-item-widgets .vertical-minisearch {
    display: none !important;
}

Hi,

yes, sorry,  I didn't notice it , try to use images of the same size with the same centering.

At the moment you use different sizes (screen 1720, 1721, 1722)

HI, 

Feel free to contact us if you need help.