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

	.ft-container {
		width: 100%;
		padding: 0 10px;
	}
	.about-content-img figure{
		margin-right: 15px;
	}
}
@media screen and (max-width: 1200px) {
	body.boxed-layout #page{
	    width: 95%;
	}
	.contact-details {
	    padding: 0;
	}
}
@media screen and (max-width: 1170px) {
	.featured-content-img {
	    height: 250px;
	}
	.about-content-img .about-content-wrap {
	    width: 67%;
	}
	.about-content-img figure{
		margin-right: 5px;
	}
	.contact-details i {
		font-size: 18px;
		width: 45px;
		height: 45px;
		margin-top: 6px;
	}
	.contact-details p {
		font-size: 15px;
	}
	#masthead .show .ft-search{
		width: 90%;
	}
	.slide {
		height: 80vw;
	}
	/* .slide .slide-caption{
		top:25%;
	} */
	.yith-wcwl-add-button.show {
    top: 160px;
	}
}


@media screen and (max-width: 980px) {
	
	.about-content-img .about-content-wrap {
	    width: 100%;
	}

.yith-wcwl-add-button.show {
    top: 160px;
}
	.slide {
		height: 80vh;
	}
	ul#primary-menu {
	    margin: 0;
	}
	.menu-search {	    
	    border-radius: 0;
	    box-shadow: none;
	    /* float: right; */
	   position: static;
        background-color: transparent;
        margin: 0;
	    
	}
	#masthead.fixed .menu-search{
		top: 20px;
	}
	.admin-bar #masthead.fixed .sticky-wrapper {
	    top: 32px;
	}
	.toggle-btn {
	    width: 45px;
	    height: 45px;
        /* background: #3695eb; */
    	background-color: #000;
		padding: 10px 0px 5px;
		position:absolute;
		left:0;
		bottom: 25px;
	}
	.toggle-bar{
		display: block;
	    width: 70%;
		height: 3px;
		background-color: #fff;
		margin: auto auto 7px;

	}
	#masthead .ft-search-wrap .search-icon{
		background-color: #3695eb;
	}
	#masthead .ft-search-wrap.show .search-icon{
	    border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.menu{
		display: block;
	}
	.sticky-wrapper{
    	padding: 20px 0;
	}

	.fixed .sticky-wrapper {
	    box-shadow: 0px 0px 32px #000;
	}
	.site-details{	
		display: inline-block;
		vertical-align: middle;
		width: 90%;
	}
	#masthead.fixed .site-branding {
		display: block;
		padding: 10px
	}
	.menu > ul{
		margin: 0;
	    width: 100%;
	}
	.main-navigation .menu {
	    background: #2b96cc none repeat scroll 0 0;
	    height: 100%;
	    left: 0;
	    padding: 0;
	    padding-top: 80px;
	    position: fixed;
	    top: 0;
	    width: 50%;
	    z-index: 99999;
	    overflow-y: scroll;
	    display: block;
	}
	.main-navigation li{
		width: 100%;
		text-align: left;
	}
	.main-navigation ul, .main-navigation .menu {
	    transform: translate(-100%);
	    -webkit-transform: translate(-100%);
	    -moz-transform: translate(-100%);
	    transition: all ease 0.4s;
	    -webkit-transition: all ease 0.4s;
	    -moz-transition: all ease 0.4s;
	}
	.main-navigation.toggled ul, .main-navigation.toggled .menu {
	    transform: translate(0);
	    -webkit-transform: translate(0);
	}
	#masthead .menu .sub-menu{
		width: 100%;
		position: static;
		background-color: #2b77bc;
		transition: none;
	}
	#masthead .menu li.menu-item-has-children i,#masthead .menu li.page-item-has-children i{
		top: 25px;
		padding: 10px;
	}
	.contact-details i{
	    line-height: 2.4;
	}
	.toggled .toggle-bar1 {
        transform-origin: 5px 8px 0;
	    -webkit-transform-origin: 5px 8px 0;	    
	    -moz-transform-origin: 5px 8px 0;
	    transform: rotate(45deg) translateY(50%);
	    -webkit-transform: rotate(45deg) translateY(50%);
	    -moz-transform: rotate(45deg) translateY(50%);
	}
	.toggled .toggle-bar2{
		opacity: 0;
	}
	.toggled .toggle-bar3 {
	    transform-origin:  5px -3px 0;
	    -webkit-transform-origin: 5px -3px 0;
	    -moz-transform-origin: 5px -3px 0;
    	transform: rotate(-45deg) translateY(-50%);
    	-webkit-transform: rotate(-45deg) translateY(-50%);
    	-moz-transform: rotate(-45deg) translateY(-50%);
	}
	.toggle-bar{
		transition: all ease 0.4s;
	    -webkit-transition: all ease 0.4s;
	    -moz-transition: all ease 0.4s;
	}
	#masthead .show .ft-search {
	    left: -236px;
	    width: 300px;
	}
	#masthead .ft-search input[type="search"]{
		height: 40px;
	}


	.featured-content-img{
		padding: 20px
	}


	.widget.widget_product_search .search-field{
	    width: 67%;	
	}
	.fixed .sticky-wrapper .menu-search{
		padding: 0 10px;
	}
}

