.table {
    font-family: colfax;
    border-collapse: collapse;
    width: 80%;
}

.column_name {
    border: solid 0px white;
    background-color: orange;
}

.column_name_header {
    border: solid 1px orange;
    background-color: orange;
    color: #343436;
    Width: 50%;
}

.column_nok_header {
    border: solid 1px orange;
    background-color: white;
    color: #343436;
    Width: 25%;
}

.column_nom_header {
    border: solid 1px orange;
    background-color: white;
    color: #343436;
    Width: 27%;
}



.content {
    border: solid 0px white;
}



.td_name {
    width: 45%;
}

.td_nok {
    width: 25%;
}

.td_nom {
    width: 28%;
}

body {
    padding: 0;
    margin: 0;
}

.GVFixedHeader
   {
        Position: absolute;
        border: solid 0px white;
        width: 100%;
        color: #4f5052;
        font-family: ColfaxMedium;
        text-align: center;
       
        }

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


    .Knk_Logo_top {
        width: 60%;
        height: auto;
    }

    .KnK_Image_intro {
        width: 68%;
        margin-right: 30%;
        height: auto;
    }


    .KnK_learnMore {
        width: 50%;
        height: auto;
        margin-right: 30%;
    }


    .KnK_Image_select {
        width: 60%;
        height: auto;
    }

    
    .KnK_Image_mid {
        width: 68%;
        height: 350px;
        object-position: 50% 50%;
        object-fit: cover;
    }

    .div_mid_content_L {
        width: 20%;
        float: left;
        padding-top: 75px;
        padding-bottom: 75px;
        margin: 0% 15% 0% 22%;
    }

    .div_mid_content_R {
        width: 50%;
        margin-left: -22%;
        float: left;
    }


    .div_top_content_L {
        width: 20%;
        float: left;
        margin-left: 22%;
    }

    .div_top_content_R {
        width: 50%;
        float: left;
    }

    .KnK_btn_give {
        width: 20%;
        height: auto;
        margin-left: 40%;
    }

    .KnK_btn_stw {
        width: 35%;
        height: auto;
        margin-right: 37%;
    }

    .KnK_image_low {
        width: 15%;
        height: auto;
    }

    .div_bottom_content_L {
        width: 35%;
        float: left;
        margin-left: 15%;
        height: 82vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .div_bottom_content_R {
        width: 35%;
        float: right;
        margin-right: 15%;
    }

    .table_style {
        border: solid 0px white;
        width: 100%;
        color: #4f5052;
        font-family: ColfaxMedium;
        text-align: center;
    }

    .KnK_Image_bottom {
        width: 90%;
        object-fit: cover;
        object-position: 20% 10%;
        height: 82vh;
    }

    .KnK_logo_bottom {
        width: 10%;
        height: auto;
    }


    .bannerPhoto {
        position: relative;
        margin-bottom: -20px;
    }

        .bannerPhoto img {
            width: 100%;
            height: auto;
        }

    .bannerText {
        width: 60%;
        position: absolute;
        bottom: 0%;
        left: 50%;
        transform: translate(-50%, -0%);
    }

    .intro_bg1 {
        background-image: url('/../../images/Revamp2019/GK1World header bg.jpg');
        background-size: cover;
        margin-top: -40px;
    }

    .intro_innerbg1 {
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        background-size: cover;
        padding-top: 50px;
        margin-top: 50px;
    }

    .intro_innerbg2 {
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        background-size: cover;
        padding-top: 50px;
    }


    hr.Active {
        border: 5px solid orange;
        border-radius: 10px;
        width: 65px;
    }

.KnK_banner1 {
    background-image: url(/../../Images/KnK_BeAHungerWarrior/HungerWarrior_map1.png);
    height: 650px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: solid 15px #f1f3f2;
    background-color: #f1f3f2;
    position: relative;
}

    .KnK_banner2 {
        background-image: url(/../../Images/KnK_BeAHungerWarrior/BeAHungerWarrior_landing_page_08_4th.jpg);
        height: 650px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .intro_style_a {
        font-family: 'ColfaxBold';
        color: #404041;
        font-weight: bolder;
        text-transform: uppercase;
        font-size: 2vw;
        letter-spacing: 0.5px;
    }

        .intro_style_a .bold {
            color: black;
        }

    .intro_style_b .highlight {
        font-family: ColfaxBlack;
        font-size: 20px;
        color: #ff9940;
    }

    .intro_style_b {
        font-family: colfax;
        color: #414142;
        font-size: 15px;
        letter-spacing: -0.5px;
        text-align: center;
    }

        .intro_style_b .bold {
            font-family: Colfax;
        }


    .intro_style_c {
        font-family: 'ColfaxBold';
        color: #6d6e71;
        font-weight: bolder;
        text-transform: uppercase;
        font-size: 1.3vw;
        letter-spacing: 0.5px;
        margin: 50px 0px 50px 0px;
    }
}

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


    .Knk_Logo_top {
        width: 40%;
        height: auto;
    }

    .KnK_Image_intro {
        width: 90%;
        height: 350px;
        object-position: 80% 20%;
        object-fit: cover;
    }


    .KnK_Image_mid {
        width: 90%;
        height: 150px;
        object-position: 30% 20%;
        object-fit: cover;
    }

    .div_mid_content_L {
         width: 50%;
        float: left;
        padding-top: 25px;
        padding-bottom: 25px;

    }

    .div_mid_content_R {
        width: 50%;

        float: left;
    }


    .KnK_learnMore {
        width: 140px;
        height: auto;
    }


    .KnK_Image_select {
        width: 95%;
        height: auto;
    }

    .div_top_content_L {
        width: 50%;
        float: left;
    }

    .div_top_content_R {
        width: 50%;
        float: right;
    }

    .KnK_btn_give {
        width: 50%;
        height: auto;
    }

    .KnK_btn_stw {
        width: 80%;
        height: auto;
    }

    .KnK_image_low {
        width: 50%;
        height: auto;
    }

    .div_bottom_content_L {
        width: 55%;
    float: left;
    height: 250px;
    overflow-y: auto;
    }

    .div_bottom_content_R {
        width: 45%;
    float: right;
    height: 200px;
    }

    .table_style {
        border: solid 0px white;
        width: 90%;
        color: #4f5052;
        font-family: ColfaxMedium;
        font-size: 10pt;
        text-align: center;
    }

    .KnK_Image_bottom {
        width: 90%;
    	object-fit: cover;
    	object-position: 20% 10%;
    	height: 250px;
    }

    .KnK_logo_bottom {
        width: 20%;
        height: auto;
    }



    .bannerPhoto {
        position: relative;
        cursor: pointer;
        margin-bottom: -10px;
    }

        .bannerPhoto img {
            width: 100%;
            height: auto;
        }

    .bannerText {
        position: absolute;
        bottom: 0%;
        left: 50%;
        transform: translate(-50%, -0%);
    }


    .intro_bg1 {
        background-image: url('/../../images/Revamp2019/GK1World header bg.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        margin: -35px 0px 0px 0px;
    }

    .intro_innerbg1 {
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        padding-top: 30px;
        padding-left: 5px;
        padding-right: 5px;
        justify-content: center;
    }


    .intro_innerbg2 {
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        /*padding-top: 30px;*/
        padding-left: 5px;
        padding-right: 5px;
        justify-content: center;
    }

 .KnK_banner1 {
    background-image: url(/../../Images/KnK_BeAHungerWarrior/HungerWarrior_map1.png);
    height: 200px;
    background-color: #f1f3f2;
    background-position: center;
    background-repeat: no-repeat;
    border: solid 5px #f1f3f2;
    background-size: contain;
    position: relative;
}
    .KnK_banner2 {
        background-image: url(/../../Images/KnK_BeAHungerWarrior/BeAHungerWarrior_landing_page_08_4th.jpg);
        height: 200px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }


    hr.Active {
        border: 3px solid orange;
        border-radius: 10px;
        width: 15px;
        margin-top: 2.5px;
    }


    .intro_style_a {
        font-family: 'ColfaxBold';
        color: #404041;
        font-weight: bolder;
        text-transform: uppercase;
        font-size: 3vw;
        letter-spacing: 0.5px;
    }

        .intro_style_a .bold {
            color: black;
        }

    .intro_style_b .highlight {
        font-family: ColfaxBlack;
        font-size: 12pt;
        color: Orange;
    }

    .intro_style_b {
        font-family: Colfax;
        color: #414142;
        font-size: 8pt;
        letter-spacing: -0.5px;
        text-align: center;
    }

        .intro_style_b .bold {
            font-family: Colfax;
        }


    .intro_style_c {
        font-family: 'ColfaxBold';
        color: #6d6e71;
        font-weight: bolder;
        text-transform: uppercase;
        font-size: 2.5vw;
        letter-spacing: 0.5px;
        margin: 20px 0px 20px 0px;
    }

    p {
        font-family: "ColfaxMedium";
        color: #524c4cd4;
        font-size: 10px;
    }

    h4 {
        font-family: "ColfaxBold";
        font-weight: bolder;
        font-size: 2vw;
    }
}

a, u {
    text-decoration: none;
}