@media screen and (min-width:1410px){
    .location-text{
        margin-left: 10px;
    }
    .lokacija {
        width: 173px;
        height: 173px;
    }
    .grey {
        width: 146px;
        height: 146px;
    }
    .blue {
        width: 127px;
        height: 127px;
        top: 10px;
        right: 10px;
    }
    .lokacija .fa-globe {
        top: -2px;
        left: 9px;
        font-size: 149px;
    }
    .lokacija .fa-map-marker {
        font-size: 86px;
        right: 16px;
        top: -17px;
    }
    .mnt {
        width: 35px;
        height: 35px;
        top: -4px;
        right: 22px;
    }
    .pg {
        top: 165px;
        right: -45px;
        font-size: 23px;
        border-radius: 20px;
    }
}
@media screen and (min-width:1617px){
    .location-text {
        margin-left: 0px;
    }
    .lokacija {
        width: 187px;
        height: 187px;
    }
    .grey {
        width: 159px;
        height: 159px;
    }
    .blue {
        width: 137px;
        height: 137px;
        top: 11px;
        right: 11px;
    } 
    .lokacija .fa-globe {
        top: -2px;
        left: 10px;
        font-size: 162px;
    } 
    .lokacija .fa-map-marker {
        font-size: 93px;
        right: 17px;
        top: -19px;  
    }
    .mnt {
        width: 39px;
        height: 39px;
        top: -5px;
        right: 24px;
    }
    .pg { 
        top: 181px;
        right: -57px;
        font-size: 25px;
        padding: 6px 12px 6px 12px;
    }
}
@media screen and (max-width:1230px){
    .lokacija {
        width: 120px;
        height: 120px;
    }
    .grey {
        width: 104px;
        height: 104px;
    }
    .blue {
        width: 90px;
        height: 90px;
        top: 7px;
        right: 8px;
    }
    .lokacija .fa-globe {
        top: -1px;
        left: 6px;
        font-size: 106px;
    }
    .lokacija .fa-map-marker {
        font-size: 61px;
        right: 11px;
        top: -13px;
    }
    .mnt {
        width: 26px;
        height: 26px;
        top: -5px;
        right: 15px;
    }
    .pg {
        top: 120px;
        right: -37px;
        font-size: 16px;
    }
}
@media screen and (max-width: 975px){
    .lokacija {
        width: 108px;
        height: 108px;
    }  
    .grey {
        width: 94px;
        height: 94px;
    }
    .blue {
        width: 81px;
        height: 81px;
        top: 6px;
        right: 7px;
    }
    .lokacija .fa-globe {
        top: 0px;
        left: 6.5px;
        font-size: 95px;
    }
    .lokacija .fa-map-marker {
        font-size: 55px;
        right: 10px;
        top: -11px;
    }
    .mnt {
        width: 23px;
        height: 23px;
        top: -3px;
        right: 14px;
    }
    .pg {
        top: 109px;
        right: -27px;
        font-size: 13px;
    }
}
@media screen and (max-width:850px) and (min-width: 665px){
    .lokacija {
        width: 88px;
        height: 88px;
    }
    .grey {
        width: 82px;
        height: 82px;
    }
    .blue {
        width: 71px;
        height: 71px;
        top: 5px;
        right: 6px;
    }
    .lokacija .fa-globe {
        top: 0px;
        left: 5.5px;
        font-size: 83px;
    }
    .lokacija .fa-map-marker {
        font-size: 48px;
        right: 8px;
        top: -12px;
    }
    .mnt {
        width: 20px;
        height: 20px;
        top: -5px;
        right: 11.5px;
    }
    .pg {
        top: 95px;
        padding: 5px 8px 5px 8px;
        right: -19px;
        font-size: 9px;
    }
}
@media screen and (max-width:664px){
    .location-text{
        position: absolute;
        top: 120px;
        right: 10px;
    }
    .pg{
        display: none;
    }
}
@media screen and (max-width:520px){
    .location-text {
        position: absolute;
        top: 100px;
        right: 0px;
    }
    .lokacija {
        width: 100px;
        height: 100px;
    }
    .grey {
        width: 85px;
        height: 85px;
    }
    .blue {
        width: 73px;
        height: 73px;
        top: 5.5px;
        right: 6.5px;
    }
    .lokacija .fa-globe {
        top: 0px;
        left: 6px;
        font-size: 85px;
    }
    .lokacija .fa-map-marker {
        font-size: 50px;
        right: 9px;
        top: -10px;
    }
    .mnt {
        width: 20px;
        height: 20px;
        top: -3px;
        right: 13px;
    }
}

/* TELEFONI */

@media screen and (max-width:400px){
    .lokacija {
        width: 93px;
        height: 93px;
    }
}
@media screen and (max-width:385px){
    .location-text {
        right: 8px;
    } 
    .lokacija {
        width: 75px;
        height: 75px;
    }
    .grey {
        width: 75px;
        height: 75px;
    }
    .blue {
        width: 60px;
        height: 60px;
        top: 5px;
        right: 6px;
    }
    .lokacija .fa-globe {
        top: 0px;
        left: 5.5px;
        font-size: 75px;
    }
    .lokacija .fa-map-marker {
        font-size: 44px;
        right: 8px;
        top: -9px;
    }
    .mnt {
        width: 17px;
        height: 17px;
        top: -2px;
        right: 12px;
    }
}
@media screen and (max-width:350px){
    .location-text{
        top: 115px;
    }
    .lokacija {
        width: 65px;
        height: 65px;
    }
    .grey {
        width: 65px;
        height: 65px;
    }
    .blue {
        width: 52px;
        height: 52px;
        top: 6px;
        right: 5px;
    }
    .lokacija .fa-globe {
        top: 0px;
        left: 4.5px;
        font-size: 65px;
    }
    .lokacija .fa-map-marker {
        font-size: 38px;
        right: 7px;
        top: -8px;
    }
    .mnt {
        width: 15px;
        height: 15px;
        top: -2px;
        right: 10px;
    }
}