@media only screen and (max-width: 1200px) {
	header ul.nav li+li {
		margin-left: 15px;
	}
	.customer-overlay-wrapper ul {
		padding: 20px 0;
		width: 85%;
		margin: 0 auto;
	}
	li.show-provider-heading {
		font-size: 30px;
	}
	li.show-provider-heading:after {
		bottom: -10px;
	}
	header ul.nav a {
		font-size: 14px;
	}

}

@media only screen and (max-width: 1025px) {
	header {
		padding: 15px 0;
	}
	ul.nav li {
		display: none;
	}
	.my-ads-tab-wrapper ul.nav li,
	.login-sign-tabs-wrapper li.nav-item {
		display: block;
	}
	ul.nav li.menu-btn {
		display: inline-block;
		margin: 0px;
	}
	.sidepanel {
		width: 275px;
	}
	li.menu-btn a.menu-toggle {
		padding: 0;
	}
	ul.history-content-container {
		padding: 20px;
	}
	span.transc-services,
	span.transc-services-name,
	p.transaction-expire-date {
		font-size: 13px;
	}
	li.download-app-wrap img {
		width: 90px;
	}
    .area-section {
        background-position: 75%;
        height: 100%;
        min-height: 100vh;
    }
    .tb-reverse {
        flex-direction: column-reverse;
    }
    .banner-content {
        text-align: center;
        margin-top: 30px;
        padding-right:0px;
    }
    .sub-banner {
        margin-top: 30px;
    }



}

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

    .ct-reverse {
        flex-direction: column-reverse;
    }
		.overview-section p,
	li.remodel span {
		font-size: 16px;
	}
    p.banner-desc {
        font-size: 18px;
    }
    .sub-banner {
        margin-top: 30px;
        padding: 15px;
    }
    .banner-content h2 {
        font-size: 20px;
    }
	.banner-content {
		padding-right: 0;
	}

	footer {
		padding: 20px 0;
	}
	ul.services-content li a {
		font-size: 12px;
	}
	.user-profile-pic {
		margin-bottom: 30px;
	}

li.download-app-wrap p {
    font-size: 18px;
}
a.customer-btn, li.r-no, li.r-zip-co {
    font-size: 13px;
}
li.show-provider-p {
    font-size: 14px;
}
.customer-overlay-wrapper ul {
    padding: 10px 0;
}
li.show-provider-heading {
    font-size: 24px;
}
li.show-provider-heading:after {
    display: none;
}
.r-img img {
    width: 96px;
    height: 100px;
}

span.professional-rating-num-wrapper li {
    line-height: 0;
}

.customer-project-img img {
    margin-bottom: 30px;
}
.secondary-search {
		position: static;
		top: 0;
		right: 0;
		margin-top: 20px;
	}
	.project-type-title-wrapper .secondary-search {
    margin-top: 0;
    margin-bottom: 20px;
}
    .footer-links {
        display: flex;
        align-items: flex-start;
        margin-top: 10px;
        flex-direction: column;
    }
    .footer-link-none {
        display: none;
    }
    .footer-links li + li {
        margin-left: 0;
    }
    .primary-footer {
        align-items: flex-start;
    }


}

