@media only screen and (max-width:1800px) {
	.flat-about-us.style5 .box-about-us {
		padding-right: 15px;
		padding-left: 25px
	}
}

@media only screen and (max-width:1366px) {
	.header-top.style5 {
		padding: unset
	}
}

@media only screen and (max-width:1199px) {
	.style1#header .nav-wrap {
		margin-right: 15px
	}

	.header-wrap .btn-quote {
		display: none
	}

	.header-wrap.style2 .show-search,
	.header-wrap.style2 .user-action {
		display: none
	}

	.nav-wrap.style2 {
		margin-right: 0
	}

	.flat-services.style3 .flat-iconbox {
		padding-top: 50px
	}

	.header-wrap.style4 .show-search {
		margin: 22px 9px
	}

	.user-action.style4 ul li {
		padding: 0 7px
	}

	.header.style5 #mainnav > ul > li > a {
		margin-right: 12px !important
	}

	.flat-about-us.style5 .box-about-us {
		padding-right: 15px
	}

	.header-top.style5 {
		padding: unset
	}

	.main-project-detail .imagebox.imagebox-project.style4.v1 {
		width: 100%
	}

	.main-project-detail .imagebox.imagebox-project.style4.v2 {
		width: 50%
	}

	.cart-form table.shop-table tr td,
	.cart-form table.shop-table tr th {
		padding: unset !important
	}

	.cart-form table.shop-table {
		width: 100%
	}
}

