/*--------------------------------------------------
    ## All responsive style
---------------------------------------------------*/
@media all and (min-width: 1700px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1440px;
	}	
	.nav-container {
		max-width: 1680px;
	}
	.banner-area {
		margin: 0 120px;
	}	
	.about-counter .media {
		padding: 40px 70px;
	}
	.team-area {
		background-position: -72px 0;
    	background-size: 104%;
	}
	.footer-area .widget_about {
		margin-right: 130px;
	}
	.single-work-wrap {
		padding-left: 30px;
		padding-right: 30px;
	}
	.single-work-wrap.border-2 .thumb:after,
	.single-work-wrap.border-1 .thumb:after {
		width: 238px;
	}
}
@media all and (max-width: 1599px) {	
	.nav-right-part .phone-contact .details h4 {
		font-size: 20px;
	}
	.navbar-area .nav-container {
		max-width: 1250px;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
		font-size: 16px;
	}
	.nav-right-part .btn {
		padding: 0 20px;
		font-size: 16px;
	}
	.nav-right-part .phone-contact {
		margin-left: 30px;
	}
	.navbar-area:after {
		width: 347px;
	}
	.nav-right-part .phone-contact {
		margin-left: 40px;
	}
	.navbar-area {
		padding: 20px 0;
	}
	.banner-inner .title {
		line-height: 75px;
		font-size: 61px;
	}
	.single-intro-wrap .media-left {
		margin-right: 12px;
	}
	.about-counter .media {
		padding: 40px 30px;
	}
	.about-thumb {
		margin-left: 50px;
		margin-right: 15px;
	}
	.service-area .background-img {
		width: 45%;
	}
	.single-service-wrap {
		padding: 25px 30px;
	}
	.single-service-wrap .media h5 {
		font-size: 16px;
	}
	.single-service-wrap .media .media-body p {
		font-size: 12px;
	}
	.cta-area {
		margin: 0 70px;
	}
	.contact-form {
		padding: 50px;
	}
	.contact-area .g-map-inner iframe {
		width: 100%;
		height: 316px;
	}
	.single-blog-inner .details h4 {
		font-size: 22px;
	}
	.single-project-details-wrap .details-wrap h3 {
		font-size: 30px;
	}
	.single-project-details-wrap .details-wrap {
		padding: 35px 40px;
		margin-bottom: -100px;
	}
	.single-project-details-wrap .project-slider {
		padding: 0 48px;
	}
	.single-project-details-wrap .project-slider .owl-nav {
		padding-left: 48px;
	}
	.single-blog-inner-2 .details h3 {
		font-size: 30px;
	}
	.widget-recent-post ul li .media .media-body .title {
		font-size: 14px;
		line-height: 22px;
	}
	.widget-recent-post ul li .media .media-left {
		margin-right: 15px;
	}
	.widget_tag_cloud .tagcloud a {
		padding: 0 16px;
	}
}
@media all and (max-width: 1400px) {
	.navbar-area:after {
		width: 301px;
	}
}
@media all and (max-width: 1199px) {
	.navbar-area .nav-container {
		max-width: 960px;
	}
	.nav-right-part .phone-contact {
		display: none;
	}
	.navbar-area:after {
		display: none;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
		font-size: 14px;
	}
	.banner-area {
		margin: 0;
	}
	.banner-inner {
		padding: 160px 0;
	}
	.banner-slider .owl-nav {
		right: 50px;
		bottom: 50px;
	}
	.single-intro-wrap .media-left span {
		font-size: 36px;
	}
	.intro-area {
		padding: 80px 0 50px;
		transform: none;
		margin-bottom: 0;
	}
	.single-project-inner .details-wrap {
		margin: 0 30px;
		padding: 30px;
	}
	.single-project-inner:hover .details-wrap {
		bottom: 30px;
	}
	.single-project-inner .details-wrap h5 {
		font-size: 18px;
	}
	.about-area .animated-bg {
		display: none;
	}
	.about-area .container-fluid {
		max-width: 960px;
	}
	.about-thumb {
		padding-bottom: 50px;
	} 
	.about-counter .media {
		padding: 40px 50px;
	}
	.service-area .background-img {
		width: 100%;
		text-align: center;
		position: inherit;
	}
	.service-area .background-img img {
		width: 100%;
	}
	.team-area {
		background-size: 100%;
		background-position: center;
	}
	.single-team-inner .details-wrap {
		margin: 30px;
	}
	.single-team-inner .thumb .social-media {
		top: 30px;
	}
	.single-team-inner:hover .thumb .social-media {
		right: 30px;
	}
	.testimonial-thumb .slick-arrow {
		position: initial;
	}
	.testimonial-thumb .slick-arrow.prev-arrow {
		margin-bottom: 10px;
	}
	.single-testimonial-inner .details p {
		font-size: 16px;
		line-height: 30px;
	}
	.wcu-area .section-border {
		width: 60%;
	}
	.cta-area {
		margin: 0;
	}
	.single-cta-wrap .media-body h3 {
		font-size: 24px;
	}
	.single-blog-inner .details h4 {
		font-size: 18px;
	}
	.footer-newsletter-inner .subscribe-inner {
		margin-left: 50px;
	}
	.widget_instagram .instagram-wrap li {
		width: 20%;
	}
	.single-footer-contact-wrap .media .media-body p {
		font-size: 14px;
	}
	.single-work-wrap.border-2 .thumb:after,
	.single-work-wrap.border-1 .thumb:after {
		width: 120px;
	}
	.single-work-wrap p {
		font-size: 14px;
	}
	.single-service-wrap.style-2 {
		padding: 10px 30px 30px;
	}
	.single-project-wrap-2 .details-wrap {
		padding: 26px 30px 22px;
	}
	.single-project-wrap-2 .details-wrap h5 {
		font-size: 18px;
	}
	.single-project-details-wrap .project-slider .owl-nav,
	.single-project-details-wrap .project-slider {
		padding: 0;
	}
	.single-project-details-wrap .details-wrap h3 {
		font-size: 24px;
	}
	.single-project-details-wrap .details-wrap {
		transform: translate(0, -30%);
	}
	.single-blog-inner-2.pd-60 {
		padding: 30px;
	}
	.td-sidebar .widget {
		padding: 23px 30px 30px;
	}
	.widget.widget_banner {
		padding: 40px 20px 30px;
	}
}
@media all and (max-width: 991px) {
	.navbar {
		padding: 10px 0;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav {
	    padding-left: 0;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
	    padding-right: 0;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:after {
	    top: 26px;
	}
	.navbar-area .nav-container .navbar-collapse {
	    padding: 13px;
	    padding-left: 0;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav {
	    margin: 0;
		padding: 0 20px;
	}
	.navbar-area:after {
	    display: none;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
	    font-size: 16px;
	}
	.navbar-area .nav-container.navbar-bg {
	    padding-left: 15px;
	}
	.toggle-btn {
		top: 12px;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
		top: 27px;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li:hover a:after {
		display: none;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li:hover a {
		color: var(--heading-color);
	}
	.nav-right-part .btn {
		height: 52px;
		line-height: 52px;
	}
	.banner-inner {
		margin-right: 0px;
	}
	.about-thumb {
		margin: 0;
		padding-bottom: 140px;
	}
	.team-area {
		background: transparent;
	}
	.team-area .btn-base {
		background: #fff;
		color: var(--heading-color);
		margin-top: 30px;
	}
	.team-area .btn-base:after {
		background: #fff;
	}
	.single-testimonial-inner {
		margin-left: 30px;
	}
	.wcu-area .section-border {
		width: 45%;
	}
	.work-list {
		margin-top: 40px;
	} 
	.footer-newsletter-inner .subscribe-inner {
		margin-left: 0px;
		margin-top: -50px;
    	margin-bottom: 100px;
	}
	.footer-bottom ul {
		margin-top: 30px;
	}
	.single-blog-inner .details .tag {
		margin-bottom: 7px;
	}
	.single-work-wrap.border-2 .thumb:after,
	.single-work-wrap.border-1 .thumb:after {
		display: none;
	}
	.single-work-wrap {
		padding: 0;
	}
	.single-service-wrap.style-2 {
		border: 1px solid #F0F0F0 !important;
	}
	.testimonial-slider .single-testimonial-inner {
		margin: 0;
	}
	.testimonial-slider .single-testimonial-inner .details .media {
		display: block;
	}
	.testimonial-slider .single-testimonial-inner .details h4 {
		margin-top: 20px;
	}
	.single-project-details-wrap .project-slider .owl-nav {
		left: 30px;
		top: 30px;
	}
	.single-project-details-wrap .project-slider .owl-nav button {
		height: 55px;
		line-height: 55px;
	}
	.single-project-details-wrap .details-wrap {
		transform: none;
		margin-bottom: 40px;
		margin-top: 20px;
	}
	.td-sidebar {
		margin-top: 50px;
	}
}
@media all and (max-width: 767px) {
	.banner-inner {
		padding: 150px 0 200px;
	}
	.banner-inner .title {
		line-height: 65px;
		font-size: 45px;
	}
	.banner-slider .owl-nav {
		right: 50%;
		transform: translate(50%, 0px);
	}
	.section-title .title {
		font-size: 40px;
	}
	.about-counter {
		position: initial;
		margin: 0;
		width: 100%;
	}
	.about-thumb {
		padding-bottom: 60px;
	}
	.single-testimonial-inner {
		margin: 30px 0 0 0;
	}
	.work-list li .media .media-left h4 {
		font-size: 20px;
	}
	.video-play-btn svg, .video-play-btn i {
		font-size: 24px;
	}
	.video-play-btn {
		width: 80px;
		height: 80px;
		line-height: 90px;
	}
	.blog-author .thumb {
		margin: 0 0 30px 0;
	}
}
@media all and (max-width: 575px) {
	.navbar {
		padding: 15px 0;
	}
	.nav-right-part .btn {
		display: none;
	}
	.toggle-btn {
		top: 10px;
		right: -11px;
	}
	.nav-right-part {
		margin-right: 20px;
	}
	.breadcrumb-area .page-title,
	.banner-inner .title {
		line-height: 50px;
		font-size: 36px;
	}
	.banner-inner .btn-wrap {
		margin-top: 30px;
	}
	.banner-slider .owl-nav {
		width: 100%;
		text-align: center;
	}
	.section-title .title {
		font-size: 30px;
	}
	.testimonial-thumb .thumb {
		margin-right: 31px;
	}
	.work-list li .media {
		display: block;
	}
	.work-list li .media .media-left {
		margin-bottom: 15px;
	}
	.contact-form {
		padding: 40px;
	}
	.about-counter .media {
		border: 0;
	}
	.td-search-popup.active .search-form {
		width: 65%;
	}
	.breadcrumb-area {
		padding: 120px 0;
	}
	.tab-button-style li {
		margin-bottom: 12px;
	}
	.about-tabs .single-list-inner.style-squre li {
		margin-bottom: 0;
	}
	.breadcrumb-area .page-list li {
		font-size: 16px;
	}
	.single-project-details-wrap .project-slider .owl-nav {
		position: initial;
		text-align: left;
		margin-top: 30px;
	}
	.single-project-details-wrap .project-slider .owl-nav button {
		background: #F8F8F8;
	}
	.blog-thumb-slider.slider-control-square .owl-nav button {
		height: 40px;
		width: 40px;
		line-height: 43px;
		font-size: 16px;
	}
	.blog-thumb-slider .owl-prev {
		left: 30px;
		margin-top: -20px !important;
	}
	.blog-thumb-slider .owl-next {
		margin-top: -20px !important;
		right: 30px;
	}
	.blog-comment .comment-body .avatar {
		position: initial;
		margin: 0 0 20px 0;
	}
	.blog-comment .comment-body {
		padding-left: 0;
	}
	.blog-comment .comment-list ul.children {
		padding-left: 0;
	}
	.blog-details-page-content blockquote {
		padding: 5px 30px 26px;
	}
	.blog-details-page-content blockquote p {
		font-size: 14px;
		line-height: 26px;
	}
}
@media all and (max-width: 375px) {
	.banner-inner {
		padding: 120px 0 200px;
	}
	.single-list-inner.style-check li {
		font-size: 14px;
	}
	.single-cta-wrap .media-body h3 {
		font-size: 20px;
	}
	.single-cta-wrap .media-left {
		height: 70px;
		width: 70px;
		line-height: 70px;
		margin-right: 15px;
	}
	.footer-bottom ul.social-area li:first-child {
		margin: 0;
	}
	.footer-bottom ul.social-area li a {
		height: 40px;
		width: 40px;
		line-height: 40px;
	}
	.about-counter-wrap {
		width: 210px;
		height: 150px;
		margin-top: -215px;
		margin-left: 55px;
	}
	.single-blog-inner-2 .details h3 {
		font-size: 22px;
	}
}
@media all and (max-width: 320px) {
	.single-list-inner.style-check li {
		display: flex;
		align-items: center;
	}
	.single-testimonial-inner .details .media {
		display: block;
		margin-bottom: 30px;
	}
	.single-testimonial-inner .details .media-left {
		margin-bottom: 10px;

	}
	.wcu-area .section-border {
		display: none;
	}
	.single-cta-wrap .media-body h3 {
		font-size: 17px;
	}
	.single-cta-wrap .media-body span {
		font-size: 12px;
	}
	.contact-form .btn {
		width: 100%;
	}
	.section-title .title {
		font-size: 28px;
	}
	.footer-newsletter-inner {
		background: transparent !important;
	}
	.footer-newsletter-inner .subscribe-inner {
		margin-bottom: 0;
	}
	.footer-newsletter-inner .subscribe-inner .single-input-inner .btn {
		position: initial;
		background: #202020;
		width: 100%;
		margin-top: 20px;
	}
	.footer-newsletter-inner .subscribe-inner .single-input-inner input {
		padding: 0 30px;
	}
	.footer-bottom ul.social-area li:first-child {
		display: block;
		margin-bottom: 10px;
	}
}