@media only screen and (max-width: 767px) {
    section.common-banner .search-wrapper {
        justify-content: space-between;
        flex-direction: column;
    }
    form.search-form button {
        height: 100%;
    }
    form.search-form {
        margin-top: 30px;
    }
    form.search-form {
        margin-left: 0px;
    }
    .primary-footer {
        flex-direction: column;
    }

    .primary-footer div + div {
        margin-top: 30px;
    }
    .search-wrapper.home-search {
        flex-direction: column;
    }
    .search-form-wrapper {
        margin-left: 0;
        margin-top: 30px;
    }
    .work-content {
        margin-bottom: 45px;
    }
	.m-reversed {
		flex-direction: column-reverse;
	}
	.banner-content {
		padding-right: 0;
		text-align: center;
		padding: 30px 0 0px;
	}
	.sidepanel {
		width: 100%;
	}
	section.common-banner .search-wrapper {
		text-align: center;
	}
	.clarin-online p {
		font-size: 15px;
	}
	.promote-content p,
	p.add-project a, .field.upload-img label {
		font-size: 13px;
	}
	.services-title label.ads-title,
	.preview-ads span,
	.content-form input::placeholder,
	.content-form textarea#exampleFormControlTextarea1::placeholder,
	.custom-file-input::before {
		font-size: 15px;
	}
	.ads-display .row>div:nth-child(-n+3) {
		margin-bottom: 20px;
	}
	.preview-ad-modal .modal-dialog.modal-dialog-centered,
	.timeline-modal .modal-dialog.modal-dialog-centered,
	.common-w .modal-dialog.modal-dialog-centered {
		max-width: 320px;
		margin: 0 auto;
	}
	.ads-display {
		margin-top: 10px;
	}
	.history-content-wrapper,
	section.common-banner,
	.project-slider-content-wrapper {
		margin-bottom: 20px;
	}
	.custom-nav-tabs .nav-link {
		font-size: 14px;
		padding: 8px 16px;
	}
	.video-modal .modal-dialog.modal-dialog-centered,
	.login-signup-container {
		max-width: 85%!important;
	}

	li.project-price span {
		font-size: 20px;
	}
	section.login-signup-common {
		padding-top: 90px;
	}
	section.login-signup-common.sign-up-section {
		padding-top: 36px;
	}
	.lang-btn {
		top: 25px;
		right: 25px;
	}
	.lang-btn a {
		font-size: 12px;
		padding: 8px 16px;
	}
	.lang-btn svg {
		fill: #F16623;
		width: 8px;
	}
	.customer-p-category-wrapper {
		flex-direction: column;
	}
	.provider-img-wrap {
		width: 100%;
	}
	.customer-overlay-wrapper ul {
		padding: 20px 15px;
    width: 100%;
	}
	li.show-provider-heading:after {
    display: block;
}
.m-text-left {
	text-align: left!important;
}
.customer-remodel-category p {
    font-size: 16px;
}
ul.customer-category-wrapper li a {
   max-width: 100%;
    text-align: center;
    min-width: unset;
    width: 100%;
}
ul.customer-category-wrapper li {
    margin: 5px;
    width: 100%;
}
li.r-for, li.r-service {
    font-size: 12px;
}
.project-review-modal ul {
    margin-left: 0!important;
    margin-top: 12px;
}
.project-review-modal .project-review-content {
    flex-direction: column;
}
.project-content .slick-slide img {
    height: 200px;
}
.info-wrapper svg {
    width: 18px;
    height: 18px;
}
h5.modal-title.info-title {
    font-size: 16px;
}
    .area-section {

        padding: 80px 0;
    }

    .banner-grid {
        display: none;
    }
    .banner-content {
        margin-top: 0;
        padding: 0 !important;
    }
}

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

	.banner-content h2 {
		font-size: 22px;
	}
	.search-wrapper {
		margin: 30px 0 30px;
	}
	p.banner-title {
		margin: 5px;
	}
	a.custom-btn {
		padding: 10px 30px;
	}
	form.search-form {
		width: 100%;
	}
	form.search-form input {
		padding: 8px 130px 8px 15px;
		width: 100%;
	}
	form.search-form button {
		padding: 12px 23px;
	}
	.slick-list {
		padding: 0 12% 0 !important;
	}
	.overview-section p a {
		font-size: 14px;
		margin: 15px 0px 25px;
	}
	.ads-display .row>div:nth-child(-n+4) {
		margin-bottom: 20px;
	}
	.single-upload,
	.mt-m-20 {
		margin-top: 20px;
	}
	label.ads-title.optional-label.invisible {
		display: none;
	}
	.heading-wrapper {
		margin-bottom: 30px;
	}
	section.service-directory,
	section.display-ads,
	section.common-section {
		padding: 30px 0;
	}
	.m-m-20 {
		margin-top: 20px!important;
	}
	.services-title label.ads-title,
	.label-title {
		font-size: 14px;
	}
	.content-form input::placeholder,
	.content-form textarea.form-control::placeholder,
	input.mobile-number,
	select.select-menu,
	input.form-control,
	input#profile-dob,
	textarea.form-control,
	input.form-control::placeholder, form.forgot-form .custom-primary-check [type="radio"]:checked+label, form.forgot-form .custom-primary-check [type="radio"]:not(:checked)+label {
		font-size: 13px;
	}
	input.form-control,
	.content-form input.form-control,
	body .intl-tel-input input,
	form.profile-form input.form-control,
	select.select-menu,
	input#profile-dob,
	.content-form textarea.form-control,
	textarea.form-control {
		padding: 13px 12px;
	}
	.drop-arrow {
		background-position-x: 95%;
		background-size: 8px;
	}
	p.b-sign-para {
		margin: 0px 0 15px;
	}
	section.login-signup-common {
		padding: 90px 0px 36px;
	}
	ol.breadcrumb.arrow-breadcrumb li {
    font-size: 14px;
}
a.customer-btn {
    font-size: 12px;
}
li.show-provider-heading:after {
    bottom: -5px;
}
.customer-btn-wrapper {
    display: inline-block;
    width: max-content;
}
.breadcrumb-item+.breadcrumb-item::before, .customer-remodel-category p, p.choose-payment-type {
    font-size: 15px;
}
li.download-app-wrap p {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.project-type-wrapper {
    padding-top: 30px;
}
	.project-review-modal .modal-dialog.modal-dialog-centered, .preview-ad-modal .modal-dialog.modal-dialog-centered, .timeline-modal .modal-dialog.modal-dialog-centered, .common-w .modal-dialog.modal-dialog-centered {
    max-width: 90%;
    margin: 0 auto;
}

}

