@charset "utf-8"; /* CSS Document */ /* เมื่อความกว้างต่ำกว่า 1366px max*/ @media screen and (max-width: 1366px) { } /* เมื่อความกว้างต่ำกว่า 1024px max*/ @media screen and (max-width: 1024px) { } /* เมื่อความกว้างต่ำกว่า 768px max*/ @media screen and (max-width: 768px) { #link1{ clear:both; margin-bottom:10% !important; } #link2{ clear:both; margin-bottom:10% !important; } } /* เมื่อความกว้างต่ำกว่า 480px max*/ @media screen and (max-width: 480px) { h1{ font-size:2.2em !important;} h2{font-size:1.8em !important;} h3{font-size:1.5em !important;} #link1{ clear:both; margin-bottom:15% !important; } } /** Blog **/ @media screen and (max-width: 768px) { .cols-1 { display: block; float: left !important; margin: 0 !important; } .cols-2 .column-1 { width:100%; float:left; } .cols-2 .column-2 { width:100%; float:right; margin:0 } .cols-3 .column-1 { float:left; width:100%; padding:0px; margin-right:0px; } .cols-3 .column-2 { float:left; width:100%; padding:0px; margin:0px; } .cols-3 .column-3 { float:right; width:100%; padding:0px } .cols-4 .column-1 { float:left; width:100%; padding:0px; margin-right:0px; } .cols-4 .column-2 { float:left; width:100%; margin-left:0; padding:0px; margin:0px; } .cols-4 .column-3 { float:right; width:100%; padding:0px } .cols-4 .column-4 { float:right; width:100%; padding:0px } .items-row { overflow: inherit; margin-bottom:10px !important; } .column-2 { width:100%; margin-left:40%; } .column-3 { width:100% } .blog-more { padding:0px } .row-fluid .span12 { width: 95%; *width: 95%; margin-bottom:15px; } .row-fluid .span11 { width: 95%; *width: 95%; } .row-fluid .span10 { width: 95%; *width: 95%; } .row-fluid .span9 { width: 95%; *width: 95%; } .row-fluid .span8 { width: 95%; *width: 95%; } .row-fluid .span7 { width: 95%; *width: 95%; } .row-fluid .span6 { width: 95%; *width: 95%; } .row-fluid .span5 { width: 95%; *width: 95%; } .row-fluid .span4 { width: 95%; *width: 95%; } .row-fluid .span3 { width: 95%; *width: 95%; } .row-fluid .span2 { width: 95%; *width: 95%; } .row-fluid .span1 { width: 95%; *width: 95%; } }