/*
Author       : Shadat.
Template Name: Duxer - Industrial Constriction Business Html5 Template
Version      : 1.0
*/

/* Large Layouts */

@media only screen and (max-width: 1400px) {
	body {
		background: red
	}
}

@media only screen and (max-width: 1340px) {
		body {
		background: blue
	}

	.subscribe2-wrapper .subscribe-form input {
		width: 63%;
	}

}

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

	body {
		background: green
	}

	.promo-fix-img img {
		top: -155px;
	}

	.hsin-blog-footer-meta a {
		padding: 5px 17px;
	}

	.single-fcontact-des {
		width: 84%;
	}

}

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

	body {
		background: yellow

	}

	.mainmenu-area .navbar-nav .nav-link {
		font-size: 14px;
	}

	.home-single-slide h2,
	.home-single-slide h3 {
		font-size: 50px;
	}

	.ser-tab-con-btn {
		left: 27%;
	}

	.portfolio-block .inner-box .image-box .overlay-box {
		padding: 0;
	}

	.portfolio-block .inner-box .image-box .overlay-box .text {
		margin-bottom: 8px;
		line-height: 20px;
	}

	.portfolio-block .inner-box .image-box .overlay-box .pop-icon {
		margin-top: 10px;
	}

	.promo-fix-img img {
		top: -153px;
	}

	.hsin-blog-footer-meta a {
		margin-bottom: 8px;
	}

	.single-fcontact-des {
		width: 82%;
	}

	.footer-logo-text {
		width: 77%;
	}

	.co_w_title h3::before {
		width: 45px;
	}

}


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

	body {
		background: pink
	}


	.mainmenu-area .navbar-nav .nav-link {
		font-size: 13px;
	}

	.portfolio-block .inner-box .image-box .overlay-box {
		padding: 0;
	}

	.portfolio-block .inner-box .image-box .overlay-box .text {
		margin-bottom: 8px;
		line-height: 20px;
	}

	.portfolio-block .inner-box .image-box .overlay-box .pop-icon {
		margin-top: 10px;
	}

	.promo-fix-img img {
		top: -81px;
	}

	.single-fcontact-des {
		width: 81%;
	}


}

/* Tablet Layout: 768px. */

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

	body {
		background: red
	}


	.mean-container .mean-nav ul li a.nav-link {
	    padding-left: 10px;
	}

	.home-single-slide h2,
	.home-single-slide h3 {
		font-size: 45px;
	}

	.td-slider-right-circle {
		height: 300px;
		width: 300px;
		border-radius: 50%;
		border: 30px solid var(--primary);
	}

	.ser-tab-con-btn {
		left: 37%;
	}

	.counter-section {
		max-height: none;
	}

	.portfolio-filter-menu ul li {
		margin-bottom: 20px;
	}

	#promo-section {
		height: auto;
		max-height: none;
	}

	.subscribe2-wrapper .subscribe-form input {
		width: 58%;
	}

	.subscribe2-wrapper .subscribe-form button {
		padding: 18px 30px;
	}

	/*about page*/

	.single-page-title-area .breadcrumb {
		right: auto;
		left: 43%;
	}

	.single-page-title {
		text-align: center;
	}

	.about-home-p img {
		margin: 0 auto;
		display: block;
	}

	.co_w_title h3::before {
		bottom: 0;
		top: 30px;
		left: 0;
	}

	.co_w_title h3 {
		font-size: 15px;
	}

	.video-play .video-icon {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.servide-list ul li a {
		font-size: 13px;
	}

	.servide-list ul li a i {
		padding: 0 3px 0 0px;
		font-size: 22px;
	}

	.ser-profile-des a {
		font-size: 14px;
	}

	.ser-profile-des a i {
		padding: 6px;
	}

	.sidebar-padding-left {
		padding-left: 10px;
	}

	.sidebar-padding-right {
		padding-right: 10px;
	}

	.pagination a {
		margin-bottom: 10px;
	}

	.contact-form-layout {
		max-height: inherit;
	}

}

/* Mobile Layout: 320px. */

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

	body {
		background: yellow
	}


	.common-btn-1,
	.common-btn-2,
	.common-btn-3 {
		padding: 10px 20px;
	}

	.home-single-slide-dec {
	    top: 45%;
	}

	.home-single-slide h2,
	.home-single-slide h3 {
		font-size: 36px;
	}

	.td-slider-right-circle-wrapper {
		display: none;
	}
	
	.ser-tab-con-btn {
	    left: 0;
	    margin-top: 70px;
	}
	
	.service-tab .nav-pills .service-tab-nav-link.nav-link {
		padding: 92px;
	}

	.section-title .dec,
	.service-tab-nav-content .about-sec-inner h3 {
		font-size: 30px;
	}

	.ser-tab-con-sec {
		padding-bottom: 80px;
	}

	.counter-box {
		text-align: center;
	}

	.counter-section {
		max-height: none;
	}

	.counter-box:before {
		margin: 0 auto;
	}

	.about2-image-wrap {
	    margin: 0;
	}

	.about2-image-wrap .about2-img-overlap {
		display: none;
	}

	.portfolio-filter-menu ul li {
		margin-bottom: 20px;
	}

	#promo-section {
		height: auto;
		max-height: none;
	}

	.promo-fix-img img {
		top: -50px;
		position: relative;
	}

	.tes-img-box {
		margin-left: 0;
	}

	.tes-des-box {
	    top: 0;
	    margin-bottom: 35px;
	}

	.tes-des-box-inner {
		margin-left: 0;
	}

	.tes-img-box {
		margin-left: 0;
		float: none;
		top: 0;
	}

	.owl-theme.testimonial-slider .owl-dots {
		bottom: -67px;
	}

	.sin-tes-item {
		margin-top: 45px;
	}

	.subscribe2-wrapper .subscribe-form input {
		width: 100%;
		margin-bottom: 20px;
	}

	.single-page-title-area .breadcrumb {
		right: auto;
		left: 34%;
	}

	.single-page-title {
		text-align: center;
	}

	.sidebar-padding-left {
		padding-left: 10px;
	}

	.sidebar-padding-right {
		padding-right: 10px;
	}


	.ser-profile-des a {
		margin-right: 13px;
		display: inline-block;
	}

	.ser-profile-des a:last-child {
		margin-top: 40px;
	}

	.ser-profile-des {
		margin-top: 46px;
	}

	.error-page-inner a.error-btn {
		display: inline-block;
		margin-top: 24PX;
	}

	.single-blog-linkf {
		padding: 30px;
		font-size: 22px;
	}

	.pagination a {
		margin-bottom: 10px;
	}

	.contact-form-layout {
		max-height: inherit;
	}

	.btn-contact-bg {
		padding: 14px 39px;
	}

	.ser-dec-top h4::after, 
	.our-skills h4::after, 
	.ser-profile h4::after {
	    top: 60px;
	}

}

/* Wide Mobile Layout: 480px. */

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

	body{
		background: green;
	}

	.service-tab .nav-pills .service-tab-nav-link.nav-link {
		padding: 135px;
	}


}