/*!
 * Alterna Theme Responsive css 
 */

/* Portrait tablet to landscape and desktop */
@media (max-width: 1200px) {
	
/* = Global Columns
-------------------------------------------------------------- */
	.span8 .columns-2 {width:48%;margin:0px 0.9% 10px;}
	.span8 .columns-4 {width:31%;margin:0px 0.9% 10px;}
	
	/* post with ajax */
	.post-ajax-content .post-quote-entry {padding: 60px 20px 20px 20px;}
	.span12 .columns-2 .post-ajax-border {width: 94.4%;padding: 2.6%;}
	.span12 .columns-3 .post-ajax-border {width: 94%;padding: 2.8%;}
	.span12 .columns-4 .post-ajax-border {width: 93.6%;padding: 3%;}

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

/* = Global Columns
-------------------------------------------------------------- */
	.row-fluid .columns-2 ,
	.row-fluid .columns-3 ,
	.row-fluid .columns-4 {width:48%;margin:0px 0.9% 10px;}
	.span8 .columns-2 , .span8 .columns-3 , .span8 .columns-4 {width:100%;margin:0px 0px 10px;}
	.span8 .portfolio-container .columns-4 ,
	.span8 .portfolio-container .columns-3 {width:84%;margin:0px 7.5% 10px;}
	
	
/* = Header Style
-------------------------------------------------------------- */

	/* menu */
	#alterna-drop-nav {display:block;}
	.alterna-nav-menu {display:none;}
	
	/* form */
	.alterna-nav-form-container {width:100%}
	.alterna-nav-form-container .searchform #sf-s {width:95%}
	
	/* post with ajax */
	.post-ajax-content .post-quote-entry {padding:30px 10px;}
	.post-ajax-content .post-quote-icon {zoom:0.5;}
	.span8 .columns-4 .post-ajax-content .post-quote-entry {padding: 20px 20px 20px 60px;}
	.columns-3 .post-ajax-content .post-quote-icon , .span8 .columns-3 .post-ajax-content .post-quote-icon {zoom:1;}
	.columns-3 .post-ajax-content .post-quote-entry {padding: 60px 10px 10px 10px;}
	.span8 .columns-3 .post-ajax-content .post-quote-entry {padding: 20px 20px 20px 60px;}
	.span8 .post-ajax-border {width: 95.6% !important;padding: 2% !important;}
	.span12 .columns-3 .post-ajax-border , .span12 .columns-4 .post-ajax-border {width: 92.2% ;padding: 3.2%!;}
	.single-post .post-type {zoom:0.8;}
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

	body.full-width-layout {padding:0px !important;}
/* = Global Columns
-------------------------------------------------------------- */
	.row-fluid .columns-4 ,	
	.row-fluid .columns-3 , 
	.row-fluid .columns-2 ,
	.span8 .columns-4 ,
	.span8 .columns-3 ,
	.span8 .columns-2 {width:99.6%;margin:0px 0.2% 10px;}
	.portfolio-container .columns-4 ,
	.portfolio-container .columns-3 ,
	.portfolio-container .columns-2 {width:90%;margin:0px 4.5% 10px;}
	
	
/* = Header Style
-------------------------------------------------------------- */
	
	/* header alert message */
	.header-information {width: 100%;text-align: center;}
	.header-information-line  {display:none}
	.header-information-element {float: none;margin-left: 0px;padding-left: 0px;}
	
	/* logo */
	#alterna-header .logo {width:100%;text-align:center;}
	#alterna-header .logo a {margin:0px auto;float:none;}
	
	/* social */
	#alterna-header .header-social-container {width: 100%;margin-right: 0px;text-align: center;}
	
	/* menu */
	#alterna-drop-nav {display:block;}
	.alterna-nav-menu {display:none;}
	
	/* form */
	.alterna-nav-form-container {width:100%}
	.alterna-nav-form-container .searchform #sf-s {width:90%}
	
/* = Footer Style
-------------------------------------------------------------- */
	.footer-copyright {width: 100%;text-align: center;margin-bottom:10px;}
	.footer-link {width: 100%;text-align: center;}
	
/* = Post Style
-------------------------------------------------------------- */
	.placeholding-input .comment-placeholder {left: 5px;}
	.comment-list > .children, .comment-list > .children > .children {margin-left: 0px;}
	#comment-form #comment-textarea #comment {width:90% !important;float:left;}
	
	/* post with ajax */
	.post-ajax-content .post-quote-entry {padding: 20px 20px 20px 60px;}
	.span8 .columns-4 .post-ajax-content .post-quote-entry {padding: 20px 20px 20px 60px;}
	.span8 .columns-4 .post-ajax-content .post-quote-icon {zoom:1;}
	.span8 .columns-3 .post-ajax-content .post-quote-entry {padding: 20px 20px 20px 60px;}

	.post-ajax-border {width: 96.4% !important;padding: 1.6% !important;}
	
	
/* = Portfolio Style
-------------------------------------------------------------- */
	.portfolio-filters-cate li {width:100%;}
	
/* = Shortcode Element Style
-------------------------------------------------------------- */
	
	/* ------- 1. Call To Action  ------- */
	.call-to-action-bar .btn , .call-to-action-bar .btn.default {position:static;margin-top:10px;}
	
	/* ------- 3. SideTabs  ------- */
	.sidetabs .sidetabs-container {float: left;margin-left: 0px;}
	
	/* ------- 7. Price Table  ------- */
	.price {margin-bottom: 20px;}
	
	#contact-form #commentsText {width:100%;}
	
	.portfolio-element {
		margin-bottom:20px;
		float:left !important;
	}
	
}

