/*
===============================================
			17. Media Queries
===============================================
*/

/* Portrait tablet to landscape and desktop */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

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

/* Landscape phone to portrait tablet */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

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

	.contact_body{
		padding: 30px 100px;
	}

}


@media only screen and (min-width: 991px) and (max-width: 1640px) {
	

}

@media only screen and (min-width: 991px) {

	.mobile_nav{
		display: none;
	}

	.window_box.mobile .mobile_nav{
		display: block;
	}
	.window_box.mobile .navigation{
		display: none;
	}

	.navigation{
		display: block;
	}


}

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

	#header .navigation > li:hover:after,
	#header .navigation > li.active:after{
		width: 50px;
	}

	#header .logo_outer{
		width: auto;
		float: none;
		display: inline-block;
		border-bottom: 1px solid transparent;
	}

	#header .mobile_nav{
		display: inline-block;
	}

	.home_fullscreen_image_content{
		height: auto !important;
	}

	.user_titles{
		position: relative;
		left: auto;
		top: auto;
		height: auto;
		width: 100%;
		padding: 50px 15px;
   	 	padding-top: 0;
		margin: 0;
	}

	.user_titles .inner{
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
	}

	.about_image{
		width: 100%;
		height: 50vh !important;
	}

	.services .item{
		padding: 25px;
	}

	.services .item i{
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 25px;
	}

	.about_box{
		position: relative;
		left: auto;
		top: auto;
		height: auto;
		width: 100%;
	}

	.navigation_container{
		display: none;
	}

	#header.mobile .navigation_container{
		display: block;
	}

	#header .navigation > li:after{
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
	    width: 50px;
	    left: calc(50% - 25px);
	    top: 45px;
	}

	#header .navigation > li > a{
		margin-bottom: 10px;
	}

	#header.mobile .navigation > li > ul > li > a{
		text-align: center;
	}

	.home_fullscreen_image .overlay .inner{
		width: 80%;
		padding: 30px;
	}

	.home_fullscreen_image .overlay .inner .title{
		font-size: 60px;
	}

	.home_fullscreen_image .overlay .inner .actions a{
		display: inline-block;
		width: 47%;
	}

	.home_fullscreen_image .overlay .inner .actions a + a{
		margin-left: 0;
		margin-top:15px;
		margin-left: 4%;
	}

	.navigation{
		display: none;
	}

	.mobile_nav{
		display: block;
	}

	.about_body .actions{
		text-align: center;
	}

	.about_user_bot .col{
		margin-bottom: 30px;
	}

	.about_user_bot .col.last_child{
		margin-bottom: 0 !important;
	}

	.edu_empl_items{
		margin-bottom: 30px;
	}

	.about_body{
		display: block;
		height: auto !important;
	}

	.about_body .user_personal_info{
		display: block;
	}

	.about_body .user_personal_info .cell{
		text-align: center;
		margin-bottom: 15px !important;
	}

	.about_body .user_personal_info > div:last-child .cell{
		margin-bottom: 0;
	}

	.awards .award{
		text-align: left;
	}

	.edu_empl_items .items .item{
		margin-bottom: 30px;
	}

	.edu_empl_items .items .item .body:before,
	.edu_empl_items .items .item .body:after{
		opacity: 0;
		visibility: hidden;
		z-index: -1;
	}

	.services .item_outer + .item_outer .item{
		border-left: none;
	}

	.services .item_outer .item{
		border-bottom: 4px double rgba(0,0,0,0.1);
	}

	.services .item_outer .item{
		border-left: 4px double transparent;
	}

	.parallax_item.testimonials .testimonials_slider .item i{
		position: relative;
		left: auto;
		top: auto;
		margin-bottom: 30px;
	}

	.parallax_item.testimonials .testimonials_slider .item .name{
		text-align: center;
	}

	.some_stats_section .item{
		padding: 30px 10px;
	}

	.edu_empl_items .items .item .body{
		text-align: center;
	}

	.edu_empl_items .items .item .date{
		margin-bottom: 25px;
	}

	.pricing_tables .item{
		margin: 15px;
	}

	.some_stats_section .title_outer,
	.some_stats_section h2.title{
		text-align: center;
	}

	.awards .award .body{
		float: left;
	}

	.about_user_bot .col > .title{
		text-align: center;
	}

	.about_user_bot .col > .title:after{
		left: calc(50% - 25px);
	}

	.home_blog_posts .post .post_title{
		padding-bottom: 10px;
	}

	.home_fullscreen_image{
	    background-position: center center;
	}
	
}

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

	.user_titles .actions a{
		display: block;
	}

	#header .mobile_nav li a{
		padding: 15px;
	}

	#header .logo{
		margin-top: 15px;
		padding-left: 15px;
	}

	.home_fullscreen_image .overlay .inner .description span:after{
		width: 60px;
		right: -80px;
	}

	.home_fullscreen_image .overlay .inner .description span:before{
		width: 60px;
		left: -80px;
	}

	.portfolio_grid .grid_item .overlay .inner a.title{
		font-size: 15px;
	}

	.portfolio_grid_filter{
		padding: 0 15px;
	}

	.portfolio_grid_filter li{
		display: block;
		border: 0;
		margin-bottom: 15px;
	}

	.portfolio_grid_filter li + li{
		margin-left: 0;
	}

	.portfolio_grid_filter li:last-child{
		margin-bottom: 0;
	}

	.pricing_tables .item_outer.suggested .item{
		-webkit-transform: scale(1,1);
		-ms-transform: scale(1,1);
		transform: scale(1,1);
	}

	.pricing_tables > div + div{
		margin-top: 30px;
	}

	.about_image{
		height: 100vh !important;
	}

	.services .item{
		padding: 25px;
	}

	section.pricing{
		padding-bottom: 0 !important;
	}

	.services .item i{
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 25px;
	}

	.about_user_bot .col{
		height: auto !important;
	}

	.contact_image{
		height: 100vh;
	}

	.user_titles p{
		font-size: 15px;
	}

}