@media screen and (max-width: 800px) {
	.featured-content-img {
	    height: 220px;
	}
	.contact-number
	{
	    padding-left: 10px;
	}
	.contact-address{
		display:none;
	}
	.contact-details p {
	    font-size: 14px;
	    padding-left: 5px
	}
	.featured-wrap{
		margin-top: 0;
	}
	.featured-section .ft-container{
		padding: 0;
	}
	#primary {
	    width: 100%;
	    float: none;
	}
	#secondary {
	    width: 100%;
	    float: none;
	    padding-left: 0;
	}
	.appointment-btn {
		background-color: transparent;
		/*color: red;*/
		float: right;
		padding: 11px 30px;
		/*border: 2px solid red;*/
		position: relative;
		left: 90px;
		bottom:-25px;
	}
}
@media screen and (max-width: 782px) {
	.site-details {
	    width: 86%;
	}
	.admin-bar .toggled .menu {
	    padding-top: 46px;
	}

	#masthead.fixed .menu-search{
		margin-bottom: 20px;
	}
	.admin-bar .toggled .menu {
	    padding-top: 100px;
	}
	section .featured-content-img,
	section .about-content-img,
	/* section .service-content-img, */
	section .team-content-img,
	.blog-section .blog-content-img {
    	width: 47%;
        border-radius:10px;
		background-color: #000;
		margin:5px;
		flex:1;
		height:-webkit-fill-available;
	}
	.footer-block {
    	width: 49%;
	}
	.about-content-img .about-content-wrap {
	    width: 67%;
	}
	.about-content-img figure{
		margin-right: 5px;
	}
	section .about-content-img{
		width: 49%;
	}
	.cta-section .section-content {
    	width: 100%; 
	}

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
		width: 48%;
    	margin-right: 1.2%;
	}
	.woocommerce ul.products li.product:nth-child(3n), .woocommerce-page ul.products li.product:nth-child(3n) {
	   	margin-right: 1.2%;
	}
	.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) {
	   	margin-right: 0;
	}
	.team-page-content {
    	width: 48%;
	}
	.team-page-content:nth-child(2n) {
	    margin-right: 0; 
	}
	.team-page-content:nth-child(3n) {
	    margin-right: 1.2%; 
	}
	.slide {
		height:50vw;
	}
}

