@media ( max-width: 1920px ) and ( min-width: 1367px ){
	.main-nav ul.menu {
		padding-left: 0;
	}
}

@media ( max-width: 1366px ) {
	.fp-project-carousel {
		.owl-controls div {
			&.owl-prev {
				left: -70px;
			}
			&.owl-next {
				right: -70px;
			}
		}
	}

	.header-v1,
	.header-v2,
	.header-v3 {
		.main-nav {
			ul.menu {
				padding-left: 0;
			}

			li {
				padding-right: 40px;
			}
		}
	}

	.project-grid.project-grid-fullwidth .project-inner .project-summary,
	.project-inner .project-summary {
		padding: 0 35px;
	}

	a.backtotop {
		right: 20px;
	}
}

@media (max-width: 1310px) {
	.fp-project-carousel {
		.owl-controls div {
			display: none;
		}
	}
}

// md
@media (max-width: 1199px) {
	.hide-topbar-mobile .topbar,
	.main-nav .extra-menu-item {
		display: none;
	}

	.header-v3 {
		.site-header {
			transform: translateY(0);
			background-color: #fff;
			position: static;
		}

		.page-header .header-title {
			padding-top: 111px;
		}

		.header-main {
			padding-left: 15px;
			padding-right: 15px;
		}
	}

	.topbar {
		.topbar-widgets {
			width: 100%;
			text-align: center;
		}
	}

	.header-transparent.admin-bar .site-header {
	    top: 133px;
	}

	.header-transparent.admin-bar.hide-topbar-mobile .site-header {
	    top: 32px;
	}

	.header-transparent.hide-topbar-mobile .site-header {
		top: 0;
	}

	.project-inner .project-summary {
		padding: 0 20px;
	}

	.fp-service-2 {
		div.service-content {
			text-align: center;
			transform: translateY(0);

			p {
				display: none;
			}
		}
	}

	.fp-latest-project {
		&.style-1 {
			.item-project {
				.project-summary {
					top: 50%;
					left: 0;
					transform: translateY(-50%);
					width: 100%;
					text-align: center;
					padding: 20px 10px;

					p {
						display: none;
					}

					h3 {
						margin-bottom: 0;
					}
				}
			}
		}
	}

	.fp-phone {
		text-align: center;

		a,.hotline {
			float: none;
			display: inline-block;
		}

		a {
			margin-bottom: 20px;
		}

		.hotline {
			text-align: left;
		}
	}

	.woocommerce {
		.widget_price_filter {
			.price_slider_amount {
				.button,.price_label {
					float: none;
				}
			}
		}
	}

	div.vc-form-email {
		margin-bottom: 50px;
	    background-color: rgba( 0, 0, 0, 0.95);
	    padding-top: 30px;
	    padding-bottom: 30px;
	}

	div.no-background-img {
		background-image: none !important;
	}
}

