/* #Media Queries

================================================== */



	@media screen and (min-width: 993px) and (max-width: 1200px) {

		

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

		/*	Header

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



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

			/*	Main Navigation

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



			.navigation > ul > li > a { padding: 25px 10px 31px; }

			

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

		/* Slides

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

		

			.header-text h1 { font-size: 80px; }

			

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

		/*	Portfolio

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

			

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

			/*	Portfolio Items

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



			/*	ul.portfolio-items li { 

					width: 25%;

					max-width: 25%;

				}*/

				

	}



	/* Smaller than standard 992 (devices and browsers) */

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

		

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

		/*	Header

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

		.no-touch .logged-in #header {
    top: -7px;
}

			#header { position: relative; }

				#header.mobile_fixed{

					position: fixed;

				}

				.transparent #logo a { color: #5b5e60;font-size: 30px; }

				

				.header-shrink.transparent #logo a { color: #fff; }

		

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

			/*	Main Navigation

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



			.responsive-nav-button {

				display: inline-block;

				vertical-align: middle;

			}	



			#header #navigation { 

				position: relative;

				z-index: 999;

				right: 0;

				left: 0;

				top: 100%;

				display: none;

				overflow: hidden;

				margin-bottom: 7px;

				padding-top: 0;

				width: 100%;

				background-color: #fff;

				

				-webkit-border-radius: 3px;

						border-radius: 3px;

			}



				.navigation ul li {

					display: block;

					float: none;

					margin: 2px;

					padding-bottom: 0;

				}



					.navigation ul li > a {

						padding: 10px 15px;

						background-color: #00c2a9;

						color: #fff;

						cursor: pointer;

						font-weight: 400;

						text-align: center;

					}



					.navigation ul a:hover,

					.navigation ul .current-menu-item > a,

					.navigation ul .current-menu-parent > a,

					.navigation ul .current-menu-ancestor > a,

					.navigation ul .current_page_item > a,

					.navigation ul .current_page_parent > a,

					.navigation ul .current_page_ancestor > a { 

						background-color: #fff;

						color: #00c2a9;

					}



					.navigation ul a {

						-webkit-border-radius: 3px;

								border-radius: 3px;

					}



					.header-shrink .navigation > ul > li > a:after { color: #fff; }



					.navigation ul a:hover:after,

					.navigation ul .current-menu-item > a:after,

					.navigation ul .current-menu-parent > a:after,

					.navigation ul .current-menu-ancestor > a:after,

					.navigation ul .current_page_item > a:after,

					.navigation ul .current_page_parent > a:after,

					.navigation ul .current_page_ancestor > a:after { color: #00c2a9; }



			/* Dropdown */

			

			.navigation ul ul {

				position: relative;

				display: block;

				padding: 2px 10% 2px 10%;

				width: 100%;

				background-color: #ececec;

				-webkit-border-radius: 3px;

						border-radius: 3px;  

			}



				.navigation ul ul a:hover,

				.navigation ul ul .current-menu-item > a,

				.navigation ul ul .current-menu-parent > a,

				.navigation ul ul .current-menu-ancestor > a,

				.navigation ul ul .current_page_item > a,

				.navigation ul ul .current_page_parent > a,

				.navigation ul ul .current_page_ancestor > a { color: #00c2a9; }



				.navigation ul ul .current-menu-item.rightarrowclass > a:after,

				.navigation ul ul .current-menu-parent.rightarrowclass > a:after,

				.navigation ul ul .current-menu-ancestor.rightarrowclass > a:after,

				.navigation ul ul .current_page_item.rightarrowclass > a:after,

				.navigation ul ul .current_page_parent.rightarrowclass > a:after,

				.navigation ul ul .current_page_ancestor.rightarrowclass > a:after { color: #00c2a9; }

				

				.navigation ul ul .rightarrowclass > a:after { content: '\e8ba'; }	

				

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

		/* Slides

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

		

			.header-text h1 { font-size: 50px; }



	}



	/* Tablet Portrait size to standard 960 (devices and browsers) */

	@media only screen and (min-width: 768px) and (max-width: 992px) {

		

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

		/*	Section

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

		

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

			/* Video Full Container

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



				.video-title { font-size: 55px; }

		

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

			/* Counter Box

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



				.counter { width: 100px; }

				

					.counter .count {

						height: 100px;

						font-size: 52px;

						line-height: 100px;

					}

					

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

			/* Twitter 

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



				.tweet .tweets .tweet_text { padding: 0 5% 30px; }	

				

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

		/*	Portfolio

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



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

			/*	Portfolio Filter

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



				.portfolio-filter li { padding: 3px 15px; }

				

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

			/*	Portfolio Items

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



				ul.portfolio-items li { 

					width: 33.33333333333333%; 

					max-width: 33.33333333333333%; 

				}



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

			/*	Portfolio Single

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



			/* Project Meta */

			

			.project-meta { margin-bottom: 10px; }



				.project-meta li { 

					display: inline-block;

					margin-right: 15px;

				}	

	

	}



	/* All Mobile Sizes (devices and browser) */

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



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

			/*	General Classes

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



			 .col-md-6 .align-left,

			 .col-md-6 .align-right	{ text-align: center; }



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

			/*	Images

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



				.image-extra .single-image { margin: 10px 5px 0; }



					.portfolio-items .link-icon .curtain,

					.portfolio-items .plus-icon .curtain {

						width: 35px;

						height: 35px;

					}



					.portfolio-items .link-icon .curtain:after,

					.portfolio-items .plus-icon .curtain:after {

						font-size: 14px;

						line-height: 35px;

					}



					.portfolio-items .plus-icon .curtain:after  { 

						font-size: 22px; 

						line-height: 32px; 

					}



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

		/*	Header

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

		

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

			/*	Main Navigation

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



			#header #navigation { position: relative; }	

			

				.navigation ul li > a { padding: 5px 15px; }

		

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

		/*	Section

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



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

			/* Slogan Title Group

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



			hgroup.section-title h1 { font-size: 40px; }

			

				.section-title h1 { font-size: 40px; }

				

				h1.theme-title { font-size: 40px !important; }

				

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

			/* Slogan Group

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



			.slogan { margin-bottom: 40px; }



				.slogan h1 { font-size: 34px; }

				

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

			/* Video Full Container

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



				.video-title { font-size: 40px; }	

					

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

			/* Team

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



				.accHorizontal {



					-webkit-flex-flow: column nowrap;

					-ms-flex-flow: column nowrap;

				}



					.accHorizontal .accHorizontal__item {

						margin-bottom: 20px;

					}



					.accHorizontal .accHorizontal__item .acc_cBox {

						max-height: 390px;

						margin: auto;

						-webkit-transition: max-height 0.5s ease-in-out;

						-moz-transition: max-height 0.5s ease-in-out;

						transition: max-height 0.5s ease-in-out;

					}



					.accHorizontal .accHorizontal__item .acc_cBox .acc_cImg {

						float: none;

						margin: auto;

						margin-bottom: 20px;

					}



					.accHorizontal .accHorizontal__item .acc_cBox .acc_cCont {

						width: 250px;

						margin: auto;

						min-height: auto;

						max-height: none;

					}



					.accHorizontal .accHorizontal__item .state:checked ~ .acc_cBox {

						width: inherit;

						max-height: 2000px;

					}



					.accHorizontal .accHorizontal__item .backdrop > .fa {

						top: 110px;

					}



					.accHorizontal .accHorizontal__item .backdrop {

						width: 100%;

					}

				

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

			/* Twitter 

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



				.tweet .tweets .tweet_text { padding: 0 0 30px; }		

				

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

			/*	Clients

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



				ul.clients-items li { width: 50%; }



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

			/* Counter Box

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



			.counter {

				margin: 0 15px;

				width: 100px;

			}



				.counter .count {

					margin-bottom: 10px;

					height: 100px;

					font-size: 50px;

					line-height: 100px;

				}

			

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

			/* Pricing Tables

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



				.simple-pricing-table .column { 

					margin-bottom: 20px;

					width: 100%;

				}



				.simple-pricing-table.col-2 .column,

				.simple-pricing-table.col-3 .column,

				.simple-pricing-table.col-4 .column { width: 100%; }

				

				.simple-pricing-table .column:hover,

				.simple-pricing-table .featured {

					-webkit-transform: scale(1);

							transform: scale(1);

				}



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

		/*	Blog

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

		

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

			/*	Image Post Slider

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



			.image-slider-nav a {

				margin-top: -25px;

				width: 25px;

				height: 50px;

			}

			

			.touch .image-slider .prevBtn { left: 15px;  }

			.touch .image-slider .nextBtn { right: 15px; }



			.image-slider-nav a:after {

				font-size: 25px;

				line-height: 48px;

			}



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

			/*	Respond

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



				#respond input[type="text"],

				#respond input[type="email"],

				#respond input[type="url"] { width: 100%; }



				#respond textarea {

					width: 100%;

					min-width: 100%; 

				}

				

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

			/*	Tabs

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

			

			.tabs-nav { height: 38px; }



				.tabs-nav li a {

					padding: 6px 15px;

					height: 38px;

				}

				

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

		/*	Portfolio

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

		

			.extra-title { font-size: 17px; }

		

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

			/*	Portfolio Filter

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



			.portfolio-filter { text-align: left; }



				.portfolio-filter li {

					width: 48%;

					border-width: 1px;

					text-align: center;

				}



				.portfolio-filter li:first-child {

					-webkit-border-radius: 0;

							border-radius: 0;

				}



				.portfolio-filter li:last-child {

					border-right-width: 1px;

					-webkit-border-radius: 0;

							border-radius: 0;

				}

				

				.portfolio-filter li:nth-child(2n-1) {

					margin-right: 4%;

					-webkit-border-radius: 6px 0 0 6px;

							border-radius: 6px 0 0 6px;

				}

				

				.portfolio-filter li:nth-child(2n) {

					margin-right: 0;

					-webkit-border-radius: 0 6px 6px 0;

							border-radius: 0 6px 6px 0;

				}



				.portfolio-filter li.active + li { border-left-color: #cfcfcf !important; }

				

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

			/*	Portfolio Items

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



				/*ul.portfolio-items li { 

					width: 50%;

					max-width: 50%;

				}*/



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

			/*	Portfolio Single

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



				.project-page-header .project-title { font-size: 40px; }	



			/* Project Nav */



			.project-nav { margin-top: -10px; }



				.project-nav li { margin-left: 10px; }



					.project-nav li a:after {

						font-size: 25px;

						line-height: 24px;

					}



					.project-nav .all-projects:after { font-size: 23px; }



			/* Project Meta */

			

			.project-meta { margin-bottom: 10px; }



				.project-meta li { 

					display: inline-block;

					margin-right: 15px;

				}	

				

			/* Project Similar Posts */



			.project-similar li,

			.row .project-similar li { width: 100%; }	



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

		/*	Widgets + Shortcodes

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

		

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

			/*	Map

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



			.google_map { height: 200px; }	



	}



	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

	@media only screen and (min-width: 480px) and (max-width: 767px) {

		

		/* Project Similar Posts */



		.project-similar li,

		.row .project-similar li { width: 50%; }

		.logo-in-footer h1 a{

			font-size: 14px;

		}

			

	}



	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

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

		

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

		/*	Single Post Navigation

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

		

		.single-post-nav a       { font-size:     15px; }

		.single-post-nav .prev   { padding-left:  25px; }

		.single-post-nav .next   { padding-right: 25px; }

		.single-post-nav a:after { font-size:	  24px;	}

		

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

		/*	Portfolio

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



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

			/*	Portfolio Single

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

			

				.project-page-header .project-title {

					padding-right: 80px;

					font-size: 35px;

				}	

				

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

		/*	Footer

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



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

			/*	Logo In Footer

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



				.logo-in-footer h1 { font-size: 70px; }

				

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

			/*	Bottom Footer

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



				.copyright { font-size: 11px; }



				.logo-in-footer h1 a{

					font-size: 14px;

				}



		

	}