/* QUERIES FOR IPAD/TABLETPC  PORTRAIT AND LANDSSCAPE */
@media only screen and (max-width: 1100px){
	#logo	     	{ float: none; width: 100%; text-align:center; margin-bottom: 10px; }
	#logo a	     	{ display: inline-block; }
	.logoposition > img		{text-align:center; vertical-align:middle; display:inline;}

}
@media only screen and (max-width: 1100px), only screen and (min-device-width: 768px) and (max-device-width: 1100px){

/* Forms
---------------------------------------- */
input[type=text], input[type=password] { width: 177px; }		
textarea { width: 277px; }		/* padding issue (320 + 2*5 = 330) */

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


/*---------------------------------------------- 
Slider
------------------------------------------------*/
#home .slidermain {	width: 760px; }


/*---------------------------------------------- 
Footer
------------------------------------------------*/
footer .footer_bottom {	width: 700px; }


/*---------------------------------------------- 
Portfolio
------------------------------------------------*/
.columns4 .portfolio-entry { width: 200px; }
.columns3 .portfolio-entry { width: 200px; }
.columns2 .portfolio-entry { width: 310px; }

/*---------------------------------------------- 
Animation Section
------------------------------------------------*/	
#pageloader {
	padding: 60px 60px;
	width: 640px;
	}

/*---------------------------------------------- 
Map
------------------------------------------------*/
#map {	width: 760px;	height: 250px;	}
	

/*---------------------------------------------- 
Pagination
------------------------------------------------*/
#pagination { width: 300px;	}

/*---------------------------------------------- 
Entries
------------------------------------------------*/
#home .one_third .entry-info {	width: 155px; }
#home .one_fourth .entry-info {	width: 105px; }

#blog .entry { background: transparent url(../images/seperator.png) no-repeat 260px 0px; }
#blog .entry-content {width: 300px;}
	
/*---------------------------------------------- 
Comments
------------------------------------------------*/
#comments  { background: transparent url(../images/seperator.png) no-repeat 260px 0px; }
#comments .comment-list  { width: 300px; }
#comments .comment .comment { margin-left: 30px; }

/*---------------------------------------------- 
Leave Comments
------------------------------------------------*/
#leavecomment { background: transparent url(../images/seperator.png) no-repeat 260px 0px; }
#leavecomment .leavecomment-form { width: 300px; }
	
/*---------------------------------------------- 
Columns
------------------------------------------------*/
.one_full { width: 100%; }
.one_half  { width: 310px; }
.one_third { width: 200px; }
.two_third { width: 420px; }
.one_fourth { width: 145px; }
.two_fourth { width: 310px; }
.three_fourth { width: 475px; }

.last {	margin-right: 0px; }

#maincontent .one_half  { width: 285px; }
#maincontent .one_third { width: 180px; }
#maincontent .two_third { width: 390px; }

/*---------------------------------------------- 
FLICKR WIDGET
------------------------------------------------*/
#flickr-widget .flickr-list li { width: 79px !important; }
footer #flickr-widget .flickr-list li { width: 89px !important; }

/*---------------------------------------------- 
Pricing Table
------------------------------------------------*/	
.col3 .price-col { width: 199px; }
.col3 .recommended { width: 239px; }
.col4 .price-col { width: 154px; }
.col4 .recommended { width: 174px; }


/*---------------------------------------------- 
Flex Slider
------------------------------------------------*/	
#main .flex-direction-nav li a { width: 20px; height: 20px; top: 10px; }
#main .flex-direction-nav li .next {left: 35px;}
#main .flex-direction-nav li .prev {left: 10px;}


/*---------------------------------------------- 
jPlayer
------------------------------------------------*/	
div.jp-audio div.jp-type-single div.jp-progress-container {	width:160px;}
.one_third div.jp-audio div.jp-type-single div.jp-progress-container { width:60px; }
.one_fourth div.jp-audio div.jp-type-single div.jp-progress-container {	width:5px; }


}


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


/* Forms
---------------------------------------- */
input[type=text], input[type=password] { width: 217px; }		
textarea { width: 217px;  }		

/*---------------------------------------------- 
General ID's or Classes
------------------------------------------------*/
.wrapper { width: 240px; padding: 40px 20px 0px 20px; }
.wrapperoverlay {width: 260px; padding: 20px 20px;}
#sidebar { width: 240px; }
#maincontent { width: 240px; }


/*---------------------------------------------- 
Top
------------------------------------------------*/
#top .showhidetop { right: 30px; }

/*---------------------------------------------- 
Logo
------------------------------------------------*/
#logo	     	{ float: none; width: 100%; text-align:center; margin-bottom: 10px; }
#logo a	     	{ display: inline-block; }


/*---------------------------------------------- 
Nav
------------------------------------------------*/
nav     		{ float: none !important; }
nav ul     		{ display: none; }
nav select 		{ display: inline-block; }