@media only screen and (max-width:991px) {

	.wrap-content,
	.content-wrap {
		margin: unset
	}

	#header.fixed-header #logo,
	#logo {
		margin-top: 0
	}

	#header.style1,
	#header.style3 {
		background: #fff;
	}

	.flat-testimonials.style1,
	.flat-row,
	#footer .footer-widgets,
	.flat-testimonials.style2 {
		padding: 60px 0 !important
	}

	#header {
		padding: 30px 0;
		position: relative
	}

	#header .mobile-button {
		display: block
	}

	#header.fixed-header #logo {
		margin-top: 0
	}

	#header .header-wrap {
		position: relative
	}

	.top .flat-user-section,
	#header .header-wrap .btn-quote,
	.mainnav {
		display: none
	}

	.top .flat-custom-info {
		text-align: center
	}

	a.button-project,
	a.button-contact,
	a.button-started {
		padding: 14px 10px 11px
	}

	.style1.flat-quote h2 {
		font-size: 25px
	}

	.wrap-introduce .content-introduce h3.title a {
		line-height: 24px;
		font-size: 25px
	}

	.wrap-introduce .content-introduce {
		width: 65%
	}

	.wrap-introduce .wrap-experienced {
		width: 35%
	}

	.wrap-introduce .content-introduce p {
		padding-right: 0
	}

	.flat-benefit.style1 .image-single img {
		width: 100%
	}

	#footer .footer-widgets .widget.widget-contact,
	#footer .footer-widgets .widget.widget-services,
	#footer .footer-widgets .widget.widget-subscribe {
		margin-top: 20px
	}

	.imagebox.imagebox-project-filter {
		width: 50%
	}

	#header.style1 #mainnav-mobi {
		top: 120px;
	}

	#header .header-wrap.style2 .show-search,
	#header .header-wrap.style2 .user-action {
		display: none
	}

	.flat-slider .flat-services.style2 {
		display: none
	}

	.flat-slider .flat-services.style2 .iconbox-icon {
		position: relative;
		text-align: center
	}

	.flat-slider .flat-services.style2 .iconbox-icon img {
		width: 50px !important;
		height: 50px !important
	}

	#footer.style2 .widget-services,
	#footer.style2 .widget-about {
		width: 50%
	}

	#footer.style2 .widget-social {
		width: 100%
	}

	.widget-social.style2 .social {
		text-align: center !important;
		padding: 0
	}

	#header.style2 #mainnav-mobi {
		top: 85px
	}

	.flat-portfolio.portfolio-project .portfolio-filter {
		margin-bottom: 30px
	}

	.flat-projects .flat-title.style2 {
		margin-bottom: 30px
	}

	.flat-whyus.style3 .flat-title {
		margin-bottom: 40px
	}

	#header.style3.fixed-header {
		position: fixed
	}

	#header .header-wrap.style3 .show-search {
		display: none
	}

	.flat-textbox.textbox-about-us .textbox-content {
		margin-right: 0 !important
	}

	.flat-testimonial-contact .flat-testimonials-images,
	.flat-testimonial-contact .flat-contact-us,
	.flat-textbox.textbox-service,
	.flat-services.style3 .flat-iconbox {
		width: 100% !important
	}

	.imagebox.style3,
	.flat-services.style3 .flat-iconbox .iconbox.iconbox-services {
		width: 50% !important
	}

	.flat-about-us.style3 .image-single {
		text-align: left !important
	}

	#header.style3 #mainnav-mobi {
		top: 85px
	}

	#flat-testimonials-slider .flex-control-thumbs {
		margin: 0
	}

	.flat-about-us.style5 .box-about-us {
		padding: 0
	}

	.flat-news.style3 {
		padding-top: 60px
	}

	.user-action.style4 {
		float: left;
		margin-bottom: 18px
	}

	.header-wrap.style4 .show-search {
		display: none
	}

	#header.style4 {
		padding: 0
	}

	.header-wrap.style4 {
		top: 0;
		margin: 0 !important
	}

	.top.style4 #logo {
		padding-top: 40px
	}

	#header.style4 .mobile-button {
		right: 15px
	}

	#header.style4 #mainnav-mobi {
		top: 66px
	}

	.flat-about-us .wrap-about-text.pd-top-80,
	.flat-services.style4,
	.flat-whyus.style4,
	.flat-testimonial.style4,
	.flat-news.style4 {
		padding-top: 60px !important
	}

	.flat-two-col .flat-progres {
		padding-top: 0 !important
	}

	.flat-whyus.style5,
	.box-about-us.style5,
	.flat-services.style5,
	.flat-testimonials.style5 {
		padding: 60px 0 !important
	}

	.flat-team.style5,
	.widget-footer.pd-top-80 {
		padding-top: 60px !important
	}

	.header-top.style5 {
		padding: unset
	}

	.top.style5 .flat-social {
		text-align: right !important
	}

	.header.style5 .wrap-action {
		display: none
	}

	.header.style5 #logo {
		width: 100% !important;
		margin-top: 0
	}

	.one-of-three-col {
		width: 50% !important
	}

	.flat-about-us .style5.half-background {
		height: 400px;
		padding-right: 0
	}

	.header.style5 .mobile-button {
		right: 15px
	}

	.post {
		width: 50%
	}

	.main-blog-details {
		padding: 60px 0 !important
	}

	.main-shop {
		padding: 60px 0 !important
	}

	.woocommerce.woocommerce-page ul.products li {
		width: 33.333%
	}

	.main-shop-detail {
		padding: 60px 0 !important
	}

	.woocommerce .product .images {
		width: 100%;
		text-align: center
	}

	.woocommerce .product .summary,
	.woocommerce-page .product .summary {
		width: 100%
	}

	.related.products ul.products li {
		width: 50%
	}

	.tab-content {
		padding: 15px
	}

	.woocommerce-page .description {
		padding: 0
	}

	.tab {
		padding: 8px 15px 6px
	}

	.woocommerce-tabs #comments {
		padding: 0 15px
	}

	.customer-detail,
	.review-order {
		width: 100%;
		padding: 0 15px
	}

	.main-checkout {
		padding: 60px 0 !important
	}

	.customer-detail .form-checkout {
		padding: 0
	}

	.wrap-content.project-v1 .flat-projects {
		padding: 60px 0 !important
	}

	.wrap-content.project-v2 .flat-projects {
		padding-top: 60px !important
	}

	.content-wrap.main-project-detail {
		padding-top: 60px !important
	}

	.wrap-related-project {
		margin-top: 30px
	}

	.wrap-project-detail .sidebar-left,
	.wrap-project-detail .project-content {
		padding: 0 15px
	}

	.post-wrap.blog-single {
		width: 100% !important;
		padding-right: 0;
		margin-bottom: 30px
	}

	.main-blog-details .sidebar {
		width: 100%;
		padding: 0
	}

	.woocommerce .cart-form,
	.cart-collaterals,
	.main-shopping-cart .actions .coupon {
		width: 100% !important
	}

	.woocommerce .cart-form {
		padding-right: 15px !important
	}

	.cart-collaterals .shop-table,
	.cart-form table.shop-table {
		width: 100%
	}

	.wrap-update-cart {
		width: 100%;
		margin-top: 10px
	}

	.sidebar-left.sidebar-service {
		padding-top: 60px !important
	}

	.wrap-service-detail.pd-top-80 {
		padding-top: 40px !important
	}

	.flat-faqs,
	.flat-error,
	.content-wrap.main-contact-page {
		padding: 60px 0 !important
	}
}

