/* QUERIES FOR IPAD/TABLETPC  PORTRAIT AND LANDSSCAPE */
@media only screen and (max-width: 1024px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

/* Headings
---------------------------------------- */
h1 { font-size: 50px; line-height: 58px; }
h2 { font-size: 35px; line-height: 43px; }
h3 { font-size: 24px; line-height: 30px; }
h4 { font-size: 18px; line-height: 22px; }
h5 { font-size: 16px; line-height: 19px; }
h6 { font-size: 14px; line-height: 17px; }


/* Forms
---------------------------------------- */
input[type=text], input[type=password] { width: 180px; }		/* padding issue (200 + 2*5 = 210) */
textarea { width: 290px; height: 150px; max-width: 100%; }		/* padding issue (320 + 2*5 = 330) */

/*---------------------------------------------- 
General ID's or Classes
------------------------------------------------*/
.wrapper { width: 690px; }
#sidebar { width: 180px; }
#maincontent { width: 480px; }

/*---------------------------------------------- 
Top
------------------------------------------------*/
#top .latest_tweet { width: 450px;}
	
	
/*---------------------------------------------- 
Entries
------------------------------------------------*/
.entry { width: 330px; }

/*---------------------------------------------- 
Comments
------------------------------------------------*/
#comments .comment .comment { padding-left: 30px; }

	
/*---------------------------------------------- 
Columns
------------------------------------------------*/
.one_full { width: 100%; }
.one_half  { width: 300px; }
.one_third { width: 190px; }
.two_third { width: 410px; }

.last {	margin-right: 0px; }

#loader{left:235px;}

#footer .view .monitor{ background:url(../images/monitor.png) no-repeat top left; width:15px; height:15px;}
#footer .view .ipad{ background:url(../images/ipad.png) no-repeat bottom left; width:13px; height:15px;}
#footer .view .iphone{ background:url(../images/iphone.png) no-repeat top left; width:9px; height:16px; }
}


/* QUERIES FOR IHONE/SMARTPHONES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {

/* Headings
---------------------------------------- */
h1 { font-size: 44px; line-height: 46px; }
h2 { font-size: 26px; line-height: 34px; }
h3 { font-size: 20px; line-height: 26px; }
h4 { font-size: 18px; line-height: 22px; }
h5 { font-size: 16px; line-height: 19px; }
h6 { font-size: 14px; line-height: 17px; }

/* Forms
---------------------------------------- */
input[type=text], input[type=password] { width: 230px;  max-width: 100%; }		/* padding issue (250 + 2*5 = 260) */
textarea { width: 230px; height: 150px; max-width: 100%; }		/* padding issue (250 + 2*5 = 260) */

/*---------------------------------------------- 
General ID's or Classes
------------------------------------------------*/
.wrapper { width: 300px; float: none; }		/* visuel width = 280 */
#sidebar { width: 240px; padding: 60px 30px 30px 30px; float: none; margin-bottom: 30px;}
#maincontent { width: 300px; }


/*---------------------------------------------- 
Header
------------------------------------------------*/
header #logo { float: none; text-align: center; }
header #logo a { margin: 0 auto; display: inline-block; }

/*---------------------------------------------- 
Footer
------------------------------------------------*/
footer .left_float, footer .right_float { float: none; }

/*---------------------------------------------- 
Nav
------------------------------------------------*/
nav, #nav { width:300px; margin: 30px 0 0 0; float: none; background-color:aqua;  }
/* #header #nav .right_float{float: none; background-color:aqua; width: 300px;} */
nav ul li, #nav nav ul li { margin: 0 auto;
	margin-left: 26px; 
	line-height: 50px; }

		
/*---------------------------------------------- 
Top
------------------------------------------------*/
#top { text-align: center; }


/*---------------------------------------------- 
Bottom
------------------------------------------------*/
#bottom { position:absolute; }
#bottom .bottom_inner {	padding: 25px 0 30px 0; }

/*---------------------------------------------- 
Pagecontent
------------------------------------------------*/
.pageloader_inner {	background: #fff;	box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;	-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;	-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;	border-bottom: 1px solid #e0e0e0;
	}

/*---------------------------------------------- 
Article
------------------------------------------------*/
article, #article {	background: none;	box-shadow:  none;	-moz-box-shadow:  none;	-webkit-box-shadow:  none;	border-bottom: none;	}
		
/*---------------------------------------------- 
Entries
------------------------------------------------*/
.entry { width: 300px; }

/*---------------------------------------------- 
Comments
------------------------------------------------*/
#comments .comment .comment { padding-left: 15px; }

/*---------------------------------------------- 
Social Media Widget
------------------------------------------------*/
.socialmedia { float: none; }
.socialmedia a { display: inline-block; float: none; width: 40px; height: 40px; margin-left: -4px;}


/*---------------------------------------------- 
Social Media Widget
------------------------------------------------*/
.latest_tweet { display: none; }
		
	
/*---------------------------------------------- 
Columns
------------------------------------------------*/
.columnsection { margin: 0; padding: 0;}
.column { float: none; margin:0; padding:0; padding-top: 30px; }
div .column:first-child { padding: 0; }
.one_full { width: 240px; }
.one_half  { width: 240px; }
.one_third { width: 240px; }
.two_third { width: 240px; }
.thirds {width: 100%;}

.last {	margin-right: 0px; }

#loader{left:40px;}

#footer .right_float .view { float:none;  margin:0 auto; text-align: center; margin:20px 0 20px 118px; padding-bottom: 20px;}
#footer .view .monitor{ background:url(../images/monitor.png) no-repeat top left; width:15px; height:15px;}
#footer .view .ipad{ background:url(../images/ipad.png) no-repeat top left; width:13px; height:15px;}
#footer .view .iphone{ background:url(../images/iphone.png) no-repeat bottom left; width:9px; height:16px; }

}