/* Home Banner */
.banner-video-outer {
	position: relative;
}
.banner-video-outer video {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	object-position: center;
}
.banner-video-outer::after {
	content: "";
	background: #000;
	opacity: .4;
	height: 100vh;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
.banner-video-outer .content {
	z-index: 999;
}
.vc_column-inner {
	padding-top: 0 !important;
}

.banner-section {
    margin-top: 160px;
}
.banner-slider {
	margin: 0;
	padding: 0;
	list-style: none;
}
.banner-slider img{
	display: block;
	width: 100%;
}
.banner-desktop-img img {
	object-fit: cover;
	object-position: top;
    height: 85vh;
}
.banner-desktop-img {
	object-fit: cover;
}
.banner-slider li {
	position: relative;
	margin: 0;
}
.banner-slider .image-column {
	display: none;
}
.banner-slider .content {
    position: absolute;
    top: auto;
    bottom: 40px;
    text-align: center;
    width: 100%;
    border: none;
    box-shadow: none;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    height: auto;
    max-width: 1000px;
    padding: 0 15px;
}
.banner-slider .button {
    letter-spacing: 0;
    padding: 10px 35px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: .3s ease-in;
    background: var(--secound-color);
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
}
.banner-slider .button:hover{
	color: var(--first-color);
	background-color: #fff;
}
.banner-slider .button:hover::before {
	top: 0;
	left: 0;
	border-radius: 5px;
	width: 100%;
	height: 100%;
}
.banner-slider .content .title {
    font-size: 4.4rem;
    line-height: 1.2;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
    letter-spacing: 1px;
}
.banner-slider .content .sub-title {
    font-size: 26px;
    line-height: 1.3;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    margin-bottom: 3rem;
    padding: 0 12rem;
}
.banner-slider .slick-next {
	right: 40px;
    z-index: 9;
}
.banner-slider .slick-prev {
	left: 30px;
    z-index: 9;
}
.banner-slider .slick-prev::before, .banner-slider .slick-next::before {
	content: '';
	background: #145389 url(../image/slide-left-arrow.png);
	height: 50px;
	width: 50px;
	background-position: center center;
	background-size: 12px;
	display: inline-block;
	border-radius: 50%;
	background-repeat: no-repeat;
	opacity: 1;
	box-shadow: 0 0px 7px 1px rgba(0,0,0,.5);
}
.banner-slider .slick-next::before {
	background: #145389 url(../image/slide-right-image.png);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center center;
}

.cdcp-section {
    background: var(--first-color);
    padding: 1.5rem;
}
.cdcp-section p {
    font-size: 2.7rem;
    font-weight: 400;
	line-height: 1.5;
	color: #ffffff;
    font-weight: 400;
    font-family: "Poppins";
    text-align: center;
}
.cdcp-section a {
    color: #fff;
	font-size: 2.7rem;
    font-weight: 600;
    text-decoration: underline;
}
.cdcp-section a:hover {
    color: var(--secound-color);
}
.radio-main .wpcf7-list-item-label{
	border: none !important;
	border-bottom: 1px solid #ffffff !important;
	font-weight: 400;
	color: #ffffff !important;
}
.default-form.home-form input:not([type="radio"], [type="submit"]), .default-form.home-form select{
	font-size: 2rem;
  	color: #fff;
    padding-left: 0px;
	border: 0;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	height: 4rem;
}
.home-why-choose-us .leftside .wpcf7-response-output {
    color: #fff !important;
}
.home-form input::placeholder, .default-form.home-form textarea, .default-form.home-form textarea::placeholder{
	font-size: 2rem;
	color:#fff !important;
}
.default-form.home-form textarea {
    border: 1px solid #fff;
    height: 11rem;
    padding: 15px;
}
.default-form.home-form {
	margin: 0;
	padding: 3rem;
}
.default-form.home-form .submit-button {
	text-align: center;
}
.default-form.home-form input[type="submit"] {
    padding: 16px 38px;
    background: var(--secound-color);
}
.default-form.home-form input[type="submit"]:hover {
	background: #fff;
	color: var(--first-color);
}
.default-form.home-form .radio-main input:checked + .wpcf7-list-item-label {
    background: #fff;
    color: var(--first-color) !important;
}
.default-form.home-form .radio-main .wpcf7-list-item-label {
    height: 4rem;
}
.default-form.home-form > div:not(:last-child) {
    margin-bottom: 3rem;
}

/* Home Services */
.home-services .slick-dots li button {
	height: 15px !important;
	width: 15px !important;
}
.home-services .slick-dots li {
	height: 15px;
	width: 15px;
	margin: 0 5px;
}
.home-services .slick-dots {
	margin-top: 0;
	margin-bottom: 2rem !important;
}
.home-services .service_item {
    text-align: center;
    background: #fff;
    padding: 2.4rem 10px;
    transition: .3s linear;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
	box-shadow:0 0 18px rgba(0,0,0,.1);
/*     filter: drop-shadow(0 0 14.5px rgba(0,0,0,0.06)); */
}
.home-services .service_item:hover {
	background: var(--secound-color);
}
.home-services .service_item:hover .service-title{
	color: #fff;
}
.home-services .service_item img {
	display: block;
	transition: .3s linear;
	filter: brightness(0) invert(1);
}
.home-services .slick-track {
	display: flex;
	height: auto;
}
.home-services .service-title {
    font-weight: 400;
    font-size: 19px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    transition: .3s linear;
    color: #3e3e3e;
}
.home-services .service_item .icon {
    width: 110px;
    display: flex;
    background: var(--first-color);
    border-radius: 50%;
    padding: 0px;
    margin-top: -80px;
    height: 110px;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    transition: .3s linear;
}
.service_item button {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    background: var(--secound-color);
    text-transform: uppercase;
    padding: 10px 16px;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s linear;
    font-family: 'Lato';
}
.home-services .service_item:hover .button {
    background: var(--first-color);
    color: #fff;
}
/* .home-services .service_item:hover .icon {
	background: var(--secound-color);
} */
.h-service .title {
    font-size: 4.4rem;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 4rem;
}
.home-doctor-section.h-service .main-title {
    margin-bottom: 3rem;
}
.h-service::after {
    content: '';
    background: #ebebeb;
    height: calc(50% - 53px);
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.title.bottom-border {
	position: relative;
}
.home-services {
	z-index: 99;
	margin-top: 3rem;
}
.home-services .service-link {
    padding: 0 14px;
    margin-top: 7rem;
    margin-bottom: 5rem !important;
    display: flex !important;
    height: auto;
    flex-direction: column;
    float: none;
}
.home-services .slick-arrow {
    box-shadow: none;
    background: transparent;
    top: 147px;
    width: auto;
}
.home-services .slick-arrow.slick-prev {
    left: -44px;
}
.home-services .slick-arrow:before {
    background-size: 50px;
    font-size: 50px;
    color: transparent;
	filter: brightness(0);
}
.home-services .slick-prev:before {
    background: url("../image/slide-left-arrow.png") no-repeat center center;
}
.home-services .slick-arrow.slick-next {
    right: -44px;
}
.home-services .slick-next:before {
    background: url("../image/slide-right-image.png") no-repeat center center;
}


/*New Content Slider CSS*/
.home-doctor-section{
	margin-bottom:50px;
}
.doctor {
  margin:0px -15px;
  background: #999; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #145389 0%,
    #145389 50%,
    #ebf8ff 50%,
    #ebf8ff 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #145389 0%,
    #145389 50%,
    #ebf8ff 50%,
    #ebf8ff 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #145389 0%,
    #145389 50%,
    #ebf8ff 50%,
    #ebf8ff 100%
  );  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145389', endColorstr='#ebf8ff',GradientType=1 ); /* IE6-9 */
  padding: 4rem 0 0;
  position: relative;
}
.doctor:before {
    content: "";
    position: absolute;
    left: 30px;
    top: 30px;
    background: url(https://www.steeleswestonfamilydental.ca/wp-content/uploads/2024/11/back-logo.png) no-repeat left top;
    background-size: contain;
    width: 200px;
    height: 175px;
    z-index: 1;
    opacity: 1;
}
.doctor .doctor__slider { margin-bottom: 0px;}
.doctor .doctor__slider .doctor__slider__content h2 {
    color: #145389;
    font-weight: 500;
    font-size: 4.6rem;
    margin: 0px;
    padding: 0 0 20px;
    text-transform: capitalize;
    line-height: 1;
}
.doctor .doctor__slider .doctor__slider__content p {font-size: 18px;line-height: 33px;color: #414141;font-weight: 400;margin: 0;}
.doctor .doctor__slider .team-btn {
    display: inline-block;
    background: var(--secound-color);
    padding: 15px 20px;
    position: relative;
    margin: 40px 0px 0 0;
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #feffff;
    font-weight: 400;
    border-radius: 7px;
}
.doctor .doctor__slider .team-btn:hover {
    background: var(--first-color);
    text-decoration: none;
}
.doctor .doctor__slider .doctor__slider__thumbnail img {
	display: initial;
	left: calc(50% - 80px);
	position: relative;
	bottom: -10px;
}
.doctor .doctor__slider .slick-dots { display: none !important;}
.doctor .doctor__slider .doctor__slider__content {
    padding-left: 8rem;padding-bottom: 4rem;
}
.doctor .doctor__slider .slick-arrow {
    padding: 0;
    color: #fff;
    z-index: 99;
}
.doctor .doctor__slider .slick-arrow.slick-next {
  left: 55px;
  top: inherit;
  bottom: 50px;
}
.doctor .doctor__slider .slick-arrow.slick-prev {
  left: 0px;
  top: inherit;
  bottom: 50px;
}
.doctor .doctor__slider .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.doctor .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.doctor .doctor__slider .col-md-6 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
}



/* Home Team Section */
.home-team-sec{
	margin-top: 50px;

}
.home-team-sec .title {
	font-size: 4rem;
	line-height: 1;
	
}
.home-team-sec .title b {
	font-weight: inherit;
}
.home-team-sec .sub_title {
	font-size: 2.8rem;
	color: var(--first-color);
	line-height: 1;
	font-weight: 400;
	margin-bottom: 4rem;
}

/* Home tab gallery */

.home-gallery-tabs-heading{
	background-color: #233d5a;
	padding: 40px 15px;
}
.home-gallery-tabs-heading h2{
	font-size: 51px;
	line-height: 51px;
	color: #ffffff;
	font-weight: 700;
	margin: 0;
}
.gallery-tabs{
/*	margin-top: 5rem;*/
}
.gallery-tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.gallery-tabs .left,
.gallery-tabs .right{
	padding: 0;
}
.gallery-tabs img {
	width: 100%;
	height: 100%;
  	object-fit: cover;
}
.gallery-tabs .left ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	height: 100%;
}
.gallery-tabs ul li {
	background: #1d8da1;
	margin: 0;
}
.gallery-tabs ul li a {
	display: block;
	height: 100%;
}
.gallery-tabs ul li img {
	opacity: .4;
}
.gallery-tabs ul li.active img {
	opacity: 1;
}
/* Home slider gallery */
.office-gallery {
    margin-bottom: 1.5rem;
}
.home-slider-gallery {
	padding: 0;
}
.home-slider-gallery li{
	margin: 0;
	padding: 0;
}
.home-slider-gallery .slick-prev {
	left: 30px;
	z-index: 9;
}
.home-slider-gallery .slick-next {
	right: 40px;
	z-index: 9;
}
.home-slider-gallery .slick-prev::before, .home-slider-gallery .slick-next::before,.doctor .doctor__slider .slick-prev::before, .doctor .doctor__slider .slick-next::before {
    content: '';
    background: #145389 url(../image/slide-left-arrow.png);
    height: 50px;
    width: 50px;
    background-position: center center;
    background-size: 12px;
    display: inline-block;
    border-radius: 50%;
    background-repeat: no-repeat;
    opacity: 1;
    box-shadow: 0 0px 7px 1px rgba(0,0,0,.5);
	border: 2px solid #fff;
}
.home-slider-gallery .slick-prev:hover::before,.doctor .doctor__slider .slick-prev:hover::before{
	background: #49aa4b url(../image/slide-left-arrow.png);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center center;
}
.home-slider-gallery .slick-next::before,.doctor .doctor__slider .slick-next:before {
	background: #145389 url(../image/slide-right-image.png);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center center;
}

.home-slider-gallery .slick-next:hover::before,.doctor .doctor__slider .slick-next:hover::before{
	background: #49aa4b url(../image/slide-right-image.png);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center center;
}

/* Home Review Section */
.home-review-slider .slick-dotted.slick-slider {
	margin: 0;
}
.home-review-slider .items {
	text-align: center;
	margin: 0 0px;
	padding: 0 15px;
}
.home-review-slider .items > div {
	background: #fbfbfb;
	padding: 4rem 3rem !important;
	border: 2px solid var(--third-color);
}
.home-review-slider .auth-title {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 0;
	position: relative;
	padding-left: 38px;
	width: auto;
	display: inline-block;
	margin-top: 15px;
}
.home-review-slider .content{
	margin-top: 15px;
}
.home-review-slider .auth-title::before {
	height: 30px;
	width: 30px;
	background: url(../image/google-icon.png);
	background-size: 30px;
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(0%);
}
.home-review-slider p{
	font-size: 1.5rem;
}
.home-review-slider .slick-dots{
	margin-top: 10px;
}

.dental-care-row {
	padding-top: 2.6rem;
	padding-bottom:5rem;
}
.dental-care-column.vc_col-sm-12 {
    max-width: 1220px;
    margin: 0 auto;
    float: unset;
    padding: 0 20px;
}
.dental-care-row .title {
	margin-bottom: 2rem;
    font-size: 4.4rem;
    color: #000;
    font-weight: 500;
}
.care-offer {
    filter: drop-shadow(0 0 9.5px rgba(136,136,136,0.35));
    background-color: #ffffff;
    text-align: center;
    padding: 4rem 2rem;
}
.care-offer .vc_column-inner {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}
.care-offer.offer-2{
	background-color: var(--secound-color);
}
.offer-price {
    font-size: 6rem;
    font-weight: 500;
    color: var(--secound-color);
}
.offer-title {
    font-size: 3.8rem;
    font-weight: 400;
}
.care-offer.offer-2 .offer-title{
	font-size: 3.5rem;
	color: #ffffff;
	font-weight: 400;
	margin-bottom:0;
}
.offer-text {
    font-size: 2.2rem;
    font-weight: 400;
}
.offer-2 .offer .offer-text {
    color: #fff;
}
.offer-2 .offer .center-gap{
	padding:1rem 0;
	display:block;
}
.offer-2 .offer p:last-child{
	margin-top:1.5rem;
}
.offer p {
    margin-bottom: 0;
}

/* Form Service Section */

.home-why-choose-us {
    padding-bottom: 5rem;
}
.home-why-choose-us .why-choose-inner {
    display: flex;
    align-items: center;
}
.home-why-choose-us .leftside {
    width: 62%;
    padding-right: 3.6rem;
    display: flex;
}
.home-why-choose-us .leftside > .vc_column-inner {
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 0 50px 50px 0px;
    position: relative;
    padding: 3rem 3rem !important;
    padding-left: calc((100% - 775px) / 2) !important;
}
.home-why-choose-us .leftside h2 {
    font-size: 4.6rem;
    line-height: 58px;
    color: #ffffff;
    font-weight: 400;
    position: relative;
    margin-bottom: 50px;
}
.home-why-choose-us .leftside h2:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -25px;
    transform: translate(-50%, -50%);
    width: 66px;
    height: 5px;
    background-color: #ffffff;
}
.rightside {
    width: 40%;
}