@media only screen and (max-width:765px) {
	.flat-slider.style1 .center-mobile {
		text-align: center !important
	}

	.wrap-introduce .content-introduce,
	.wrap-introduce .wrap-experienced {
		width: 100%;
		margin: 0;
		padding: 0
	}

	.wrap-introduce .wrap-experienced {
		margin-top: 15px
	}

	.flat-counter.style1 .counter {
		margin-top: 10px;
		margin-bottom: 15px
	}

	.wrap-introduce .wrap-experienced img {
		padding: 0 25%
	}

	.flat-introduce .flat-counter {
		padding-top: 10px !important
	}

	.wrap-introduce .experienced {
		padding: 5% 7% 0
	}

	.flat-quote.style1 .btn-quote {
		text-align: left
	}

	#footer.style2 .widget-services,
	#footer.style2 .widget-about,
	#footer.style2 .widget-social,
	.imagebox.imagebox-project-filter {
		width: 100%
	}

	#footer.style2 .widget-services,
	#footer.style2 .widget-about,
	.widget-about.style2 .copyright,
	.imagebox.imagebox-project-filter .imagebox-image {
		margin: 0
	}

	#footer.style2 .widget-about {
		margin-top: 15px
	}

	.flat-about-us.style2 .flat-textbox {
		padding: 0
	}

	#footer.style2 .widget-services,
	#footer.style2 .widget-about {
		text-align: center
	}

	.flat-slider.style3 .center-mobile {
		text-align: center !important
	}

	.flat-quote.style3 .wrap-icon-quote,
	.imagebox.style3 {
		width: 100% !important
	}

	.flat-quote.style3 .btn-quote {
		width: 100% !important;
		text-align: left !important
	}

	.flat-form-contact-us .input-wrap-name,
	.flat-form-contact-us .input-wrap-mail {
		width: 100%;
		padding: 0
	}

	.imagebox.imagebox-service.style4,
	.imagebox.imagebox-project.style4 {
		width: 50%
	}

	.image-single.style4 {
		text-align: center
	}

	.flat-about-us .textbox.style4,
	.iconbox.iconbox-whyus.style4 {
		padding-right: 0
	}

	.top.style4 #logo {
		width: 100% !important;
		text-align: center;
		padding: 25px 0 55px
	}

	.top .flat-iconbox.style4 {
		display: none
	}

	.widget-footer .widget-logo-info,
	.widget-footer .widget-recent-news.style4,
	.widget-footer .widget-quick-link {
		margin-bottom: 20px
	}

	.widget-footer .widget-recent-news.style4,
	.widget-footer .widget-quick-link {
		margin-left: 0
	}

	.top.style5 .flat-custom-info,
	.top.style5 .flat-social {
		width: 100% !important;
		text-align: center !important
	}

	.style5.testimonial blockquote.testimonial-text,
	.iconbox-whyus.iconbox.style5 {
		padding-left: 15px;
		padding-right: 15px
	}

	.iconbox-whyus.iconbox.style5 {
		margin-bottom: 15px
	}

	.one-of-three-col {
		width: 100% !important
	}

	.flat-projects .flat-textbox.style5 {
		width: 100%;
		margin: 0;
		padding-top: 25px
	}

	.flat-projects.style5 .owl-nav .owl-prev,
	.flat-projects.style5 .owl-nav .owl-next {
		display: none
	}

	.wrap-contact-page .sidebar-right {
		padding: 0
	}

	.wrap-contact-page .flat-form-contact-us {
		margin-bottom: 30px;
		padding: 0
	}

	.woocommerce.woocommerce-page ul.products li {
		width: 50%
	}

	.main-project-detail .imagebox.imagebox-project.style4,
	.wrap-related-project .imagebox.imagebox-project.style4 {
		width: 100% !important
	}

	.sidebar-left.sidebar-service,
	.wrap-service-detail {
		padding-right: 15px;
		padding-left: 15px
	}
}

@media(max-width:991px) {

	#header .container,
	.flat-about-us.style2 .container,
	.flat-quote.style1 .container,
	.flat-quote.style3 .container,
	.top.style4 .container {
		max-width: 100%
	}
}

