/******** DEFAULT SETTING ********/
.wrapper {
  width:90%;
}

hr.green_df {
    width:60px;
    height:4px;
}


/******** Nav ********/
nav.mainnav {
    position:fixed;
    top:0;
    left:0;
    z-index:9000;
}

.navwrap {
    width:100%;
    padding:0 20px;
}

.navcol1 {
    float:none;
    width:30%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:#174847;
    display:none;
}

button.navbtn {
    display:block;
}

.navcol2 {
    float:right;
    width:350px;
}

.navcol1-inner {
    position:absolute;
    top:50px;
    left:0;
    width:100%;
    height:85%;
    overflow:auto;
}

ul.navi {
    width:100%;
}

ul.navi li {
    display:block;
}

ul.subnavi {
    position:relative;
    display:block;
    padding:0 10px;
}


/**** Nav:640px ****/
@media screen and (max-width:642px) {
    .navcol1 {
        width:40%;
    }
    
    a.ENG,
    a.DEN {
        width:24px;
        height:24px;
    }

    a.DEN {
        margin-left:12px;
    }
    
}

/**** Nav:420px ****/
@media screen and (max-width:422px) {
    button.navbtn {
        margin-top:5px;
    }
    
    .navcol1 {
        width:70%;
    }
    
    .navcol2 {
        width:300px;
    }
    
    button.langbtn p,
    .langpanel a,
    ul.navi a {
        font-size:12px;
    }
    
      
}

/**** Nav:360px ****/
@media screen and (max-width:362px) {
    .navcol2 {
        width:250px;
    }
    /*
    button.langbtn {
        width:50%;
    }
    */
}



/******** Home ********/
img.logo,
img.pglogo {
    width:250px;
}

p.hmbantxt2 {
    font-size:1.2em;
}

h1.hmtag {
    font-size:1.3em;
}

p.whatwedo {
    font-size:1em;
}

#owl-demo .item {
    font-size:0.9em;
}

.ser1 p,
.ser2 p,
p.newstxt {
    font-size:0.9em;
}

/**** Home:800px ****/
@media screen and (max-width:802px) {

    p.hmbantxt2 {
        font-size:0.9em;
    }
    
    article.hmsec1 {
        width:90%;
        padding:40px 0;
    }
    
    .hmsec1a {
        float:none;
        width:100%;
    }
    
    figure.hmsec1b {
        float:none;
        width:100%;
        margin-top:30px;
    }
    
    #owl-demo .item {
        font-size:1em;
    }
    
    section.hmsec2 {
        padding:40px 0 0;
    }
    
    .hmsec2a {
        float:none;
        width:100%;
    }

    .hmsec2b {
        float:none;
        width:100%;
        margin-top:40px;
    }
    
    section.hmsec3 {
        padding:40px 0;
    }
    
    .hmnews {
        margin-top:40px;
    }
    
    .newsrow {
        margin-bottom:50px;
    }
    
    .ncol1 {
        width:100%;
        float:none;
    }

    .ncol2 {
        margin-top:50px;
        width:100%;
        float:none;
    }
    
    .ncol1a {
        width:15%;
        padding-right:10px;
    }

    .ncol1b {
        width:80%;
    }
        
    
}


/**** Home:640px ****/
@media screen and (max-width:642px) {
    
    p.hmbantxt2 {
        font-size:0.8em;
    }
    
    p.hmbantxt2 i {
        width:6px;
        height:6px;
        margin:0 20px;
    }
    
}

/**** Home:480px ****/
@media screen and (max-width:482px) {
    
    img.logo,
    img.pglogo {
        width:200px;
    }
    
    p.hmbantxt2 {
        font-size:1em;
        font-weight:300;
        line-height:180%;
    }
    
    p.hmbantxt2 i {
        display:none;
    }
    
    p.hmbantxt2 span {
        display:block;
    }
    
    h1.hmtag {
        font-size:1.1em;
    }
    
    p.whatwedo {
        margin-top:40px;
    }
    
    .ser1 {
        width:100%;
        float:none;
        padding-bottom:40px;
    }

    .ser2 {
        width:100%;
        float:none;
        padding-bottom:40px;
    }
    
    .ser1 i,
    .ser2 i{
        margin-bottom:0;
    }
    
    .ser1 p,
    .ser2 p{
        margin-bottom:0;
        padding-top:5px;
    }
    
    .ncol1a {
        width:18%;
    }
    
    .ncol1b {
        width:75%;
    }
    
    p.ndate {
        font-size:1.5em;  
    }
    
    p.newstxt {
        font-size:0.85em;
    }
    
    a.viewall {
        padding:6px 30px;
        font-size:0.85em;
    }
    
}


/**** Home:414px ****/
@media screen and (max-width:416px) {
    
    #owl-demo .item {
        font-size:1.1em;
    }
    
    
    
}


/******** Pg Banner ********/
h1.pgbantxt {
    font-size:2em;
}

@media screen and (max-width:802px) {
    img.pglogo {
        margin-top:80px;
    }
    
}

@media screen and (max-width:482px) {
    
    h1.pgbantxt {
        font-size:1.5em;
    }
}


