/**
	Default Skeleton Classes
**/

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }



/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }
	
	


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns { width: 420px; }
    }

/*--------------------------------------------------------------------------
   
	Eventcamp

	* Css override for mobile viewports

--------------------------------------------------------------------------*/

/* #Tablet (Portrait)
================================================== */

	/* Note: Design for a width of 768px */

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		/* No specific adjustment for tablet viewports */

		/* Content */

		body .page.page-left, body .page.page-right {
			width: 69%;
		}

		/* Blog Large */

		.post.post-large .post-details .post-format-icon {
			width: 60px;
		}

		.post.post-large .post-details .post-format-icon span {
			width: 50px;
			height: 50px;
			font-size: 20px;
			line-height: 50px;
		}

		body .post.post-large .post-details .post-meta span, body .post.post-medium .post-meta span, body .post-single .post-details .post-meta span {
			font-size: 11px;
		}

		.page-template-page-templatesblog-large-php .page.page-left {
			width: 65%;
			margin-left: 20px;
		}
		
		body .post.post-large .post-details .post-infos {
			width: 430px;
		}

		.post.post-large .post-details .post-meta .comments {
			border: none;
		}

		/* Blog Medium */

		body .post.post-medium .post-details-side {
			width: 260px;
		}

		.page-template-page-templatesblog-medium-php .page.page-left {
			width: 65%;
			margin-left: 20px;
		}

		body .post.post-medium .post-details-side {
			width: 230px;
		}

		body .post.post-medium .post-details .post-excerpt p {
			font: normal 13px/22px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
		}

		/* Sidebar */

		.sidebar.sidebar-right {
			margin-right: 20px;
		}

		.sidebar.sidebar-left {
			margin-left: 20px;
		}

		/* Single Post */

		.single-post .page.page-left {
			width: 65%;
			margin-left: 20px;
		}

		body .post-single .post-details .post-infos {
			width: 410px;
		}

		body .post-single .post-details .post-infos .the-content {
			padding-left: 0;
			padding-right: 0;
		}

		.post-single .post-details .post-meta .comments {
			border: none;
		}

		.post-single .author-meta .author-details {
			width: 260px;
		}

		/* Widgets */

		.widget .project-item .thumbnail .xt-project-hover span i {
			font-size: 20px;
		}

		/* Sigle Project */

		body .single-project-related {
			margin-left: 20px;
			margin-right: 20px;
		}

		/* Single Project Left */

		body .project-media-left {
			margin-right: 20px;
			width: 59%;
		}

		body .project-content-left {
			margin-left: 20px;
		}

		body .project-content-left .single-the-content {
			padding: 0;
		}

		 /* Single Project Right */

		body .project-media-right {
			margin-left: 20px;
			width: 59%;
		}

		body .project-content-right {
			margin-right: 20px;
		}

		body .project-content-right .single-the-content {
			padding: 0;
		}

		/* Single Project Full */

		body .project-media-full {
			margin-left: 20px;
			margin-right: 20px;
		}

		body .project-content-full {
			margin-left: 20px;
			margin-right: 20px;
		}

		body .project-content-full .single-the-content {
			padding: 0;
		}

		/* Callout Right Adjust */

		body .callout-right .callout-col-left {
			margin-right: 0;
			float: none;
			clear: both;
			margin-bottom: 10px;
		}

		body .callout-right .callout-col-right {
			margin: 0;
			float: none;
			clear: both;
		}

		/* Cats, Tags, Archives & Recent, Popular, Comments */

		body .sidebar .cats-arch-tags-widget ul.xt_tabs_framed li,
		body .sidebar .recent-popular-comments ul.xt_tabs_framed li {
			float: none;
			display: block;
			margin: 0;
			padding: 0;
		}

		body .sidebar .cats-arch-tags-widget .xt_tabs_framed a,
		body .sidebar .recent-popular-comments .xt_tabs_framed a {
			font-size: 13px;
			padding-left: 15px;
			padding-right: 15px;
			display: block;
			border: 1px solid #ddd;
			border-bottom: none;
		}

		body .sidebar .cats-arch-tags-widget .xt_tabs_framed li:last-child a,
		body .sidebar .recent-popular-comments .xt_tabs_framed li:last-child a {
			border: 1px solid #ddd;
		}

		body .sidebar .cats-arch-tags-widget ul.xt_tabs_framed li.current a,
		body .sidebar .recent-popular-comments ul.xt_tabs_framed li.current a {
			font-weight: bold;
		}

		/* Social Icons Footer */

		#section-footer ul#social li a {
			padding: 30px 10px;
		}

	}