@media screen and (max-width: 640px) {
	.site-details {
	    width: 81%;
	}
	.about-content-img .about-content-wrap {
	    width: 100%;
	}
	.main-navigation .toggle .menu{
		padding-top: 100px; 
	}
	.toggled .toggle-btn {
	    position: fixed;
	    top: 20px;
	    z-index: 9999999;
	    left: 19px;
	    background-color: #fff;
	}
	.admin-bar .toggled .toggle-btn {
	    top: 52px;
	}
	.toggled .toggle-bar{
		background-color: #3695eb;
	}
	.site-branding {
	    float: none;
	}
	.contact-details {
	    float: none;
	    margin: 10px 0;
	}

	.slide .caption-wrapper {
    	width: 100%;
	}
	.contact-image {
	    position: static;
	    height: auto;
	    width: auto
	}
	.contact-section {
	    padding-bottom: 0;
	}
	.contact-section .contact-form {
		width: 100%;
		padding-right: 10px;
	}

#masthead .ft-search-wrap .search-icon {
	display: none;
}

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

	.admin-bar #masthead.fixed .sticky-wrapper{
	    top: 0;
	}
}
@media screen and (max-width: 575px) {
	.main-navigation ul, .main-navigation .menu {
	    width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.main-navigation ul, .main-navigation .menu {
	    width: 100%;
	}
	.widget{
		margin:0;
	}
	.footer-block:first-child{ 
display:flex;
    vertical-align: top;
    padding:7px;
    justify-content: space-between;
	}
	/* .featured-content-img, */
	.about-content-img,
	.service-content-img,
	.team-content-img,
	.blog-content-img,
	.footer-block,
	.testimonial-page .testimonial-content-wrap,
	.team-page-content,
	.service-page-content {
    	width: 100% !important;
	}
	.featured-content-img{
		text-align: center;
		display:flex;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
		width: 100%;
    	margin-right: 1.2%;
	}
	.featured-content-img{
		height: -webkit-fill-available;
	}
.featured-content-img .featured-post-title {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size:12px;
    padding-left: 5px;
    margin: 5px 0 0;
	font-weight:400;
}
.doc-card {
	background-color: #fff;
    width:96%;
    margin: 10px;
    border-radius: 15px;
}


.featured-content{
	display:none;
}
	.team-head-container{
		display:flex;
		justify-content: space-between;
		flex-direction:column;
	}
	.new-team-admin{
		flex-direction:column;
/* 		margin-left:20%; */
	}
	.flex-container{
		flex-direction:column;
	}
	.card{
		width: 100%;
		margin-top: 15px;
	}
	.page-header .page-title {
    margin: 0;
    padding-top: 125px;
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    color: #fff;
    background-color: rgb(0, 0, 0, 0.1);
    height: 300px;
    text-transform: uppercase;
}
.testimonial-header h2{
	font-size: 40px;
    margin: 0 0 20px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
}
.featured-wrap {
    position: relative;
    margin-top: -8%;
    background-color: #fff;
    flex-wrap:wrap;
}
.flex-container {
    margin-top: 0px;
}
.section{
	padding-top:40px;
}
.head-details {
    height:auto;
    overflow-y: hidden;
    padding-top: 15px;
}
}
@media screen and (max-height: 500px) {
	#masthead.fixed .sticky-wrapper {
	    position: static;
	}

}/* Base styles (desktop-first approach) */
.container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 20px;
	/* align-items: center; */
  }
  
  .image-section {
	padding-top:15px;
	flex: 1;
  }
  
  .image-section img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
  }
  
  .text-section {
	flex: 1;
	padding-top: 0px;
  }
  
  /* Tablet view (768px and below) */
  @media screen and (max-width: 768px) {
	.container {
	  flex-direction: column;
	  padding: 15px;
	}
  
	.image-section,
	.text-section {
	  flex: 1 1 100%;
	}
  
	.text-section h1 {
	  font-size: 24px;
	}
  
	.text-section h2 {
	  font-size: 18px;
	}
  }
  
  /* Mobile view (480px and below) */
  @media screen and (max-width: 480px) {
	.container {
	  padding: 10px;
	}
  
	.text-section h1 {
	  font-size: 20px;
	}
  
	.text-section h2 {
	  font-size: 16px;
	}
  
	.text-section p {
	  font-size: 14px;
	}
	    .appointment-btn {
        bottom: 3px;
		left:-20px;
	 font-size: x-small;
	padding:15px;		
	position:static;
    }
    }
  
/* mobile tablet */