/*---------------------------------------------- 
PageTitle
------------------------------------------------*/
#pagetitle .tagline { width: 100%; display: inline-block; margin-left: 0px;}


/*---------------------------------------------- 
Slider
------------------------------------------------*/
#home .slidermain 				{ width: 300px; }


/*---------------------------------------------- 
Footer
------------------------------------------------*/
footer 							{ margin-bottom: 40px; }
footer .footer_bottom 			{ width: 280px; }
footer .footer_bottom div		{ float: none; margin-bottom: 5px; }


/*---------------------------------------------- 
Portfolio
------------------------------------------------*/
.columns4 .portfolio-entry { width: 240px; }
.columns3 .portfolio-entry { width: 240px; }
.columns2 .portfolio-entry { width: 240px; }

/*---------------------------------------------- 
Animation Section
------------------------------------------------*/	
#pageloader {
	padding: 30px 30px;
	width: 240px;
	}

/*---------------------------------------------- 
Map
------------------------------------------------*/
#map {	width: 300px;	height: 200px;	}
	

/*---------------------------------------------- 
Pagination
------------------------------------------------*/
#pagination { width: 240px;	}

/*---------------------------------------------- 
Entries
------------------------------------------------*/
#home .one_third .entry-info {	width: 195px; }
#home .one_fourth .entry-info {	width: 195px; }

#blog .entry { background-position: center top; }
#blog .entry-content {width: 240px;}
#blog .entry-meta {	width: 100%; text-align: left; }

/*---------------------------------------------- 
Meta Datas
------------------------------------------------*/
.entry-meta {
	text-align: center !important;
	margin-bottom: 15px;
	}
	
.entry-meta div {
	display: inline-block;
	margin: 0 5px;
	}
	
.meta_type {
	width: 100%;
	margin: 0 0 10px 0!important;
	}
	
.meta_date {
	width: 100%;
	margin: 0 !important;
	}
	
.meta_tags {
	display: none !important;
	}
	
.meta_readmore {
	display: none !important;
	}
	
/*---------------------------------------------- 
Comments
------------------------------------------------*/
#comments  { background-position: center top; padding-top: 30px; }
#comments .comment-list  { width: 240px; }
#comments .comment .comment { margin-left: 30px; }
#commenticon {	width: 100%; text-align: center; margin-bottom: 30px; }

/*---------------------------------------------- 
Leave Comments
------------------------------------------------*/
#leavecomment { background-position: center top; padding-top: 30px; }
#leavecomment .leavecomment-form { width: 240px; }
#leavecommenticon {	width: 100%; text-align: center; margin-bottom: 30px; }
	
/*---------------------------------------------- 
Columns
------------------------------------------------*/
.one_full { width: 100%; }
.one_half  { width: 240px; }
.one_third { width: 240px; }
.two_third { width: 240px; }
.one_fourth { width: 245px; }
.two_fourth { width: 240px; }
.three_fourth { width: 240px; }

.last {	margin-right: 0px; }

#maincontent .one_half  { width: 240px; }
#maincontent .one_third { width: 240px; }
#maincontent .two_third { width: 240px; }


/*---------------------------------------------- 
Pricing Table
------------------------------------------------*/
.price-col { margin: 30px 0 0 0; }
div .price-col:first-child { margin: 0; }
.col3 .price-col { width: 240px; }
.col3 .recommended { width: 240px; }
.col4 .price-col { width: 240px; }
.col4 .recommended { width: 240px; }


/*---------------------------------------------- 
17. Widgets
------------------------------------------------*/
#top .widget { line-height: 20px; }


/*	Twitter Widget
------------------------------------------------*/
#bottom #twitter-widget, #top #twitter-widget {	background: url(../images/tweet.png) no-repeat 0px 0px;	}
	

/*---------------------------------------------- 
FLICKR WIDGET
------------------------------------------------*/
#flickr-widget .flickr-list li { width: 67px !important; }
footer #flickr-widget .flickr-list li { width: 67px !important; }

/*---------------------------------------------- 
Animation Section
------------------------------------------------*/	
#pageloader #sidebar { padding-top: 20px; }
#loader .wrapper { padding: 0 20px; }


/*---------------------------------------------- 
Flex Slider
------------------------------------------------*/	
.flex-caption { display: none; }
.flex-direction-nav li a { width: 20px; height: 20px; top: 10px; }
.flex-direction-nav li .next {left: 35px;}
.flex-direction-nav li .prev {left: 10px;}

/*---------------------------------------------- 
jPlayer
------------------------------------------------*/	
div.jp-audio div.jp-type-single div.jp-progress-container {	width:100px;}
.one_third div.jp-audio div.jp-type-single div.jp-progress-container { width:100px; }
.one_fourth div.jp-audio div.jp-type-single div.jp-progress-container {	width:100px; }

}