/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles // rewrite original
================================================== */
	img{ max-width: 100%; height: auto; }
	div.top-navigation-wrapper{ min-width: 0; }
	div.logo-wrapper{ max-width: 100%; }


/* #Page Styles
================================================== */
	
/* #Media Queries
================================================== */

	/* Normal Size with no sidebar */
		
	/* Normal Size with one sidebar */
	
	/* Normal Size with both sidebar */
			
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {		
	}
	
	/* iPad Landscape */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) {
		.container    { padding: 0 30px !important; }
	}
	
	/* iPad Portrait */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) {
		/* Styles */
	}
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */	
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		div.social-wrapper{ margin-right: 0; }
	
		div.both-sidebar-included .comment-wrapper input[type="text"], input[type="password"] { width: 220px; }
		div.both-sidebar-included .comment-wrapper .comment-form-captcha input{ width: 105px; }
		
		div.single-port-thumbnail-image,
		div.single-port-thumbnail-video,
		div.single-port-thumbnail-slider{ margin-right: 20px; float: left; width: 440px; }
		
		div.logo-wrapper{ margin-left: 10px; margin-right: 10px; }
		
		/* Specific styles */
		.half-size { width: 95%;}
		div.divider { margin: 5px 0; padding: 0; }
		.offerbox  { min-height: 400px; }
		.offerbox .offer-info { min-height: 330px; }
		.other-info { min-height: 100px; padding: 5px 60px 5px 0; margin: 0; }
		img.other-image { max-width: 60px; }
		.minh200 { height: auto; }
		
		
		/* Header */
		div.offers { margin-right: 50px; }		

		/* Navigation */	
		div.navigation-wrapper { float: left; margin-top: 10px; }
		div#main-superfish-wrapper { margin-left: 0; }
		
		/* Twitter */
		div.twitter {	 bottom: 310px; top: auto; left: -3px; }
		
		/* Quick Links */
		div.qlink-menu {	bottom: 400px; top: auto; left: -3px; }
		
		/* Accessibility menu */
		div.a11y-toolbar {  
			/*bottom: 295px; top: auto; */
			bottom: 508px;
			left: -2px;
			top: auto; }
		
		/* Main content */
		div.page-wrapper { padding: 0 15px 0 20px; }
		#maincontent .bgimg {
			margin: 0;
			padding: 0;
			background-size: 600px 90px;
			background-position: center;
			height: 90px;}
		
		div.copyright { float: none; }
		div.footer-wrapper { text-align: center; }
	} 

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		/* General
		------------------------------------------ */
		.half-size { width: 95%;}
		
		/* Header
		------------------------------------------ */ 
		div.header-wrapper { padding-bottom: 0; }
		div.logo-wrapper{ display: inline-block; float: none; margin-left:0px; margin-right: 0px; margin-bottom: 20px; } 
		div.logo-wrapper img { max-width: 150px; margin-left: 5px; }
		div.header-bg { 
			background-image: none;
			background-color: transparent; 
			box-shadow: none !important;
			height: auto; }		
		div.top-navigation-left{ float: none; margin-left: 0px; }
		div.top-navigation-right{ float: none; margin-top: 5px; margin-right: 0px}
		div.menu-top-menu-container{ display: inline-block; }
			
			/* Navigation */
			div.navigation-wrapper { display: none; }	
			div.responsive-menu-wrapper { display: block; margin: 0px 10px; }
		
		/* Main Content
		------------------------------------------ */
		div.container { padding: 0; }	
		#maincontent .bgimg { 
			margin: 0;
			padding: 0;
			height: 50px;
			background-size: 300px 50px;
			background-position: center; }
				
		/* Footer
		------------------------------------------ */
		div.footer-wrapper { height: auto; }
		div.footer-wrapper .container {
			font-size: 14px;
			text-align: center; }
		div.footer-widget-wrapper .custom-sidebar { margin-bottom: 5px; }
		div.copyright-wrapper{ display: block; padding: 10px; }
		div.copyright { float: none; }
		div.footer-wrapper .social-content { text-align: center; }
						
		/* Specific Elements
		------------------------------------------ */
			/* Social Media Links */
			div.social-wrapper { display: none; }
			div.responsive-social { display: block; }
			div.responsive-social span, div.responsive-social a.social-link { display: none; }		
			div.responsive-social .offers { display: block; margin: 0; }
			div#mobileIcons .offers { display: block; margin: 0 30px 0 0; }
			div#mobileIcons .offers span { font-size: 11px; }
			.offers, .social-link { display: none;  }
		
			/* Latest News */
			div#twitter-home, div.twitter.history ,.home-news-heading { display: none; }
			div.latest-news { display: block; }
		
			/* Quick Links */
			.qlink-menu { display: none; }	

			/* Accessibilty links */
			div.a11y-toolbar { top: 90px; right: -5px; left: auto; }
			.a11y-toolbar ul {
			border-bottom-left-radius: 4px;
			border-top-left-radius: 4px;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			list-style: none outside none; }
			.a11y-toolbar ul li:first-child a {  border-top-left-radius: 4px; }
			.a11y-toolbar ul li:last-child a {  border-bottom-left-radius: 4px; }
			.a11y-toolbar ul li { width: 24px; }
		
			/* Thumb Item */
			.thumb-item { width: 100%; }
			.thumb-item  .thumb50, .thumb-item  .thumb75, .thumb-item-last .thumb75  { width: 75px; margin-right: 15px; }
			
			/* Other Services */
			img.other-image { max-width: 70px; }
			
		
		/* Stunning Text */
		div.flex-caption{ display: none; }		
		div.stunning-text-wrapper{ text-align: center; }
		a.stunning-text-button{ display: inline-block; float: none; margin: 0px 0px 10px; float: none; }
		h1.stunning-text-title{ margin-bottom: 10px; float: none; }
		.responsive-title { display: block; }
		div.stunning-text-caption{ float: none; }
		
		/* Slider
		------------------------------------------ */
		div.anythingSlider,
		div.nivoSlider{ display: none !important; }
		
		/* Sidebar
		------------------------------------------ */
		div.left-sidebar-wrapper,
		div.right-sidebar-wrapper{ border: none; padding: 20px 0px 0px 0px; padding-left: 0px; height: auto !important; }
		
		/* Shortcodes
		------------------------------------------ */
		.shortcode1-4,
		.shortcode1-3,
		.shortcode1-2,
		.shortcode2-3,
		.shortcode3-4,
		.shortcode1{ width: 100%; margin-bottom: 10px; float: none; }
		
		/* Price table
		------------------------------------------ */
		.percent-column1-6,
		.percent-column1-5,
		.percent-column1-4,
		.percent-column1-3,
		.percent-column1-2,
		.percent-column1-1{ width: 50% !important; }
		div.gdl-price-item .price-item.active { padding-bottom: 30px !important; margin-top: 0px; }
		
		div.single-port-thumbnail-image,
		div.single-port-thumbnail-video,
		div.single-port-thumbnail-slider{ margin: 0px 0px 15px; float: none; width: auto; }		
		
		/* Blog
		------------------------------------------ */
		div.blog-thumbnail-info, div.single-thumbnail-info{ float: none; padding-bottom: 10px; width: auto; } 


	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		div.comment-wrapper input[type="text"], input[type="password"] { width: 270px !important; }
		div.comment-wrapper .comment-form-captcha input{ width: 155px !important; }		
		
		div.pp_pic_holder{ min-width: 200px; }
		div.pp_default .pp_content_container .pp_details{ min-width: 166px; }
		div.pp_content{ min-width: 166px; height: auto !important; padding-bottom: 30px; }
		div.pp_default .pp_description{ min-width: 166px; }
		div#pp_full_res img{ min-width: 166px; height: auto !important; }
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		div.comment-wrapper input[type="text"], input[type="password"] { width: 180px !important; }
		div.comment-wrapper .comment-form-captcha input{ width: 65px !important; }				
	
	}