@media (max-width: 1024px) {
	.container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header-sticky {
    	&.header-transparent {
    		.site-header {
	    		&.minimized {
	    			.navbars-icon {
	    				i {
	    					background-color: @primary-color;
	    				}
	    			}
	    		}
	    	}
    	}
    	&.header-v4,
    	&.header-v5 {
    		.site-header.minimized {
    			padding-top: 25px;

    			&.minimizing {
    				padding-top: 25px;
    			}

    			.header-logo {
    				display: block;
    			}
    		}
    	}

    	&.header-v4 {
    		.site-header.minimized.minimizing {
    			.header-main {
    				transform: translateY(-46px);
    			}
    		}
    	}
    }

	.header-v1,
	.header-v2,
	.header-v3 {
		.site-logo {
			float: left;
		}

		.site-menu {
			float: right;
		}
	}

	.header-v4,
	.header-v5,
	.header-v6,
	.header-v7,
	.header-v8 {
		.site-header {
			padding-bottom: 25px;
			padding-top: 25px;
			position: relative;
		}

		.header-logo {
			float: left;
			width: 100%;

			.site-logo {
				position: relative;
				z-index: 9999;
				width: 100%;
				text-align: left;
			}
		}

		.header-main  {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			background-color: transparent !important;
			z-index: 9999;
			width: 100%;

			.navbar-toggle {
				display: inline-block;
				margin: 0;
				padding-right: 15px;
			}
		}

		.extra-text-left,
		.extra-text-right,
		.header-extra-text {
			display: none;
		}

		.page-header .header-title {
			padding-top: 111px;
		}
	}

	.header-v4 {
		.header-main {
			padding: 0 15px;
		}
	}

	.header-v5,
	.header-v6,
	.header-v8 {
		.header-logo {
			padding: 0;
			border-bottom: 0;
		}

		.header-main {
		    padding: 0;
	        margin-top: -3px;
		}

		.primary-mobile-nav .search-form {
			position: relative;
			min-width: 270px;

			.fa {
				font-size: 14px;
				font-weight: 400;
				position: absolute;
			    bottom: 14px;
				right: 0;
			}

			.search-field {
				width: 100%;
				border: none;
				border-bottom: 1px solid #f7f7f7;
				padding-left: 0;
				padding-bottom: 7px;

				&:focus {
					outline: none;
				}
			}

			.search-submit {
				opacity: 0;
				width: 28px;
				position: absolute;
				bottom: 10px;
				right: -5px;
				z-index: 999;
			}
		}
	}

	.header-v8 {
		.header-main {
			border-bottom: none;
		}
	}

	.main-nav {
		display: none;
	}

	.navbar-toggle {
		display: inline-block;
		margin: 0;
		padding: 9px 0 0 0;
	}

	.service-sidebar .download .item-download {
		span {
			font-size: 10px;
		}

		a {
			font-size: 12px;
		}
	}

	.project {
		.entry-thumbnail  {
			width: 100%;
			text-align: center;
			margin-bottom: 30px;
		}

		.entry-info {
			width: 100%;
		}
	}

	.project-inner {
		&:before,
		&:after,
		i {
			display: none;
		}

		.project-summary {
			opacity: 1;
			top: auto;
			bottom: 0;
			left: 0;
			transform: translate( 0, 0 );
			padding: 10px;
			background-color: @secondary-color;

			h2 {
				margin-bottom: 0;
				font-size: 20px;
			}

			p {
				display: none;
			}
		}
	}

	.project-grid.project-grid-fullwidth,
	.project-grid {
		.project-inner .project-summary {
			padding: 10px;
			top: auto;
			bottom: 0;
			left: 0;
			transform: translate( 0, 0 );
			text-align: center;
		}
	}

	.project-mansony .project-inner .project-summary h2 {
		font-size: 22px;
	}

	.service .service-thumbnail {
		a {
			&:before,
			&:after,i {
				display: none;
			}
		}
	}

	div.no-background-img {
		background-image: none !important;

		.fp-form-2 {
			margin-top: 50px;
		}
	}

	div.el-margin {
		margin-right: 0 !important;
	}

	.fp-testimonials-2 {
		&.style-1.img-no-margin div.owl-pagination {
			top: inherit;
			right: inherit;
		}

		.owl-carousel .owl-item {
			text-align: left;
		}
	}

	.fp-service-2 {
		div.overlay {
			opacity: 1;
		}

		.item-service  {
			display: inline-block;
		}

		div.service-content {
			text-align: center;
			padding-top: 60px;

			h1 {
				transform: translateY(0);
			}

			a,
			a.readmore {
				opacity: 1
			}
		}
	}

	.fp-service {
		.entry-thumbnail {
			.overlay,
			i,
			&:after {
				display: none;
			}
		}
	}

	div.fp-service-3 {
		a {
			background-color: @primary-color;
		}
	}

	div.fp-latest-project {
		.item-project {
			.project-summary {
				top: auto !important;
				bottom: 0;
				transform: translate(0,0) !important;
				background-color: @secondary-color;
				opacity: 1;

				h3 {
					font-size: 18px;
					margin-bottom: 0;
				}
			}

			&:after,i,.overlay {
				display: none
			}

		}
		&.style-1 {
			.item-project {
				.project-summary {
					padding: 5px;
				}
			}
		}
		&.style-2 {
			.item-project {
				.project-summary {
					padding: 10px 5px;

					p {
						display: none;
					}
				}
			}
		}
	}

	.fp-team div.team-member {
		.overlay {
			display: none;
		}

		.phone {
			&:after,
			.number:after {
				display: none;
			}

			i {
				opacity: 1;
				bottom: 5px;
				font-size: 20px;
			}

			.number {
				opacity: 1;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
			    width: 100%;
    			text-align: center;
			}
		}

		ul {
			opacity: 1;
			transform: translateY(0);
			top: auto;
			bottom: 35px;

			li a {
				color: @secondary-color;
	    		background-color: @light;
			}
		}
	}

	div.fp-phone {
    	a,
    	.hotline {
    		float: none;
    	}
    }

    .backtotop {
    	width: 40px;
    	height: 40px;
    	line-height: 34px;
    	font-size: 24px;
    	border-width: 2px;
    }
}