.home-why-choose-us .why-choose-items .item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 35px;
}
.home-why-choose-us .why-choose-items .item img {
    margin-top: 5px;
}
.home-why-choose-us .why-choose-items .item:last-child {
    margin-bottom: 0px;
}
.home-why-choose-us .why-choose-items .item .desc {
    padding-left: 30px;
}
.home-why-choose-us .why-choose-items .item .desc h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 5px;
}
.home-why-choose-us .why-choose-items .item .desc p {
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    margin-bottom: 0;
    max-width: 390px;
}


/* Welcome Section */

.main-ab {
    padding-top: 1rem;
    padding-bottom: 6rem;
}
.shadow-with-radius img {
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    border-radius: 3px;
}
.main-ab .section-title {
    font-size: 5.1rem;
    color: #000;
    margin-bottom: 1.5rem;
    text-transform: inherit;
    line-height: 62px;
    font-weight:500;
}
.main-ab .section-title span {
    font-size: 3.72rem;
    color: var(--first-color);
    text-transform: uppercase;
}
.display-block {
    display: block;
}
.main-ab p {
    font-size: 1.7rem;
    line-height: 32px;
    color: #000000;
    font-weight: 400;
}
.main-ab .n-btn-default-inline {
    margin: 15px 15px 0 0;
}
.n-btn-default-inline {
    padding: 1rem 3.5rem;
    display: inline-block;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.8rem;
    border-radius: 5px;
    background: var(--secound-color);
    font-weight: 400;
}
.n-btn-default-inline.grey-btn {
    background: var(--first-color);
}
.n-btn-default-inline:hover{
    background: var(--first-color);
    color:#fff;
}
.n-btn-default-inline.grey-btn:hover {
    background: var(--secound-color);
}
.main-ab .medium-pera {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
}
/* Invisalign logo */
.invisalign-img-row {
    padding: 5rem 0;
}