/* Landscape phones and down */
@media (max-width: 480px) {
/* = Global Columns
-------------------------------------------------------------- */
	.portfolio-container .columns-4 ,
	.portfolio-container .columns-3 ,
	.portfolio-container .columns-2 {width:99%;margin:0px 0.5% 10px;}
	
/* = Global Wrap Style
-------------------------------------------------------------- */
	body.boxed-layout {padding:0px 10px;}
	.header-wrap {padding:20px 15px 0px;}
	.header-wrap.container {margin-top:10px;}
	.header-top-content {padding: 6px 15px;margin-left: -15px;	margin-top: -20px;}
	.content-wrap {padding:0px 15px;background:#ffffff;}
	.footer-wrap {padding:0px 15px;}
	.footer-wrap.container {margin-bottom:10px;}
	.footer-bottom-content {padding: 8px 15px;margin-left: -15px;}

/* = Post Style
-------------------------------------------------------------- */

	/* post with ajax */		
	.post-ajax-border {width: 95% !important;padding: 2.2% !important;}
	
/* = Shortcode Element Style
-------------------------------------------------------------- */
	
	/* ------- 4. Client testimonials  ------- */
	.testimonials.testimonials-avatar .testimonials-content {float:left;}
	.testimonials.testimonials-avatar .testimonials-content {margin-left:0px;}
	.testimonials.testimonials-avatar .testimonials-name .testimonials-icon {margin-left: 23px;}
	
	/* ------- 11. History  ------- */
	.history .history-line , .history .history-hor-line , .history .history-start-point  {display:none;}
	.history .history-container , .history .history-content.history-hasimg {margin-top: 10px;float: left;margin-left: 0px;}
	
}

/* Landscape phones and down */
@media (max-width: 321px) {
/* = Global Columns
-------------------------------------------------------------- */
	/*.portfolio-container .columns-4 , 
	.portfolio-container .columns-3 ,
	.portfolio-container .columns-2 {width:99%;margin:0px 0.5% 10px;}*/
	
/* = Global Wrap Style
-------------------------------------------------------------- */
	body.boxed-layout {padding:0 5px;}
	.header-wrap {padding:10px 10px 0px;}
	.header-wrap.container {margin-top:5px;}
	.header-top-content {padding: 6px 10px;margin-left: -10px;	margin-top: -10px;}
	.content-wrap {padding:0px 10px;background:#ffffff;}
	.footer-wrap {padding:0px 10px;}
	.footer-wrap.container {margin-bottom:5px;}
	.footer-bottom-content {padding: 8px 10px;margin-left: -10px;}
	
/* = Post Style
-------------------------------------------------------------- */

	/* post with ajax */	
	.post-ajax-border {width: 94% !important;padding: 2.8% !important;}
}

/* ------- RETINA  ------- */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
  	
	/* global wrap style */
	.searchform #sf-searchsubmit , .sidebar-searchform input[type=submit] { background-image: url('../img/search_icon@2x.png'); }
	
	/* post quote style */
  	.post-quote-entry .post-quote-icon { background-image: url('../img/custom/icon-quote-post@2x.png'); }
	
	/* flexslider style */
	.flexslider .flex-prev { background-image:url('../img/custom/icon_chevron_left@2x.png'); }
	.flexslider .flex-next { background-image:url('../img/custom/icon_chevron_right@2x.png'); }
	
	/* global icons style */
	.big-icon-link { background-image:url('../img/custom/icon_link@2x.png'); }
	.big-icon-preview { background-image:url('../img/custom/icon_preview@2x.png'); }
	.big-icon-video { background-image:url('../img/custom/icon_video@2x.png'); }
	.big-icon-music { background-image:url('../img/custom/icon_music@2x.png'); }
	.big-icon-picture { background-image:url('../img/custom/icon_img@2x.png'); }
	.big-icon-slideshow { background-image:url('../img/custom/icon_gallery@2x.png'); }
	.big-icon-file { background-image:url('../img/custom/icon_file@2x.png'); }
	.big-icon-quote { background-image:url('../img/custom/icon_quote@2x.png'); }
	
	.alterna-icon-twitter { background-image:url('../img/socials/twitter@2x.png'); }
	.alterna-icon-facebook { background-image:url('../img/socials/facebook@2x.png'); }
	.alterna-icon-google-plus { background-image:url('../img/socials/google-plus@2x.png'); }
	.alterna-icon-dribbble { background-image:url('../img/socials/dribbble@2x.png'); }
	.alterna-icon-pinterest { background-image:url('../img/socials/pinterest@2x.png'); }
	.alterna-icon-flickr { background-image:url('../img/socials/flickr@2x.png'); }
	.alterna-icon-skype { background-image:url('../img/socials/skype@2x.png'); }
	.alterna-icon-youtube { background-image:url('../img/socials/youtube@2x.png'); }
	.alterna-icon-vimeo { background-image:url('../img/socials/vimeo@2x.png'); }
	.alterna-icon-linkedin { background-image:url('../img/socials/linkedin@2x.png'); }
	.alterna-icon-digg { background-image:url('../img/socials/digg@2x.png'); }
	.alterna-icon-deviantart { background-image:url('../img/socials/deviantart@2x.png'); }
	.alterna-icon-behance { background-image:url('../img/socials/behance@2x.png'); }
	.alterna-icon-forrst { background-image:url('../img/socials/forrst@2x.png'); }
	.alterna-icon-lastfm { background-image:url('../img/socials/lastfm@2x.png'); }
	.alterna-icon-rss { background-image:url('../img/socials/rss@2x.png'); }
	
	/* back top button */
	#back-top {background-image:url("../img/custom/icon_chevron_top@2x.png");}

}