@charset "utf-8";
/* CSS Document */
@media all and (max-width: 1220px) {
    .topnav {
        width:100%;
    }
    .aboutarea {
        width:100%;
    }
    .servarea {
        width:100%;
    }
    .areabranch {
        width:100%;
    }
    .prodarea {
        width:100%;
    }
    .areanews {
        width:100%;
    }
    .conformarea {
        width:100%;
    }
    .conformarea2col {
        width:100%;
    }
    .coninfoarea {
        width:100%;
    }
    .listbranchwitp {
        width:23%;
        margin:1%;
    }
}
@media all and (max-width: 950px) {
    .areacvdo {
        width:90%;
        padding:0 5% 0 5%;
    }
}
@media all and (max-width: 800px) {
    .aboutarea {
        box-sizing: border-box;
        padding:0 5% 0 5%;
    }
    .servarea {
        box-sizing: border-box;
        padding:0 5% 0 5%;
    }
    .prodarea {
        box-sizing: border-box;
        padding:0 5% 0 5%;
    }
    .areanews {
        box-sizing: border-box;
        padding:0 5% 0 5%;
    }
    .conformarea {
        box-sizing: border-box;
        padding:0 5% 0 5%;
    }
    .conformarea2col {
        box-sizing: border-box;
        padding:0 5% 0 5%;
    }
    .coninfoarea {
        box-sizing: border-box;
        padding:0 5% 0 5%;
    }

    .aboutleft {
        width:100%;
        padding:0 0 40px 0;
    }
    .aboutright {
        width:100%;
        padding:0;
    }
    .sectservice {
        padding:60px 0 0 0;
    }
    .servarea .threecol {
        width:100%;
        text-align:center;
        padding:0 0 60px 0;
    }
    .twopack {
        width:100%;
        margin:0 0 40px 0;
    }
    .threepack {
        width:100%;
        margin:0 0 40px 0;
    }
    .fourpack {
        width:100%;
        margin:0 0 40px 0;
    }
    .pack-icon {
        min-width:5%;
    }
    .pack-text {
        width:95%;
    }
    .areanews .newsfull {
        width:100%;
        padding:0;
    }
    .shwnews {
        width:100%;
        box-sizing: border-box;
        padding:0 0 40px 0;
        float:left;
    }
    .shwnews .hilpic {
        width:100%;
        padding:0 0 20px 0;
    }
    .shwnews .hiltxt {
        width:100%;
        padding:0;
    }
    .sectgallery ul li {
        width:50%;
    }
    .conformarea .colleft {
        width:100%;
        padding:0;
    }
    .conformarea2col .colleft {
        width:100%;
        padding:0;
    }
    .conformarea .colright {
        width:100%;
        padding:0;
    }
    .conformarea2col .colright {
        width:100%;
        padding:0;
    }
    .btsubmt2col {
        width:100%;
        text-align:center;
    }
    .btsubmt button {
        padding:10px 50px 10px 50px;
    }

    .conformarea2col .colright ul {
        margin:40px 0 0 0;
        padding:0;
        list-style-type:none;
    }
    .conformarea2col .colright ul li {
        box-sizing: border-box;
        display:inline;
        width:50%;
        padding:0 5% 0 5%;
        float:left;
    }
    .conformarea2col .colright ul li img {
        max-width:100%;
        height:auto;
    }

    .coninfoarea .contleft {
        width:100%;
        padding:0 0 30px 0;
    }
    .coninfoarea .contright {
        width:100%;
        padding:0;
    }
    .aboutfull {
        padding:0;
    }
    .aboutfull p {
        text-align:left;
    }
    .servleft {
        width:100%;
        padding:0 0 40px 0;
    }
    .servright {
        width:100%;
        padding:0 0 60px 0;
    }
    .servfull {
        width:100%;
        padding:0 0 60px 0;
    }
    .servfull p {
        text-align:left;
    }
    .threeprod {
        width:46%;
        margin:0 2% 40px 2%;
    }
    .fourprod {
        width:46%;
        margin:0 2% 40px 2%;
    }
    .proddetailarea {
        padding:0 0 20px 0;
    }
    .prodboxtwo {
        width:100%;
        margin:0 0 40px 0;
    }
    .sectservleft .servleft {
        width:100%;
        padding:0 2% 0 2%;
    }
    .sectservleft .servleft img {
        margin:0 0 0 0;
    }
    .sectservleft .servright {
        width:100%;
        float:left;
        padding:30px 2% 0 2%;
    }
    .onepackleft {
        width:100%;
        box-sizing: border-box;
        display:inline-block;
    }
    .onepackright {
        width:100%;
        box-sizing: border-box;
        float:left;
        padding:0;
    }
    .onepackright p {
        margin-top:20px;
    }
    .slistbranch {
        width:48%;
        margin:1%;
        padding:15px 15px 15px 15px;
    }
    .listbranchwitp {
        width:31.33%;
        margin:1%;
    }
}
@media all and (max-width: 600px) {
    /* Font for mobile */
    .aboutfull p {
        font-size:18px;
        line-height:30px;
    }
    .aboutfull ul li {
        font-size:18px;
        line-height:30px;
    }
    .aboutleft p {
        font-size:18px;
        line-height:30px;
    }
    .aboutleft ul li {
        font-size:18px;
        line-height:30px;
    }
    .servarea .threecol span {
        font-size:18px;
        line-height:30px;
    }
    .sectservright .servleft p {
        font-size:18px;
        line-height:30px;
    }
    .sectservleft .servright p {
        font-size:18px;
        line-height:30px;
    }
    .servfull p {
        font-size:18px;
        line-height:30px;
    }
    .txtwhtget {
        font-size:18px;
        line-height:30px;
    }
    .txtpack {
        font-size:18px;
        line-height:30px;
    }
    .packname {
        font-size:24px;
        line-height:34px;
    }
    .onepackright p {
        font-size:18px;
        line-height:30px;
    }
    .onepackright ul li {
        font-size:18px;
        line-height:30px;
    }
    .onepackfull p {
        font-size:18px;
        line-height:30px;
    }
    .twopack ul li {
        font-size:18px;
        line-height:30px;
    }
    .threepack ul li {
        font-size:18px;
        line-height:30px;
    }
    .fourpack ul li {
        font-size:18px;
        line-height:30px;
    }
    .threeprod .prodnamenodesc {
        font-size:18px;
        line-height:30px;
    }
    .threeprod .proddesc {
        font-size:18px;
        line-height:30px;
    }
    .fourprod .prodnamenodesc {
        font-size:20px;
        line-height:32px;
    }
    .fourprod .prodname {
        font-size:20px;
        line-height:32px;
    }
    .fourprod .proddesc {
        font-size:18px;
        line-height:30px;
    }
    .conformarea .colleft input {
        font-size:18px;
        line-height:30px;
    }
    .conformarea .colright textarea {
        font-size:18px;
        line-height:30px;
    }
    .btsubmt button {
        font-size:18px;
        line-height:30px;
    }
    .coninfoarea .contfull span {
        font-size:18px;
        line-height:30px;
    }
    .coninfoarea .contright span {
        font-size:18px;
        line-height:30px;
    }
    .hlightnews .hiltxt p {
        font-size:18px;
        line-height:30px;
    }
    .othernews ul li {
        font-size:18px;
        line-height:30px;
    }
    .othernews ul li p {
        font-size:18px;
        line-height:30px;
    }
    .shwnews .hiltxt p {
        font-size:18px;
        line-height:30px;
    }
    /* Font for mobile */

    .threeprod {
        width:100%;
        margin:0 0 40px 0;
    }
    .fourprod {
        width:100%;
        margin:0 0 40px 0;
    }
    .listbranchwitp {
        width:48%;
        float:left;
        box-sizing: border-box;
        border:solid#e1e1e1 1px;
        border-radius:3px;
        padding:10px;
        margin:1%;
    }
    .shpictbrch {
        width:30%;
        box-sizing: border-box;
        float:left;
    }
    .listbranchwitp img {
        border-radius:3px;
    }
    .listbranchwitp .brancont {
        width:70%;
        float:right;
        box-sizing: border-box;
        padding:0 10px 0 10px;
    }
}
@media all and (max-width: 500px) {
    .shpictbrch {
        display:none;
    }
    .listbranchwitp .brancont {
        width:100%;
        float:right;
        box-sizing: border-box;
        padding:0 5px 0 5px;
    }
}