/* Office Gallery */
.home-slider-gallery .item {
	padding: 0 7px;
}
.home-slider-gallery .item img {
	display: block;
	object-fit: cover;
	width: 100%;
}


/* Responsive */
@media (max-width:1366px){
	.home-services{
		padding: 0 30px;
	}
	.home-services .slick-arrow.slick-prev {
	    left: -20px;
	}
	.home-services .slick-arrow.slick-next {
	    right: -20px;
	}
	.home-why-choose-us .leftside h2 {
        font-size: 4rem;
        line-height: 58px;
        color: #ffffff;
        font-weight: 400;
        position: relative;
        margin-bottom: 15px;
        margin-top: 30px;
    }
}

@media (max-width: 1190px){
	.banner-slider .content .title {font-size: 4rem;margin-bottom: 15px;}
	.dental-care-row .title,.home-why-choose-us .leftside h2,.main-ab .section-title,.doctor .doctor__slider .doctor__slider__content h2,.h-service .title {font-size: 4rem;line-height: 50px;
}
    .main-ab .section-title span,.offer-title {font-size: 3.25rem;}
    .offer-price {font-size: 5rem;}
    .home-why-choose-us .leftside h2 {margin-bottom: 30px;}
    .care-offer.offer-2 .offer-title {font-size: 3rem;}
	.banner-slider .content .sub-title{font-size: 18px;margin-bottom: 15px;}
	.banner-slider .button {padding: 14px 22px;}
	.home-team-sec .sub_title, .our-clinic .sub-title{font-size: 2rem;}
	.banner-slider .content {width: 90%;}
	.banner-desktop-img img {height: 540px;}
	.default-form.home-form {padding: 2rem 5px;}
	.home-services {margin-top: 3rem;}
	.dental-care-row .title {margin-bottom: 2rem;}
	.h-service .top-content p {font-size: 16px;}
	.home-why-choose-us .leftside > .vc_column-inner {padding: 2rem 0px !important;padding-left: calc((100% - 775px) / 2) !important;}
    .default-form.home-form input:not([type="radio"], [type="submit"]), .default-form.home-form select,.home-form input::placeholder, .default-form.home-form textarea, .default-form.home-form textarea::placeholder {font-size: 16px;}
    .h-service .title {margin-bottom: 0rem;}
	.home-doctor-section.h-service .main-title{margin-bottom: 2rem;}
    .default-form.home-form .radio-main .wpcf7-list-item-label {font-size: 14px;}
    .doctor .doctor__slider .doctor__slider__thumbnail img {display: initial;left: calc(50% - 145px);position: relative;bottom: -10px;   }
   .h-service::after {height: calc(50% - 40px);}
   .invisalign-img-row {padding: 4rem 0;}
   .home-slider-gallery .slick-prev {left: 15px;}
	.cdcp-section p,.cdcp-section a {font-size: 2rem;}

}
@media (max-width: 1025px){
	.home-services .slick-dots {position: relative !important;bottom: 0 !important;}
	.banner-slider .button {padding: 10px 22px;}

	.banner-video-outer video {height: auto;display: block;}
	.banner-video-outer::after {display: none;}
	.home-why-choose-us .rightside {
        border-radius: 50px 0 0px 50px;
        padding: 35px 25px;
    }
    .doctor .doctor__slider .doctor__slider__thumbnail img {
    left: calc(50% - 160px);
    bottom: -30px;}
	
}