@media only screen and (max-width: 374px) {
	form.search-form input {
		padding: 8px 73px 8px 15px;
	}
	.banner-content h2 {
		font-size: 18px;
	}
	p.banner-title {
		font-size: 14px;
		letter-spacing: 1px;
	}
	p.banner-desc {
		font-size: 14px;
	}
	.overview-section p a {
		font-size: 12px;
		margin: 10px 0px 15px;
	}
	a.custom-btn {
		font-size: 12px;
	}
	form.search-form button {
		padding: 12px 16px;
	}
	.r-img img {
		width: 90px;
		height: 90px;
	}
	li.r-name,
	li.r-service {
		font-size: 14px;
	}
	li.r-address,
	li.r-for,
	li.r-no,
	li.r-zip-co, ol.breadcrumb.arrow-breadcrumb li {
		font-size: 13px;
	}

	.login-signup-container.sign-up-form {
		max-width: 85%!important;
	}
	.sign-up-form .profile-form-wrapper,
	.profile-content-wrapper,
	.profile-form-wrapper {
		padding: 25px;
	}
	div#loginSignTabContent {
		padding: 36px 25px 100px;
	}
	.services-title label.ads-title, .label-title, li.show-provider-p {
    font-size: 13px;
}
li.show-provider-heading {
    font-size: 18px;
}
.intl-tel-input .flag-dropdown .country-list {
  max-width: 220px;
}
form.change-pass-form.text-left input {
    width: 33px;
    height: 33px;
}
.preview-ad-modal .modal-dialog.modal-dialog-centered, .timeline-modal .modal-dialog.modal-dialog-centered, .common-w .modal-dialog.modal-dialog-centered {
    max-width: 285px;
    margin: 0 auto;
}
ul.customer-category-wrapper li a {
    font-size: 12px;
    padding: 15px 15px;
}

}

@media only screen and (max-height: 440px) {
  .login-signup-common {
    min-height: 100%!important;
	height: 100%!important;
}
}
@media only screen and (max-height: 300px) and (orientation: landscape) {
  .login-signup-common {
    min-height: 100%!important;
	height: 100%!important;
}
}
@media only screen and (max-width: 360px) {
	ul.customer-category-wrapper li a {
    font-size: 11px;
    padding: 12px;
}
.customer-remodel-category p {
    font-size: 13px;
}
.submit-btn, .common-primary-btn, .form-btn-wrap .preview-btn {
    min-width: 110px;
	font-size: 13px;
    padding: 10px 10px;
}
.promote-content p, .clarin-online p {
    font-size: 12px;
}
.clarin-online svg {
    width: 15px;
    height: 15px;
}
.custom-nav-tabs .nav-link {
    font-size: 11px;
    padding: 8px 12px;
}
p.add-project a {
    font-size: 10px;
}

}

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

	p.b-sign-title {
    font-size: 22px;
}
div#loginSignTabContent .common-primary-btn, .social-via-wrapper button, .services-content a, footer p, .clarin-online p, span.project-name-title {
    font-size: 12px;
}
.heading-wrapper p, .project-type-title-wrapper p {
    font-size: 14px;
}
li.show-provider-heading:after {
    display: none;
}
form.search-form input {
    padding: 8px 100px 8px 15px;
    width: 100%;
}
.heading-wrapper h2 {
    font-size: 16px;
}
.heading-wrapper {
    margin-bottom: 15px;
}
.submit-btn, .common-primary-btn, .form-btn-wrap .preview-btn {
    font-size: 13px;
    padding: 10px 20px;
}
.promote-content p:before {
    width: 15px;
    transform: translate(-20px, -50%);
}
.promote-content p:after {
    width: 15px;
    transform: translate(20px, -50%);
}
.promote-container {
    padding: 20px 18px;
	width: 100%;
}
span.professional-rating-num-wrapper {
    align-items: flex-start;
    flex-direction: column;
}
span.professionals-num {
    margin-top: 10px;
}

}