@charset "utf-8";
/* CSS Document */

/* 

	Company Name :  Orange feather Designs - Best Interior designer in Delhi
	Author : Weblifo
	
*/


/* Medium Devices, Desktops */
@media (max-width: 991px) {
	.navigation .navbar .navbar-nav > .nav-item {
		margin-right: 10px;
	}

	.navigation .navbar-brand {
		margin-right: 0;
	}



	.header-social a i {
		width: 16px;
	}

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

	.call-to-action-section p {
		margin-bottom: 30px !important;
	}
}

/* Small Devices, Tablets */
@media (max-width: 767px) {
	.header-upper {
		text-align: center;
		padding: 10px 0px;
	}

	.about-section .content-column {
		position: relative;
		margin-top: 80px;
	}

	.sec-title h2 {
		position: relative;
		display: block;
		font-size: 32px;
		line-height: 1.28em;
		color: #222222;
		font-weight: 700;
		padding-bottom: 18px;
	}

	.principal-area {

		padding: 120px 0 60px;
	}

	.about-section .image-column .inner-column .author-desc {
		position: absolute;
		bottom: 16px;
		z-index: 1;
		background: #ff7d00;
		padding: 5px 20px;
		left: 120px;
		width: calc(100% - 160px);
		border-radius: 50px;
	}

	.header-upper .header-social {
		float: none;
		margin-top: 10px;
		display: inline-block;
	}

	.header-upper ul {
		text-align: center;
	}

	.header-upper ul li {
		border-left: 0px;
		padding: 0px 10px;
	}

	.header-upper ul li:last-child {
		border-right: 0px;
	}

	.navigation {
		padding: 2px 0px;
	}

	.slider .carousel-caption h1 {
		font-size: 30px;
	}

	.single-about .img-holder {
		margin-top: 15px;
	}

	.filter1 li span {
		padding: 10px 10px;
		font-size: 12px;
	}

	.portfolio-item .box-content {
		margin-bottom: 20px;
	}

	.portfolio-item:hover .social {
		margin: 38px 0 0px;
	}

	.footer h1 {
		line-height: 78px;
		margin-bottom: 40px;
	}

	.navigation .navbar .navbar-nav > .nav-item .nav-link {
		padding: 10px 0px;
	}

	.navigation .navbar .navbar-nav > .nav-item.search a:before {
		left: 0px;
	}

	.navigation .navbar .navbar-nav > .nav-item.search {
		padding-left: 15px;
	}

	.sidebar-wrapper .single-sidebar.tag-box {
		margin-bottom: 40px;
	}

	.blog-single-social {
		width: 100%;
		text-align: left !important;
		margin-top: 15px;
	}

	.comments-block ul li ul {
		margin-left: 0px;
	}

	.call-us-widget {
		margin-bottom: 30px;
	}

	.singllefadds p {
		line-height: 18px;
	}

	.header-social a i {
		width: 25px;
	}

	.team-item img {
		width: 100%;
	}

	.section-title h6 {

		padding-left: 0;
		padding-right: 0;

	}
}

/* Extra Small Devices, Phones */
@media (max-width: 640px) {
	.service-detail-contant {

		padding-top: 20px;
	}

	.header-upper ul li {
		width: 100%;
		padding: 0px 0px 0px 0px;
	}

	.header-upper ul li:first-child {
		padding-bottom: 8px;
	}

	.slider .carousel-control-prev {
		left: 5px;
	}

	.slider .carousel-control-next {
		right: 5px;
	}

	.slider .carousel-caption h2 {
		font-size: 15px;
		font-weight: 400;
	}

	.slider .carousel-control-next,
	.slider .carousel-control-prev {
		font-size: 12px;
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.slider .carousel-caption p {
		display: none;
	}

	.slider .carousel-caption .btn-style-1,
	.slider .carousel-caption .btn-style-2 {
		padding: 6px 10px 6px 10px;
		font-size: 10px;
	}

	.footer h1 {
		font-size: 20px;
		line-height: 22px;
		margin-bottom: 30px;
		margin-top: 20px;
	}

	.section-title .title-text {
		font-size: 40px;
	}

	.footer .widget {
		display: inline-block;
	}

	.footer .title,
	.footer h1 {
		text-align: left;
	}

	.filter1 li {
		margin-right: 0px !important;
	}

	.filter1 li span {
		padding: 5px 12px;
		font-size: 14px;
		font-weight: 600;
	}

	.filter1 li span:after {
		display: none;
	}

	.call-to-action-bg p {
		color: #fff;
		margin-bottom: 20px !important;
	}

	.call-to-action-section input[type="email"],
	.call-to-action-section input[type="submit"] {
		width: 100%;
	}

	.call-to-action-section input[type="submit"] {
		margin: 0 0px 0 0px;
	}
}



@media (min-width: 768px) and (max-width: 991px) {
	.work-process-area {
		padding: 68px 0 40px;
	}


}

@media only screen and (min-width: 600px) and (max-width: 767px) {
	.work-process-area {
		padding: 68px 0 50px;
	}



}

@media only screen and (min-width: 480px) and (max-width: 599px) {
	.work-process-area {
		padding: 68px 0 50px;
	}



}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	.work-process-area {
		padding: 80px 0 40px;
	}


}

@media (max-width: 600px) {

	.call-btn {
		bottom: 0;
		left: 0;
		margin-bottom: 0px;
		border-radius: 0;
		width: 50%;
		animation: none;
	}

	.whatsapp-btn {
		bottom: 0;
		left: 50%;
		border-radius: 0;
		width: 50%;
	}

	.copyright {
		padding-bottom: 35px;
	}

}

@media (max-width: 768px) {
	.hero1_h1 {
		font-size: 30px;
		margin-bottom: 1rem;
		text-align: center !important;
	}

	.banner {
		min-height: 600px;
		position: relative;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.hero4 {
		font-size: 18px;
		font-weight: 600;
		color: #ffffff;
		text-align: center;
		margin-bottom: 2rem;
	}
}