@media (max-width: 992px){
	.gallery-tabs .left, .gallery-tabs .right, .default-form.home-form > div:not(:last-child) {width: 100%;}
	.home-why-choose-us .leftside {
        width: 100%;
        padding-right: 0;
    }
    .home-why-choose-us .rightside {
        width: 100%;	
        padding: 60px 15px;
        border-radius: 50px;
        margin-top: 50px;
    }
    .home-why-choose-us .why-choose-items .item .desc {padding-left: 15px;}
    .home-why-choose-us .why-choose-items .item .desc h3 {
    font-size: 20px;}
    .banner-slider .content .title {font-size: 3.1rem;}
    .dental-care-row .title, .home-why-choose-us .leftside h2, .main-ab .section-title, .doctor .doctor__slider .doctor__slider__content h2, .h-service .title {
    font-size: 3rem;line-height: 40px;}
    .main-ab .section-title span, .offer-title {font-size: 2.5rem;}
    .main-ab .medium-pera {font-size: 18px;}
    .n-btn-default-inline {padding: 7px 30px;font-size: 1.6rem;}
    .doctor .doctor__slider .col-md-6 {max-width: 100%;position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
    .doctor .container { max-width: 100%;}
    .doctor .doctor__slider .row {flex-direction: column;}
    .doctor {
    background: -moz-linear-gradient(
    left,
    #ebf8ff 0%,
    #ebf8ff 50%,
    #ebf8ff 50%,
    #ebf8ff 100%
  );
    background: -webkit-linear-gradient(
    left,
    #ebf8ff 0%,
    #ebf8ff 50%,
    #ebf8ff 50%,
    #ebf8ff 100%
  );
    background: linear-gradient(
    to right,
    #ebf8ff 0%,
    #ebf8ff 50%,
    #ebf8ff 50%,
    #ebf8ff 100%
  );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf8ff', endColorstr='#ebf8ff',GradientType=1 );
    padding: 0;padding-bottom: 40px;
}
.doctor .doctor__slider .doctor__slider__content {padding-left: 0;}.doctor .doctor__slider .doctor__slider__content {padding-left: 0;padding-top: 2rem;padding-bottom: 0;}
.doctor:before{display:none;}
.doctor .doctor__slider .doctor__slider__thumbnail img {position: static;padding-top: 40px;}
.doctor__slider__thumbnail.text-md-right,.doctor__slider__content {text-align: center;}
.doctor .doctor__slider .team-btn {padding: 10px 30px;margin: 24px 0px 0 0;font-size: 16px;}
.offer-text {font-size: 1.6rem;}
.care-offer.offer-2 .offer-title {font-size: 2.25rem;padding: 0 4px;}
.banner-slider .content .sub-title {padding: 0 5rem;}
.default-form.home-form input[type="submit"] {padding: 10px 30px;}
.home-why-choose-us .why-choose-items .item {margin-bottom: 24px;}
.default-form.home-form > div:not(:last-child) {margin-bottom: 2rem;}
.offer-price {font-size: 4rem;}
.doctor .doctor__slider .slick-arrow.slick-prev {left: 0px;top: 60%;}
.doctor .doctor__slider .slick-arrow.slick-next {right: 30px;top: 60%;left: inherit;}
.home-services {margin-top: 2rem;}
.main-ab {flex-direction: column;padding-bottom: 5rem;}
.main-ab .vc_col-sm-6 {width: 100%;}
.main-ab .vc_col-sm-6 .wpb_single_image *{width:100%;}
.main-ab .vc_col-sm-6 img{margin-bottom: 30px;}
.main-ab p {font-size: 16px;}
.main-ab .n-btn-default-inline {margin: 0px 15px 0 0;}
.cdcp-section p, .cdcp-section a {
    font-size: 18px;
}
}
}

