@charset "utf-8";
/*--TABLET--*/

@media only screen and (min-width:480px), only screen and (max-width:768px) {
	
body{font:12px/1.2em arial, helvetica, sans-serif; padding:0; line-height:1.3em;}
body#home{font:12px/1.2em arial, helvetica, sans-serif; padding:0; line-height:1.3em;}

h1, h2, h3, h4, h5, h6{line-height:1.3em; margin:0 0 5px 0; }
h1{font-size:2.8em; margin:0 0 0px 0;}
h2{font-size:2.8em; margin:0 0 12px 0;}
h3{font-size:1.4em; }
h4{font-size:1.3em; }

/*-- HEADER --*/
header{max-width:768px; min-width:480px; padding:0 0 0 0;}

/*--Logo--*/
#logo{margin:0 0 0 10px; padding:0; width:350px; height:70px; background:url(../images/taunggold-logo2.png) left top no-repeat; background-size:100%;}

/*--Wrapper--*/
#wrapper{background:#fff; margin:25px auto; padding:0; max-width:768px; min-width:480px; box-shadow:none; position:relative; }

/*--Banner--*/
#banner-set{width:66.7%; height:328px; padding:0; margin:0 0 0 0; float:right; position:relative; }

/*--Banner Sub--*/
#banner-bar-sub{width:100%; height:245px; margin:0; padding:0;}
#banner-sub{width:100%; height:217px; background:#fff; margin:0; padding:0; border:1px solid #fff;}

/*--Infoblock--*/
.ib-row-1{width:100%; height:auto; background:none; padding:0; border-bottom:0; }
.ib-row{width:100%; height:auto; background:none; padding:0; border-bottom:0; }

.ib{height:340px; }
.ib h1 a:hover, .ib h2 a:hover, .ib h3 a:hover, .ib h4 a:hover, .ib h5 a:hover{color:#000;}
.ib h2{font-size:2.5em; line-height:1.0em}

/*--Home blocks--*/
.goldsablock{height:308px;}
.goldsablock h1{font-size:4.0em; margin:80px 0 0 0}
.goldsablock p{font-size:1.2em; line-height:1.3em}

.pb-pic01{background-size:374px 360px}
.pb-pic02{background-size:374px 360px}

/*--MAIN CONTENT--*/
#main-content{margin:10px 0 0 0; padding:0 2% 30px 3%; }

/*--SIDE SECTIONS--*/
aside section{padding:12px 10px 15px 20px;}
aside section label{float:none; display:block; font-size:1em; margin: 0 0 2px;}
aside section input{font-size:1em; padding:7px; margin: 0 0 5px 0;}
aside section input[type="checkbox"]{width:10px; margin:7px 0 0 0px; font-size:0.8em}
aside section h4{margin:0 0 12px 0; font-size:1.7em}
aside section h6{margin:0;}
aside section p{font-size:0.9em; margin:0 0 0.3em 0; font-size:1em;}
aside section a{font-size:1em; }
aside section img{margin:0 0 5px 7px}

.publ a{font-size:0.85em; line-height:0.5em !important}
.publ li{margin:0 2% 0 0; max-width:60px; }
.publ li img{width:100%;}

/*--REG BTN--*/
#register button{margin:3px 0 3px 0px; padding:0 0 0 0; width:55px; height:20px; border-radius:9px}
#register button:hover{background:#6791BF;}

/*--FOOTER--*/
footer form{width:150px;}
footer input, footer textarea, footer select{margin:0 0 0 0; padding:3px 4px 4px 6px; background:#fff; color:#848b91; border:#d5d9e1 solid 1px; border-right:none;width:114px; font-size:13px}
footer{max-width:728px; min-width:478px; clear:both; line-height:1.5em; margin:0 auto; padding:25px 10px 20px 20px; color:#555555; position:relative;}
footer{max-width:95%; min-width:440px; line-height:16px; padding:25px 20px 40px 20px; }
footer p{margin:0px 0 10px 0; float:left;}
footer a{text-decoration:none; font-weight:normal;}
footer ul{width:200px; }

/*--Management--*/
.directors{}
.directors img{float:left; max-width:25% !important; margin:5px 4px 10px 0 !important;}
.directors hr{clear:both; height:2px; margin:0 0 10px 0; }

.management{width:66%; padding:0 0 0 3%; margin:0 0 10px 0; float:left}
.management h3{font-size:1.4em; margin-top:5px; margin-bottom:0 !important; line-height:1em}
.management h4{margin:0 0 0.0em 0;}
.management h5{margin-bottom:5px !important}
.management p{margin-bottom:0.5em}
.management p em{margin:0 0 0 0 !important;}
    
/*--Breezing Forms - Contact us--*/
.bfQuickMode input[type=text] {width:300px !important;}
    
#bfPage1 label {display:block; text-align:left; width:auto; margin:0 0 5px 10px;}

button#bfSubmitButton.pull-right {float:none !important; margin-left:10px;}


}