/* Media Queries
-------------------------------------------------------------- */
@media (min-width: 1200px) {

}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
	#mainnav > ul > li > a {
		padding: 0 16px;
	}
	.iconbox {
			padding: 25px;
	}
	.iconbox .icon {
		margin-right: 20px;
	}
	.feature-box .button {
		text-align: right;
		margin-bottom: 0;
		margin-top: 15px;
	}
	.our-skills .skillbar {
		width: 50%;
		padding: 90px 70px;
	}
	.blog-grid.six-cols .main-content article,
	.blog-masonry.six-cols .main-content article {
		width: calc(25% - 30px);
	}
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
	.header.header-sticky {
		max-width: 970px;
	}
	#container {
		width: 100%;
		margin: 0;
	}
	section {
		padding: 130px 0;
	}
	.iconbox {
		padding: 20px;
	}
	.iconbox .icon {
		margin-right: 10px;
	}
	.iconbox .intro {
		width: calc(100% - 47px);
	}
	.iconbox .intro .media-heading {
			font-size: 17px;
	}
	.iconbox .icon i {
		font-size:2.5em;
	}
	.iconbox .intro .media-heading {
		font-size: 16px;
	}
	.iconbox.style2 .icon {
		margin-right: 10px;
	}
	.iconbox.style2 .icon i {
		font-size: 4em;
	}
	.iconbox.style2 .intro {
		width: calc(100% - 66px);
	}
	.team-member .section-title h3 {
		margin-bottom: 22px;
		font-size: 26px;
	}
	.team-member .section-title h5 {
		margin-bottom: 13px;
		font-size: 14px;
		margin-top: 0;
	}
	.team-member .section-title.text-left h3:after {
		bottom: 3px;
	}
	.team-member .section-title {
		margin-bottom: 0;
	}
	.team-member .section-title .subtitle {
		font-size: 13px;
	}
	.little-about p.media {
		text-align: center;
		margin-bottom: 50px;
	}
	.little-about .intro span.big-text {
		margin-bottom: 50px;
	}
	.advanced-search .btn-theme {
		float:right;
	}
	.skillbar h3 {
		font-size: 26px;
	}
	.our-skills .skillbar {
		padding: 70px 55px;
	}
	.more-about .item {
		padding: 70px 30px;
	}
	.footer .contact-info i {
		width: 23px;
	}
	.footer .subscribe-form .submit {
		right: -2px;
		padding: 11px 10px 10px;
	}
	/*blog*/
	.blog-grid .main-content article,
	.blog-masonry .main-content article {
		width: calc(33.3333% - 16px);
		margin: 0 8px;
		margin-bottom: 50px;
	}
	.blog-grid.two-cols .main-content article,
	.blog-masonry.two-cols .main-content article {
		width: calc(50% - 16px);
		margin-bottom: 50px;
	}
	.blog-grid.four-cols .main-content article,
	.blog-masonry.four-cols .main-content article,
	.blog-grid.five-cols .main-content article,
	.blog-masonry.five-cols .main-content article,
	.blog-grid.six-cols .main-content article,
	.blog-masonry.six-cols .main-content article {
		width: calc(33.3333% - 16px);
		margin-bottom: 50px;
	}
	.main-content article:last-of-type {
		margin-bottom: 0;
	}
	/*portfolio*/
	.portfolio-page .main-content {
		padding-left: 0;
		padding-right: 0;
	}
	.blog section {
		margin-right: 0;
	}
	.main-content,
	.sidebar,
	.blog-page .main-content,
	.left-sidebar .main-content,
	.left-sidebar .sidebar,
	.right-sidebar .main-content,
	.right-sidebar .sidebar {
		float: none;
		width: 100%;
		padding:0 15px;
	}
	.right-sidebar .blog-post .main-content > .content {
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
	}
	.left-sidebar .blog-post .main-content > .content {
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
	}
}

