Team:Tianjin/Team/css/responsive.css

html {    -webkit-text-size-adjust: none; } .video embed, .video object, .video iframe {    width: 100%;    height: auto; } img{ max-width:100%; height: auto;     width: auto\9; /* ie8 */ }

@media only screen and (min-width: 768px) and (max-width: 959px) { /* -------------------------------------------- */ /* ------------------Header-------------------- */

/* -------------------------------------------- */ /* ------------------Content------------------- */

/* -------------------------------------------- */ /* ------------------Footer-------------------- */

/* -------------------------------------------- */ /* ------------------Other----------------*---- */

}

@media only screen and (max-width: 767px) { /* -------------------------------------------- */ /* ------------------Header-------------------- */ header {margin-top: 0px;height:150px;} header #logo{top:20px;}

/* -------------------------------------------- */ /* ------------------Featured------------------ */

/* -------------------------------------------- */ /* ------------------Content------------------- */

/* -------------------------------------------- */ /* ------------------Footer-------------------- */

/* -------------------------------------------- */ /* ------------------Other----------------*---- */ }

@media only screen and (min-width: 620px) and (max-width: 767px) { /* -------------------------------------------- */ /* ------------------Header-------------------- */

/* -------------------------------------------- */ /* ------------------Content------------------- */

/* -------------------------------------------- */ /* ------------------Footer-------------------- */

/* -------------------------------------------- */ /* ------------------Other----------------*---- */ }

@media only screen and (min-width: 480px) and (max-width: 619px) { /* -------------------------------------------- */ /* ------------------Header-------------------- */

/* -------------------------------------------- */ /* ------------------Content------------------- */

/* -------------------------------------------- */ /* ------------------Footer-------------------- */

/* -------------------------------------------- */ /* ------------------Other----------------*---- */ }

@media only screen and (max-width: 479px) { /* -------------------------------------------- */ /* ------------------Header-------------------- */ header{height: 170px;} header #logo{top:20px;} header #search{bottom: 15px; width: 230px; top:auto; left: 5px;} header #search input{width: 194px;}

.menu{display:none;} .minimenu{display:block;}

#main-content .comment input, #main-content .comment textarea{width:90%;} /* -------------------------------------------- */ /* ------------------Content------------------- */

/* -------------------------------------------- */ /* ------------------Footer-------------------- */

/* -------------------------------------------- */ /* ------------------Other----------------*---- */ }