@media only screen and (min-width : 100px) and (max-width : 1400px) {

}
@media only screen and (min-width : 100px) and (max-width : 1100px) {
	.btn-1{
		font-size: 11px;
	}
	.home-slider-image {
		height: 500px;
	}
	section.sec1 .items a {
		font-size: 12px;
	}
	section.sec2 img.rainbow {
		left: -35%;
		top: -30%;
	}
	section.sec2 .items .item .content p {
		font-size: 11px;
	}
	section.sec2 .items .item .content h3 {
		    font-size: 25px;
	}
	.marketing .left{
		padding: 25px 6%;
	}
	.heading p {
		font-size: 13px;
	}
	section.sec4 .row {
		align-items: unset;
	}
	section.sec4 .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	section.sec4 .image {
		height: 100%;
	}
	section.sec4 ul#pills-tab {
		z-index: 1;
	}
	section.sec4 .left {
		padding: 75px 30px 90px 30px;
	}

	section.sec4 .nav-pills .nav-link {
		font-size: 10px;
	}
	section.sec8:after {
		display:none;
	}
	section.sec5{
		padding: 100px 0;
	}
	section.sec4 .details {
		margin-top: 30px;
	}
	section.sec9 .item ul li .content h4 {
		font-size: 17px;
	}
	.sec8 .icon{
		margin: 24px 50% 24px;
	}
	section.sec8 .contents {
		padding: 0 0px;
	}
	.inner-banner {
		height: 250px;
	}
	h1.inner-page-title {
		font-size: 40px;
		font-weight: 600;
	}
	section.about-section:after{
		    top: -13%;
	}
	.marketing .right{
		height: 300px;
	}
	.heading h2 {
		font-size: 32px;
	}
	section.about-sec2 .items{
		    width: 74%;
	}
	section.about-sec3:before{
		    left: 0%;
	}
	section.about-sec3:after{
		    width: 103px;
	}
	section.about-sec4 .image{
		    right: -20%;
	}
	.franchise-sec1.sec2 img.rainbow {
		top: -40%;
	}
	section.franchise-sec1 img.layer {
		width: 33%;
	}
	section.franchise-sec1 {
		padding: 130px 0 60px 0;
	}
	section.location-sec1.sec2 img.rainbow{
		top:-32%;
	}
	section.location-sec2 {
		padding: 0px 0 80px 0;
	}
	section.location-sec3 {
		padding: 50px 0;
	}
	

}
@media only screen and (min-width : 100px) and (max-width : 1000px) {


}
@media only screen and (min-width : 100px) and (max-width : 900px) {
.inner-page-title {
    font-size: 2rem;
}
section.responsive-menu {
    width: 50%;
    right: -52%;
}
	.home-slider-content h2{
		font-size:28px;
	}
	.home-slider-image {
		height: 400px;
	}
	section.sec1 .items a {
		font-size: 12px;
	}
	section.sec2 img.rainbow {
		left: -36%;
		width: 480px;
		z-index: -1;
	}
	.heading h2 {
		font-size: 23px;
	}
	.heading h3 {
		font-size: 21px;
	}
	.heading p {
		font-size: 12px;
	}
	.btn-1{
		font-size:11px;
	}
	section.sec2 .items {
		flex-wrap: wrap;
	}
	section.sec2 .items .item {
		width: 21%;
	}
	section.sec2 .items .item .icon {
		height: 50px;
	}
	section.sec2 .items .item .content h3 {
		font-size: 25px;
	}
	section.sec2 .items .item .content p{
		font-size: 11px;
	}
	.marketing .right{
		display: none;
	}
	section.sec2 .marketing .left .content h4 {
		font-size: 12px;
	}
	section.sec2 .marketing .left .content p {
		font-size: 10px;
	}
	.marketing .left{
		padding: 25px 6%;
		width: 100%;
		gap: 20px;
	}
	.marketing .left .content {
		flex: 1;
	}
	section.sec3 .top {
		clip-path: polygon(50% 100%, 99% 90%, 100% 0, 0 0, 1% 90%);
	}
	section.sec4 {
		 margin-top: 0px;
	}
	section.sec4 .left {
		padding: 30px 70px;
	}
	section.sec4 .left:before{
		display:none;
	}
	section.sec4 ul#pills-tab {
		top: 32%;
		left: 0%;
		bottom: unset;
		z-index: 1;
		width: 100%;
	}
	section.sec5{
		    padding: 100px 0;
	}
	section.sec5 .items {
		grid-template-columns: repeat(1,1fr);
		gap: 25px;
	}
	section.sec6 .items {
		grid-template-columns: repeat(2,1fr);
		grid-template-rows: repeat(4,190px);
		gap: 20px;
	}
	section.sec6 .items .item{
		grid-column:unset;
		grid-row:unset;
	}
	section.sec7 .image {
		height: 400px;
	}
	section.sec7{
		padding: 40px 0 0 0;
	}
	section.sec8:after{
		display:none;
	}
	section.sec9 .item{
		margin-top:0;
	}
	section.sec9 .inner {
		padding: 30px 75px 30px;
	}
	section.sec9 .inner .row {
		gap: 25px;
	}
	section.sec10 .row .heading {
		margin-bottom: 60px;
	}
	section.sec7:before{
		    width: 42%;
	}
	section.sec5 {
		padding: 100px 0;
	}
	section.sec8 .content p {
		font-size: 9px;
	}
	section.sec8 .content h3 {
		font-size: 11px;
	}
	.sec8 .icon{
		width: 55px;
    	height: 55px;
		font-size: 24px;
	}
	section.about-section .container {
	    position: relative;
	    z-index: 1;
	}
	section.about-section .section-image {
		height: 500px;
		margin-bottom: 30px;
	}
	section.about-section .section-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	section.about-sec2:before{
		display:none;
	}
	section.about-sec2 .heading {
		text-align: center;
		margin-bottom: 40px;
	}

	section.about-sec2 .heading h4 {
		margin: 0 auto;
		margin-bottom: 12px;
	}
	section.about-sec2 {
		padding: 50px 0;
	}
	section.about-sec2 .right{
		height: 500px;
	}
	section.about-sec2 .items {
		grid-template-rows: repeat(2, 150px);
	}
	section.about-sec3:before{
		    width: 50%;
		    top: 25%;
	}
	section.about-sec3 .image {
		margin-bottom: 35px;
	}
	section.about-sec4 .image {
		right: -40%;
		height: 290px;
	}
	section.about-sec5 .image {
		right: 2%;
	}
	section.franchise-sec3 .items .item{
		padding: 0 10px;
	}
	section.franchise-sec3 .items{
		grid-template-rows: repeat(2,260px);
	}
	section.franchise-sec4 img.line{
		top: 27%;
	}
	h1.inner-page-title {
		font-size: 30px;
	}
	.inner-page-content p {
		font-size: 11px;
	}
	section.location-sec1 .image {
		height: 275px;
	}
	section.location-sec1 .content h3 {
		font-size: 19px;
	}
	section.location-sec2 .bac-image {
		height: 80%;
	}
	section.location-sec3 .row {
		row-gap: 40px;
		justify-content: center;
	}
	header.header .logo {
		width: 120px;
		margin-bottom: -40px;
	}
}