/* Tablet Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {

}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	#mainnav{
		display: none;
	}
	section {
		padding: 90px 0;
	}
	.btn-menu {
		position: absolute;
		display: inline-block;
		z-index: 999;
		top: 22px;
		right: 15px;
	}
	.btn-theme {
		font-size: 12px;
		padding: 12px 28px;
	}
	.style2 .btn-menu {
		color: #5d5d5d;
	}
	#mainnav-mobi {
		width: 100%;
		background-color: #131313;
		margin: 0 -15px;
	}
	.breadcrumb-wrap .breadcrumb {
		padding: 30px 15px;
	}
	.header{
		border: none;
	}
	#mainnav ul{
		margin: 15px 0 0;
	}
	.page-title .bg-image {
		height: 130px;
	}
	.page-title h1 {
		top: 30%;
		font-size: 38px;
	}
	.iconbox {
		margin-bottom: 30px;
	}
	.count-wrap {
		margin-top: 40px;
	}
	.feature-box {
		padding: 55px 0;
		text-align: center;
	}
	.feature-box .button {
		margin-top: 30px;
		text-align: center;
	}
	.recent-news .item {
		width: 100%;
		float: none;
		margin: 0;
		margin-bottom: 30px;
	}
	.portfolio .item {
		width: 50%;
	}
	.portfolio-wrap.style2 .portfolio .item {
		width: calc(50% - 5px);
	}
	.more-block {
		padding: 40px 0;
	}
	.count-wrap {
		margin: 0 30px;
	}
	.count-wrap .item {
		width: 100%;
		margin-bottom: 35px;
	}
	.count-wrap .item:last-child {
		margin-bottom: 0;
	}
	.arch-members {
		margin-top:50px;
	}
	.our-skills .skillbar {
		float:none;
		width: 100%;
	}
	.our-skills .image {
		width:100%;
		float:none;
	}
	.location-select {
		max-width: 100%;
	}
	.advanced-search .btn-theme {
		float: none;
	}
	.little-about h2 {
		font-size: 32px;
	}
	.little-about .panel-group {
		margin-bottom:60px;
	}
	.little-about .intro {
		font-size: 15px;
	}
	.feature-box02 .right,
	.feature-box02 .left {
		text-align:center;
	}
	.feature-box02 .left {
		font-size: 17px;
	}
	.contact-info .item {
		width: 100%;
		margin-bottom: 34px;
	}
	.page-contact04 .contact-info .item,
	.page-contact03 .contact-info .item,
	.page-contact02 .contact-info .item {
		width: 100%;
	}
	#gmap {
		height: 350px;
	}
	.contact-form {
		margin: 40px auto;
	}
	.page-not-found {
		padding: 180px 0;
	}
	.page-not-found form input.form-control {
		width: 265px;
	}
	.page-not-found form h1 {
		font-size: 132px;
	}
	.page-not-found form h3 {
		margin-bottom: 50px;
		letter-spacing: 4px;
	}
	.page-not-found.style2 .right-info {
		display:block;
		max-width: 100%;
		padding-left:0;
		margin-top:30px;
		text-align:center;
	}
	.page-not-found.style2 .right-info form {
		display:inline-block;
		text-align:left;
		max-width: 324px;
	}
	.more-about .item {
		float: none;
		width: 100%;
	}
	.timeline-list {
		padding: 0 20px;
	}
	#page-about .panel-group {
		margin-bottom: 40px;
	}
	.pagination ul li a {
		width: 39px;
	}
	.footer.style2 .followus li i {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.footer.style2 .followus li {
		margin: 0 13px;
		margin-bottom: 10px;
	}
	.footer .subscribe-form {
		max-width: 250px;
	}
	.footer .subscribe-form label,
	.footer .subscribe-form label input {
		width:100%;
	}
	.footer-info,
	.footer ul.useful-link,
	.footer ul.tags {
		margin-bottom:30px;
	}
	.footer h3 {
		margin-bottom: 25px;
	}
	.footer .bottom p {
		margin-bottom:10px;
		text-align: center;
	}
	.bottom ul.socials {
		text-align: center;
	}
	/*blog*/
	.blog-grid .main-content article,
	.blog-masonry .main-content article {
		width: 100%;
		margin: 0;
		margin-bottom:50px;
	}
	.blog-grid.two-cols .main-content article,
	.blog-masonry.two-cols .main-content article,
	.blog-grid.four-cols .main-content article,
	.blog-masonry.four-cols .main-content article,
	.blog-grid.five-cols .main-content article,
	.blog-masonry.five-cols .main-content article,
	.blog-grid.six-cols .main-content article,
	.blog-masonry.six-cols .main-content article {
		width: 100%;
		margin-bottom: 50px;
	}
	.blog-grid.two-cols .main-content article:last-of-type,
	.blog-masonry.two-cols .main-content article:last-of-type,
	.blog-grid.four-cols .main-content article:last-of-type,
	.blog-masonry.four-cols .main-content article:last-of-type,
	.blog-grid.five-cols .main-content article:last-of-type,
	.blog-masonry.five-cols .main-content article:last-of-type,
	.blog-grid.six-cols .main-content article:last-of-type,
	.blog-masonry.six-cols .main-content article:last-of-type {
		margin-bottom: 0;
	}
	.blog-page .main-content {
		margin: 50px 0;
	}
	.blog-page.full-width .main-content {
		padding: 0 15px;
	}
	h2.title-post {
		font-size: 22px;
	}
	.blog-page.single-style2 .main-content {
		margin-top: 50px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.page-comingsoon.style2 h1 {
		letter-spacing: 6px;
		font-size: 40px;
		margin-bottom: 15px;
	}
	.style2 .countdown-section {
		margin-bottom: 20px;
		width: 100px;
		height: 100px;
	}
	.style2 .countdown-section span.countdown-amount {
		font-size: 41px;
		line-height: 26px;
	}
	.style2 .countdown-section span.countdown-period {
		line-height: 28px;
		width: 68px;
		margin-top: 4px;
	}
	.style2 .countdown-wrapper {
		margin-bottom: 10px;
	}
	/*portfolio*/
	.portfolio-page .main-content {
		margin-top: 50px;
	}
	.portfolio .item,
	.four-cols .portfolio .item {
		width: 50%;
	}
	.portfolio-single.portfolio-style2 .project-details .left-col,
	.portfolio-single.portfolio-style2 .project-details .right-col {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	.portfolio-single.portfolio-style2 .project-details .left-col {
		margin-bottom: 30px;
	}
	.portfolio-single.portfolio-style2 .project-details {
		margin: 40px 0 40px;
	}
	.portfolio-page.portfolio-style2 .portfolio .item,
	.portfolio-page.portfolio-style2.four-cols .portfolio .item {
		width: calc(50% - 5px);
	}
	.section-title.mgb100 {
		margin-bottom: 50px;
	}
	.mgt100 {
		margin-top: 50px;
	}
	#service .box {
		margin-bottom: 50px;
	}
	.blog section {
		margin-right: 0;
		padding: 15px;
	}
	.entry-post ul.list {
		margin: 20px 0;
	}
	.tags-share .tags,
	.tags-share .share {
		width: 100%;
		margin-bottom: 15px;
	}
	.tags-share .tags ul,
	.tags-share .share ul {
		padding-left: 0;
	}
	.tags-share .share {
		width: 100%;
		text-align: left;
	}
	.author > p.avatar {
		max-width: 100px;
	}
	.author > p.description {
		float: left;
		min-height: 100px;
		max-width: calc(100% - 100px);
		max-width: -ms-calc(100% - 100px);
		max-width: -moz-calc(100% - 100px);
		max-width: -webkit-calc(100% - 100px);
		padding: 10px;
	}
	.author > p.description span {
		margin-bottom: 8px;
	}
	.countdown-section {
		display: inline-block;
		text-align: center;
		width: 125px;
		margin: 5px;
		height: 95px;
	}
	.countdown-wrapper {
		bottom: 14px;
	}
	.countdown-section:nth-child(3),
	.countdown-section:nth-child(4) {
		margin-bottom: 0;
	}
	.countdown-section span.countdown-amount {
		display: block;
		font-size: 31px;
		font-weight: bold;
		color: #fff;
		line-height: 50px;
	}
	.section-title h3 {
		font-size: 25px;
	}
	.contact-info ul li {
		float: none;
		width: 100%;
	}
	#footer {
		margin-bottom: 0;
		padding-bottom: 15px;
	}
	.page-comingsoon h1 {
		font-size: 60px;
		margin-top: 24px;
	}
	.page-comingsoon .separator {
		margin-top: 34px;
	}
	.change-order{
		display: flex;
		flex-direction: column-reverse;
	}
	.mgt50-res{
		margin-top: 50px;
	}
}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
	section {
		padding: 90px 0;
	}
	.portfolio-wrap.style2 .portfolio .item {
		width: calc(100% - 10px);
	}
	.portfolio .item {
		width: 100%;
	}
	.skillbar h3 {
		font-size: 19px;
	}
	.our-skills .skillbar {
		padding: 60px 35px;
	}
	.blog-list .blog .main-content article .media {
		max-width: 100%;
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.comment-list ul .comment .avatar {
		width: 60px;
		padding-right: 10px;
	}
	/*portfolio*/

	.portfolio .item,
	.four-cols .portfolio .item,
	.two-cols .portfolio .item {
		width: 100%;
	}
	.portfolio-single.portfolio-style2 .project-media .item {
		width: 100%;
	}
	.portfolio-page.portfolio-style2 .portfolio {
		padding: 0;
	}
	.portfolio-page.portfolio-style2 .portfolio .item,
	.portfolio-page.portfolio-style2.four-cols .portfolio .item,
	.portfolio-page.portfolio-style2.two-cols .portfolio .item {
		width: 100%;
		margin-bottom: 15px;
		padding: 0;
	}
	.portfolio-page.full-width.portfolio-style2.two-cols .portfolio .item {
		padding: 0 15px;
	}
	.portfolio-page.full-width.portfolio-style2 .portfolio .item,
	.portfolio-page.full-width.portfolio-style2.four-cols .portfolio .item,
	.portfolio-page.full-width.style2.two-cols .portfolio .item {
		padding-left: 15px;
		padding-right: 15px;
	}
	.portfolio-page.full-width.portfolio-style2 .portfolio {
		padding-top: 15px;
	}
	.portfolio-page.portfolio-style2 .portfolio .item,
	.portfolio-page.portfolio-style2.four-cols .portfolio .item {
		width: 100%;
	}
}


/* Retina Devices */
	@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (   -moz-min-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {

	/* Retina-specific stuff here */

}