@media (min-width: 767px) and (max-width:800px){
.home-why-choose-us,.dental-care-row {
    padding-bottom: 3rem;
}
}
@media (max-width: 767px){
	.banner-desktop-img {display: none;}
	.banner-slider .button {color: var(--third-color);background: var(--secound-color);}
	.banner-slider .content {
		margin: 0;
		height: 250px;
		background: var(--secound-color);
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
		align-items: center;
		max-width: 100%;
		flex-direction: column;
		position: static;
		transform: translateX(0%);
		padding: 20px;
		border: 0;
		box-shadow: none;
		width: 100%;
	}
	.banner-slider .button::before{background: #fff;}
	.banner-slider .button {
    color: #fff;
    background: var(--first-color);
} 
	.banner-slider .button:hover{
		color: #000;
	}
	.home-why-choose-us .why-choose-items .item .desc p {max-width: 100%;}
	.invisalign-img-row {padding: 3rem 0;}
	.banner-slider .cus-row {flex-direction: column-reverse;margin: 0;}
	.banner-slider .slick-arrow {top: 35%;}
	.banner-slider .slick-prev, .home-slider-gallery .slick-prev{left: 10px;}
	.banner-slider .image-column {display: block;}
	.banner-slider .cus-row > * {padding: 0;}
	.banner-slider .image-column img{width: 100%;}
	.banner-slider .content .title {font-size: 2.5rem;margin-bottom: 15px;line-height: normal;}
	.banner-slider .content .sub-title {font-size: 16px;}
	.banner-slider .button {padding: 10px 20px;font-size: 14px;}	
    
    .home-team-sec .title {font-size: 25px;margin-bottom: 10px;line-height: normal;}
    .home-team-sec .sub_title {font-size: 18px;line-height: normal;margin-bottom: 3rem;}
	
	.h-service {
	    padding-top: 2rem;
	}
	.offer-2 .offer .center-gap {padding: 5px 0;}
	.home-gallery-tabs-heading{padding: 20px 15px;}
	.home-gallery-tabs-heading h2{font-size: 32px;}

	.dental-care-row {
		padding-bottom: 0px;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.home-why-choose-us .rightside {
        border-radius: 0;
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 20px !important;
    }
	.home-why-choose-us {padding-bottom: 3rem;}
    .care-offer {padding: 3rem 2rem;}
    .offer-2 .offer p:last-child {margin-top: 7px;}
    .offer-title {margin-bottom: 1.25rem;}
    .home-why-choose-us .why-choose-inner {flex-direction: column;margin-top: 3rem;}
	.dental-care-offers {padding-bottom: 15px;}
    .home-why-choose-us .leftside h2:after {bottom: -20px;height: 3px;}
    .home-why-choose-us .leftside > .vc_column-inner {padding: 3rem 3rem !important;}
    .home-why-choose-us .leftside > .vc_column-inner {padding: 20px 0 !important;border-radius:0;}
    .home-why-choose-us .leftside h2 {margin-top: 10px;}
    .home-doctor-section {margin-bottom: 4rem;}
    .main-ab {padding-bottom: 4rem;}
	.invisalign-img-row img {max-width: 270px !important;}
	.invisalign-img-row {padding: 2rem 0;}
	.doctor .doctor__slider .doctor__slider__content p {font-size: 16px;line-height: 28px;}
	.doctor .doctor__slider .col-md-6 {padding-right: 0;padding-left: 0;}
	.home-services {margin-top: 7px;}

}
@media (max-width: 520px){

	.home-team-outer.slick-slider{text-align: center;}
    .home-services .slick-dots li {height: 10px;width: 10px;margin: 0 3px;}
	.home-services .slick-dots li button {height: 10px !important;width: 10px !important;}
	.home-services .slick-dots {margin-top: 10px;}

	.banner-slider .slick-prev::before, .banner-slider .slick-next::before {height: 30px;width: 30px;background-size: 7px;}
	.banner-slider .slick-next {right: 20px;}
	.dental-care-row .title br {display: none;}
	.doctor .doctor__slider .doctor__slider__content h2 {padding: 0 0 10px;}
	.main-ab .n-btn-default-inline {margin: 0px 7px 0 0;padding: 7px 25px;font-size: 14px;}
	.doctor .doctor__slider .slick-arrow.slick-next {right: 15px;top: 45%;left: inherit;}
	.doctor .doctor__slider .slick-arrow.slick-prev {left: -5px;top: 45%;}
	.home-services .slick-arrow:before {background-size: 24px;font-size: 24px;padding: 0 10px;}
	.home-services .service-link {padding: 0 10px;margin-bottom: 4rem !important;}
	.h-service::after {height: calc(50% - 25px);}
	.home-slider-gallery .slick-next {right: 30px;}

}
@media (max-width: 450px){
	.banner-slider .content .sub-title {padding: 0 10px;}
	.banner-slider .content {height: 250px;padding: 15px;}
	.banner-slider .button {padding: 7px 20px;}
	
}