/* Landscape phones and down */
@media only screen and (max-width: 479px) {

	.sp_page .sp_description{
		margin-bottom: 30px;
	}

	.home_blog_posts .post .post_title{
		font-size: 20px;
	}

	.section > .section_title .title,
	.contact_body h2{
		font-size: 30px;
	}

	.blog_posts .post .about_author{
		text-align: center;
	}

	.blog_posts .post .about_author img{
		float: none;
	}

	.blog_posts .post .about_author .body{
		width: 100%;
		padding: 0;
	    float: none;
	    margin-top: 20px;
	}

	.parallax_item.top_parallax .top_title,
	.sp_page .sp_title{
		font-size: 35px;
	}

	.blog_posts .post #comments .comments_list .comment .children{
		padding-left: 50px;
	}

	.blog_posts .post .prev_next_posts a i{
		position: relative;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
    	display: inline;
	}

	.blog_posts .post .comment_form .title,
	.blog_posts .post #comments > .title{
		font-size: 17px;
	}

	.portfolio_grid .grid_item .overlay .inner{
		width: 90%;
	}

	.portfolio_grid .grid_item .overlay .inner a.title{
		font-size: 16px;
	}

	.contact_image .overlay .contact_info .item{
		margin-bottom: 30px !important;
	}

	.parallax_item .parallax_content .parallax_title{
		font-size: 25px;
	}

	.home_fullscreen_image .overlay .inner{
		width: 90%;
		padding: 15px;
	}

	.home_fullscreen_image .overlay .inner .description{
		font-size: 15px;
		margin-bottom: 15px;
	}

	.home_fullscreen_image .overlay .inner .title{
		font-size: 35px;
		margin-bottom: 15px;
	}

	.nav-tabs>li{
		width: 100%;
	}

	.tabs .nav-tabs>li.active>a,
	.tabs .nav-tabs>li.active>a:focus,
	.tabs .nav-tabs>li.active>a:hover{
		border-bottom-color: #dedede;
	}

	.home_slider .slide .overlay .inner .title{
		font-size: 40px;
	}

	.about_user_bot .col{
		padding: 30px;
	}

	.about_image .overlay .quote{
		font-size: 20px;
	}

	.contact_body{
		padding: 30px 15px;
	}

	.pricing_tables{
		padding: 15px;
	}
	
	#header.mobile .navigation > li > ul > li + li{
		margin: 0;
	}

	.home_fullscreen_image .overlay .inner .actions a{
		display: inline-block;
		width: 100%;
		padding: 10px;
	}

	.home_fullscreen_image .overlay .inner .actions a + a{
		margin-left: 0;
	}

	.home_fullscreen_image .overlay .inner .social_icons a{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}

	.contact_image{
		height: 650px;
	}

	.user_titles .actions{
		text-align: center;
	}

	.user_titles .actions a{
		margin-left: 0 !important;
	}

	.user_titles .actions a + a{
		margin-top: 15px;
	}

	.pagination{
		display: block;
	}

	.pagination li{
		display: block;
		width: 100%;
		margin-bottom: 10px !important;
	}

	.pagination li a{
		display: block;
		margin: 0;
		width: 100%;
		float: none;
	}

	.sidebar{
		margin-top: 30px;
		padding-left: 0;
	}

	.blog_posts .post .share_tags{
		text-align: center;
	}

	.blog_posts .post .share_tags > div + div{
		margin-top: 15px;
	}

	.contact_body button{
		width: 100%;
	}

	.footer .icons a{
		margin-bottom: 15px;
	}

	.gmap{
		height: 250px;
	}

}

@media only screen and (max-width: 467px) and (min-height: 450px) {

}

.theme_configs{
	position: fixed;
	left: -158px;
	top: 15%;
	z-index: 300;
}

.theme_configs.visible{
	display: block !important;
	visibility: visible !important;
}

.theme_configs .body {
	display: inline-block;
	float: left;
	width: 158px;
	border: 1px solid #ededed;
	padding: inherit;
	background: #ffffff;
	text-align: center;
	word-wrap: break-word;
}

.theme_configs .body .head_title,
.theme_configs .body .title{
	width: 100%;
	padding: 4px;
	border-bottom: 1px solid #ededed;
}

.theme_configs .body .head_title{
	background: #f5f5f5;
}

.theme_configs .body .box{
	display: block;
	width: 100%;
	padding: 10px;
	float: left;
}

.theme_configs .btn{
	display: inline-block;
	height: 34px;
	width: 34px;
	line-height: 23px;
	background: #f5f5f5;
	border-radius: 0;
	font-size: 25px;
	cursor: pointer;
	text-align: center;
	float: left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.theme_configs .box.themes div{
	display: block;
	width: 63px;
	height: 20px;
	margin-bottom: 10px;
	cursor: pointer;
	float: left;
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.theme_configs .box.themes div:nth-child(9),
.theme_configs .box.themes div:last-child{
	margin-bottom: 0;
}

.theme_configs .box.themes div:nth-child(2n+0){
	margin-left: 10px;
}

.theme_configs .box.themes div:hover{
	opacity: 1;
}

.theme_configs .box.themes div:hover,
.theme_configs .box.themes div.active{
	opacity: 1;
}

.theme_configs .box.themes div > span{
	display: block;
	width: 100%;
	padding: 5px;
	margin-bottom: 5px;
}