/*  #Mobile All Sizes
================================================== */

	/* Note: Design for a width of 320px */

	@media only screen and (max-width: 767px) {
		
		/* Resize section titles and descriptions in the mobile viewports */
		h2 {
			font-size: 20px!important;
			line-height: 30px!important;
		}

		p.desc {
			font-size: 13px!important;
			line-height: 23px!important;
		}

		/* Remove the alpha background in the top bar */
		#topbar-inner {
			background: transparent;
		}

		/* WPML Flags */

		#lang-logo-selector {
			right: 0;
		}

		/* Style the menu in case user doesn't have javascript */
		#section-topbar ul#nav {
			float: right;
			position: relative;
			margin-top: 5px;
		}

		#section-topbar ul#nav > li {
			display: block;
			float: left;
		}

		#section-topbar ul#nav a {
		  display: block;
		  padding: 10px 20px 15px 20px;
		  font: normal 11px/18px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		  text-decoration: none;
		  text-transform: uppercase;
		  border-top: 3px solid #000;
		}

			#section-topbar ul#nav a:hover {
			  border-top: 3px solid #fff;
			  text-decoration: none;
			}

			#section-topbar ul#nav .active a {
				border-top: 3px solid #fff;
			}


		/* Hide the regular menu and display a select box (javascript in js/jquery.custom.js) */
		.js #nav { display: none!important; }
		.js .selectnav { display: block; }


		/* Select box (dropdown menu) styling */
		/* http://www.webinterfacelab.com/snippets/dark-and-light-dropdown-lists */
		.dropdown {
			display: inline-block;
			position: relative;
			overflow: hidden;
			height: 28px;
			width: 200px;
			background: #111;
			border: 1px solid #111;
			-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
			box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2);
		}

		.dropdown:before, .dropdown:after {
			content: '';
			position: absolute;
			z-index: 2;
			top: 9px;
			right: 10px;
			width: 0;
			height: 0;
			border: 4px dashed;
			border-color: #888 transparent;
			pointer-events: none;
		}

		.dropdown:before {
			border-bottom-style: solid;
			border-top: none;
		}

		.dropdown:after {
			margin-top: 7px;
			border-top-style: solid;
			border-bottom: none;
		}

		.dropdown select {
			position: relative;
			width: 130%;
			margin: 0;
			padding: 6px 8px 6px 10px;
			height: 28px;
			line-height: 14px;
			font-size: 12px;
			color: #aaa;
			text-shadow: 0 1px black;
			/* Fallback for IE 8 */
			background: #444;
			/* "transparent" doesn't work with Opera */
			background: rgba(0, 0, 0, 0) !important;
			border: 0;
			border-radius: 0;
			-webkit-appearance: none;
			outline: none;
		}

		.dropdown select:focus {
			z-index: 3;
			width: 100%;
			color: #ccc;
			outline: none;
		}

		.dropdown select > option {
			margin: 3px;
			padding: 6px 8px;
			background: #444;
			text-shadow: 0 1px rgba(0, 0, 0, 0.4);
			border-radius: 3px;
			cursor: pointer;
		}


		/* Fix for IE 8 putting the arrows behind the select element. */
		.lt-ie9 .dropdown {
			z-index: 1;
		}

		.lt-ie9 .dropdown select {
			z-index: -1;
		}

		.lt-ie9 .dropdown select:focus {
			z-index: 3;
		}

		/* Dirty fix for Firefox adding padding where it shouldn't. */
		@-moz-document url-prefix() {
			.dropdown select {
				padding-left: 6px;
			}
		}

		/* Adjust the site logo top/bottom margins */
		#section-header {
			padding-top: 150px;
		}

		#section-header h1 {
			margin-bottom: 30px;
		}

		#section-event h2 {
			margin-bottom: 30px;
		}

		#section-info {
			background: #111;
		}

		#section-info #box-date, 
		#section-info #box-time {
			margin-bottom: 30px;
		}

		#section-info #box-location {
			margin-bottom: 20px;
		}

		#section-sponsors img {
			max-width: 60%;
			margin-bottom: 30px;
		}

		/* Force small font sizes to the programs table */
		body .table_style_dark table thead tr th, body .table_style_dark table thead tr td {
			font-size: 13px!important;
			line-height: 25px!important;
			padding: 8px 12px;
		}
		
		/* Adjust footer social media menu */

		#section-footer ul#social {
			float: none;
		}

			#section-footer ul#social li a {
				background: #111;
				border-right: 1px solid #000;
			}

		/* Section Top BG */

		#section-topbar {
			background: #111;
		}

		/* Mobile Sizes */

		.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth 
		{
			clear: both !important;
			float: none !important;
			display: block;
			width: auto !important;
			margin: 0 !important;
			margin-bottom: 15px !important;
		}

		.last {
			margin-bottom: 0 !important;
		}

		/* Projects */

		.project-media {
			clear: both !important;
			float: none !important;
			display: block;
			width: auto !important;
			margin-bottom: 20px;
		}

		.project-content {
			clear: both !important;
			float: none !important;
			display: block;
			width: auto !important;
		}

		/* Content and Sidebar */

		.content {
			clear: both !important;
			float: none !important;
			display: block;
			width: auto !important;
			margin-bottom: 20px;
		}

		.sidebar {
			clear: both !important;
			float: none !important;
			display: block;
			width: auto !important;
			margin-bottom: 20px;
		}

		.page.page-left, .page.page-right {
			float: none;
			width: auto;
			margin-bottom: 39px;
			
		}

		.sidebar.sidebar-left, .sidebar.sidebar-right {
			float: none;
			width: auto;
			margin: 0;
			margin-bottom: 40px;
			border-top: 5px solid #ddd;
			padding-top: 39px;
		}

		/* Blog Large */

		body .post.post-medium .post-details .post-infos .post-title,
		body .post.post-large .post-details .post-infos .post-title {
			padding-right: 0;
			background: transparent;
		}

		body .post.post-large .post-details .post-infos {
			width: 330px;
		}

		body .post.post-large .post-details .post-infos .post-title h1,
		body .post.post-medium .post-details .post-infos .post-title h1,
		body .post.post-medium .post-details .post-infos .post-title.post-title-link h1, 
		body .post.post-large .post-details .post-infos .post-title.post-title-link h1,
		body .post.post-single .post-details .post-infos .post-title h1 {
			font-size: 26px;
			line-height: 34px;
		}

		body .post.post-large .post-details .post-meta .comments, .post.post-medium .post-meta .comments {
			border: none;
		}

		body .post.post-large .post-details .post-meta span {
			border: none !important;
			font-size: 11px;
			line-height: 17px;
		}

		.post.post-large .post-details .post-format-icon {
			width: 60px;
		}

		.post.post-large .post-details .post-format-icon span {
			width: 50px;
			height: 50px;
			font-size: 20px;
			line-height: 50px;
		}

		/* Blog Template Medium */

		body .post.post-medium .side-post {
			float: none;
			width: auto;
			margin-bottom: 15px;
		}

		body .post.post-medium .post-details-side {
			float: none;
			width: auto;
		}

		   body .post.post-medium .post-meta {
			padding-top: 15px;
		}

		/* Single Post */

		.post.post-single .post-details .post-infos {
			width: auto;
			float: none;
		}

		.post.post-single {
			position: relative;
		}

		.post-single .post-details .post-format-icon {
			width: 50px;
			position: absolute;
			top: 0;
			right: 0;
		}

		.post.post-single .post-details .post-format-icon span {
			width: 50px;
			height: 50px;
			font-size: 20px;
			line-height: 50px;
		}

		.post-single .post-tags {
			margin-left: 0;
		}

		.post-single .share-post {
			margin-left: 0;
		}

		.post-single .author-meta {
			margin-left: 0;
		}

		.post-single .author-meta .author-details {
			width: 260px;
		}

		.post-single .share-post .share-icons a  {
			width: 32px;
		}

		.comments-list {
			margin-left: 0;
		}

		.comments .blog_comment_det .blog_comment_name_det {
			font-size: 11px;
			padding-right: 40px;
		}

		.comments .blog_comment_det .blog_comment_name_det .comment-reply-link {
			padding: 0;
			font-size: 10px;
		}

		/* Callout Right Adjust */

		body .callout-right .callout-col-left {
			margin-right: 0;
			float: none;
			clear: both;
			margin-bottom: 10px;
		}

		body .callout-right .callout-col-right {
			margin: 0;
			float: none;
			clear: both;
		}

		/* iFrame Adjust (like gMap) */

		.the-content iframe {
			max-width: 100%;
		}

		/* Tabs to Vertical Orientation */

		body .xt_tabs_framed_container .panes {
			border-top: none;
		}

		body ul.xt_tabs_framed li {
			display: block;
			float: none;
			margin: 0;
			padding: 0;
		}

		body ul.xt_tabs_framed li a {
			margin: 0;
			border: 1px solid #ddd;
			border-top: none;
		}

		body ul.xt_tabs_framed li:first-child a {
			border-top: 1px solid #ddd;
		}

		body ul.xt_tabs_framed li.current a {
			border: 1px solid #dd3333;
			background: #dd3333;
			color: #fff;
		}

		/* Vertical Tabs to Vertical Orientation */

		body ul.xt_tabs_vertical {
			float: none;
			width: auto;
			margin-bottom: 15px !important;
		}

		body ul.xt_tabs_vertical li a {
			margin: 0;
			border: 1px solid #ddd;
			border-top: none;
			padding-left: 15px;
			display: block;
			left: 0;
		}

		body ul.xt_tabs_vertical li:first-child a {
			border-top: 1px solid #ddd;
		}

		body ul.xt_tabs_vertical li:last-child a {
			border-bottom: 1px solid #ddd;
		}

		body ul.xt_tabs_vertical li.current a {
			border: 1px solid #dd3333;
			background: #dd3333;
			color: #fff;
		}

		body .xt_tabs_vertical_container .panes {
			margin: 0;
			padding: 5px;
		}

		/* Post External and Single Title Margin */

		body .post.format-link.post-single .post-title,
		body .post.format-standard.post-single .post-title {
			margin-right: 50px;
			margin-bottom: 20px;
		}

		body .post.format-link.post-single .post-meta,
		body .post.format-standard.post-single .post-meta {
			margin-right: 50px;
			padding-top: 10px;
		}

		/* Google Maps Block */

		.map-wrapper .gmap-wrapper {
			height: 250px;
			max-height: 250px;
		}

		/* Pricing Table */

		body .xt-column-pricing {
			padding: 0;
		}

		/* Single Margin Fix */

		.blog .page.page-left, .single-post .page.page-left {
			margin-left: 0;
		}

	}