@media only screen and (min-width : 100px) and (max-width : 600px) {
.blogs-item .custom-theme-post-item {
    display: block;
}
.blogs-item .custom-theme-post-item .custom-theme-post-content {
    padding-left: 0px;
}
}

@media only screen and (min-width : 100px) and (max-width : 500px) {
.inner-page-title {
    font-size: 1.6rem;
}
.custom-theme-post-title a {
    font-size: 1.3rem;
}
	section.responsive-menu {
    width: 100%;
    right: -102%;
}
	.home-slider-content h2 {
		font-size: 20px;
	}
	.home-slider-content p {
    font-size: 11px;
}
	.btn-1 {
    font-size: 10px;
}
	section.sec1 {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}
	section.sec1 .items {
    flex-wrap: wrap;
}
	section.sec2 img.rainbow {
    left: -60%;
    top: -14%;
}
	.heading h2 {
    font-size: 18px;
}
	.heading h3 {
    font-size: 18px;
}
	.heading p {
    font-size: 11px;
}
	section.sec2 img.lion {
    width: 90%;
    bottom: 50%;
    top: unset;
}
	section.sec2 .items .item {
    width: 45%;
}
	section.sec2 .items {
    row-gap: 30px;
}
	.marketing .left {
    flex-direction: column;
    clip-path: unset;
}
	.marketing .left .content {
    text-align: center;
}
	section.sec3 .top {
    flex-direction: column;
}
	section.sec3 .top .heading {
    text-align: center;
}
	section.sec3 .heading h4{
		margin:0 auto;
	}
	section.sec4 .left {
    padding: 30px 20px;
}
	section.sec4 .details ul {
    grid-template-columns: repeat(1,1fr);
}
	section.sec4 ul#pills-tab {
     left: 0%;
     position: relative;
     justify-content: center;
     flex-wrap: wrap;
     padding-top: 33px;
}
	.nav-pills .nav-link {
		font-size: 10px;
	}
	section.sec5 {
    padding: 60px 0;
}
	section.sec6 .items {
    grid-template-columns: repeat(1,1fr);
    grid-template-rows: repeat(8,190px);
}
	section.sec7:before {
    display:none;
}
	section.sec7 .heading {
    text-align: center;
}
	section.sec7 {
    padding: 40px 0 40px 0;
}
	
	.sec8 .icon {
    margin: 0 auto;
}
	section.sec8 .contents {
    flex-direction: column;
    text-align: center;
    gap: 25px;
}
	section.sec8 .row {
    gap: 25px;
}
	section.sec9 {
    padding: 50px 0 70px 0;
}
	section.sec9 .inner {
    padding: 30px 15px 30px;
}
	section.sec9 .item ul li {
    flex-direction: column;
    gap: 16px;
}
	section.sec9 .item ul li .price {text-align: end;}
	section.sec9 .item ul {
    margin-bottom: 50px;
}
	.footer-menu ul {
    flex-direction: column;
    text-align: center;
}
	footer.footer:after{
		display:none;
	}
	.footer-about {
    width: 100%;
    font-size: 11px;
}
	footer.footer {
    padding: 55px 0;
}
	.copyright p {
    font-size: 10px;
}
	section.sec8 .col-lg-3.col-sm-3{
		background-color:transparent;
	}
	section.sec8 .col-lg-3.col-sm-3:after{
		display:none;
	}
	section.sec8{
		padding:24px 0;
	}
	.heading h4 {
		font-size: 10px;
		margin-bottom: 12px;
	}
	.heading h5 {
		font-size: 15px;
	}
	section.about-sec2 .right {
		height: 350px;
	}
	section.about-sec2 .items {
		width: 90%;
	}
	section.about-sec2 .items .item h3 {
		font-size: 28px;
	}
	section.about-sec3:after{
		    height: 30%;
	}
	h1.inner-page-title {
		font-size: 21px;
	}
	.inner-page-content p {
		font-size: 9px;
	}
	section.about-sec4{
	    height: 400px;
	    padding: 10px 0 0px 0;
	}
	section.about-sec4 .image {
		right: -24%;
		height: auto;
		bottom: 4%;
	}
	section.about-sec4 .heading {
		text-align: center;
	}
	section.about-sec4:before {
		width: 450px;
		height: 250px;
		bottom: -20%;
		display:none;
	}
	section.about-sec5 .image {
		display:none;
	}
	section.about-sec5 {
		padding: 50px 0;
	}
	section.franchise-sec1 img.layer {
		width: 57%;
	}
	section.franchise-sec1 {
		padding: 130px 0 30px 0;
	}
	section.sec8 .content h3 {
		font-size: 10px;
	}
	.inner-banner {
		height: 180px;
	}
	.franchise-sec1.sec2 img.rainbow {
		top: -30%;
	}
	section.franchise-sec3 .items .item {
		grid-column: unset;
	}
	section.franchise-sec3 .items {
		grid-template-columns: repeat(1,1fr);
		grid-template-rows: repeat(7,260px);
	}
	section.franchise-sec4 img.line{
		display:none;
	}
	section.franchise-sec4 img.rainbow {
		width: 39%;
		right: -10%;
		bottom: -5%;
	}
	section.franchise-sec4 .image {
		width: 100%;
	}
	section.franchise-sec4 img.layer{
		display:none;
	}
	.card-body p {
		font-size: 11px;
	}
	section.franchise-sec5 {
		padding: 50px 0 50px 0;
	}
	section.franchise-sec4 {
		padding-top: 0 !important;
	}
	section.location-sec1.sec2 .row {
		row-gap: 20px;
	}
	section.location-sec2 .tab-content {
		padding-top: 50px;
	}
	section.location-sec2 .nav-pills li.nav-item .nav-link {
		padding: 10px 25px;
	}
	section.form-sec1 .form {
		padding: 20px 25px;
	}
	
}
@media only screen and (min-width : 100px) and (max-width : 375px) {
.post-meta span {
    font-size: 11px;
    letter-spacing: .5px;
}
.custom-theme-post-title a {
    font-size: 1.2rem;
}
}
@media only screen and (min-width : 100px) and (max-width : 320px) {

}