.nav-list-grid {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: left;
    margin: 0 auto
}

.nav-list-grid ul {
    margin: 0px;
    padding: 0px;
    margin: 16px 16px 24px
}

.nav-list-grid ul.list-usa {
    margin-bottom: 0px
}

.nav-list-grid ul.listgrid-4 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: left;
    margin: 0 auto;
    margin-left: 40px
}

.nav-list-grid ul.listgrid-4 li {
    flex-basis: calc(25% - 36px);
    margin: 2px 5px
}

.nav-list-grid ul a {
    text-decoration: none
}

.nav-list-grid ul li {
    list-style: none;
    background: url(../svg/bg-dot.svg) no-repeat;
    background-position: left center;
    background-size: 6px;
    padding-left: 16px;
    margin-left: 35px
}

.nav-list-grid ul li a {
    color: #144733;
    font-size: 14px;
    letter-spacing: .3px;
    font-weight: 600
}

.nav-list-grid ul li a:hover {
    color:#c49959;
}

.nav-list-grid ul li i {
    font-style: normal;
    font-size: 8px;
    font-weight: 600;
    background: #c49959;
    color: #fff;
    padding: 4px 7px 3px;
    margin-left: 10px;
    position: relative;
    top: -1px;
    border-radius: 16px
}

.nav-list-grid ul li.ttl-country {
    margin-left: 0px;
    margin: 0px 0px 8px 0px;
    padding-left: 36px;
    background-size: 24px auto !important;
    background-position: left center !important
}

.nav-list-grid ul li.ttl-country a {
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.nav-list-grid ul li.ttl-country a:hover {
    color:#c49959;
}

.nav-list-grid ul li.ttl-country.flag-czechrepublic {
    background: url(../flag-czechrepublic.html) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-china {
    background: url(../png/flag-china.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-israel {
    background: url(../png/flag-israel.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-korea {
    background: url(../png/flag-korea.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-turkey {
    background: url(../png/flag-turkey.png) no-repeat
}
.nav-list-grid ul li.ttl-country.flag-taiwan {
    background: url(../jpg/flag-taiwan.jpg) no-repeat
}


.nav-list-grid ul li.ttl-country.flag-japan {
    background: url(../png/flag-japan.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-singapore {
    background: url(../png/flag-singapore.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-thailand {
    background: url(../png/flag-thailand.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-vietnam {
    background: url(../png/flag-vietnam.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-australia {
    background: url(../png/flag-australia.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-czechrepublic {
    background: url(../png/flag-czechrepublic.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-france {
    background: url(../png/flag-france.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-germany {
    background: url(../png/flag-germany.png) no-repeat
}
.nav-list-grid ul li.ttl-country.flag-switzerland {
    background: url(../jpg/flag-switzerland.jpg) no-repeat
}
.nav-list-grid ul li.ttl-country.flag-belgium {
    background: url(../png/flag-belgium.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-greece {
    background: url(../png/flag-greece.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-hungary {
    background: url(../png/flag-hungary.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-ireland {
    background: url(../png/flag-ireland.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-denmark {
    background: url(../png/flag-denmark.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-italy {
    background: url(../png/flag-italy.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-neatherlands {
    background: url(../png/flag-neatherlands.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-poland {
    background: url(../png/flag-poland.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-portugal {
    background: url(../png/flag-portugal.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-spain {
    background: url(../png/flag-spain.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-uk {
    background: url(../png/flag-uk.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-canada {
    background: url(../png/flag-canada.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-usa {
    background: url(../png/flag-usa.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-mexico {
    background: url(../png/flag-mexico.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-brazil {
    background: url(../png/flag-brazil.png) no-repeat
}

.nav-list-grid ul li.ttl-country.flag-peru {
    background: url(../png/flag-peru.png) no-repeat
}
.nav-list-grid ul li.ttl-country.flag-sweden {
    background: url(../png/flag-sweden.png) no-repeat
}
.nav-list-grid ul li.ttl-country.flag-Argentina {
    background: url(../png/flag-argentina.png) no-repeat
}
.nav-list-grid ul li.ttl-country.flag-uae {
    background: url(../png/flag-uae.png) no-repeat!important;
    background-size: 24px auto !important;
    background-position: left center !important;
}



.nav-list-grid .col {
    margin-bottom: 20px
}

.nav-list-grid.listgrid-4 .col {
    flex-basis: 25%
}

.nav-list-grid.listgrid-5 .col {
    flex-basis: 20%
}

.nav-list-grid.listgrid-3 .col:nth-child(1) {
    flex-basis: 15%
}

.nav-list-grid.listgrid-3 .col:nth-child(2) {
    flex-basis: 70%
}

.nav-list-grid.listgrid-3 .col:nth-child(3) {
    flex-basis: 15%
}


/*-- MEDIA QUERY --*/
@media(min-width:1000px) and (max-width:1400px) {
    .nav-list-grid.listgrid-3 .col:nth-child(2) {
        flex-basis:65%;
    }
    .nav-list-grid ul.listgrid-4 li {
        flex-basis: calc(35% - 36px);
    }
}
@media(min-width:990px) and (max-width:1180px) {
    .nav-list-grid ul {
        margin: 14px 5px 18px;
    }
    .nav-list-grid ul li {
        margin-left:18px;
    }
    .nav-list-grid ul li.ttl-country a {
        font-size:15px;
    }
    .nav-list-grid ul li.ttl-country {
        padding-left: 28px;
        background-size: 18px auto !important;
        background-position: left 4px !important;
    }
    .nav-list-grid ul.listgrid-4 {
        margin-left: 18px;
    }
}
@media(min-width:992px) and (max-width:1020px) {
    .nav-list-grid.listgrid-3 .col:nth-child(1) {
        flex-basis:6%;
    }
    .nav-list-grid.listgrid-3 .col:nth-child(2) {
        flex-basis:66%;
    }
    .nav-list-grid.listgrid-3 .col:nth-child(3){ 
        flex-basis:15%;
    }
    .nav-list-grid ul.listgrid-4 li {
        flex-basis: calc(35% - 24px);
    }
}