/*--------------------------------------------------
    ## All responsive style
---------------------------------------------------*/
@media all and (min-width: 1700px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1440px;
	}	
	.single-service-inner {
		padding: 50px 80px 50px 50px;
	}
	.strategy-area {
		padding-bottom: 290px;
	}
	.single-strategy-inner .details {
		padding: 40px 120px 40px 50px;
	}
	.single-strategy-inner {
		margin-bottom: -251px;
	}
}
@media all and (max-width: 1599px) {	
	.banner-inner .title {
	    font-size: 75px;
	}
	.about-thumb .img-left-2 {
		margin-left: -240px;
	}
	.service-area .shape-left-top {
		left: 50px;
	}
	.service-area .shape-right-bottom {
		right: 50px;
	}
	.client-area .section-title {
		margin-right: 40px;
		padding-right: 50px;
	}
	.section-title .title {
		font-size: 44px;
	}
	.single-counter-inner {
		padding: 28px 30px 10px;
	}
	.single-testimonial-inner .details p {
		font-size: 18px;
		line-height: 30px;
	}
	.single-testimonial-inner {
		padding: 0px 50px 52px;
	}
	.single-team-inner .details-wrap {
		margin: 30px;
	}
	.single-blog-inner .thumb .read-more-arrow {
		height: 60px;
		width: 60px;
		line-height: 62px;
		font-size: 30px;
	}
	.breadcrumb-area {
		padding: 155px 0 160px;
	}
	.about-inner {
		padding: 45px 50px 42px;
	}
	.single-testimonial-wrap {
		padding-right: 50px;
		margin-right: 35px;
	}
	.breadcrumb-area .page-title {
		font-size: 58px;
	}
	.shop-tabs .tab-wrap {
		padding: 80px 185px 80px 85px;
	}
	.single-pricing-intro-wrap {
		padding: 40px 34px 20px;
	}
	.pricing-wrap-details {
		margin-left: 150px;
	}
	.pricing-plan-wrap {
		padding: 50px 55px 50px 40px;
		right: -100px;
	}
	.pricing-wrap-details .pricing-list li {
		font-size: 16px;
	}
	.pricing-wrap-details .pricing-counter-inner p {
		font-size: 14px;
	}
	.pricing-wrap-details .pricing-list {
		margin-right: 12px;
	}
	.pricing-wrap-details.left-design {
		margin-right: 130px;
	}
	.careee-inner .career-single-wrap {
		padding: 0 85px 85px;
	}
	.careee-inner {
		margin-bottom: -294px;
	}
}
@media all and (max-width: 1199px) {
	.navbar-top .topbar-right li p {
		font-size: 16px;
	}
	.navbar-top .topbar-right li {
		margin-right: 13px;
		padding-right: 17px;
	}
	.banner-inner .title {
		font-size: 60px;
	}
	.banner-slider {
		margin-left: 0px;
	}
	.section-title .title {
		font-size: 38px;
	}
	.about-thumb .about-thumb-wrap {
		padding: 25px 30px;
		max-width: 245px;
		bottom: -65px;
		left: 0;
	}
	.about-thumb .about-thumb-wrap h1 {
		font-size: 55px;
	}
	.about-thumb .about-thumb-wrap p {
		font-size: 20px;
		line-height: 25px;
	}
	.about-thumb .about-thumb-wrap.position-two {
		right: -45px;
	}
	.about-thumb .img-left-2 {
		width: 300px;
		margin-bottom: -50px;
	}
	.section-title .strong-content {
		line-height: 27px;
		margin-top: 20px;
	}
	.single-service-inner {
		padding: 30px 30px 30px 30px;
	}
	.single-service-inner .icon-box {
		margin-bottom: 30px;
	}
	.strategy-area {
		padding-bottom: 180px;
	}
	.single-strategy-inner .details {
		padding: 25px 30px 30px;
	}
	.single-strategy-inner {
		margin-bottom: -155px;
	}
	.single-project-inner .details-wrap {
		max-width: 285px;
	}
	.single-project-inner .details-wrap h3 {
		padding: 24px 30px;
		font-size: 24px;
	}
	.single-counter-inner.style-white h3 {
		font-size: 24px;
	}
	.single-counter-inner .count-value {
		font-size: 50px;
	}
	.single-testimonial-inner .icon {
		transform: translate(0px, -75px);
		margin-bottom: -100px;
	}
	.single-testimonial-inner {
		margin-top: 75px;
		padding: 0px 40px 26px;
	}
	.single-testimonial-inner .details p {
		font-size: 15px;
		margin-bottom: 20px;
	}
	.single-team-inner .details-wrap .details-inner h3 {
		font-size: 21px;
	}
	.single-team-inner .details-wrap .details-inner p {
		font-size: 12px;
	}
	.single-team-inner .details-wrap .details-inner {
		padding: 18px 10px 19px;
	}
	.single-wcu-wrap img {
		margin-right: 17px;
	}
	.single-blog-inner .details h3 {
		font-size: 24px;
		line-height: 30px;
	}
	.offer-area .bg-img {
		width: 115px;
	}
	.single-testimonial-wrap {
		padding-right: 20px;
		margin-right: 6px;
	}
	.testimonial-area .shape-left-top {
		left: 0;
	}
	.single-testimonial-inner-2 {
		padding: 0 30px 25px;
	}
	.single-testimonial-inner-2 .details p {
		font-size: 14px;
		margin-bottom: 25px;
	}
	.single-testimonial-inner-2 .details img {
		width: 50px;
		right: 28px;
		bottom: 30px;
	}
	.single-testimonial-inner-2 .icon {
		margin-bottom: -35px;
	}
	.pricing-plan-wrap ul li .media .media-body h2 {
		font-size: 30px;
	}
	.pricing-plan-wrap ul li .btn {
		margin-top: 10px;
	}
	.pricing-plan-wrap {
		padding: 30px;
		right: -50px;
	}
	.pricing-wrap-details {
		margin-left: 70px;
	}
	.pricing-wrap-details .pricing-list {
		margin: 0;
		border: 0;
	}
	.pricing-wrap-details .pricing-counter-inner {
		padding: 20px;
	}
	.pricing-wrap-details.left-design {
		margin-right: 80px;
	}
	.pricing-thumb.left-design .pricing-plan-wrap {
		left: -50px;
		right: auto;
	}
	.pricing-wrap-details .pricing-list li {
		padding-bottom: 20px;
	}
	.careee-inner .career-single-wrap {
		padding: 0 50px 85px 50px;
	}
	.careee-inner .career-single-wrap h2 {
		font-size: 36px;
		margin-bottom: 20px;
	}
	.careee-inner .career-single-wrap .btn {
		padding: 0 40px;
	}
	.careee-inner {
		margin-bottom: -210px;
	}
	.career-area .single-list-inner li {
		font-size: 14px;
	}
}
@media all and (max-width: 991px) {
	.navbar-top {
		padding-top: 18px;
	}
	.navbar-top .topbar-right li {
		border: 0;
		padding: 0;
		margin-right: 15px;
	}
	.nav-right-part .search-bar-btn {
		height: 50px;
		width: 50px;
		line-height: 52px;
	}
	.nav-right-part .btn {
		height: 50px;
		line-height: 50px;
	}
	.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;
	}
	.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;
	}
	.banner-slider .item {
		padding: 0;
	}
	.banner-inner {
		margin-top: 40px;
	}
	.banner-inner .title.left-line:after {
		display: none;
	}
	.banner-slider .owl-dots {
		text-align: center;
		margin-top: 40px;
	}
	.banner-area {
		padding: 90px 0 100px;
	}
	.banner-area .banner-bg-img {
		background-size: 100%;
	}
	.client-area .section-title {
		margin-right: 0;
		padding-right: 0;
		border: 0;
	}
	.about-area .section-title {
		margin-top: 100px;
		margin-bottom: -30px;
	}
	.strategy-area {
		padding-bottom: 60px;
		background: #fff !important;
	}
	.single-strategy-inner {
		margin-bottom: 30px;
		transform: none;
	}
	.single-testimonial-inner .icon {
		height: 70px;
		width: 70px;
		transform: translate(0px, -40px);
    	margin-bottom: -70px;
	}
	.single-testimonial-inner .icon img {
		width: 50px;
	}
	.single-testimonial-inner {
		margin-top: 40px;
	}
	.contact-form {
		padding: 0;
	}
	.product-filter {
		padding: 0 25px 0 0;
	}
	.product-filter li.single-select-wrap .single-select,
	.product-filter li {
		height: 70px;
		line-height: 70px;
		font-size: 16px;
	}
	.product-filter li:first-child {
		padding: 0 25px;
		margin-right: 25px;
	}
	.breadcrumb-area {
		padding: 105px 0 110px;
	}
	.toggle-btn {
		top: 8px;
	}
	.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;
	}
	.single-testimonial-wrap {
		border: 0;
		padding: 0;
		margin: 0 0 30px;
	}
	.shop-item-details {
		margin-top: 50px;
	}
	.pricing-plan-wrap {
		position: initial;
		transform: none;
		display: block;
		margin: 30px 0;
	}
	.pricing-plan-wrap ul li {
		display: inline-block;
		margin-right: 30px;
	}
	.pricing-plan-wrap ul li .media {
		margin-bottom: 0;
	}
	.pricing-plan-wrap ul li .btn {
		margin-top: 0;
	}
	.pricing-plan-wrap ul {
		display: flex;
		align-items: center;
	}
	.pricing-wrap-details {
		margin: 0 0 60px;
	}
	.pricing-wrap-details.left-design {
		margin-right: 0px;
	}
	.careee-inner .career-single-wrap {
		padding: 0 50px 50px 50px;
	}
	.careee-inner {
		margin-bottom: -219px;
	}
	.about-inner {
		margin: 30px 0 0;
	}
	.about-bg-shape {
		display: none;
	}
	.pb-m-120 {
		padding-bottom: 120px;
	}
}
@media all and (max-width: 767px) {
	.navbar-top .topbar-right li p {
		padding: 15px 0px 0;
	}
	.navbar-top .topbar-right {
		margin: 5px 0 15px;
	}
	.about-thumb .img-left-2 {
		width: 260px;
	}
	.single-testimonial-inner .icon {
		transform: none;
		margin: 0;
	}
	.single-testimonial-inner .details p {
		margin-top: 30px;
	}
	.single-testimonial-inner {
		margin: 0px;
		padding: 30px;
	}
	.contact-area .section-title .btn {
		height: 50px;
		line-height: 50px;
	}
	.contact-form .btn,
	.contact-form .single-input-inner input {
		height: 55px;
	}
	.contact-form .btn {
		line-height: 60px;
	}
	.footer-area .widget_subscribe button {
		height: 50px;
		line-height: 55px;
	}
	.product-filter {
		padding: 0;
		display: block;
	}
	.product-filter li:first-child {
		padding: 0;
		margin-right: 0;
	}
	.product-filter li {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.product-filter li.single-select-wrap .single-select {
		width: 100%;
		padding: 0 30px;
	}
	.product-filter li.single-select-wrap {
		margin: 0 !important;
	}
	.product-filter li.single-select-wrap .single-select:after {
		right: 35px;
	}
	.product-filter li.single-select-wrap .single-select:before {
		right: 37px;
	}
	.single-shop-card .details {
		margin-top: 30px;
	}
	.single-testimonial-wrap {
		text-align: center;
	}
	.single-testimonial-wrap .icon {
		margin: auto auto 35px;
	}
	.single-testimonial-wrap h5:after {
		left: 50%;
		transform: translate(-50%, 0);
	}
	.single-thumbnail-slider2 .slick-arrow.slick-prev {
		left: 17px;
	}
	.single-thumbnail-slider2 .slick-arrow.slick-next {
		right: 17px;
	}
	.product-thumbnail-wrapper .product-thumbnail-carousel2 .slick-slide {
		margin: 0 7.5px 15px;
	}
	.pricing-plan-wrap ul li .media .media-body span {
		font-size: 15px; 
	}
	.pricing-plan-wrap ul {
		display: block;
	}
	.pricing-plan-wrap ul li .btn {
		margin-top: 30px;
	}
	.careee-inner .career-single-wrap {
		padding: 0 30px 30px 20px;
	}
	.careee-inner .career-single-wrap h2 {
		font-size: 30px;
	}
	.careee-inner .career-single-wrap .btn {
		padding: 0 30px;
		height: 50px;
		line-height: 53px;
	}
	.careee-inner {
		margin-bottom: -174px;
	}
}
@media all and (max-width: 575px) {
	.navbar {
		padding: 15px 0;
	}
	.nav-right-part .btn {
		display: none;
	}
	.toggle-btn {
		top: 7px;
	}
	.td-search-popup.active .search-form {
		width: 65%;
	}
	.banner-inner .btn-wrap {
		display: block;
	}
	.footer-bottom p {
		font-size: 14px;
	}
	.banner-inner .btn-wrap .media {
		justify-content: center;
		margin-top: 30px;
		text-align: left;
	}
	.single-project-inner .details-wrap {
		position: initial;
		display: block;
		max-width: inherit;
	}
	.single-wcu-wrap {
		margin-bottom: 30px;
	}
	.offer-area {
		padding: 50px;
	}
	.shop-item-details .entry-title {
		font-size: 36px;
	}
	.shop-item-details .btn-wrap {
		display: block;
		margin-bottom: 20px;
	}
	.shop-item-details .btn-wrap .btn {
		margin-bottom: 30px;
	}
	.pricing-plan-wrap ul li {
		margin: 0 0 30px 0;
		display: block;
	}
	.pricing-plan-wrap ul li .btn {
		margin-top: 0;
	}
	.pricing-plan-wrap ul li:last-child {
		margin-bottom: 0;
	}
	.pricing-wrap-details .pricing-counter-inner {
		margin-top: 30px;
	}
	.careee-inner .career-single-wrap h2 {
		font-size: 20px;
	}
	.careee-inner .career-single-wrap .btn {
		height: 45px;
		line-height: 48px;
		font-size: 16px;
	}
	.careee-inner {
		margin-bottom: -145px;
	}
	.about-inner {
		padding: 25px 30px 27px;
	}
	.about-counter-inner {
		margin-top: 15px;
	} 
}
@media all and (max-width: 375px) {
	.banner-inner .title {
		font-size: 46px;
	}
	.section-title .title {
		font-size: 40px;
	}
	.single-project-inner .thumb .btn-wrap {
		width: fit-content;
	}
	.single-accordion-inner .accordion-header button {
		padding: 14.5px 20px;
		line-height: 28px;
	}
	.single-accordion-inner .accordion-header button img {
		margin-right: 20px;
	}
	.single-accordion-inner .accordion-header button:before {
		right: 26px;
	}
	.breadcrumb-area .page-title {
		font-size: 50px;
		line-height: 100%;
	}
	.offer-area {
		padding: 30px;
	}
	.offer-area .bg-img {
		width: 66px;
	}
	.offer-area .section-title p {
		margin-bottom: 35px;
	}
	.careee-inner .career-single-wrap {
		padding: 0 0px 30px 20px;
	}
	.careee-inner {
		margin-bottom: -144px;
	}
}
@media all and (max-width: 320px) {
	.nav-right-part {
		margin-right: 45px;
	}
	.careee-inner .career-single-wrap .btn {
		height: 35px;
		line-height: 38px;
		font-size: 14px;
		padding: 0 20px;
	}
	.careee-inner .career-single-wrap h2 {
		margin-bottom: 10px;
	}
	.careee-inner {
		margin-bottom: -124px;
	}
}