/* ------------------------------------------------------------------------ */
/* Media Queries
/* ------------------------------------------------------------------------ */

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

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

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .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; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* 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: 384px; }
        .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; }
    }

	/* Note: Design for a width 1024 Desktop
	================================================== */

	@media only screen and (min-width: 960px) and (max-width: 1199px) {
        /* Base Grid */
		.container                                  { width: 960px; }
	    .container .one.column,
	    .container .one.columns                     { width: 40px;  }
	    .container .two.columns                     { width: 100px; }
	    .container .three.columns                   { width: 160px; }
	    .container .four.columns                    { width: 220px; }
	    .container .five.columns                    { width: 280px; }
	    .container .six.columns                     { width: 340px; }
	    .container .seven.columns                   { width: 400px; }
	    .container .eight.columns                   { width: 460px; }
	    .container .nine.columns                    { width: 520px; }
	    .container .ten.columns                     { width: 580px; }
	    .container .eleven.columns                  { width: 640px; }
	    .container .twelve.columns                  { width: 700px; }
	    .container .thirteen.columns                { width: 760px; }
	    .container .fourteen.columns                { width: 820px; }
	    .container .fifteen.columns                 { width: 880px; }
	    .container .sixteen.columns                 { width: 940px; }

	    .container .one-third.column                { width: 300px; }
	    .container .two-thirds.column               { width: 620px; }

	    /* Offsets */
	    .container .offset-by-one                   { padding-left: 60px;  }
	    .container .offset-by-two                   { padding-left: 120px; }
	    .container .offset-by-three                 { padding-left: 180px; }
	    .container .offset-by-four                  { padding-left: 240px; }
	    .container .offset-by-five                  { padding-left: 300px; }
	    .container .offset-by-six                   { padding-left: 360px; }
	    .container .offset-by-seven                 { padding-left: 420px; }
	    .container .offset-by-eight                 { padding-left: 480px; }
	    .container .offset-by-nine                  { padding-left: 540px; }
	    .container .offset-by-ten                   { padding-left: 600px; }
	    .container .offset-by-eleven                { padding-left: 660px; }
	    .container .offset-by-twelve                { padding-left: 720px; }
	    .container .offset-by-thirteen              { padding-left: 780px; }
	    .container .offset-by-fourteen              { padding-left: 840px; }
	    .container .offset-by-fifteen               { padding-left: 900px; }
    }

