html, body {
    overflow-x: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}

@font-face {
    font-family: "GothamBold";
    src: url("../fonts/GothamBold.ttf");
    /* font-weight: bold; */
}
@font-face {
    font-family: "GothamBook";
    src: url("../fonts/GothamBook.ttf");
}
@font-face {
    font-family: "GothamLight";
    src: url("../fonts/GothamLight.ttf");
}
@font-face {
    font-family: "BalooBhaina-Regular";
    src: url("../fonts/BalooBhaina-Regular.ttf");
}
@font-face {
    font-family: "GothamRounded-Light";
    src: url("../fonts/GothamRounded-Light.otf");
}
@font-face {
    font-family: "GothamRounded-Medium";
    src: url("../fonts/GothamRounded-Medium.otf");
}
@font-face {
    font-family: "merge-bold";
    src: url("../fonts/merge_bold.otf");
}
@font-face {
    font-family: "merge-light";
    src: url("../fonts/merge_light.otf");
}
@font-face {
    font-family: "vanilla-caramel";
    src: url("../fonts/vanilla_caramel.otf");
}
h1 , h2 , h3, h4, h5, h6{
    font-family: "GothamBold";
}

.form-group.required .col-form-label:after {
    content: " *";
    color: red;
}

#loader {
    background: url("../LoadingForisa.gif") no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
    background-color: white;
}

.body {
    width: 100%;
}
.container {
    max-width: 100%;
    padding:0;
}