@media (max-width: 991px) {
	.primary-sidebar {
		margin-top: 60px;
	}

	.service-sidebar .download .item-download {
		span {
			font-size: 14px;
		}

		a {
			font-size: 16px;
		}
	}

    .single-service {
    	.content-area {
    		padding-bottom: 50px;
    	}
    }

    .single-project  {
    	.entry-thumbnail {
    		margin-bottom: 25px;
    	}

    	.info-left,
    	.info-right {
    		width: 50%;
    	}

    	.info-left {
    		float: left;
    	}

    	.info-right {
    		float: right;
    	}
    }

    .footer-widgets {
    	.footer-contact {
    		padding-bottom: 35px;

	    	.widget {
	    		width: 50%;
	    		padding-bottom: 20px;
	    	}
    	}

    	.footer-3 {
    		clear: left;
    	}
    }

    .site-footer {
    	.footer-text,
    	.footer-copyright {
    		text-align: center;
    	}
    }

	.woocommerce {
		ul.products li.product {
			&.first {
				clear: none;
			}

			.product-inner {
                box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);

                img {
                    border-color: transparent;
                }

                .product-quick-view {
                    opacity: 1;
                }

                &:hover {
                	img {
	                    border-color: transparent;
	                }
                }
            }
		}

		table.shop_table.wishlist_table {
			.product-stock-status,
			.product-stock-stauts {
				display: none;
			}
		}
	}

	.service {
		&.col-md-4:nth-child( 3n+1 ) {
			clear: none;
		}

		&.col-sm-6:nth-child( 2n+1 ) {
			clear: left;
		}
	}

	.latest-project-widget {
		.latest-project {
			text-align: center;

			a {
				&:before {
					display: none;
				}

				i {
					opacity: 1;
				}
			}
		}
	}

	.footer-widgets {
		padding-bottom: 15px;
	}

	.footer-sidebar {
		padding-bottom: 30px;
	}

	.owl-carousel .owl-item {
		text-align: center;
	}

    // Shortcode
    .wpb_wrapper {
    	.fp-icon-box {
    		&:first-child {
    			float: left;
    			width: 48%;
    		}

    		&:last-child {
    			float: right;
    			width: 48%;
    		}
    	}
    }

    div.fp-section-title.style-2 {
    	p,h2 {
    		width: 100%;
    		padding-left: 0;
    		padding-right: 0;
    	}

    	h2 {
    		margin-bottom: 40px;
    	}
    }

    .fp-project-carousel .project-thumb {
    	.overlay,
    	i,
    	&:after {
    		display: none;
    	}
    }

    .fp-form-404 {
    	margin-bottom: 30px;
    }

    div.fp-icon-box-5 {
    	margin-right: 0;
    }

    div.fp-service .item-service.col-md-4:nth-child( 3n + 1 ),
    div.fp-service .item-service.col-md-6:nth-child( 2n + 1 ) {
    	clear: none;
    }

    .fp-service {
    	.item-service {
    		&.col-sm-6,
    		&.col-xs-6 {
    			&:nth-child(2n+1) {
					clear: left;
    			}
    		}
    	}
    }
}

@media (max-width: 782px) {
	.header-sticky.admin-bar .site-header.minimizing,
	.header-transparent.admin-bar.hide-topbar-mobile .site-header {
		top: 46px;
	}

	.header-transparent.admin-bar .site-header {
	    top: 122px;
	}
}