.container {
	padding: 20px;
  }
  
  .container > h1 {
	text-align: center;
	margin-bottom: 30px;
	font-size: 32px;
  }

  .card-item {
	background-color: #fff;
	border-radius: 10px;
	/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
	width: 30%;
	min-width: 250px;
	max-width: 300px;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	transition: transform 0.3s;
  }
  
  .card-item:hover {
	transform: translateY(-5px);
  }
  
  .card-item img {
	width: 100%;
	height: auto;
	border-radius: 8px;
  }
  
  .card-item h1 {
	font-size: 18px;
	margin: 10px 0;
  }
  
  .card-item h1 a {
	text-decoration: none;
	color: #333;
  }
  
  .card-item p {
	font-size: 14px;
	color: #555;
	line-height: 1.6em;
	/* text-align: justify; */
	margin: 5px 0 0;
  }
  
  /* Tablet view */
  @media (max-width: 768px) {
	.card-item {
	  width: 45%;
	}
  
	.container > h1 {
	  font-size: 26px;
	}
  }
  
  /* Mobile view */
  @media (max-width:500px) {
	.card-item {
	  width: 100%;
	}
  
	.container > h1 {
	  font-size: 22px;
	}
  
	.card-item h1 {
	  font-size: 16px;
	}
  
	.card-item p {
	  font-size: 13px;
	}
	#masthead{
		display:none;
	}
	#masthead-mobile{
		display: flex;
		justify-content: space-evenly;
		height:125px;
		align-items: center;
	}
	.mob-nav{
		flex:1;
	}
	.mob-site-logo{
		flex:1;
		margin-left:15px;
	}
	.contact-number-mob{
		flex:2;
	}
	.toggle-btn{
      position:static;
	}
  }
  

.container {
	padding: 20px;
  }
  
  .container > h1 {
	text-align: center;
	margin-bottom: 30px;
	font-size: 32px;
  }
  
  .card {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
	column-gap: 20px;
  }
.card-service-post{
		display: flex;
	flex-wrap: wrap;
	justify-content: center; 
	margin-bottom: 20px;
}
  /* .card-item {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	width: 30%;
	min-width: 250px;
	max-width: 300px;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	transition: transform 0.3s;
  } */
  
  .card-item:hover {
	transform: translateY(-5px);
  }
  
  .card-item img {
	width: 100%;
	height: auto;
	border-radius: 8px;
  }
  
  .card-item h1 {
	font-size: 18px;
	margin: 10px 0;
  }
  
  .card-item h1 a {
	text-decoration: none;
	color: #333;
  }
  
  .card-item p {
	font-size: 14px;
	color: #555;
	line-height: 1.6em;
	/* text-align: justify; */
	margin: 5px 0 0;
  }
  
  /* Tablet view */
  @media (max-width: 768px) {
	.card-item {
	  width: 45%;
	}
  
	.container > h1 {
	  font-size: 26px;
	}
  }
  
  /* Mobile view */
  @media (max-width:500px) {
	.card-item {
	  width: 100%;
	  box-shadow:none;
	  margin-top:10px;
	}
  
	.container > h1 {
	  font-size: 22px;
	}
  
	.card-item h1 {
	  font-size: 16px;
	}
  
	.card-item p {
	  font-size: 13px;
	}
  }
  
  @media (max-width: 768px) {
	.site-logo {
	 margin-left: 50px;
	}
  }
  


 
/* Tablet view */
@media (max-width: 1024px) {

	.slide .caption-wrapper {
		/* width: 40%; */
		/* background-color: rgb(0, 0, 0, 0.1); */
		/* font-size: 5em; */
		/* margin-left: -110px; */
		/* background-color: #f8f7f199; */
		/* color: #000; */
		/* top: 250px; */
		color: #000;
		padding: 10px;
		align-items: center;
		height: 140px;
		position: relative;
		padding: 20px 20px 1px;
		align-items: center;
		
	}
	/* .caption-wrapper {
	  bottom: 30px;
	  left: 30px;
	} */
  
	.caption-wrapper .slide-content p {
	  font-size: 33px;
	  line-height: 2.3rem
	}
  
	.caption-wrapper .slide-readmore {
	  font-size: 14px;
	  padding: 8px 16px;
	}
  }
  
  /* Mobile view */
  @media (max-width: 767px) {
	.caption-wrapper {
	  position: static;
	  text-align: center;
	  padding: 20px;
	}
  
	.caption-wrapper .slide-content p {
	  font-size: 18px;
	  line-height: 1.4;
	}
  
	.caption-wrapper .slide-readmore {
	  display: inline-block;
	  font-size: 14px;
	  padding: 8px 14px;
	}
	 #media_image-2 img{
     width:150px;
 }
  }