/*  #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,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }


        .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; }

        .one_half,
        .one_third,
        .two_third,
        .one_fourth,
        .three_fourth,
        .one_fifth,
        .two_fifth,
        .three_fifth,
        .four_fifth,
        .one_sixth,
        .five_sixth { width: 300px; }

    }

/* #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,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }

        .one_half,
        .one_third,
        .two_third,
        .one_fourth,
        .three_fourth,
        .one_fifth,
        .two_fifth,
        .three_fifth,
        .four_fifth,
        .one_sixth,
        .five_sixth { width: 420px; }

    }

	/* ------------------------------------------------------------------------ */
	/*  Smaller than standard 960px         - devices and browsers -            */
	/* ------------------------------------------------------------------------ */
	@media only screen and (max-width: 959px) {
				
		#respond input#submit{
			margin: 0 !important;
		}		
	}

	/* ------------------------------------------------------------------------ */
	/*  Between 960px and 1199px          - devices and browsers -              */
	/* ------------------------------------------------------------------------ */
		@media only screen and (min-width: 960px) and (max-width: 1199px) {
		
		.post-content {
			width: 600px;
			float:right;
		}
		
        .post-title h2 {
	        font-size: 35px;
			margin: 5px 0 30px 0;
			padding: 0 !important;
        }

		.circle_1 {
			width: 190px;
			height: 190px;
		}
		
		.circle_2 {
			width: 175px;
			height: 175px;
		}
		
		.wrapper_timer p {
			font-size: 45px;
			margin-top: 48px;
		}
		
		.lead {
			font-size: 24px;
		}
		
		.widget_portfolio .portfolio-widget-item .portfolio-img {
			width: 70px !important;
			height: 70px !important;
		}
		
		.widget_search input {
			width:198px;
			padding: 13px 8px 13px 10px;
		}
		
		.portfolio-item.four {
		    width: 220px;
		    height: 160px;
		    margin-bottom:20px;
		}
		
	    .portfolio-item.four img {
	        width: 220px;
	        height: 160px;
	    }
		
	    .portfolio-item.one-third {
		    width: 300px;
		    height: 200px;
		}
		
	    .portfolio-item.one-third img {
	        width: 300px;
		    height: 200px;
	    }
	
	    .portfolio-item.eight {
		    width: 460px;
		    height: 300px;
		}
		
	    .portfolio-item.eight img {
		    width: 460px;
		    height: 300px;
	    }
	
		.portfolio-item-3 h6,
		.portfolio-item-3 p {
		    font-size: 20px;
		}
		
		.portfolio-item-3 h6 {
			padding-top: 30px;
		}
		
		.portfolio-item-3 nav a {
		    bottom: 40px;
		}
		
		.portfolio-item-2 h6 {
			padding-top: 50px;
		}
		
		.portfolio-item-2 nav a {
		    bottom: 60px;
		}
		
		.portfolio-item-4 h6 {
			padding-top: 10px;
		}
		
		.portfolio-item-4 nav a {
		    bottom: 20px;
		}
	
		/* Shortcodes */
		
	}
	
	/* ------------------------------------------------------------------------ */
	/* Tablet Portrait size to Standard 960px            Ipad Mini              */
	/* ------------------------------------------------------------------------ */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
	    .circle_1 {
			width: 160px;
			height: 160px;
		}
		
		.circle_2 {
			width: 145px;
			height: 145px;
		}
		
		.wrapper_timer p {
			font-size: 40px;
			margin-top: 38px;
		}
		
		.lead {
			font-size: 18px;
		}
		
		.post-content {
			width: 450px;
			float:right;
		}
		
        .post-title h2 {
	        font-size: 28px !important;
			margin: 20px 0 30px 0;
			padding: 0 !important;
        }

		.member .link-member-social {
			height: 100% !important;
			margin: 5px !important;
			padding: 10px !important;
		}

        .member .link-member-social ul li {
	        float:center;
	        display:inline-block;
        }

        .retinaiconbox h3 {
	        font-size: 24px;
        }

		#wp-calendar tbody td,
		#wp-calendar thead th,
		#wp-calendar caption {
            margin: 0;
        }

		.blog-medium .post-content {
		    width: 216px;
		}
		
		#author-info .author-bio {
            width: 394px;
        }

        #author-info .author-bio h4 {
            font-size:24px;
        }

        #respond-inputs p {
	    	width: 556px;
	    	margin:0 0 20px 0 !important;
	    	float: none;
	    }
	
	    #respond-inputs input {
		    width: 538px;
	    }
	    
	    #respond-textarea textarea {
		    width: 538px;
	    }
				
		.portfolio-item.four {
		    width: 172px;
		    height: 140px;
		}
		
	    .portfolio-item.four img {
	        width: 172px;
	        height: 140px;
	    }
	
		.portfolio-item-3 h6,
		.portfolio-item-3 p,
		.portfolio-item-4 h6,
		.portfolio-item-4 p {
		    font-size: 16px !important;
		}
		
		.portfolio-item-3 h6 {
			padding-top: 30px;
		}
		
		.portfolio-item-3 nav a {
		    bottom: 40px;
		}
		
		.portfolio-item-2 h6 {
			padding-top: 40px;
		}
		
		.portfolio-item-2 nav a {
		    bottom: 60px;
		}
		
		.portfolio-item-4 h6 {
			padding-top: 10px;
		}
		
		.portfolio-item-4 nav a {
		    bottom: 20px;
		}
		 
		.portfolio-item-3 .from-left {
			left: 50%;
		    margin-left: -60px;
		}
		
		.portfolio-item-3 .from-right {
			right: 50%;
		    margin-right: -60px;
		}
		
		.portfolio-item-3 .from-left:hover {
			left: 50%;
		    margin-left: -60px;
		}
		
		.portfolio-item-3 .from-right:hover {
			right: 50%;
		    margin-right: -60px;
		}
				
		.portfolio-item.one-third {
		    width: 236px;
		    height: 180px;
		}
		
	    .portfolio-item.one-third img {
	        width: 236px;
		    height: 180px;
	    }
				
		.portfolio-item.eight {
		    width: 364px;
		    height: 280px;
		}
		
	    .portfolio-item.eight img {
	        width: 364px;
	        height: 280px;
	    }
		
		/* Widgets */
				
		.widget_portfolio .portfolio-widget-item .portfolio-img {
			width: 51px;
			height: 51px;
		}
		
		.widget_search input {
			width:143px;
			padding: 13px 8px 13px 10px;
		}
		
		#wp-calendar tbody td,
		#wp-calendar thead th,
		#wp-calendar caption {
            padding: 0;
        }
	
		/* Shortcodes */
	
		.signup-button {
			margin: 0px;
		}
		
		.latest-blog .blog-item .blog-pic img {
			width:364px;
			height:220px;
		}
		
		.latest-blog .blog-item h3 {
			font-size: 20px;
		}
				
	}
	
	/* ------------------------------------------------------------------------ */
	/*  All Mobile Sizes Under Tablet         - devices and browser -           */
	/* ------------------------------------------------------------------------ */
	@media only screen and (max-width: 767px) {
		
		#infobar {
			position: absolute !important;
		}	
		
		html body #header {
			height: auto !important;
			margin: 0 !important;
			padding: 0 !important;
		}
		
		html body #header .logo {
			text-align: center;
			margin:25px 0 25px 0 !important;
		}
		
		.logo img {
			max-width: 100%;
		}
		
		#header #menu ul {
			display:none;
		}
		
		#header #menu .select-menu {
			display: inherit !important;
			width:100% !important;
			padding:8px !important;
		}
		
		.flexslider {
			margin:0;
		}
		
		#breadcrumbs {
			display: none;
		}
		
		#sidebar {
			margin-top:40px;
		}
		
		.post-content {
			width: 320px!important;
			float:right;
		}
		
        .post-title h2 {
	        font-size: 24px !important;
			margin: 20px 0 30px 0;
			padding: 0 !important;
        }
		
		#to-top {
			display: none !important;
		}
		
		#infobar .widget {
			margin-bottom:20px;
		}
		
		.widget_search input {
			width:95% !important;
			padding: 13px 8px 13px 10px;
		}
		
		#filters ul li {
            display: block;
            float: none;
        }
        
        #filters ul li a {
            display: block;
            float: none;
            border: none;
            border-bottom: 1px solid #fff;
        }
        
        #filters ul li:last-child a {
	        border: none;
        }
        
        #slider2 .overlay {
	        display: none;
        }
        
        .callout .callout-button {
			float: none;
			width: 100%;
			margin: 0 0 20px 0 !important;
		}
		
		.callout .callout-button a.button {
			display: block;
		}
		
		.callout .callout-float {
			float: none;
			width: 100%;
			text-align: center;
		}
		
		.teaserbox {
			text-align: center;
		}
		.teaserbox a.button {
			display: block;
		}
		
		.tab {
		    float: none;
		    display: block;
		    margin: 0 0 -1px 0;
		}
		
		.tab a.selected {
			border-bottom-color: #d3d3d3;
		}

		.tabswitch-vertical .tabs {
			float: none;
			width: auto;
		}

		.tabswitch-vertical .tab {
			float: none;
			margin: 0 0 -1px 0;
		}

		.tabswitch-vertical .tab a.selected {
		    border-right-color: #d3d3d3;
		}

		.tabswitch-vertical .pane {
			float: none;
			width: auto;
		}
		
		.panel div {
			max-width: 100%;
		}

	}

	/* ------------------------------------------------------------------------ */
	/*  Mobile Landscape Size to Tablet Portrait                                */
	/* ------------------------------------------------------------------------ */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		a.button.red {
			display:none;
		}
		
		.tp-caption.big_black {
			font-size:16px !important;
		}
		
		.gallery-wrap {
			margin:0 0 -20px 0;
		}
		
		.latest-blog, .wrapper {
			margin:0 0px 0 0px;
		}
				
		.post-content {
		    width: 365px;
		}
		
		.post-title h2 {
	        font-size: 20px !important;
			margin: 20px 0 30px 0;
			padding: 0 !important;
        }
		
		.post-meta span {
			display: block;
			margin:0 0 5px 0;
		}
		
		.widget_portfolio .portfolio-widget-item .portfolio-img {
			width: 136px;
			height: 136px;
		}
		
		.blog-medium .post-content {
		    width: 420px;
		}
		
		.blog-medium .post-video,
		.blog-medium .post-gallery,
		.blog-medium .post-image,
		.blog-medium .post-quote,
		.blog-medium .post-audio,
		.blog-medium .post-link {
		    width: 420px;
		}
		
		.blog-medium .post-gallery img,
		.blog-medium .post-image img {
			width: 100%;
			height: auto;
		}
		
		#author-info {
			margin: 0;
		}
		
		#author-info .author-bio {
        	float: left;
        	width: 313px;
        }
		
		.sharebox {
			margin: 0 0 30px 0;
		}
		
		.sharebox h4 {
			display: none;
	    }
	    
	    #respond-inputs p {
	    	width: 420px;
	    	margin:0 0 20px 0 !important;
	    	float: none;
	    }
	
	    #respond-inputs input {
		    width: 403px;
	    }
	    
	    #respond-textarea textarea {
		    width: 403px;
	    }
		
		.portfolio-fullsize #slider2,
		.portfolio-fullsize #video2,
		.portfolio-halfsize #slider2,
		.portfolio-halfsize #video2 { 
			margin: 0 0 30px 0;
		}
		
		#portfolio-connectedpost h4 {
			margin-left:0px;
			margin-right:0px;
		}
		
		.projects-nav {
			display: none;
		}
				
		.portfolio-item.four {
		    width: 420px;
		    height: 270px;
		    margin-bottom:20px;
		}
		
	    .portfolio-item.four img {
	        width: 420px;
	        height: 270px;
	    }
				
		.portfolio-item.one-third {
		    width: 420px;
	        height: 270px;
		    margin-bottom:20px;
		}
		
	    .portfolio-item.one-third img {
	        width: 420px;
	        height: 270px;
	    }
				
		.portfolio-item.eight {
		    width: 420px;
		    height: 274px;
		    margin-bottom:20px;
		}
		
	    .portfolio-item.eight img {
	        width: 420px;
	        height: 274px;
	    }
	
		.portfolio-item-3 h6,
		.portfolio-item-2 h6,
		.portfolio-item-4 h6 {
		    padding-top: 50px;
		}
		
		.portfolio-item-3 nav a,
		.portfolio-item-2 nav a,
		.portfolio-item-4 nav a {
		    bottom: 60px;
		}
		
		/* Widgets */
				
		.widget_search input {
			width:379px;
		}
		
		/* Shortcodes */	
		
		.latest-blog .blog-item {
			margin-bottom: 20px;
		}
		
		.latest-blog .blog-item .blog-pic img {
			width:420px;
			height:273px;
		}
		
		.latest-blog .blog-item .blog-overlay {
			width:420px;
			height:273px;
		}
		
		.latest-blog .blog-item h4 {
			font-size: 13px;
		}
		
		.latest-blog .blog-item .post-date {
			left:185px;
			top:111px !important;
		}
		
		.blog-medium .post-date {
			display:none;
		}
		
		.blog-item-description h3 {
			font-size: 24px !important;
		}
		
		.post-meta {
			display:inline-block;
		}
		
		a#mailchimpsubmit {
			width:290px;
		}
		
		#footer .footer-text {
			font-size:40px;
		}
		
		#bottom nav a {
			font-size:16px;
			margin-right:1px;
		}
		
		.addresscontainer {
			width:420px;
		}		
	}
	
	/* ------------------------------------------------------------------------ */
	/*  Mobile Portrait Size to Mobile Landscape Size                           */
	/* ------------------------------------------------------------------------ */
	@media only screen and (max-width: 479px) {
		
		a.button.red {
			display:none;
		}
		
		.tp-caption.big_black {
			font-size:16px !important;
		}
		
		.retinaiconbox h3 {
	        font-size: 28px;
        }

		.testimonial-author .user {
			text-align:center !important;
		}
		
		.gallery-wrap {
			margin:0 0 -20px 0;
		}
		
		.latest-blog, .wrapper {
			margin:0 0px 0 0px;
		}

		.sidenavigation:after {
		    display: none;
		}

		.post-content {
		    width: 200px !important;
		    float:right;
		}
		
		.post-title h2 {
			margin-top: -5px;
		    font-size: 19px !important;
		}
		
		.post-meta span{
			display: block;
			margin: 0 0 5px 0;
		}

		.blog-medium .post-content {
		    width: 300px;
		}

		.blog-medium .post-video,
		.blog-medium .post-gallery,
		.blog-medium .post-image,
		.blog-medium .post-quote,
		.blog-medium .post-audio,
		.blog-medium .post-link {
		    width: 300px;
		}

		.blog-medium .post-gallery img,
		.blog-medium .post-image img {
			width: 100%;
			height: auto;
		}

		#author-info {
			margin: 0;
		}

		#author-info .author-bio {
	    	float: left;
	    	width: 193px;
	    }

	    .sharebox {
			margin: 0 0 30px 0;
		}
		
		.sharebox h4 {
			display: none;
	    }

	    #respond-inputs p {
	    	width: 300px;
	    	margin:0 0 20px 0 !important;
	    	float: none;
	    	background: yellow;
	    }
	
	    #respond-inputs input {
		    width: 282px;
	    }

	    #respond-textarea textarea {
		    width: 282px;
	    }

		.portfolio-fullsize #slider2,
		.portfolio-fullsize #video2,
		.portfolio-halfsize #slider2,
		.portfolio-halfsize #video2 { 
			margin: 0 0 30px 0;
		}

		#portfolio-connectedpost h3 {
			margin-left:0px;
			margin-right:0px;
		}

		.projects-nav {
			display: none;
		}

		.portfolio-item.four {
		    width: 300px;
		    height: 200px;
		    margin-bottom:20px;
		}

	    .portfolio-item.four img {
	        width: 300px;
	        height: 200px;
	    }

		.portfolio-item.one-third {
			width: 300px;
	        height: 200px;
		    margin-bottom: 20px;
		}
		
		.portfolio-item.one-third img {
			width: 300px;
	        height: 200px;
		}

		.portfolio-item.eight {
		    width: 300px;
		    height: 200px;
		    margin-bottom:20px;
		}

	    .portfolio-item.eight img {
	        width: 300px;
		    height: 200px;
	    }

		/* Widgets */

		.widget_search input {
			width: 258px !important;
		}

		/* Shortcodes */	

		.latest-blog .blog-item {
			margin-bottom: 20px;
		}

		.latest-blog .blog-item .blog-pic img {
			width:300px;
			height:195px;
		}

		.latest-blog .blog-item .blog-overlay {
			width:300px;
			height:195px;
		}

		.latest-blog .blog-item h4 {
			font-size: 13px;
		}

		.latest-blog .blog-item .post-date {
			left:125px;
			top:72px !important;
		}

		.blog-medium .post-date {
			display:none;
		}

		a#mailchimpsubmit {
			width:170px;
			height:40px;
			font-size:20px;
		}
		
		input[type="text"] {
			font-size: 20px !important;
		}
		
		#footer .footer-text {
			font-size:40px;
		}
		
		#bottom nav a {
			font-size:12px;
			margin:0;
			padding:0;
		}
		
		.portfolio-item-3 h6,
		.portfolio-item-2 h6,
		.portfolio-item-4 h6{
		    padding-top: 20px;
		}
		
		.portfolio-item-3 nav a,
		.portfolio-item-2 nav a,
		.portfolio-item-4 nav a{
		    bottom: 30px;
		}
		
		.addresscontainer {
			width:280px;
		}
		
		h1 {
	        font-size: 28px !important;
        }
	}
	
	/* ------------------------------------------------------------------------ */
	/*  Larger Than 1200px                                                      */
	/* ------------------------------------------------------------------------ */
	@media only screen and (min-width: 1200px) {
		
		.flex-direction-nav .flex-next {right: -40px; *right:0;}
		.flex-direction-nav .flex-prev {left: -40px; *left: 0;}
	}