@font-face {
    font-family: 'Optima';
    font-style: normal;
    font-weight: normal;
    src: url('../font/OPTIMA.woff') format('woff');
    }

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: normal;
    src: url('../font/gotham-book.woff') format('woff');
    }

/* @font-face{ 
    font-family:'TrajanPro-Regular';
    src:url(../font/TrajanPro-Regular.eot?#iefix) format('embedded-opentype'),
        url(../font/TrajanPro-Regular.otf)  format('opentype'),
        url(../font/TrajanPro-Regular.woff) format('woff'),
        url(../font/TrajanPro-Regular.ttf)  format('truetype'),
        url(../font/TrajanPro-Regular.svg#TrajanPro-Regular) format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'Roboto-Light';
    src:url(../font/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),
        url(../font/Roboto-Light-webfont.woff) format('woff'),
        url(../font/Roboto-Light-webfont.ttf)  format('truetype'),
        url(../font/Roboto-Light-webfont.svg#TrajanPro-Regular) format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'Roboto-Medium';
    src:url(../font/Roboto-Medium-webfont.eot?#iefix) format('embedded-opentype'),
        url(../font/Roboto-Medium-webfont.woff) format('woff'),
        url(../font/Roboto-Medium-webfont.ttf)  format('truetype'),
        url(../font/Roboto-Medium-webfont.svg#TrajanPro-Regular) format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'Roboto-Regular';
    src:url(../font/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'),
        url(../font/Roboto-Regular-webfont.woff) format('woff'),
        url(../font/Roboto-Regular-webfont.ttf)  format('truetype'),
        url(../font/Roboto-Regular-webfont.svg#TrajanPro-Regular) format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'Roboto-Bold';
    src:url(../font/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'),
        url(../font/Roboto-Bold-webfont.woff) format('woff'),
        url(../font/Roboto-Bold-webfont.ttf)  format('truetype'),
        url(../font/Roboto-Bold-webfont.svg#TrajanPro-Regular) format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'Solari';
    src:url(../font/Solari.ttf)  format('truetype');
    font-weight:normal;
    font-style:normal;
} */
body{
    font-family: 'Gotham', sans-serif;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    background: #ffffff;
    padding: 0;
    margin: 0;
}
h1,h2,h4{
    font-family: 'Optima', sans-serif;
    line-height: 1.2;
    padding: 0;
    margin: 0;
}
h3,h5,h6,p,li,a{
    font-family: 'Gotham', sans-serif;
    line-height: 1.5;
    padding: 0;
    margin: 0;
}
p,li,a{
    font-size: 15px;
}
.fa, .fab, .fal, .far, .fas{
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: italic;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.headercontn{
    width:1186px; 
    margin:0 auto; 
    padding:20px 0 16px 0;
}
.headercontn>.logo{
    width:30%; 
    float:left;
}
.logo>a>img{
    width: 150px;
    height: auto;
}
.headercontn>.naviga{
    width:70%; 
    float:right;}
.headercontn .naviga ul{ 
    padding:25px 0 10px 0; 
    margin:0; 
    text-align:right;}
.headercontn .naviga li{ 
    padding:10px; 
    color:#484848; 
    font-size:11px; 
    list-style:none; 
    display:inline-block; 
    font-family: 'Roboto-Regular', sans-serif;
    text-transform:uppercase; 
}
.headercontn .naviga a{
    color:#484848; 
    font-size:11px; 
    font-family: 'Roboto-Regular', sans-serif;
    text-transform:uppercase; 
    text-decoration:none;}
.headercontn .naviga  a:hover{
    color:#49176d;
}
.clearbt{
    clear: both;
}
.top-line-note{
    padding: 10px;
    background-color: #6d2a63;
}
.top-line-note>p{
    text-align: center;
    color: #ffffff;
}
.logo{
    padding: 10px;
    text-align: center;
}
.main-top{
    margin: 0 0 20px 0;
}
.main-top>img{
    width: 100%;
    height: auto;
}
.desc{
    padding: 20px;
            }
.desc>h2{
    text-align: center;
    font-size:30px;
    padding-bottom: 15px;
}
.desc>p{
    text-align: center;
    padding-bottom: 10px;
}
.desc>img{
    padding-bottom: 10px;
}
.categor-pack{
    background: #f3f3f3;
    border-radius: 5px;   
}
.categor-pack-cont{
    padding: 20px;
}
.categor-pack-cont>h2{
    font-size:25px;
    padding-bottom: 15px;
}
.categor-pack-cont>ul{
    padding: 0 0 15px 20px;
    margin: 0;
}
.categor-pack-cont>p{
    padding-bottom: 10px;
}
.categor-pack-cont>img{
    padding-bottom: 20px;
    width: 90px;
    height: auto;
}
.categor-pack-img{
    background-image: url(../images/sidebanner-resort.png);
    height: 300px;
    border-radius: 0 5px 5px 0;
    background-repeat: no-repeat;
    background-position: left;
}
.categor-pack-img-city{
    background-image: url(../images/sidebanner-city.png);
    height: 300px;
    border-radius: 0 5px 5px 0;
    background-repeat: no-repeat;
    background-position: left;
}
.categor-pack-img-ovs{
    background-image: url(../images/sidebanner-oversea.png);
    height: 300px;
    border-radius: 0 5px 5px 0;
    background-repeat: no-repeat;
    background-position: left;
}
.font-bold-red{
    color: #b43d59!important;
    font-weight: 600;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important
}
.despa{
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ececec;
    margin-bottom: 25px;
}
.despa>h2{
    text-align: center;
    font-family: 'TrajanPro-Regular',sans-serif;
    color:#2C3172;
    font-size: 17px;
}
.despa>h3{
    text-align: center;
    font-family: 'TrajanPro-Regular',sans-serif;
    color:#2C3172;
    font-size: 15px;
}
.despa>h3:before{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "";
}
.despa>h3:after{
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "";    
}
.prod-cont{
    border: 1px solid #dee2e6;
    border-radius: 0px;
    margin: 10px 0;
    background-color: #fff;
    /*height: 480px;*/
    -webkit-box-shadow: 0px 0px 14px 2px rgba(207,207,207,0.4);
    -moz-box-shadow: 0px 0px 14px 2px rgba(207,207,207,0.4);
    box-shadow: 0px 0px 14px 2px rgba(207,207,207,0.4);
}
.prod-cont:hover{
    -webkit-box-shadow: 0px 0px 14px 2px rgba(207,207,207,0.9);
    -moz-box-shadow: 0px 0px 14px 2px rgba(207,207,207,0.9);
    box-shadow: 0px 0px 14px 2px rgba(207,207,207,0.9);
}
.prod-cont>img{
    width: 100%; height: auto;
    border-radius: 0 0 0 0;
}
.prod-images{
    float:left;
    width: 50%;
    padding-bottom: 20px;
}
.prod-images>img{
    width: 100%; 
    height: auto;
}
.prod-images>h2{
    font-family: 'TrajanPro-Regular',sans-serif;
    font-size:18px;
    padding: 20px 20px 0 20px;
    color: #484848;
}
.prod-images>p{
    font-size:14px;
    padding: 0 20px 0 20px;
    color: #484848;
}
.prod-desc-container{
    float:left;
    width: 49%;
}
.prod-desc{
    padding: 20px;
}
.prod-desc-cont>h2{
    font-family: 'TrajanPro-Regular',sans-serif;;
    font-size:16px;
    margin-bottom: 10px;
    color: #484848;
    text-transform: uppercase;
    height: 60px;
    text-align: center;
    border-bottom: 1px solid #dedede;
}
.prod-desc-cont>p{
    color: #484848;
    padding-bottom: 10px;
    text-align: center;
}
.prod-desc-cont>ul{
    padding: 0 0 15px 20px;
    margin: 0;
}
.prod-desc-cont>ul>li{
    color: #484848;
}
.termsc{
    padding: 20px 20px 10px 20px;
    background-color: #333;
}
.termsc>ul{
    padding: 0 0 15px 20px;
    margin: 0;
}
.termsc>p{
    color: #fff;
}
.termsc>ul>li{
    color: #fff;
}
.regbtn{
    margin-top: 10px;
    width:100%;
    background-color: #50B051 ;
    border: solid #50B051 2px;
    color: #fff;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
	font-weight: border;
}
.regbtn:hover{
    background-color: #2c3173;
    color: #fff;
    border: solid #2c3173 2px;
}
.regbtn:focus{
    outline: none;
}

.regbtn2{
    margin-top: 10px;
    width:100%;
    background-color: #2c3173 ;
    border: solid #2c3173 2px;
    color: #fff;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
	font-weight: border;
}
.regbtn2:hover{
    background-color: #50B051;
    color: #fff;
    border: solid #50B051 2px;
}
.regbtn2:focus{
    outline: none;
}

.regbtn-resort{
    margin-top: 20px;
    width:100%;
    background-color: #6c2a62;
    background-image: linear-gradient(to right, #e71b6b, #f53955, #fc583f, #fb7526, #f39200);
    border: none;
    color: white;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
}
.regbtn-city{
    margin-top: 20px;
    width:100%;
    background-color: #6c2a62;
    background-image: linear-gradient(to right, #422562, #57276e, #6e2878, #86277f, #9f2485);
    border: none;
    color: white;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
}
.regbtn-oversea{
    margin-top: 20px;
    width:100%;
    background-color: #6c2a62;
    background-image: linear-gradient(to right, #00573a, #00663d, #00753d, #00853b, #0b9436);
    border: none;
    color: white;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
}
.modal-body>h2{
    font-size:20px;
}
.modal-body>p{
    font-size:15px;
}
.booking-form{
    padding: 20px 0;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px;
}
.partlogos{
    background-color: #c3c3c3;
    padding: 50px 20px;
    text-align: center;
}
.booking-form input[type=text] {
    font-family: 'Roboto-Regular',sans-serif;
    width: 33%;
    height: 30px;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer;
    color: #605c5a;
    padding: 5px 7px;
    border: 1px solid #adadad;
}
.bookbutton{
    background-color:#f79223; 
    color:#FFFFFF; 
    font-size:14px; 
    font-family: 'Roboto-Regular',sans-serif;
    font-weight:bold; 
    text-decoration:none;
    border:#fff solid 1px; 
    padding:4px 20px; 
    cursor: pointer;
    outline: none;
}
.bookbutton:hover{
    background-color:#f79223;
}
.bookbutton:focus{
    outline: none;
}
.bookbutton-resort{
    background-color:#F39200; 
    background-image: linear-gradient(to right, #e71b6b, #f53955, #fc583f, #fb7526, #f39200);
    color:#FFFFFF; 
    font-size:14px; 
    font-family: 'Roboto-Regular',sans-serif;
    font-weight:bold; 
    border: none;
    text-decoration:none; 
    padding:4px 20px; 
    cursor: pointer;
    outline: none;
}
.bookbutton-resort:hover{
    background-color:#F39200;
}
.bookbutton-city{
    background-color:#9F2485; 
    background-image: linear-gradient(to right, #422562, #57276e, #6e2878, #86277f, #9f2485);
    color:#FFFFFF; 
    font-size:14px; 
    border: none;
    font-family: 'Roboto-Regular',sans-serif;
    font-weight:bold; 
    text-decoration:none; 
    padding:4px 20px; 
    cursor: pointer;
    outline: none;
}
.bookbutton-city:hover{
    background-color:#9F2485;
}
.bookbutton-oversea{
    background-color:#0B9436; 
    background-image: linear-gradient(to right, #00573a, #00663d, #00753d, #00853b, #0b9436);
    color:#FFFFFF; 
    font-size:14px; 
    border: none;
    font-family: 'Roboto-Regular',sans-serif;
    font-weight:bold; 
    text-decoration:none; 
    padding:4px 20px; 
    cursor: pointer;
    outline: none;
}
.bookbutton-oversea:hover{
    background-color:#0B9436;
}

.footer>p{
    color: #fff;
    font-size: 11px;
}
.categor-hei{
    height: 300px;
    display: table; 
    overflow: hidden;
}
.categor-hei-inner{
    display: table-cell; 
    vertical-align: middle;
}
@media only screen and (max-width: 990px) {
    .hidemed{
        display: none;
    }
    .categor-pack{
        text-align: center!important;
    }
    .categor-pack-cont>h2{
        text-align: center!important;
    }
    .categor-pack-cont>p{
        text-align: center!important;
    }
    .categor-hei{
        padding-top: 20px;
        height: auto!important;
        display: block!important;
    }
    .categor-hei-inner{
        display: block!important; 
    }
}
@media only screen and (max-width: 680px) {
    .prod-cont{
        margin-bottom: 20px;
    }
}
span.clear { clear: left; display: block; }
.footer-add-sm{width:1170px; margin:0 auto; }
.footer-add-sm-inter{padding:20px; max-height: 999999px;}
.footer-add-sm-inter-lf{width:700px; float:left;}
.footer-add-sm-inter-lf h3{font-family: 'Roboto-Regular',sans-serif; font-size:11px; font-weight:normal;color:#5c5c5c; line-height:15px;}
.footer-add-sm-inter-lf ul{padding:5px 0; margin:0;}
.footer-add-sm-inter-lf li{font-family: 'Roboto-Regular',sans-serif; font-size:11px; font-weight:normal; color:#5c5c5c; list-style:none; display:inline-block; border-left:#cfcfcf solid 1px; padding:0 18px;}
.footer-add-sm-inter-lf li.first{padding-left:0; border:none;}
.footer-add-sm-inter-lf a{font-family: 'Roboto-Regular',sans-serif; font-size:11px; font-weight:normal; text-decoration:none;color:#474747; text-transform:lowercase;}
.footer-add-sm-inter-rt{width:200px; float:right; padding:0; margin:0;}
.footer-add-sm-inter-rt a {display:inline-block;  position:relative;  height: 27px;}
.footer-add-sm-inter-rt a.whatsapp {left:0px; width:28px;  background:url(../images/footer-smo.png) -363px 0;}
.footer-add-sm-inter-rt a.facebook {left:10px; width:28px;  background:url(../images/footer-smo.png) 0 0;}
.footer-add-sm-inter-rt a.tiktok {left:30px; width:30px;  background:url(../images/footer-smo.png) -90px 0;}
.footer-add-sm-inter-rt a.youtube {left:40px; width:28px;  background:url(../images/footer-smo.png) -138px 0;}
.footer-add-sm-inter-rt a.instagram {left:20px; width:28px;  background:url(../images/footer-smo.png) -274px 0;}
.footer-add-sm-inter-rt a.weibo {left:50px; width:28px;  background:url(../images/footer-smo.png) -318px 0;}
.footer-add-sm-inter-rt a.whatsapp:hover {left:0px; width:28px;  background:url(../images/footer-smo.png) -363px -28px;}
.footer-add-sm-inter-rt a.facebook:hover {left:10px; width:28px;  background:url(../images/footer-smo.png) 0 -28px;}
.footer-add-sm-inter-rt a.tiktok:hover {left:30px; width:30px;  background:url(../images/footer-smo.png) -90px -28px;}
.footer-add-sm-inter-rt a.youtube:hover {left:40px; width:28px;  background:url(../images/footer-smo.png) -138px -28px;}
.footer-add-sm-inter-rt a.instagram:hover {left:20px; width:28px;  background:url(../images/footer-smo.png) -274px -28px;}
.footer-add-sm-inter-rt a.weibo:hover {left:50px; width:28px;  background:url(../images/footer-smo.png) -318px -28px;}


.footer-sub-navi{width:100%; background-color:#c3c3c3; max-height: 999999px;}
.footer-sub-navi-contain{width:1170px; margin:0 auto;}
.footer-sub-navi-contain-hol{padding:20px;}
.footer-sub-navi-contain-hol-lf{width:700px; float:left;}
.footer-sub-navi-contain-hol-lf-1{width:100%;}
.footer-sub-navi-contain-hol-lf-1 ul{ padding:5px 0; margin:0; border-bottom: 1px solid #9a9a9a;}
.footer-sub-navi-contain-hol-lf-1 li{font-family: 'Roboto-Regular',sans-serif; font-size:12px; font-weight:normal;color:#2d2d2d; list-style:none; display:inline-block; padding:5px;}
.footer-sub-navi-contain-hol-lf-1 a{font-family: 'Roboto-Regular',sans-serif; font-size:12px; font-weight:normal;color:#2d2d2d; text-decoration:none; text-transform:uppercase;}
.footer-sub-navi-contain-hol-lf-1 a:hover{color:#49176d;}
.footer-sub-navi-contain-hol-lf-2{width:100%;}
.footer-sub-navi-contain-hol-lf-2 ul{padding:5px 0; margin:0;}
.footer-sub-navi-contain-hol-lf-2 li{font-family: 'Roboto-Regular',sans-serif; font-size:11px; font-weight:normal;color:#2d2d2d; list-style:none; display:inline-block; padding:5px;}
.footer-sub-navi-contain-hol-lf-2 a{font-family: 'Roboto-Regular',sans-serif; font-size:11px; font-weight:normal;color:#2d2d2d; text-decoration:none; text-transform:uppercase;}
.footer-sub-navi-contain-hol-lf-2 a:hover{color:#49176d;}
.footer-sub-navi-contain-hol-rt{width:300px; float:right;}
.footer-sub-navi-contain-hol-rt h3{font-size: 12px; color: #464646; font-family: 'TrajanPro-Regular',sans-serif; margin-top: 0; text-align:right; padding-bottom: 10px;}
.footer-sub-navi-contain-hol-rt .subscribe{text-align:center; border-left:#6e2a63 solid 20px; border-right:#6e2a63 solid 20px; border-top:#6e2a63 solid 10px; border-bottom:#6e2a63 solid 10px; background-color:#6e2a63; color:#FFFFFF; font-size:13px; font-family: 'Roboto-Regular',sans-serif; font-weight:normal; text-decoration:none; display:block; width:130px; float:right; cursor:pointer;}
.footer-sub-navi-contain-hol-rt .subscribe:hover{background-color:#582450; border-left:#582450 solid 20px; border-right:#582450 solid 20px; border-top:#582450 solid 10px; border-bottom:#582450 solid 10px;}
.footer-copy-privacy{ width:1170px; margin:0 auto; background:url(../images/berjaya-footer-logo.png) no-repeat 99% 50%;}
.footer-copy-privacy-inter{padding:20px; max-height: 999999px;}
.footer-copy-privacy-inter-lf{width:475px; float:left; display:block;}
.footer-copy-privacy-inter-rt{width:450px; float:left; display:block;}
.footer-copy-privacy-inter-lf h3{font-family: 'Roboto-Regular',sans-serif; font-size:10px; font-weight:normal;color:#8a8a8a; margin:0; }
.footer-copy-privacy-inter-rt ul{padding:0; margin:0;}
.footer-copy-privacy-inter-rt li{font-family: 'Roboto-Regular',sans-serif; font-size:11px; font-weight:normal;color:#8a8a8a; padding:0 10px; display:inline-block; list-style:none; border-left:#8a8a8a solid 1px;}
.footer-copy-privacy-inter-rt li.leaf{font-family: 'Roboto-Regular',sans-serif; font-size:11px; font-weight:normal;color:#8a8a8a; padding-left:0; padding-right:10px; border:none; display:inline-block; list-style:none;}
.footer-copy-privacy-inter-rt a{font-family: 'Roboto-Regular',sans-serif; font-size:11px; font-weight:normal;color:#8a8a8a; text-transform:uppercase; text-decoration:none;}
.footer-copy-privacy-inter-rt a:hover{color:#fff;}
@media only screen and (max-width: 1199px){.headercontn{width:85%;}
    .footer-add-sm{width:95% !important; margin:0 auto;}
    .footer-sub-navi-contain{width:100%;}
    .footer-sub-navi-contain-hol-lf{width:100% !important; float:none;}
    .footer-sub-navi-contain-hol-rt{width:100% !important; padding:5px 0; float:none;}
    .footer-sub-navi-contain-hol-rt h3{text-align:center;}
    .footer-sub-navi-contain-hol-rt .subscribe{ float:none; margin:0 auto;}
    .footer-sub-navi-contain-hol-lf-1 ul{ width:550px; text-align:center; margin:0 auto;}
    .footer-sub-navi-contain-hol-lf-2 ul{ text-align:center; margin:0 auto;}
    .footer-copy-privacy{width:95% !important; margin:0 auto;}
    .footer-copy-privacy-inter-lf{width:300px;}
    .footer-copy-privacy-inter-rt{width:450px;}
}
@media only screen and (max-width: 992px){
    .headercontn{width:100%; padding-bottom:0;}
    .headercontn .logo{width:100%; float:none; text-align:center; padding-bottom:16px;}
    .headercontn .naviga{width:100%; float:none; background-color:#6d2a63; display: none;}
    .headercontn .naviga ul{text-align:center; padding:16px;}
    .headercontn .naviga li{color:#ffffff; padding:0 10px;}
    .headercontn .naviga a{color:#ca97c3;}.headercontn .naviga a:hover{color:#ffffff;}
    .footer-add-sm-inter-lf{ width:100% !important; float:none;}
    .footer-add-sm-inter-lf h3{ text-align:center;}
    .footer-add-sm-inter-lf ul{ text-align:center;}
    .footer-add-sm-inter-rt{ margin:0 auto; float:none; padding:15px 0;}
    .footer-copy-privacy{width:650px !important; margin:0 auto;}
    .footer-copy-privacy-inter-lf{width:100% !important; float:none; padding-bottom:20px;}
    .footer-copy-privacy-inter-rt{width:100% !important; float:none;}
    .footer-copy-privacy-inter-rt ul{padding-top:20px; border-top:1px solid #434343; width:350px;}
} 
@media only screen and (max-width: 778px){
    .headercontn .naviga{display: none!important;}
    .headercontn .naviga a{display:none;}
    .footer-add-sm-inter-lf ul{border-bottom: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; width:100%; padding:15px 0;}
    .footer-add-sm-inter-lf li{border-left:none; border-bottom: 1px solid #cfcfcf; display:block; width:40%; margin:0 auto; padding:5px; text-align:center;}
    .footer-add-sm-inter-lf li.first{border-left:none; border-bottom: 1px solid #cfcfcf; display:block; width:130px; margin:0 auto; padding:5px 0; text-align:center;}
    .footer-add-sm-inter-lf li{border-left:none; border-bottom: 1px solid #cfcfcf; display:block; width:130px; margin:0 auto; padding:5px 0; text-align:center;}
    .footer-add-sm-inter-lf li.last{border:none; display:block; width:130px; margin:0 auto; padding:5px 0; text-align:center;}
    .footer-copy-privacy-inter{padding:10px 20px; }
    .footer-copy-privacy-inter-lf{padding-bottom:10px;}
    .footer-copy-privacy-inter-rt ul{padding-top:10px;}
}
@media only screen and (max-width: 680px){
    .footer-sub-navi-contain-hol-lf-1 ul{ width:100% !important;}
    .footer-copy-privacy{width:100% !important;}
}
@media only screen and (max-width: 480px){
    .footer-sub-navi-contain-hol-lf-1 a{ font-size:11px;}
    .footer-sub-navi-contain-hol-lf-2{ width:50% !important; float:left;}
    .footer-sub-navi-contain-hol-lf-2 ul{text-align:left; border-left: 1px solid #9a9a9a;}
    .footer-sub-navi-contain-hol-lf-2 li{padding-left:10px; display:block;}
    .footer-copy-privacy-inter-lf h3{text-align:center;}
    .footer-copy-privacy-inter-rt ul{width:100% !important; text-align:center;}
    .footer-copy-privacy{padding-bottom: 50px; background-position: 50% 90%!important;}
}
.modal-backdrop {
   background-color: #fff;
}