@media (max-width: 767px) {
	.header-v4,
	.header-v5,
	.header-v6,
	.header-v7,
	.header-v8 {
		.header-main {
		    right: 15px;

		    .navbar-toggle {
		    	padding-right: 0;
		    }
		}
	}

	.header-transparent.admin-bar .site-header,
	.header-transparent.admin-bar.hide-topbar-mobile .site-header {
	    top: 46px;
	}

	.owl-carousel .owl-item {
		text-align: left;
	}

	.fp-related-project,
	.fp-testimonials,
	.fp-project-carousel {
		.owl-carousel .owl-item {
			text-align: center;
		}
	}

	.modal {
		display: none;
	}

	.woocommerce {
		.shop-toolbar {
			div[class*="col-"] {
				text-align: center;
			}

			form {
				display: inline-block;
			}
		}

		ul.products li.product .product-inner .product-quick-view {
			display: none;
		}

		form.checkout table.shop_table {
			thead {
				th,td {
					padding: 10px 15px;
				}
			}

			td,th {
				padding: 15px 10px;

				span.amount {
					font-size: 14px;
				}
			}

			.cart_item td,
			tfoot th:first-child {
				font-size: 14px;
			}
		}

		ul#shipping_method li {
			label {
				font-size: 14px;
			}
		}
	}

	.woocommerce-checkout {
		.woocommerce-info {
			font-size: 14px;

			a {
				font-size: 12px;
			}
		}
	}

	.fp-form {
		margin-top: 30px;
	}

	.fp-team {
		margin-bottom: 15px;
	}

	div.fp-phone {

    	a {
    		float: left;
    	}

    	.hotline {
    		float: right;
    	}
    }

    .top-spacing {
    	padding-top: 45px;
    }

    div.no-padding-top {
    	padding-top: 0 !important;
    }
}

@media (max-width: 767px) and ( min-width: 480px ) {
	.latest-project {
		width: 16.6667%;
	}
}

@media (max-width: 667px) {
	.single-post {
		.entry-footer {
			text-align: center;

			.post-navigation {
				float: none;
				margin-top: 15px;
			}
		}
	}

	.header-v4,
	.header-v5 {
		.page-header .header-title {
			padding: 80px 0;
		}
	}

	.page-header .header-title {
		padding: 80px 0;

		h1 {
			font-size: 32px;
		}
	}

	.blog-wrapper {
		.cat-link,
		.comments-link {
			display: none;
		}
	}

	.woocommerce {
		table.shop_table {
			.product-price {
				display: none;
			}

			thead th {
				font-size: 16px;
			}

			tr th, tr td {
				padding: 10px 15px;
			}

			td {
				img, a img {
					width: 45px;
				}

				&.product-name a {
					font-size: 12px;
				}

				&.product-subtotal {
					font-size: 14px;
				}
			}

			&.wishlist_table {
				.product-price {
					display: table-cell;
				}
			}
		}
	}

	.woocommerce-cart {
		a.remove {
			font-size: 14px;

			.fa {
				font-size: 12px;
				margin-right: 5px;
			}
		}
	}
}

@media (max-width: 600px) {
	.topbar {
		.widget {
			margin-bottom: 10px;
		}
	}

	.header-sticky.admin-bar .site-header.minimizing {
		top: 0;
	}

	.error404 .error-404 .search-form {
	    max-width: 300px;

    	label input {
    		padding: 0;
    	}

    	&:after,
    	.search-submit {
    		right: 5px;
    	}

    	&:before {
    		right: 22px;
    	}
	}

	.woocommerce {
		div.product {
			.images-product,
			div.summary {
				float: none;
				width: 100%;
				padding-left: 0;
				padding-right: 0;
			}

			.images-product {
				text-align: center;
			}
		}
		table.shop_table.wishlist_table {
			.product-price {
				display: table-cell;
			}

			thead th {
				font-size: 14px;
			}

			.product-price > span {
				font-size: 14px;
			}

			.product-add-to-cart {
				a {
					font-size: 12px;
					min-height: 40px;
    				line-height: 40px;
    				width: 100px;
    				padding: 0;
				}
			}
		}
	}

	.project-mansony {
		.project-wrapper,
		.project-width {
			width: 100%;
		}
	}

	div.fp-testimonials {
		padding: 0 60px;

		.owl-carousel .owl-item {
			text-align: center;
		}
	}

	div.el-padding {
		padding: 30px !important;
	}
}

@media (max-width: 480px) {
	.page-header .header-title h1,
	div.fp-section-title h2,
	div.fp-testimonials h3 {
		font-size: 26px;
	}

	.fp-service {
		.item-service {
			width: 100%;
		}
	}

	.fp-service-2 {
		div[class*="col-"] {
			width: 100%;
		}
	}

	.fp-latest-post .item-latest-post,
	.fp-latest-project .project {
		width: 100%;
	}

	.all-project {
		.project-wrapper {
			width: 100%;
		}
	}
}

