<div>
Doesn't a localhost imply that it is local to your machine only? Please post snippets or examples of your CSS.
</div>

<div>
yes, it's not live yet, but that should not matter 
 
HTML 

<pre><code class="code-10 nolinks" id="code-20-42042004-1"> &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://localhost/aces-project.com/styles/general.css&quot; /&gt;
 
 &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen and(max-device-width: 768px)&quot; 
 href=&quot;http://localhost/aces-project.com/styles/mobile.css&quot; /&gt;
 
 &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen and(min-device-width: 768px)&quot; 
 href=&quot;http://localhost/aces-project.com/styles/tablet.css&quot; /&gt;
 
 &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen and(min-device-width: 1200px)&quot; 
 href=&quot;http://localhost/aces-project.com/styles/desktop.css&quot; /&gt;
 
</code></pre>
 
general.css 

<pre><code class="code-1 nolinks" id="code-20-42042004-2">@font-face {
 font-family: &quot;Calibri&quot;;
 src: url(calibri.ttf) format(&quot;truetype&quot;);
}
* { 
 font-family: Calibri, Verdana, Tahoma;
}
</code></pre>
 
mobile.css 

<pre><code class="code-1 nolinks" id="code-20-42042004-3">body{ background: yellow;}

#divContent{
 border-top: 3px solid black; /*rgb(214,222,32);*/
 border-bottom: 3px solid rgb(214,222,32);
}
</code></pre>
 
tablet.css 

<pre><code class="code-1 nolinks" id="code-20-42042004-4">body{ background: red;}
</code></pre>
 
desktop.css 

<pre><code class="code-1 nolinks" id="code-20-42042004-5">body{ background: green;}
</code></pre>
 
This is , of course just starter code to see trigger effects. &nbsp;I'll have a &nbsp;lot of code in each, that's why I want them separate.
</div>

<div>
Oh. I see now. It's a syntax question. 
 
Here are some examples of sizing (and syntax) for different media types: 
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries" rel="ugc">https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries</a> 
 
Or, this: 
<a href="http://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile" rel="ugc">http://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile</a>
</div>

<div>
You can't spot &nbsp;the error? I have visited those before posting.
</div>

<div>
Got it. 
 

<pre><code class="code-10 nolinks" id="code-20-42042038-1"> &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; 
 href=&quot;http://localhost/aces-project.com/styles/mobile.css&quot; /&gt;
 
 &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; 
 media=&quot;only screen and (min-width: 768px) and (min-device-width: 768px)&quot; 
 href=&quot;http://localhost/aces-project.com/styles/tablet.css&quot; /&gt;
 
 &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; 
 media=&quot;only screen and (min-width: 1024px) and (min-device-width: 1024px)&quot;
 href=&quot;http://localhost/aces-project.com/styles/desktop.css&quot; /&gt;
</code></pre>
 
Does my breakpoints seem correct?
</div>

<div>
<div class="content wysiwyg-content">
Hi Experts, 
 
Can anyone see &nbsp;why the following media queries are not firing when I resize tthe browser? 
 

<pre><code class="code-10 nolinks" id="code-10-29008025-1"> 
 &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen and(max-device-width: 768px)&quot; 
 href=&quot;http://localhost/aces-project.com/styles/mobile.css&quot; /&gt;
 
 &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen and(min-device-width: 768px)&quot; 
 href=&quot;http://localhost/aces-project.com/styles/tablet.css&quot; /&gt;
 
 &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen and(min-device-width: 1200px)&quot; 
 href=&quot;http://localhost/aces-project.com/styles/desktop.css&quot; /&gt;
 
</code></pre>
 
Thanks
</div>
</div>

Hi Experts,

Can anyone see  why the following media queries are not firing when I resize tthe browser?

(CODE)

Thanks

Media Queries  not Firing

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.