@media (min-width: 768px) {
    .breadcrumb-list {
		padding: 8px 16px;
	}

	.breadcrumb-list li a {
		font-size: 16px;
	}

	.breadcrumb-list li i {
		font-size: 16px;
	}

	.lawyer-name-rating h4 {
		width: auto;
		margin-right: 15px;
	}

    .lawyer-photo img {
        height: 350px;
    }

	.lawyer-profile-btns li {
		margin-bottom: 0;
	}

	.lawyer-profile-btns li a {
		padding: 8px 18px;
	}

	.scrollspy-nav {
		padding: 0;
		margin: 70px 0 50px 0;
	}

	.scrollspy-nav-wrap {
		padding-top: 32px;
	}

	.lawyer-details-item__panel {
		margin-bottom: 60px;
	}

	.lawyer-details-item__panel h3 {
		font-size: 30px;
	}

	.cases-card img {
		height: 195px;
	}

	.modal-dialog {
		max-width: calc(100% - 48px);
	}

	.project-detlail-list li::after {
		display: block;
	}

	.project-detlail-list li p {
		max-width: 150px;
	}

	.project-detlail-list li:nth-child(2) p {
		margin: 0 auto;
	}

	.project-detlail-list li:last-child p {
		margin: 0 0 0 auto;
	}

	.case-image-slider-col img {
		height: 250px;
	}

	.reviews-block{
		padding-bottom: 70px;
	}

	.reviews-block h2 {
		font-size: 30px;
	}

	.reviews-status .progress {
		height: 14px;
	}

	.reviews-status ul li {
		margin-bottom: 22px;
	}
	
	.reviews-text {
		margin-top: 24px;
	}

	.reviews-top__right {
		padding: 0;
	}



    .lawyers-carousel {
        padding: 65px 0;
    }

    .practice-listing {
        column-count: 2;
        gap: 24px;
        padding: 24px;
    }
}

@media (min-width: 1200px) {
    .banner.banner-breadcrumb {
        min-height: 410px;
		overflow: hidden;
		padding: 164px 0 100px 0;
	}

    .banner.banner-breadcrumb .dot-learge {
        top: 150px;
    }

	.lawyer-details-box {
		margin-top: -186px;
	}

	.lawyer-details-box .lawyer-list-col {
		padding: 15px 32px 15px 15px;
	}

    .lawyer-details-box .lawyer-detail-content h5 {
        font-size: 18px;
    }

	.lawyer-details-box .lawyer-detail-content h5 p {
		border-left: 1px solid #C9CDD1;
		padding-left: 12px;
	}

    .firm-location {
        margin: 80px 0 0 0;
    }

    .lawyer-photo img {
        height: 300px;
    }

    .lawyer-profile-btns {
        max-width: 202px;
        margin-top: 50px !important;
        margin-left:  auto !important;
    }

	.lawyer-profile-btns li {
		max-width: 150px;
		margin-left: auto;
        margin-bottom: 20px;
    }

	.lawyer-profile-btns li a {
        padding: 8px 12px;
    }

	.lawyer-profile-btns li a:hover {
		background: #1F6BFF;
		color: #FFFFFF;
	}

	.lawyer-profile-btns li a:hover img {
		filter: brightness(0) invert(1);
	}

	.claimed-profile-other-option {
		margin-top: 40px !important;
	}

	.claimed-profile-other-option a {
		width: 32px;
		height: 32px;
		max-width: 32px;
		border-radius: 50%;
		overflow: hidden;
		white-space: nowrap;
		transition: 0.4s linear;
		padding: 0 0 0 5px;
	}

	.claimed-profile-other-option a:hover {
		width: 100%;
		max-width: max-content;
		border-radius: 44px;
		padding: 6px;
	}

	.claimed-profile-other-option a span {
		width: 0;
		opacity: 0;
		transition: 0.3s linear;
	}

	.claimed-profile-other-option a:hover span {
		width: 100%;
		opacity: 1;
	}

	.lawyer-details-box .lawyer-profile-btns li {
		max-width: 100%;
		margin-bottom: 12px;
	}

	.review-lawyer-btn a {
		font-size: 16px;
	}

	.review-lawyer-btn a:hover {
		background: rgba(0, 123, 238, 0.8);
		color: #FFFFFF;
	}

	.scrollspy-nav {
        margin: 100px 0 50px 0;
    }

	.scrollspy-nav-list {
		gap: 50px;
	}

	.scrollspy-nav-list li a {
		font-size: 18px;
		padding: 0 0 21px 0;
	}

	.scrollspy-nav-list li a:hover {
		color: #007BEE;
	}

	.border-box {
		padding: 24px;
	}

	.lawyer-details-item__panel {
        margin-bottom: 80px;
    }

	.lawyer-details-item__panel h3 {
        font-size: 36px;
    }

	.overview-left {
		min-height: 100%;
	}

	.overview-left span {
		font-size: 18px;
	}

    .overview-right {
        height: 100%;
    }

	.cases-card img {
        height: 145px;
    }

	.cases-card:hover span {
		color: #FFFFFF;
		background: #007BEE;
	}

	.modal-dialog {
        max-width: 1170px;
    }

	.modal-header {
		padding: 20px 24px;
	}

	.project-detlail-list {
		padding: 0 24px 20px 24px;
	}

	.case-image-slider-col img {
        height: 285px;
    }

	.js-case-image-slider .slick-dots {
		bottom: 20px;
	}

	.modal-footer {
		padding: 20px 24px 24px;
	}

	.description-text p {
		font-size: 18px;
	}

	.reviews-block{
		padding-bottom: 100px;
	}

	.reviews-block h2 {
		font-size: 36px;
	}

	.reviews-result {
		padding: 34px !important;
	}

	.reviews-result h3 {
		margin-bottom: 14px;
	}

	.reviews-text p {
		font-size: 16px;
		line-height: 24px;
		font-style: italic;
	}

	.reviews-status ul li {
        margin-bottom: 24px;
    }



    .lawyers-carousel {
        padding: 80px 0;
    }

    .lawyers-carousel-cards {
        min-height: 418px;
    }

    .js-lawyers-carousel {
        padding: 0 0 60px 0;
    }

    .lawyers__abouts-text li a:hover {
        color: #007BEE;
    }

    .js-lawyers-carousel::after {
        bottom: 0;
    }

    .js-lawyers-carousel .slick-arrow {
        bottom: 10px;
        left: calc(50% - 30px);
        transform: translate(-50%, 0);
    }

    .js-lawyers-carousel .slick-next {
        left: calc(50% + 30px);
    }

    .practice-listing li a:hover {
        color: #007BEE;
    }


    .location-crads-item {
        padding: 24px;
    }

    .location-crads-item ul li .btn-primary {
        padding: 11px 24px;
    }

    .border-btn {
        font-size: 16px;
        transition: 0.3s;
        padding: 11px 24px;
    }

    .border-btn:hover {
        background: #007BEE;
        color: #FFFFFF;
    }

    .border-btn:hover img {
        filter: brightness(0) invert(1);
    }

    button.bookmart {
        top: 35px;
        right: 35px;
    }
}

@media (min-width: 1600px) {
    .scrollspy-nav-list {
		gap: 65px;
	}
}