@media (max-width: 414px) {
	.topbar {
		.topbar-left {
			.widget {
				border: 0;
				padding-right: 0;
			}
		}

		.topbar-right {
			.widget {
				padding-left: 0;
				padding-right: 0;
			}
		}
	}

	.site-header {
		padding-top: 22px;
		padding-bottom: 23px;
	}

	.header-v1,
	.header-v2,
	.header-v3 {
		.header-main {
			position: relative;

			.site-menu {
				position: absolute;
				right: 0;
				top: 49%;
				transform: translateY(-50%);
			}
		}
	}

	.header-v4,
	.header-v5,
	.header-v6,
	.header-v7,
	.header-v8 {
		.header-logo {
			width: 50%;
		}

		.header-main  {
			width: 50%;
		}
	}

	.header-v5 .header-main {
		margin-top: 0;
	}

	.navbar-toggle {
		padding-top: 0;
		height: 25px;
	}

	.single-post {
		.cat-link,
		.comments-link {
			display: none;
		}

		.entry-footer .share-title {
			display: block;
		}

		.socials-share {
			margin-left: 0;
		}
	}

	.blog-list {
		.blog-wrapper {
			padding-bottom: 25px;
			padding-top: 30px;

			.entry-thumbnail {
				float: none;
				margin-bottom: 15px;
			}

			.entry-header,
			.entry-content,
			.read-more {
				margin-left: 0;
			}
		}
	}

	.all-project,
	div.fp-latest-project {
		ul.filter {
			display: block;

			li {
				display: block;
				margin: 0 auto;
	    		width: 60%;
	    		padding-left: 0;
	    		padding-right: 0;

	    		&:first-child {
	    			margin-left: auto;
	    		}

	    		&:last-child {
	    			margin-right: auto;
	    		}
			}
		}
	}

	.footer-widgets .footer-contact {
		.widget {
			width: 100%;
			float: none;
			padding-left: 0;
		}
	}

	.woocommerce {
		table.shop_table {
			tr th, tr td {
				padding: 10px;
			}

			td.product-name a {
				font-size: 0;
			}
		}

		div.product {
			div.summary {
				.product-share a {
					margin-bottom: 10px;
				}
			}
		}

		form.checkout {
			table.shop_table,
			#payment {
				float: none;
				width: 100%;
				margin-left: 0;
				margin-right: 0;
			}

			.form-row-first,
			.form-row-last {
				float: none;
				width: 100%;
				padding-left: 0;
				padding-right: 0;
			}
		}

		table.shop_table.wishlist_table {
			.product-name {
				display: none;
			}
		}
	}

	.woocommerce-checkout {
		.woocommerce-login-form,
		.woocommerce-coupon-form {
			float: none;
			width: 100%;
			padding: 0;
		}
	}

	.woocommerce-cart  {
		a.remove {
			font-size: 0;
		}

		table.cart td.actions {
			.coupon {
				.input-text,
				.button {
					float: none;
					width: 100%;
					margin-bottom: 15px;
				}
			}

			.update-cart {
				float: none;
				width: 100%;
			}
		}
	}

	div.fp-image .img-item {
		float: none;
		width: 100%;
		padding: 0 0 10px 0;
	}

	div.fp-form {
		.first-row,
		.last-row {
			float: none;
			width: 100%;
			padding: 0;
		}
	}

	div.fp-form-email {
		padding: 15px;
	}

	.wpb_wrapper {
    	.fp-icon-box {
    		&:first-child,
    		&:last-child {
    			float: none;
    			width: 100%;
    		}
    	}
    }

    div.fp-testimonials-3 {
    	img {
    		float: none;
    		margin-bottom: 10px;
    	}

    	.testi-item {
    		padding: 15px;
    	}

    	.testi-content {
    		margin-right: 0;
    	}
    }

    div.fp-phone {
    	a,
    	.hotline {
    		float: none;
    	}
    }

    div.fp-feature-product,
    div.fp-related-project,
    div.fp-project-carousel,
    .related .products {
    	.owl-controls .owl-buttons div  {
    		display: none;
    	}
    }
}

@media (max-width: 375px) {
	.primary-mobile-nav {
		width: 280px;
		right: -280px;
	}

	div.el-padding {
		padding: 10px !important;
	}

	.woocommerce {
		div.product {
			form.cart {
				.qty-label {
					display: none;
				}

				div.quantity {
					margin-right: 15px;
				}
			}

			.woocommerce-tabs ul.tabs li {
				padding: 10px 20px;
			}
		}

		table.shop_table.wishlist_table .product-add-to-cart a {
			min-width: 100px;
			width: 100px;
		}
	}
}