/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */
/* #Media Queries
================================================== */
/*Macbook pro 1440x900*/
/*================================================== */
 @media only screen and (min-width: 1366px) and (max-width: 1440px) {
}
/*Some laptop 1366x768*/
/*================================================== */
 @media only screen and (min-width: 1280px) and (max-width: 1366px) {
}
/*Macbook air 1280x800*/
/*================================================== */
 @media only screen and (min-width: 1024px) and (max-width: 1280px) {
}
/*Most netbook 1024x600*/
/*================================================== */
 @media only screen and (min-width: 960px) and (max-width: 1024px) {
}
/*Most Ipad 1024x768*/
/*================================================== */
 @media only screen and (min-width: 768px) and (max-width: 1199px) {
}
/*IPhone 4 960x640*/
/*================================================== */
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.slider .columns { width: 50% !important }
	.tour_item { width: 50% !important }
	.col_content { height: 250px }
}
@media only screen and (min-width: 768px) {
.copyright, .facebook {
	text-align: right;
}
}
@media only screen and (min-width: 640px) {
}
@media only screen and (min-width: 767px) and (max-width: 960px) {
 #sidebar {
width: 30% !important
}
 #main_content {
width: 70% !important
}
.tour_item .img_general {
	width: 40%;
}
}
/*Google nexus one 4 800x480*/
/*================================================== */
 @media only screen and (max-width: 767px) {
body {
 font-size: 90%;
}
.inner_col {
margin: 0 !important
}
.logo {
margin: 10px auto;
text-align: center;
}
.tour_item .img_general { width: 50% }
.tourdb .columns { margin-bottom: 10px }
.tourdb img { float: left; width: 200px; margin-right: 10px }
.columns_inner { padding: 0 }
.tourdb img { width: 40% }
/*Footer*/
.footer { background: #0488d2 }
.menu_footer { padding: 10px 0; text-align: left; border-bottom: 1px solid #61c3ff }
.menu_footer h3 { float: left; width: 46%; padding: 5px 2%; line-height: normal }
.info_footer table, .info_footer tbody, .info_footer tr, .info_footer td { display: block; width: 100%; height: auto !important }
.info_footer td { padding: 3px; 	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
.img_gallery img { height: 100px }
}
@media only screen and (max-width: 639px) {
body {
padding-top: 0
}
.col_content { height: auto }
/*List News*/
#list_news .img_general {
 width: 45%
}
.fb_iframe_widget > span, .fb_iframe_widget iframe {
 width: 400px !important
}
}
 @media only screen and (min-width: 480px) {
.promo_month .img_tour {
 width: 250px;
 margin-right: 15px;
}
}
/*Meizu M8 one 4 720x480*/
/*================================================== */
 @media only screen and (min-width: 480px) and (max-width: 767px) {
	#left .img_fullwidth { float: left; width: 200px; margin-right: 10px }	
}
/*IPhone 3G 480x320*/
/*================================================== */
@media only screen and (max-width: 480px) {
	.img_gallery img { height: 60px }
}
/*Mobile*/
/*================================================== */
 @media only screen and (max-width: 320px) {
body {
overflow-x: hidden
}
.tour_item .img_general, .tourdb img { width: 100%; margin-right: 0; margin-bottom: 10px }
.modalPopup {
 width: 92% !important;
 height: 100%;
 overflow: auto
}
.blockcontent1 {
padding: 10px
}
.blockcontent1 .col1 {
width: 90%;
margin: 0;
text-align: left
}
.blockcontent1 input, .blockcontent1 textarea {
width: 100% !important
}
.fb_iframe_widget > span, .fb_iframe_widget iframe {
 width: 250px !important
}
}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove  
		comment brackets */