/* #Mobile (Portrait)
================================================== */

	/* Note: Design for a width of 480px */

	@media only screen and (max-width: 479px) {

		/* The Content */

		.the-content {
			padding: 0;
		}

		/* Forms */
		body span.wpcf7-not-valid-tip {
			left: 1%;
		}

		/* Layouts */

		.page .section-block .one-single-title h1, .archive .section-block .one-single-title h1, 
		.search .section-block .one-single-title h1, .single .section-block .one-single-title h1 {
			padding: 0;
			font-size: 40px;
			line-height: 48px;
		}

		/* Blog Templates */

		.post.post-large {
			position: relative;
		}

		body .post.post-large .post-details .post-format-icon,
		body .post.post-single .post-details .post-format-icon {
			position: absolute;
			top: 0;
			right: 0;
			z-index: 460;
			width: 50px;
			height: 50px;
		}

		body .post.post-large .post-details .post-infos {
			float: none;
			width: auto;
		}

		body .post.post-large .post-details .post-format-icon span,
		body .post.post-single .post-details .post-format-icon span {
			width: 50px;
			height: 50px;
			line-height: 50px;
			font-size: 20px;
		}

		.post.post-large .post-details .post-meta span, body .post.post-medium .post-meta span,
		body .post-single .post-details .post-meta span {
			font-size: 11px;
			border: none !important;
		}

		.post.post-large .post-details .post-meta {
			margin-right: 50px;
		}

		.page-template-page-templatesblog-large-php .page.page-left {
			margin-left: 0px;
		}

		.page-template-page-templatesblog-medium-php .page.page-left {
			margin-left: 0px;
		}

		/* Post Quote */

		body .post.post-large .post-details .post-quote {
			font-size: 14px;
			line-height: 20px;
			margin-right: 60px;
		}

		/* Post External & Standard Margins */

		body .post.format-link.post-large .post-title, body .post.format-standard.post-large .post-title,
		body .post.format-link.post-single .post-title, body .post.format-standard.post-single .post-title {
			margin-right: 50px;
		}

		/* Post Single */

		.post-single .author-meta {
			background: transparent;
			padding: 0;
		}

		.post-single .author-meta .author-details {
			width: 190px;
		}

		.comments .blog_comment_user {
			display: none;
		}

		body .comments .blog_comment_det, body .comments .blog_comment_text {
			margin: 0;
		}

		body .comments .children {
			margin-left: 20px;
		}

		#respond input[type="text"], #respond textarea {
			margin-bottom: 15px !important;
		}

		/* Sidebar */


	}