/**** About Us:800px ****/
@media screen and (max-width:802px) {
    
    figure.abtsec1a {
        float:none;
        width:100%;
        margin:40px 0 0 0;
    }
    
    img.org-structure {
        width:90%;
    }
    
    p.orgdesc1 {
        font-size:1em;
    }
    
    p.orgdesc2 {
        font-size:1em;
        line-height:140%;
    }
    
}


/**** Biogas:800px ****/
@media screen and (max-width:802px) {
    
    figure.biosec1a {
        float:none;
        width:100%;
        margin:30px 0 0 0;
    }

    figure.biosec1c {
        float:none;
        width:100%;
        margin:50px 0 0 0;
    }
    
    figure.biosec2a {
        float:none;
        width:100%;
        margin:30px 0 0 0;
    }
    
}


/**** Landfill Gas:800px ****/
@media screen and (max-width:802px) {
    
    figure.lfgassec1a {
        float:none;
        width:100%;
        margin:30px 0 0 0;
    }
    
    .lfgassec1c {
        width:100%;
    }

}

/**** Landfill Gas:414px ****/
@media screen and (max-width:416px) {
    
    .lfgassec1c1 {
        float:none;
        width:100%;
    }

    .lfgassec1c2 {
        float:none;
        width:100%;
        margin-top:20px;
    }

}

/**** Waste Management:800px ****/
@media screen and (max-width:802px) {
    
    figure.wmsec1a {
        float:none;
        width:100%;
        margin:30px 0 0 0;
    }

}

/**** Renewable Energy:800px ****/
@media screen and (max-width:802px) {
    
    figure.resec1a,
    figure.resec1c {
        float:none;
        width:100%;
        margin:40px 0 0 0;
    }

}

/**** Waste to Energy:800px ****/
@media screen and (max-width:802px) {
    
    figure.wtesec1a {
        float:none;
        width:100%;
        margin:40px 0 0 0;
    }

}

/**** Services & References:480px ****/
@media screen and (max-width:482px) {
    
    ul.project i {
        width:6px;
        height:6px;
    }

    ul.project p {
        width:92%;
        font-size:0.9em;
    }
    
}


/**** Contact Us:800px ****/
@media screen and (max-width:802px) {
    
    p.cttxt {
        font-size:1em;
    }
    
    .ctcol1 {
        float:none;
        width:100%;
    }

    .ctcol2 {
        float:none;
        width:100%;
    }
    
    .ctcol1 h2,
    .ctcol2 h2 {
        font-size:1em;
    }
    
    .gmap iframe {
        height:250px;
    }
    
    .ctsec2wrap {
        width:80%;
    }
    
    label.stdfmtag,
    input.stdfmctl,
    textarea.stdfm-textarea1,
    textarea.stdfm-textarea2,
    input.stdfmbtn {
        font-size:0.9em;
    }
    
}


/**** Contact Us:480px ****/
@media screen and (max-width:482px) {
    
    .ctcol1 h5,
    .ctcol2 h5,
    .ctcol1 address,
    .ctcol2 address,
    .ctcol1 p,
    .ctcol2 p {
        font-size:0.8em;
    }
    
    .ctsec2wrap {
        width:90%;
    }
    
}




/******** Font, Text ********/
h1.pgtag1 {
    font-size:1.3em;
}

p.pgintro,
h2.pgtagsub2 {
    font-size:1em;
}

p.txt1,
p.txt2 {
    font-size:0.9em;
}


@media screen and (max-width:482px) {
    h1.pgtag1 {
        font-size:1.1em;
    }
    
    p.pgintro,
    h2.pgtagsub2 {
        font-size:0.95em;
    }
    
    p.txt1,
    p.txt2 {
        font-size:0.85em;
    }
    
}

    

/******** Footer ********/

/**** Footer:800px ****/
@media screen and (max-width:802px) {
    
    footer {
        padding:40px 0;
    }
    
    .ftcol1 {
        float:none;
        width:100%;
        text-align:center;
    }
    
    img.ftlogo {
        width:180px;
    }

    .ftcol2 {
        float:none;
        width:100%;
        margin-top:40px;
    }
    
    .ftcol2a {
        width:50%;
        padding-left:20px;
    }

    .ftcol2b {
        width:50%;
    }
    
    .ftcol2 h4 {
        font-size:0.9em;
    }
    
    ul.ftnav a,
    .ftcol2b h5,
    .ftct h6,
    .ftct address,
    .ftct p  {
        font-size:0.8em;
    }
    
    
}


/**** Footer:640px ****/
@media screen and (max-width:642px) {
    
    .ftcol2a {
        float:none;
        width:100%;
        padding-left:0;
        text-align:center;
    }

    .ftcol2b {
        float:none;
        width:60%;
        margin:30px auto 0;
    }
    
    .ftcol2 h4 {
        text-align:center;
    }
    
}


/**** Footer:480px ****/
@media screen and (max-width:482px) {

    img.ftlogo {
        width:150px;
    }
    
    .ftcol2b {
        width:80%;
    }

}

/**** Footer:414px ****/
@media screen and (max-width:416px) {

    .ftcol2b {
        width:100%;
    }

}