.language-flag {
    width: 41px;
    height: 24px;
    float: right;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dbdbdb;
}

.change-lang-modal .language-flag {
    float: left;
    margin-right: 8px;
}

.bg-es {
    background: url('../sprites/flags.png') -0 -0;
}

.bg-fr {
    background: url('../sprites/flags.png') -41px -0;
}

.bg-id {
    background: url('../sprites/flags.png') -0 -24px;
}

.bg-hi {
    background: url('../sprites/flags.png') -41px -24px;
}

.bg-it {
    background: url('../sprites/flags.png') -0 -48px;
}

.bg-ja {
    background: url('../sprites/flags.png') -41px -48px;
}

.bg-pt {
    background: url('../sprites/flags.png') -82px -0;
}

.bg-ru {
    background: url('../sprites/flags.png') -82px -24px;
}

.bg-tr {
    background: url('../sprites/flags.png') -82px -48px;
}

.bg-zh {
    background: url('../sprites/flags.png') -0 -72px;
}

.bg-ar {
    background: url('../sprites/flags.png') -41px -72px;
}

.bg-en {
    background: url('../sprites/flags.png') -82px -72px;
}

.bg-de {
    background: url('../sprites/flags.png') -0 -96px;
}

@media (max-width: 575.98px) {
    .language-flag {
        width: 31px;
        height: 18px;
        border-radius: 0px;
    }

    .bg-ar {
        background: url('../sprites/flags_small.png') -0 -0;
    }
    
    .bg-de {
        background: url('../sprites/flags_small.png') -31px -0;
    }
    
    .bg-es {
        background: url('../sprites/flags_small.png') -0 -18px;
    }
    
    .bg-ja {
        background: url('../sprites/flags_small.png') -31px -18px;
    }
    
    .bg-hi {
        background: url('../sprites/flags_small.png') -0 -36px;
    }
    
    .bg-id {
        background: url('../sprites/flags_small.png') -31px -36px;
    }
    
    .bg-fr {
        background: url('../sprites/flags_small.png') -62px -0;
    }
    
    .bg-en {
        background: url('../sprites/flags_small.png') -62px -18px;
    }
   
    .bg-pt {
        background: url('../sprites/flags_small.png') -62px -36px;
    }
    
    .bg-ru {
        background: url('../sprites/flags_small.png') -0 -54px;
    }

    .bg-tr {
        background: url('../sprites/flags_small.png') -31px -54px;
    }

    .bg-zh {
        background: url('../sprites/flags_small.png') -62px -54px;
    }
  
    .bg-it {
        background: url('../sprites/flags_small.png') -0 -72px;
    }

 }

 @media (max-height: 450px) {
    .language-flag {
        width: 31px;
        height: 18px;
    }

    .bg-ar {
        background: url('../sprites/flags_small.png') -0 -0;
    }
    
    .bg-de {
        background: url('../sprites/flags_small.png') -31px -0;
    }
    
    .bg-es {
        background: url('../sprites/flags_small.png') -0 -18px;
    }
    
    .bg-ja {
        background: url('../sprites/flags_small.png') -31px -18px;
    }
    
    .bg-hi {
        background: url('../sprites/flags_small.png') -0 -36px;
    }
    
    .bg-id {
        background: url('../sprites/flags_small.png') -31px -36px;
    }
    
    .bg-fr {
        background: url('../sprites/flags_small.png') -62px -0;
    }
    
    .bg-en {
        background: url('../sprites/flags_small.png') -62px -18px;
    }
   
    .bg-pt {
        background: url('../sprites/flags_small.png') -62px -36px;
    }
    
    .bg-ru {
        background: url('../sprites/flags_small.png') -0 -54px;
    }

    .bg-tr {
        background: url('../sprites/flags_small.png') -31px -54px;
    }

    .bg-zh {
        background: url('../sprites/flags_small.png') -62px -54px;
    }
  
    .bg-it {
        background: url('../sprites/flags_small.png') -0 -72px;
    }
 }