/**
 * Basic CSS Media Query Template
 * TODO: I should probably use Sass...
 * Author: Michael Vieth
 * ------------------------------------------
 *  Responsive Grid Media Queries - 1280, 1024, 768, 480
 *   1280-992   - desktop (default grid)
 *   992-768    - tablet landscape
 *   768-576     - tablet 
 *   576-less    - phone landscape & smaller
 * --------------------------------------------
 */
 @media all and (min-width:1200px) {     
    .btnlanding {
        /* position:relative; */
        text-align:center;
        margin-top:4%;        
        /* width:100%; */
    }
    .btnlandingleft {
        text-align:right;
        width: 50%;
        padding-right:2em;
        margin-top:-1em;
    }
    .btnlandingleft img{
        width:20em;
    }
    .btnlandingright {
        text-align:left;        
        width: 50%;
        padding-left:2em;
        margin-top:-1em;
    }
    .btnlandingright img{
        width:20em;
    }
    .header {
        width:100%;
        padding:0;
    }
    .content {
        width:100%;            
        margin-top:-4%;
        text-align:center;
        margin-bottom:0;
    }
    .content2 {
        width:100%;
        margin-top:0;
        text-align:center;
        margin-bottom:0;
    }
    .footer {
        width:100%;
        margin-top:0;
        text-align:center;
        margin-bottom:0;
    }
    .footerlanding {
        width:100%;
        margin-top:-18%;
        text-align:center;
        margin-bottom:0;       
    }
    .awanleft {
        width:62%;
        z-index:-1;
        margin-top:-17%;
        margin-left:-31%!important;
    }    
    .awanright{
        width:62%;
        z-index:-1;
        margin-top:-17%;
        margin-right:-31%!important;
    }    
    .logo {
        position: absolute;
        left:0;
        top:0;
        width:18%;
    }
    .balonbg{
        width:85%;
        z-index:-1;
        margin-top:12%;
    }    
    .titlecustom {
        width:75%;
    }
        
    .hadiah {
        width:90%;
    }    
    .mekanisme {
        width:100%;
    }
    .cowbg{
        width:100%;
        z-index:-1;
    } 
    .cowbalon_container {
        text-align:left;
    }
    .cowbalon{
        width:45%;        
        margin-left:0;
        margin-top:20%;
    }
    .cowmascot {
        width:30%;        
        margin-left:-42%;
        margin-top:2%;
    }
    .textcondition{        
        width:35%;
        margin-top:-8%;
        margin-left:2%;
    }
    .textdownload{        
        width:50%;
        margin-top:35%;
    }
    .buttondownload{        
        width:325px;
    }
    .messagecontainer{
        margin-top:-2%;
        text-align:center;
        vertical-align:top;
    }

    .awanleftfluid {
        width:40%;
        z-index:-1;
        text-align:left;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-left:-31%!important; */
    }
    .awanrightfluid{
        width:40%;
        z-index:-1;
        text-align:right;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-right:-31%!important; */
    }
    .pesawat{
        text-align:center;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-right:-31%!important; */
    }
    img.pesawat{
        width:20%;
        z-index:-1;
        margin-top:8%;
        margin-left:8%;
    }
    .rowtitle{
        margin-top:-8%;
    }
    .awankirifluid{
        width:30%;
        z-index:-1;
        margin-top:20%;
        margin-right:40%;
    }
    .awankananfluid{
        width:30%;
        z-index:-1;
        margin-top:30%;
        margin-left:35%;
    }
    .titlefluid {
        width:150%;
        margin-left:-23%;
    }
    .rowhadiah{
        padding-top:2%;
    }
    .hadiahwisatafluid{
        width:55%;
    }
    .rowhadiah2{
        padding-top:0;
    }
    .hadiah1fluid{
        width:95%;
        margin-top:-25%;
        margin-left:25%;
    }
    .hadiah2fluid{
        width:105%;
        margin-top:11%;
        margin-left:10%;
    }
    .hadiah3fluid{
        width:95%;
        margin-top:5%;
        margin-left:-5%;
    }
    .hadiah4fluid{
        width:95%;
        margin-top:-25%;
        margin-left:-35%;
    }
    .nofluid{
        width:5%;
    }
    .nofluidrem{
        width:2rem;
    }
    .sachetfluid{
        width:350px;
        padding-top:1rem;
    }
    .amplop{
        width:200px;
        margin-top:-60px;
    }
    .addressfluid{
        width:350px;
        text-align: center;
    }
    .addresscontainerfluid{
        text-align:center !important;
        padding-top:1rem;
    }
    .messagecontainerfluid{
        margin-top:-2%;
        text-align:center;
        vertical-align:top;
    }
    .rowmekanisme{
        width:100%;        
        display:flex;
    }
    .rowmekanismesmall{
        width:100%;
        display:none;
    }
    .mekanismecolno {
        text-align:center;
        width: 50px;
        max-width: 50px;
    }
    .mekanismecolblank {
        display:inline;
    }
    .mekanismecolblank2 {
        display:none;
    }
    .mekanismecol1 {
        text-align:right;
        padding-top:0;
    }
    .mekanismecol2 {
        text-align:left;
    }
    .mekanismeno1{
        text-align: right;
    }
    .mekanismenoother{
        text-align: left;
    }
    .mekanismeflexno{
        text-align:right;
        vertical-align: top;
    }
    .mekanismeflexcontent{
        text-align:left;
        vertical-align: top !important;        
    }
    .mekanismetext {
        font-size: 1.3rem;
    }
    .skmenteritext {
        font-size: 10px;
        line-height: normal;
        color:blue;
    }
    .cowbgwidefluid {
        width:100%;
        z-index:-1;
        display:inline-block;
    }
    .cowbgsmallfluid {
        width:100%;
        z-index:-1;
        display:none;
    }      
    .cowmascotfluid {
        width:30%;        
        margin-left:-40%;
        margin-top:0;
    }
	.cowmascotfluid2 {
        width:35%;        
        margin-left:-54%;
        margin-top:60px;
    }
 }

 @media all and (min-width: 992px) and (max-width: 1199px) {     
    .btnlanding {
        /* position:relative; */
        text-align:center;
        margin-top:4%;
        z-index:1;
        /* width:100%; */
    }
    .btnlandingleft {
        text-align:right;
        width: 50%;
        padding-right:2em;
        margin-top:-1em;
    }
    .btnlandingleft img{
        width:18em;
    }
    .btnlandingright {
        text-align:left;        
        width: 50%;
        padding-left:2em;
        margin-top:-1em;
    }
    .btnlandingright img{
        width:18em;
    }
    .header {
        width:100%;
        padding-bottom:0;
    }
    .content {
        width:100%;            
        margin-top:-4%;
        text-align:center;
        margin-bottom:0;
    }
    .content2 {
        width:100%;
        margin-top:-12%;
        text-align:center;
        margin-bottom:0;
    }
    .footer {
        width:100%;
        margin-top:4%;
        text-align:center;
        margin-bottom:0;
    }
    .footerlanding {
        width:100%;
        margin-top:-16%;
        text-align:center;
        margin-bottom:0;
    }
    .awanleft {
        width:62%;
        z-index:-1;
        margin-top:-17%;
        margin-left:-31%!important;
    }
    .awanright{
        width:62%;
        z-index:-1;
        margin-top:-17%;
        margin-right:-31%!important;
    }
    .logo {
        position: absolute;
        left:0;
        top:0;
        width:18%;
    }
    .balonbg{
        width:85%;
        z-index:-1;
        margin-top:12%;
    }
    .titlecustom {
        width:75%;
    }
    .hadiah {
        width:90%;
    }    
    .mekanisme {
        width:100%;
    }
    .cowbg{
        width:100%;
        z-index:-1;
    } 
    .cowbalon_container {
        text-align:left;
    }
    .cowbalon{
        width:45%;        
        margin-left:-5%;
        margin-top:15%;
    }
    .cowmascot {
        width:30%;        
        margin-left:-42%;
        margin-top:2%;
    }
    .textcondition{        
        width:35%;
        margin-top:-8%;
        margin-left:2%;
    }
    .textdownload{        
        width:45%;
        margin-top:35%;
    }
    .buttondownload{        
        width:300px;
    }
    .messagecontainer{
        margin-top:-2%;
        text-align:center;
        vertical-align:top;
    }

    .awanleftfluid {
        width:40%;
        z-index:-1;
        text-align:left;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-left:-31%!important; */
    }
    .awanrightfluid{
        width:40%;
        z-index:-1;
        text-align:right;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-right:-31%!important; */
    }
    .pesawat{
        text-align:center;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-right:-31%!important; */
    }
    img.pesawat{
        width:20%;
        z-index:-1;
        margin-top:8%;
        margin-left:8%;
    }
    .rowtitle{
        margin-top:-8%;
    }
    .awankirifluid{
        width:30%;
        z-index:-1;
        margin-top:20%;
        margin-right:40%;
    }
    .awankananfluid{
        width:30%;
        z-index:-1;
        margin-top:30%;
        margin-left:35%;
    }
    .titlefluid {
        width:150%;
        margin-left:-23%;
    }
    .rowhadiah{
        padding-top:2%;
    }
    .hadiahwisatafluid{
        width:55%;
    }
    .rowhadiah2{
        padding-top:0;
    }
    .hadiah1fluid{
        width:95%;
        margin-top:-25%;
        margin-left:25%;
    }
    .hadiah2fluid{
        width:105%;
        margin-top:11%;
        margin-left:10%;
    }
    .hadiah3fluid{
        width:95%;
        margin-top:5%;
        margin-left:-5%;
    }
    .hadiah4fluid{
        width:95%;
        margin-top:-25%;
        margin-left:-35%;
    }
    .nofluid{
        width:5%;
    }
    .nofluidrem{
        width:2rem;
    }
    .sachetfluid{
        width:310px;
        padding-top:1rem;
    }
    .amplop{
        width:200px;
        margin-top:-50px;
    }
    .addressfluid{
        width:300px;
        text-align: center;
    }
    .addresscontainerfluid{
        text-align:center !important;
        padding-top:1rem;
    }
    .messagecontainerfluid{
        margin-top:-2%;
        text-align:center;
        vertical-align:top;
    }
    .rowmekanisme{
        width:100%;        
        display:flex;
    }
    .rowmekanismesmall{
        width:100%;
        display:none;
    }
    .mekanismecolno {
        text-align:center;
        width: 50px;
        max-width: 50px;
    }
    .mekanismecolblank {
        display:inline;
    }
    .mekanismecolblank2 {
        display:none;
    }
    .mekanismecol1 {
        text-align:right;
        padding-top:0;
    }    
    .mekanismecol2 {
        text-align:left;
    }
    .mekanismeno1{
        text-align: right;
    }
    .mekanismenoother{
        text-align: left;
    }
    .mekanismeflexno{
        text-align:right;
        vertical-align: top;
    }
    .mekanismeflexcontent{
        text-align:left;
        vertical-align: top !important;        
    }
    .mekanismetext {
        font-size: 1.3rem;
    }
    .skmenteritext {
        font-size: 10px;
        line-height: normal;
        color:blue;
    }
    .cowbgwidefluid {
        width:100%;
        z-index:-1;
        display:inline-block;
    }
    .cowbgsmallfluid {
        width:100%;
        z-index:-1;
        display:none;
    }      
    .cowmascotfluid {
        width:30%;        
        margin-left:-40%;
        margin-top:-2%;
    }
	.cowmascotfluid2 {
        width:35%;        
        margin-left:-50%;
        margin-top:60px;
    }
 }

 @media all and (min-width: 768px) and (max-width: 991px) { 
    .btnlanding {
        position:relative;
        text-align:center;
        margin-top:4%;
        z-index:1;
        width:100%;
    }
    .btnlandingleft {
        text-align:right;
        width: 50%;
        padding-right:2em;
    }
    .btnlandingleft img{
        width:18em;
    }
    .btnlandingright {
        text-align:left;        
        width: 50%;
        padding-left:2em;
    }
    .btnlandingright img{
        width:18em;
    }
    .header {
        width:100%;
        padding-bottom:0;
    }
    .content {
        width:100%;            
        margin-top:-4%;
        text-align:center;
        margin-bottom:0;
    }
    .content2 {
        width:100%;
        margin-top:-12%;
        text-align:center;
        margin-bottom:0;
    }
    .footer {
        width:100%;
        margin-top:-5%;
        text-align:center;
        margin-bottom:0;
    }
    .footerlanding {
        width:100%;
        margin-top:-15%;
        text-align:center;
        margin-bottom:0;
    }
    .awanleft {
        width:62%;
        z-index:-1;
        margin-top:-17%;
        margin-left:-31%!important;
    }
    .awanright{
        width:62%;
        z-index:-1;
        margin-top:-17%;
        margin-right:-31%!important;
    }
    .logo {
        position: absolute;
        left:0;
        top:0;
        width:20%;
    }
    .balonbg{
        width:85%;
        z-index:-1;
        margin-top:12%;
    }
    .titlecustom {
        width:75%;
    }
    .hadiah {
        width:90%;
    }    
    .mekanisme {
        width:100%;
    }
    .cowbg{
        width:100%;
        z-index:-1;
    } 
    .cowbalon_container {
        text-align:left;
    }
    .cowbalon{
        width:45%;        
        margin-left:-15%;
        margin-top:15%;
    }
    .cowmascot {
        width:30%;        
        margin-left:-42%;
        margin-top:2%;
    }
    .textcondition{        
        width:40%;
        margin-top:-6%;
        margin-left:2%;
    }         
    .textdownload{        
        width:45%;
        margin-top:35%;
    }
    .buttondownload{        
        width:300px;
    }
    .messagecontainer{
        margin-top:-2%;
        text-align:center;
        vertical-align:top;
    }

    .awanleftfluid {
        width:60%;
        z-index:-1;
        text-align:left;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-left:-31%!important; */
    }
    .awanrightfluid{
        width:60%;
        z-index:-1;
        text-align:right;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-right:-31%!important; */
    }
    .pesawat{
        text-align:center;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-right:-31%!important; */
    }
    img.pesawat{
        width:20%;
        z-index:-1;
        margin-top:8%;
        margin-left:8%;
    }
    .rowtitle{
        margin-top:-8%;
    }
    .awankirifluid{
        width:30%;
        z-index:-1;
        margin-top:20%;
        margin-right:40%;
    }
    .awankananfluid{
        width:30%;
        z-index:-1;
        margin-top:30%;
        margin-left:35%;
    }
    .titlefluid {
        width:160%;
        margin-left:-26%;
    }
    .rowhadiah{
        padding-top:2%;
    }
    .hadiahwisatafluid{
        width:80%;
    }
    .rowhadiah2{
        padding-top:0;
    }
    .hadiah1fluid{
        width:70%;
        margin-top:2%;
        margin-left:25%;
    }
    .hadiah2fluid{
        width:70%;
        margin-top:20%;
        margin-left:-25%;
    }
    .hadiah3fluid{
        width:70%;
        margin-top:-5%;
        margin-left:25%;
    }
    .hadiah4fluid{
        width:70%;
        margin-top:15%;
        margin-left:-25%;
    }
    .nofluid{
        width:1%;
    }
    .nofluidrem{
        width:2rem;
    }
    .sachetfluid{
        width:300px;
        padding-top:1rem;
    }
    .amplop{
        width:150px;
    }
    .addressfluid{
        width:300px;
        text-align: center;
    }
    .addresscontainerfluid{
        text-align:left;
        padding-top:1rem;
    }
    .messagecontainerfluid{
        margin-top:-2%;
        text-align:center;
        vertical-align:top;
    }
    .rowmekanisme{
        width:100%;        
        display:inline-block;
    }
    .rowmekanismesmall{
        width:100%;
        display:none;
    }
    .mekanismecolno {
        text-align:center;
        width: 50px;
        max-width: 50px;
    }
    .mekanismecolblank {
        display:inline;
    }
    .mekanismecolblank2 {
        display:inline;
    }
    .mekanismecol1 {
        text-align:right;
        padding-top:0;
    }    
    .mekanismecol2 {
        text-align:left;
    }
    .mekanismeno1{
        text-align: left;
    }
    .mekanismenoother{
        text-align: left;
    }
    .mekanismeflexno{
        text-align:right;
        vertical-align: top;
    }
    .mekanismeflexcontent{
        text-align:left;
        vertical-align: top !important;        
    }
    .mekanismetext {
        font-size: 1.3rem;
    }
    .skmenteritext {
        font-size: 10px;
        line-height: normal;
        color:blue;
    }
    .cowbgwidefluid {
        width:100%;
        z-index:-1;
        display:none;        
    }
    .cowbgsmallfluid {
        width:100%;
        z-index:-1;
        display:inline-block;
        margin-top:8%;    
    }      
    .cowmascotfluid {
        width:40%;
        margin-left:-25%;
        margin-top:10%;
    }
    .cowmascotfluid2 {
        width:40%;
        margin-left:-50%;
        margin-top:8%;        
    }
 }
 
 @media all and (min-width: 576px) and (max-width: 767px) { 
    .btnlanding {
        position:relative;
        text-align:center;
        margin-top:5%;
        z-index:1;
        width:100%;
    }
    .btnlandingleft {
        text-align:center;
        width: 100%;
        /* padding-right:2em; */
    }
    .btnlandingleft img{
        width:18em;
    }
    .btnlandingright {
        text-align:center;
        padding-top:1.5em;
        width: 100%;
        /* padding-left:2em; */
    }
    .btnlandingright img{
        width:18em;
    }
    .header {
        width:100%;
        padding-bottom:0;
    }
    .content {
        width:100%;            
        margin-top:-4%;
        text-align:center;
        margin-bottom:0;
    }
    .content2 {
        width:100%;
        margin-top:-12%;
        text-align:center;
        margin-bottom:0;
    }
    .footer {
        width:100%;
        margin-top:10%;
        text-align:center;
        margin-bottom:0;
    }
    .footerlanding {
        width:100%;
        margin-top:-20%;
        text-align:center;
        margin-bottom:0;
    }
    .awanleft {
        width:62%;
        z-index:-1;
        margin-top:-17%;
        margin-left:-31%!important;
    }
    .awanright{
        width:62%;
        z-index:-1;
        margin-top:-17%;
        margin-right:-31%!important;
    }
    .logo {
        position: absolute;
        left:0;
        top:0;
        width:30%;
    }
    .balonbg{
        width:85%;
        z-index:-1;
        margin-top:12%;
    }
    .titlecustom {
        width:75%;
    }
    .hadiah {
        width:90%;
    }    
    .mekanisme {
        width:100%;
    }
    .cowbg{
        width:100%;
        z-index:-1;
    } 
    .cowbalon_container {
        text-align:left;
    }
    .cowbalon{
        width:45%;        
        margin-left:-15%;
        margin-top:13%;
    }
    .cowmascot {
        width:30%;        
        margin-left:-42%;
        margin-top:2%;
    }
    .textcondition{        
        width:50%;
        margin-top:-8%;
        margin-left:3%;
    }
    .textdownload{        
        width:45%;
        margin-top:35%;
    }
    .buttondownload{        
        width:280px;
    }
    .messagecontainer{
        margin-top:-2%;
        text-align:center;
        vertical-align:top;
    }

    .awanleftfluid {
        width:70%;
        z-index:-1;
        text-align:left;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-left:-31%!important; */
    }
    .awanrightfluid{
        width:70%;
        z-index:-1;
        text-align:right;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-right:-31%!important; */
    }
    .pesawat{
        text-align:center;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-right:-31%!important; */
    }
    img.pesawat{
        width:20%;
        z-index:-1;
        margin-top:8%;
        margin-left:8%;
    }
    .rowtitle{
        margin-top:-5%;
    }
    .awankirifluid{
        width:30%;
        z-index:-1;
        margin-top:25%;
        margin-right:40%;
    }
    .awankananfluid{
        width:30%;
        z-index:-1;
        margin-top:30%;
        margin-left:35%;
    }
    .titlefluid {
        width:160%;
        margin-left:-26%;
    }
    .rowhadiah{
        padding-top:2%;
    }
    .hadiahwisatafluid{
        width:80%;
    }
    .rowhadiah2{
        padding-top:0;
    }
    .hadiah1fluid{
        width:90%;
        margin-top:2%;
        margin-left:10%;
    }
    .hadiah2fluid{
        width:90%;
        margin-top:20%;
        margin-left:0;
    }
    .hadiah3fluid{
        width:90%;
        margin-top:-5%;
        margin-left:10%;
    }
    .hadiah4fluid{
        width:90%;
        margin-top:15%;
        margin-left:0;
    }
    .nofluid{
        width:1%;
    }
    .nofluidrem{
        width:2rem;
    }
    .sachetfluid{
        width:300px;
        padding-top:1rem;
    }
    .amplop{
        width:150px;
    }
    .addressfluid{
        width:300px;
        text-align: center;
    }
    .messagecontainerfluid{
        margin-top:-2%;
        text-align:center;
        vertical-align:top;
    }
    .rowmekanisme{
        width:100%;        
        display:none;
    }
    .rowmekanismesmall{
        width:100%;
        display:flex;
    }
    .mekanismecolno {
        text-align:center;
        width: 50px;
        max-width: 50px;
    }
    .mekanismecolblank {
        display:none;
    }
    .mekanismecolblank2 {
        display:none;
    }
    .mekanismecol1 {
        text-align:right;
        padding-top:0;
    }    
    .mekanismecol2 {
        text-align:left;
    }
    .mekanismeno1{
        text-align: center;
    }
    .mekanismenoother{
        text-align: center;
    }
    .mekanismeflexno{
        text-align:right;
        vertical-align: top;
    }
    .mekanismeflexcontent{
        text-align:center;
        vertical-align: top !important;        
    }
    .mekanismetext {
        font-size: 1rem;
    }
    .skmenteritext {
        font-size: 8px;
        line-height: normal;
        color:blue;
    }
    .cowbgwidefluid {
        width:100%;
        z-index:-1;
        display:none;
    }
    .cowbgsmallfluid {
        width:100%;
        z-index:-1;
        display:inline-block;
        margin-top:5%;
    }      
    .cowmascotfluid {
        width:45%;
        margin-left:-15%;
        margin-top:2%;
    }
    .cowmascotfluid2 {
        width:50%;
        margin-left:-45%;
        margin-top:-4%;        
    }
 }
 
 @media all and (max-width: 575px) { 
    .btnlanding {
        position:relative;
        text-align:center;
        margin-top:8%;
        z-index:1;
        width:100%;
    }
    .btnlandingleft {
        text-align:center;        
        width:100%;
        /* padding-right:2em; */
    }
    .btnlandingleft img{
        width:18em;
    }
    .btnlandingright {
        text-align:center;
        padding-top:1.5em;        
        width:100%;
        /* padding-left:2em; */
    }
    .btnlandingright img{
        width:18em;
    }
    .header {
        width:100%;
        padding-bottom:0;
    }
    .content {
        width:100%;            
        margin-top:-4%;
        text-align:center;
        margin-bottom:0;
    }
    .content2 {
        width:100%;
        margin-top:-12%;
        text-align:center;
        margin-bottom:0;
    }
    .footer {
        width:100%;
        margin-top:15%;
        text-align:center;
        margin-bottom:0;
        padding-top:5%;
    }
    .footerlanding {
        width:100%;        
        text-align:center;
        position:absolute;
        bottom:0;
    }
    .awanleft {
        width:62%;
        z-index:-1;
        margin-top:-17%;
        margin-left:-31%!important;
    }
    .awanright{
        width:62%;
        z-index:-1;
        margin-top:-17%;
        margin-right:-31%!important;
    }
    .logo {
        position: absolute;
        left:0;
        top:0;
        width:30%;
    }
    .balonbg{
        width:85%;
        z-index:-1;
        margin-top:12%;
    }
    .titlecustom {
        width:75%;
    }
    .hadiah {
        width:90%;
    }    
    .mekanisme {
        width:100%;
    }
    .cowbg{
        width:100%;
        z-index:-1;
    } 
    .cowbalon_container {
        text-align:left;
    }
    .cowbalon{
        width:40%;        
        margin-left:-17%;
        margin-top:13%;
    }
    .cowmascot {
        width:30%;        
        margin-left:-42%;
        margin-top:2%;
    }
    .textcondition{        
        width:70%;
        margin-top:-10%;
        margin-left:4%;
    }
    .textdownload{        
        width:50%;
        margin-top:35%;
    }
    .buttondownload{        
        width:250px;
    }
    .messagecontainer{
        margin-top:-2%;
        text-align:center;
        vertical-align:top;
    }

    .awanleftfluid {
        width:70%;
        z-index:2;
        text-align:left;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-left:-31%!important; */
    }
    .awanrightfluid{
        width:70%;
        z-index:2;
        text-align:right;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-right:-31%!important; */
    }
    .pesawat{
        text-align:center;
        padding:0;
        margin:0;
        /* margin-top:-17%; */
        /* margin-right:-31%!important; */
    }
    img.pesawat{
        width:20%;
        z-index:-1;
        margin-top:8%;
        margin-left:8%;
    }
    .rowtitle{
        margin-top:-5%;
    }
    .awankirifluid{
        width:30%;
        z-index:-1;
        margin-top:25%;
        margin-right:40%;
    }
    .awankananfluid{
        width:30%;
        z-index:-1;
        margin-top:30%;
        margin-left:35%;
    }
    .titlefluid {
        width:200%;
        margin-left:-40%;
    }
    .rowhadiah{
        padding-top:2%;
    }
    .hadiahwisatafluid{
        width:80%;
    }
    .rowhadiah2{
        padding-top:0;
    }
    .hadiah1fluid{
        width:95%;
        margin-top:2%;
        margin-left:10%;
    }
    .hadiah2fluid{
        width:95%;
        margin-top:20%;
        margin-left:0;
    }
    .hadiah3fluid{
        width:95%;
        margin-top:-5%;
        margin-left:10%;
    }
    .hadiah4fluid{
        width:95%;
        margin-top:15%;
        margin-left:0;
    }
    .nofluid{
        width:1%;
    }
    .nofluidrem{
        width:2rem;
    }
    .sachetfluid{
        width:300px;
        padding-top:1rem;
    }
    .amplop{
        width:150px;
    }
    .addressfluid{
        width:300px;
        text-align: center;
    }
    .messagecontainerfluid{
        margin-top:-2%;
        text-align:center;
        vertical-align:top;
    }
    .rowmekanisme{
        width:100%;        
        display:none;
    }
    .rowmekanismesmall{
        width:100%;
        display:flex;
    }
    .mekanismecolno {
        text-align:center;
        width: 50px;
        max-width: 50px;
    }
    .mekanismecolblank {
        display:none;
    }
    .mekanismecolblank2 {
        display:none;
    }
    .mekanismecol1 {
        text-align:right;
        padding-top:0;
    }    
    .mekanismecol2 {
        text-align:left;
    }
    .mekanismeno1{
        text-align:center;
    }
    .mekanismenoother{
        text-align:center;
    }
    .mekanismeflexno{
        text-align:right;
        vertical-align: top;
    }
    .mekanismeflexcontent{
        text-align:center;
        vertical-align: top !important;        
    }
    .mekanismetext {
        font-size: 1rem;
    }
    .skmenteritext {
        font-size: 4px;
        line-height: normal;
        color:blue;
    }
    .cowbgwidefluid {
        width:100%;
        z-index:-1;
        display:none;
    }
    .cowbgsmallfluid {
        width:100%;
        z-index:-1;
        display:inline-block;
        margin-top:10%;
    }      
    .cowmascotfluid {
        width:60%;
        margin-left:-8%;
        margin-top:-10%;        
    }
    .cowmascotfluid2 {
        width:60%;
        margin-left:-45%;
        margin-top:-10%;        
    }
 }
 
 
 
 /* Portrait */
 @media screen and (orientation:portrait) { /* Portrait styles here */ }
 /* Landscape */
 @media screen and (orientation:landscape) { /* Landscape styles here */ }
 
 
 /* CSS for iPhone, iPad, and Retina Displays */
 
 /* Non-Retina */
 @media screen and (-webkit-max-device-pixel-ratio: 1) {
 }
 
 /* Retina */
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
 }
 
 /* iPhone Portrait */
 @media screen and (max-width: 480px) and (orientation:portrait) {
 } 
 
 /* iPhone Landscape */
 @media screen and (max-width: 480px) and (orientation:landscape) {
 }
 
 /* iPad Portrait */
 @media screen and (min-width: 480px) and (orientation:portrait) {
 }
 
 /* iPad Landscape */
 @media screen and (min-width: 480px) and (orientation:landscape) {
 }