@media only screen and (max-width:470px) {
	.top .flat-custom-info.style1 {
		width: 100%
	}

	.flat-custom-info ul.custom-info li {
		margin: 0 !important;
		display: block
	}

	.flat-imagebox.imagebox-project .imagebox-content {
		padding-left: 15px
	}

	.style1.flat-quote h2 {
		font-size: 16px
	}

	.style1.flat-quote p {
		font-size: 14px
	}

	.flat-iconbox.iconbox-benefit .iconbox {
		width: 100%
	}

	.flat-introduce .flat-counter {
		padding-top: 10px !important
	}

	#footer .footer-widgets .widget.widget-contact,
	#footer .footer-widgets .widget.widget-services,
	#footer .footer-widgets .widget.widget-subscribe {
		margin-top: 20px
	}

	.wrap-introduce .wrap-experienced {
		margin-top: 30px
	}

	.flat-imagebox.imagebox-services .imagebox-content h5 {
		margin: 0
	}

	.wrap-introduce .wrap-experienced img {
		padding: 0
	}

	.wrap-introduce .experienced {
		padding: 5% 7% 0
	}

	.testimonial.style1 .testimonial-author .author-info {
		padding: 0
	}

	.flat-title.style2 {
		margin-bottom: 30px
	}

	.testimonials.style2 .author-info .list-star {
		margin-bottom: 20px
	}

	.testimonials.style2 blockquote.testimonial-text {
		margin-bottom: 32px
	}

	.flat-projects.style2 .portfolio-wrap,
	.flat-about-us.style2 .flat-textbox {
		padding: 0
	}

	.flat-portfolio.portfolio-project .portfolio-filter li {
		margin: 0 15px
	}

	.widget-social.style2 .social li:last-child a {
		margin-right: 0
	}

	.flat-quote.style3 .icon-quote {
		display: none
	}

	.iconbox.iconbox-whyus.style3 {
		padding-right: 0 !important
	}

	.form-contact-us {
		padding: 0 15px
	}

	.flat-testimonial-contact .flat-contact-us .title {
		font-size: 26px
	}

	.counter.style4 {
		margin-bottom: 15px
	}

	.imagebox.imagebox-service.style4,
	.imagebox.imagebox-project.style4 {
		width: 100%
	}

	.textbox.style4 h2.heading {
		font-size: 30px
	}

	.flat-about-us .style5.half-background {
		height: 400px
	}

	.flat-about-us.style5 .box-about-us {
		padding-right: 0;
		padding-left: 0
	}

	.one-of-three-col {
		width: 100% !important
	}

	.flat-projects .flat-textbox.style5 {
		width: 100%;
		margin: 0;
		padding-top: 25px
	}

	.textbox-project.style5 {
		padding: 0 15px
	}

	.flat-projects.style5 .owl-theme .owl-dots {
		margin: 0 0 0 15px
	}

	.flat-projects.style5 .owl-nav .owl-prev,
	.flat-projects.style5 .owl-nav .owl-next {
		display: none
	}

	.iconbox.iconbox-service.style5 .iconbox-content {
		padding: 0 15px
	}

	.flat-error .btn-prev,
	.flat-error .btn-home {
		padding: 13px 20px !important
	}

	.flat-error .btn-prev {
		margin-right: 0
	}

	.post {
		width: 100%
	}

	.main-content .post .post-border {
		padding: 0
	}

	.woocommerce .woocommerce-result-count,
	.woocommerce-page .woocommerce-result-count {
		width: 100%;
		text-align: right
	}

	.woocommerce .woocommerce-ordering,
	.woocommerce-page .woocommerce-ordering,
	.woocommerce.woocommerce-page ul.products li {
		width: 100%
	}

	.has-thumb.w170 .owl-thumbs .owl-thumb-item {
		width: 55px !important;
		height: 50px !important
	}

	.has-thumb .owl-thumbs .owl-thumb-item {
		margin: 15px 15px 0 0
	}

	.has-thumb .owl-theme .owl-thumbs {
		text-align: center
	}

	.cart-form table.shop-table tbody tr .product-name a {
		font-size: 12px
	}

	.woocommerce .cart-form .shop-table tr > td.product-thumbnail img {
		width: 50px !important;
		height: 50px !important;
		margin: 16px 15px 0 0 !important
	}

	.cart-form table.shop-table tr td.product-quantity {
		padding-top: 5px !important
	}

	#coupon_code {
		width: 140px !important;
		padding-left: 24px !important;
		margin-right: 15px !important
	}

	.coupon > button {
		padding: 0 10px !important
	}

	.main-shopping-cart {
		padding-bottom: 60px
	}
}
