
@media screen and (max-width:1680px) {
    header.khext22-header .container:before {
        left: -480px;
    }
    header.khext22-header .container:after {
        right: -480px;
    }
}
@media screen and (max-width:1440px) {
    .container {
        max-width:970px;
    }
    .khint22_hdr_dsgn img {
        width: 145px;
    }
    .khint22_hdr_log h4 a img {
        margin-left: 15px;
        width: 130px;
    }
    .khint22_hdr_log h4 a{
        font-size: 16px;
    }
    .khext-avo-logo img {
        width: 110px;
    }
    .khext-logo {
        width: 220px;
    }
    header.khext22-header .container > div{
        width: 100% !important;
    }
    header.khext22-header .container:before {
        left: -560px;
    }
    header.khext22-header .container:after {
        right: -560px;
    }
    .khint22-page-bnr-rite-cnt {
        right: -490px;
    }
    .khint22-page-bnr-lft-cnt h1 span {
        font-size: 32px;
    }
    .khint22-page-bnr-lft-cnt h1 {
        font-size: 42px;
    }
    .khint22-sgl-contact-us-cnt p {
        font-size: 16px;
        line-height: 100%;
        margin-right: 10px;
        width: 80%;
        margin-bottom: 0px;
    }
    .khint22-cntus-btn {
        width: 20%;
    }
    .khint22_post_grid_lftside_img {
        position: absolute;
        left: -210px;
        top: 90px;
        width: 125px;
    }
    .khint22-intrl-cnt h2 {
        font-size: 26px;
    }
    .khint22-intrl-cnt p, .khint22-intrl-cnt ul li, .khint22-intrl-cnt ol li {
        font-size: 20px;
    }
    .khint22-intrl-cnt h3 {
        font-size: 26px;
    }
    .khint22-intrl-cnt ol li:before{
        font-size: 26px;
    }
    .khint22-single-tags a {
        font-size: 16px;
    }
    .khint22-single-tags a:after {
        right: 4px;
        top: 1px;
    }
    .khint22_post_grid_riteside_img {
        right: -200px;
        bottom: 110px;
        width: 125px;
    }
    .bi22 header .container > div {
        padding: 0px 60px;
    }
    .bi22 header .container:before{
        left: -480px;
    }
    .bi22 header .container:after{
        right: -480px;
    }
    .bi22 img.kh-int-slice-dice {
        top: -80px;
        width: 295px;
        left: -90px;
    }
    .bi22 .signin_pg .form_sec h3 {
        font-size: 22px;
    }
    .bi22 img.kh-int-avo-ripe {
        right: -60px;
        bottom: -130px;
        width: 385px;
    }

    .khint22-bnr-lft h1 {
        font-size: 25px;
    }
    .khint22-bnr-lft h1 bold {
        font-size: 80px;
    }
    .khint22-bnr-lft h1 span {
        font-size: 42px;
    }
    .khint22-bnr-lft p {
        font-size: 18px;
    }
    .khint22-bnr-rite {
        right: -330px;
        top: 60px;
    }
    img.khint22-dsktp-img {
        width: 800px;
    }
    .hm-khext22-search-form .clear_filter span {
        left: 0px;
        top: -10px;
    }
    .go_btn_cnt a {
        right: 0px;
        top: -6px;
    }
    .is-form-style.is-form-style-3 label {
        width: 100% !important;
    }
    .hm-khext22-search .is-search-form {
        max-width: 600px;
        margin-top: 6px;
    }
    .hm-khext22-search .is-form-style input#is-search-input-501 {
        font-size: 15px !important;
        height: 50px;
    }
    .hm-khext22-search .is-form-style button.is-search-submit {
        right: 20px;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
    .khint22_post_grid_sec h2 bold {
        font-size: 42px;
    }
    .khint22_post_grid_sec h2 {
        font-size: 36px;
    }
    .khint22_post_grid_sec p {
        font-size: 21px;
    }
    .khint22_post_grid {
        justify-content: space-around;
    }
    .khint22_post_item {
        width: 23%;
        margin-right: 0px;
    }
    .khint22_post_grid .khint22_post_item h4 {
        font-size: 12px;
        padding: 15px;
    }
    .khint22_post_grid_sec .khint22_post_grid .khint22_post_item .khint22_post_cnt h3 a {
        font-size: 21px;
    }
    .khint22_post_grid_sec .khint22_post_grid .khint22_post_item .khint22_post_cnt p {
        font-size: 18px;
    }
    .khint22_cat_list_tab_cnt .khint22_cat_list .khint22_cat_item h4 {
        font-size: 13px;
    }
    .khint22_cat_list_tab_cnt .khint22_cat_list .khint22_cat_item h4 bold {
        font-size: 10px;
    }
    .khint22_cat_sec .khint22_cat_list .khint22_cat_item {
        width: 10%;
        margin-right: .7%;
    }
    .cat_item_tab ul li a {
        font-size: 14px;
    }
}
@media screen and (max-width:1240px) {

}
@media screen and (max-width:991px) {
    .container {
        max-width: 720px;
    }
    .khint22-page-banner{
        background: #83c885;
        background: -moz-linear-gradient(left, #83c885 0%, #a7d57f 4%, #c1df7a 8%, #d9e776 12%, #eaee73 17%, #f6f171 23%, #fcf470 30%, #fff570 50%, #fcf470 70%, #f6f171 77%, #eaee73 83%, #d8e676 88%, #c1de7a 93%, #a4d47f 97%, #83c885 100%);
        background: -webkit-linear-gradient(left, #83c885 0%,#a7d57f 4%,#c1df7a 8%,#d9e776 12%,#eaee73 17%,#f6f171 23%,#fcf470 30%,#fff570 50%,#fcf470 70%,#f6f171 77%,#eaee73 83%,#d8e676 88%,#c1de7a 93%,#a4d47f 97%,#83c885 100%);
        background: linear-gradient(to right, #83c885 0%,#a7d57f 4%,#c1df7a 8%,#d9e776 12%,#eaee73 17%,#f6f171 23%,#fcf470 30%,#fff570 50%,#fcf470 70%,#f6f171 77%,#eaee73 83%,#d8e676 88%,#c1de7a 93%,#a4d47f 97%,#83c885 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83c885', endColorstr='#83c885',GradientType=1 );
    }
    .khint22-page-bnr-title {
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        padding: 45px 0px;
    }
    .khint22-page-bnr-lft-cnt {
        width: 100%;
    }
    .khint22-page-bnr-cnt {
        display: block;
    }
    .khint22-page-bnr-rite-cnt img {
        border-radius: 20px;
    }
    .khint22-sgl-contact-us-cnt p{
        font-size: 16px;
        line-height: 140%;
        margin: 0px auto 15px;
        text-align: center;
        width: 100%;
    }
    .khint22-sgl-contact-us-cnt{
        display: block;
    }
    .khint22-cntus-btn {
        width: 240px;
        text-align: center;
        margin: 0px auto;
    }
    .khint22-page-bnr-rite-cnt {
        position: inherit;
    }
    .khint22-bck-btn {
        margin-bottom: 25px;
    }
    .khint22-single-pagecnt {
        padding: 25px 0px 45px;
    }
    .khint-logo-list {
        max-width: 400px;
    }
    .khint-avo-logo img {
        width: 105px;
    }
    .dwnlds-btn-sec div {
        width: 240px;
    }
    .khint22-footer-logo-list {
        max-width: 170px;
        margin: 0px auto 25px;
    }
    .khint22-avocado-footer-logo img {
        width: 100px;
    }
    .khint22-footer-logo {
        width: 280px;
    }
    header.khext22-header .container:before {
        left: -510px;
    }
    header.khext22-header .container:after {
        right: -510px;
    }
    .khint22-page-bnr-lft-cnt h1 span {
        font-size: 22px;
    }
    .khint22-page-bnr-lft-cnt h1 {
        font-size: 32px;
    }
    header.khext22-header{
        min-height: auto;
    }
    .khint22-footer-sec {
        padding: 35px 0px 20px;
    }
    .khint22-footer-bottom-sec h4 a, .khext22-footer-link-list a,.khext22-footer-bottom-sec h4  {
        font-size: 15px;
    }
    .khint22_hdr_dsgn img {
        width: 120px;
    }
    .khext-logo-list {
        flex: 40%;
    }
    .khint22_hdr_log {
        flex: 50%;
    }
    .khint22_hdr_dsgn {
        flex: 28%;
        margin-left: 3%;
    }
    .khint22-pop-cnt-form-sec {
        padding: 85px 75px;
        max-width: 680px;
    }
    .khint22-pop-cnt-form-sec:before{
        top: 35px;
    }
    .khint22-pop-cnt-form-sec:after {
        bottom: 35px;
    }
    .khint22-pop-cnt-form-sec:before, .khint22-pop-cnt-form-sec:after {
        background-size: contain;
        height: 18px;
    }
    .khint22-pop-contact-form .gform_wrapper .gform_footer .gform_button {
        width: 265px;
        height: 55px;
    }
    .bi22 header .container > div.kh_logo_cnt img{
        width: 200px;
    }
    .bi22 header .container > div.kh_afm_logo_cnt img{
        width: 200px;
    }
    .bi22 header .container {
        max-width: 400px;
    }
    .bi22 header .container > div.kh_logo_cnt{
        width: 225px;
    }
    .bi22 header .container > div.kh_afm_logo_cnt{
        width: 120px;
    }
    .bi22 header .container > div {
        padding: 0px 15px;
    }
    .bi22 header .container:before {
        left: -575px;
    }
    .bi22 header .container:after {
        right: -575px;
    }
    .bi22 {
        margin-top:100px;
    }
    .bi22 header{
        min-height: 90px;
    }
    .bi22 img.kh-int-slice-dice {
        top: -70px;
        width: 215px;
    }
    .bi22 img.kh-int-avo-ripe {
        right: -60px;
        bottom: -115px;
        width: 346px;
    }

    .khint22 .pop_inner {
        max-width: 90vw;
        padding: 100px 50px;
    }
    .khint22 .pop_inner p {
        font-size: 21px;
    }

    .khint22_post_item {
        width: 31%;
    }
    .hm-khext22-search .is-search-form {
        max-width: inherit;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    .hm-khext22-search-form .clear_filter span {
        position: static;
    }
    .go_btn_cnt a {
        position: inherit;
    }
    .hm-khext22-search-form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .clear_filter,
    .go_btn_cnt {
        flex: 0 0 50%;
        justify-content: space-around;
        display: flex;
    }
    .khint22-bnr-lft {
        width: 100%;
        padding: 45px 0px 3vh;
    }
    .khint22-bnr-lft p br {
        display: none;
    }
    .khint22-bnr-rite {
        position: static;
        width: 100%;
    }
    .khint22-bnr-cnt {
        position: relative;
        flex-wrap: wrap;
    }
    img.khint22-dsktp-img {
        width: 100%;
        max-width: 400px;
        display: block;
        margin: auto;
        position: relative;
        right: -70px;
    }

    .khint22_post_grid_sec p {
        font-size: 18px;
    }
    .khint22_post_grid_sec p br {
        display: none;
    }
    .khint22_cat_list_tab_cnt {
        overflow: auto;
    } 
    .khint22_cat_sec .khint22_cat_list {
        width: 970px;
    }
    .khint22_cat_list_tabs {
        width: 970px;
    }
}
@media screen and (max-width:767px) {
    .container {
        max-width: 100%;
        padding:0 15px;
    }
    .khint22-pop-contact-form .gform_wrapper ul.gform_fields li.gfield{
        width: 100%;
        margin-bottom: 10px !important;
    }
    .khint22-pop-cnt-form-sec:before, .khint22-pop-cnt-form-sec:after {
        background-size: contain;
        height: 18px;
    }
    .khint22-pop-contact-logo-list {
        display: block;
        text-align: center;
        width: 80%;
        margin: 0px auto;
    }
    img.khint22-pop-contact-logo1{
        margin: 0px auto 20px;
    }
    .pop-cnt-form-sec, .khint22-pop-cnt-form-sec {
        max-width: 90%;
    }
    .khint22-pop-contact-form .gform_wrapper .gform_footer .gform_button {
        width: 220px;
        height: 45px;
    }
    .khint22-close-button{
        width: 40px;
        height: 40px;
        background-size: contain;
    }
    .bi22 .signup_pg .form_sec {
        background-color: transparent;
        max-width: 345px;
    }
    .bi22 .signup_pg .form_field.agree label span {
        font-size: 16px;
    }
    .signup_pg .form_cnt input[type="text"], .signup_pg .form_cnt input[type="password"] {
        font-size: 14px;
    }
    .bi22 .signup_pg.signin_pg{
        min-height: 750px;
        background: url(images/kh-int-sign-ftr-pat.png) repeat-x left bottom 60px, #83c885;
        background: url(images/kh-int-sign-ftr-pat.png) repeat-x left bottom 60px, -moz-linear-gradient(left,  #83c885 0%, #a6d57f 4%, #c1de7a 8%, #d6e676 12%, #e9ed73 17%, #f5f171 22%, #fcf470 30%, #fff570 50%, #fcf470 70%, #f5f171 78%, #e9ed73 83%, #d6e676 88%, #c0de7a 92%, #a4d47f 96%, #83c885 100%);
        background: url(images/kh-int-sign-ftr-pat.png) repeat-x left bottom 60px, -webkit-linear-gradient(left,  #83c885 0%,#a6d57f 4%,#c1de7a 8%,#d6e676 12%,#e9ed73 17%,#f5f171 22%,#fcf470 30%,#fff570 50%,#fcf470 70%,#f5f171 78%,#e9ed73 83%,#d6e676 88%,#c0de7a 92%,#a4d47f 96%,#83c885 100%);
        background: url(images/kh-int-sign-ftr-pat.png) repeat-x left bottom 60px, linear-gradient(to right,  #83c885 0%,#a6d57f 4%,#c1de7a 8%,#d6e676 12%,#e9ed73 17%,#f5f171 22%,#fcf470 30%,#fff570 50%,#fcf470 70%,#f5f171 78%,#e9ed73 83%,#d6e676 88%,#c0de7a 92%,#a4d47f 96%,#83c885 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83c885', endColorstr='#83c885',GradientType=1 );
    }
    .bi22 img.kh-int-slice-dice {
        top: auto;
        width: 190px;
        bottom: 0px;
        left: 70px;
    }
    .bi22 .signup_pg .container {
        padding: 50px 15px 340px;
    }
    .khint22-pop-contact-form h3 {
        font-size: 22px;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .khext22-pop-contact-logo-list {
        margin-bottom: 40px;
    }
    .khint22-pop-contact-form p {
        margin-bottom: 40px;
    }
    .khext22-pop-contact-logo-list img.khext22-pop-contact-logo1 {
        display: none;
    }
    .khext22-pop-contact-logo-list img.khext22-pop-contact-logo1-mobile {
        display: block;
    }
    .khint22-pop-contact-form .gform_wrapper .gform_body ul.gform_fields li.gfield input {
        padding: 0px 15px !important;
        height: 40px;
    }

    .khint22 .popup-logo{
        display: none;
    }
    .khint22 .popup-logo.mobile {
        display: flex;
    }
    .khint22 .pop_inner h4 {
        font-size: 18px
    }
    .khint22 .pop_inner p {
        font-size: 18px;
    }
    .khint22 .pop_inner:before {
        top: 20px;
    }
    .khint22 .pop_inner:after {
        bottom: 20px;
    }
    .khint22 .pop_inner {
        padding: 60px 25px;
    }
    .khint22 .pop_inner .continue_btn {
        width: 100%;
    }

    .khint22-intrl-cnt p, .khint22-intrl-cnt ul li, .khint22-intrl-cnt ol li {
        font-size: 18px;
    }
    .khint22-intrl-cnt h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }
    .khint22_hdr_log {
        display: none;
    }
    .khext-logo-list .khext-logo a img,
    .khext-logo-list .khext-avo-logo a img{
        display: none;
        width: 90%;
    }
    .khext-logo-list img.mobile-hdr-logo {
        display: block !important;
        width: auto;
    }
    .khext-logo-list .khext-avo-logo,
    .khext-logo-list .khext-logo {
        width: auto;
    }
    .khext-logo-list {
        flex: 40%;
        justify-content: space-around;
    }
    header.khext22-header .container {
        max-width: 360px;
    }
    header.khext22-header .container:before {
        left: -470px;
    }
    header.khext22-header .container:after {
        right: -470px;
    }
    .khint-logout  {
        display: block;
    }
    .khint22_post_item {
        width: 280px;
    } 
}
@media screen and (max-width: 640px) {
    .khint22-bnr-lft h1 bold {
        font-size: 60px;
    }
    .hm-khint22-banner:after {
        height: 30px;
        background-size: contain;
    }
}
@media screen and (max-width:533px) {

}
@media screen and (max-width:480px) {

    .khint22-single-tags a{
        max-width: 130px;
    }
    .khint22-single-tags a {
        font-size: 14px;
    }
    .khint22-single-tags a:after {
        right: 3px;
        top: 0px;
    }
    .khint22-dwn-pdf {
        margin-bottom: 25px;
    }
    .khint22-intrl-cnt ul li:before {
        background-size: contain;
        left: 10px;
        top: 5px;
        width: 10px;
        height: 18px;
    }
    .khint22-intrl-cnt ul li, .khint22-intrl-cnt ol li{
        padding-left: 35px;
    }
    .khint22-intrl-cnt ol li:before {
        font-size: 20px;
        left: 10px;
        top: 2px;
    }
    .khint22-pop-cnt-form-sec {
        max-width: 90%;
        padding: 60px 10px;
    }
    .khint22-pop-contact-form h3 {
        font-size: 22px;
    }
    .khint22-pop-contact-form h3 bold {
        font-size: 30px;
    }
    .khint22-pop-contact-logo-list {
        display: block;
        text-align: center;
        width: 80%;
        margin: 0px auto;
    }
    img.khint22-pop-contact-logo1{
        margin: 0px auto 20px;
    }
    .khint22-footer-link-list a {
        font-size: 15px;
    }
    .bi22 img.kh-int-slice-dice {
        top: auto;
        bottom: 45px;
        width: 140px;
        left: 20px;
    }
    .bi22 img.kh-int-avo-ripe {
        right: -50px;
        bottom: -130px;
        width: 295px;
    }
    .bi22 .signup_pg .container {
        padding: 50px 15px 290px;
    }
    .khint22 .popup-logo img {
        max-width: inherit;
        height: 80px;
    }
    .khint22 .pop_inner span {
        margin-top: 10px;
    }
    .khint22 .pop_inner .continue_btn {
        margin-top: 20px;
    }

    img.khint22-dsktp-img {
        right: -16vw;
    } 
    .go_btn_cnt a,
    .hm-khext22-search-form .clear_filter span {
        width: 120px;
    }
    .khint22-bnr-lft h1 bold {
        font-size: 55px;
    }
    .khint22_cat_sec h2 {
        font-size: 16px;
    }
    .khint22_cat_sec h2 bold {
        font-size: 17px;
    }
    .khint_search_results p {
        font-size: 21px;
    }
    .khint_search_results {
        padding: 35px 0px;
    }
}
@media screen and (max-width:360px) {
    .khint22 .pop_inner p {
        font-size: 14px;
    }
    header.khext22-header .container {
        max-width: 320px;
    }
}