AhmadNaser Responsive WebSite CSS BASE , Desktop , Tablet , Mobile

AhmadNaser Responsive WebSite CSS BASE

/*
Theme Name: AhmadNaser Responsive WebSite CSS BASE
Theme URI: http://ahmadnaser.com/
Author: AhmadNaser
*/



/*
=============================================== 01. BASE STYLES (1140px) ===============================================
*/

.AhmadNaser-Item
{
/*CSS GOES HERE Facebook.com/Dev.Ahmadnaser*/
}

/*
=============================================== 01.5. #DESKTOP wide (1139+++px) ===============================================
*/

@media only screen and (min-width: 1139px)  {

.AhmadNaser-Item
{
/*CSS GOES HERE Facebook.com/Dev.Ahmadnaser*/
}

}

/*
=============================================== 02. #DESKTOP (960px) ===============================================
*/
/* Note: Design for a width of 960px */
@media only screen and (min-width: 959px) and (max-width: 1140px) {
.AhmadNaser-Item
{
/*CSS GOES HERE Facebook.com/Dev.Ahmadnaser*/
}

}







/*
=============================================== 03. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */

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

.AhmadNaser-Item
{
/*CSS GOES HERE Facebook.com/Dev.Ahmadnaser*/
}

}



/*
=============================================== 04. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
.AhmadNaser-Item
{
/*CSS GOES HERE Facebook.com/Dev.Ahmadnaser*/
}
}




/*
=============================================== 05. #Mobile (Landscape) ===============================================
*/
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.AhmadNaser-Item
{
/*CSS GOES HERE Facebook.com/Dev.Ahmadnaser*/
}
}