.icon-wrapper img{
    text-align: right;
    width: 45%;
}

.uppercase{
    text-transform: uppercase;
}

.text-top{
    font-size: 1.5vw;
    line-height: 2vw;
    margin-top: 4%;
    margin-bottom: 4%;
}

.text-bottom{
    font-size: 3.7vw;
    font-weight: bolder;
    line-height: 4vw;
}

.custom-margin {
    margin-top: 7%;
}

.pos{
    position: relative;
    /* overflow: hidden; */
}

.rectangle{
    position: absolute;
    top: 77%;
    left: 0;
    width: 100%;
    height: 124%;
    background-color: #ffc522;
    transform: translate(0%, -109%) skew(0deg,-9deg);
    z-index: -1;
  }

  .content-wrapper {
    position: relative;
    /* overflow: hidden; */
    padding: 50px 0;
}

.content.main {
    padding: 1% 13% 4% 14%;;
}

.row .country{
    font-size: 2vw;
    font-weight: bolder;
    color: #ffc522;
    margin: 1% 0 1% 0;
    text-transform: uppercase;
}

.row .dis-name{
    font-size: 1vw;
    font-weight: bolder;
    text-transform: uppercase;
}

.box-absolute{
    position: absolute;
}

.select-pos{
    left: 27%;
}

.select-width{
    width: 50%;
}
.mobile-custom{
    margin-bottom: 5%;
}

.col-right .image-wrapper{
    width: 80%;
}

@media only screen and (max-width: 992px) {

    .content-wrapper {
        overflow: visible;
    }

    .thai-margin{
        margin-bottom: 8%;
    }

    .row .country {
        font-size: 9vw;
    }

    .row .dis-name {
        font-size: 3.5vw;
    }

    .row .dis-other{
        font-size: 3.5vw;
    }

    .icon-wrapper img{
        text-align: center;
        width: 108%;
    }

    .text-top {
        font-size: 4vw;
        line-height: 2vw;
        margin-top: 4%;
        margin-bottom: 7%;
    }

    .text-bottom {
        font-size: 12.7vw;
        font-weight: bolder;
        line-height: 4vw;
    }

    .select-pos{
        left: 5%;
    }
    
    .select-width{
        width: 90%;
    }
    .rectangle {
        height: 850px;
        transform: translate(0%, -95%) skew(0deg, -15deg);
    }

    .content-wrapper {
        margin: 7% 0% 10% 0%;
    }

    .content.main {
        padding: 9% 13% 7% 5%;
    }
    
}

@media only screen and (max-width: 767px) {
    /* .content-wrapper {
        margin: 7% 0% 39% 0%;
    } */
    .box-absolute{
        position: relative;
    }
    .select-pos {
        top: 0;
        left: 0;
        width: 100%;
        margin-top: 1em;
    }
    .col-right .image-wrapper {
        width: 100%;
        margin-top: 1em;
    }
}

@media only screen and (max-width: 600px) {
    /* .content-wrapper {
        margin: 7% 0% 51% 0%;
    } */
}

@media only screen and (max-width: 480px) {

    /* .rectangle {
        height: 850px;
        transform: translate(0%, -74%) skew(0deg, -15deg);
    } */

    /* .content-wrapper {
        margin: 7% 0% 52% 0%;
    } */

    .text-bottom {
        font-size: 12.5vw;
        font-weight: bolder;
        line-height: 4vw;
    }
}

@media only screen and (max-width: 350px) {
    /* .content-wrapper {
        margin: 7% 0% 70% 0%;
    } */
}