/* laptop */
@media only screen and (max-width: 1512px){
	.hero-title h3{
        font-size: 44px;
    }
	.scroll-to-top {
		right: -15px;
		bottom: 93px;
	}
	.section-title h3 {
		font-size: 38px;
		line-height: 130%;
	}
	.content-title h3 {
		font-size: 24px;
	}
	.main-title h3 {
		font-size: 42px;
		line-height: 130%;
	}
}
/* laptop */


/* Large screen  */
@media only screen and (min-width: 1200px) and (max-width: 1319px) {
	.hero-title h3 {
		font-size: 40px;
	}
	.content-title h3 {
		font-size: 22px;
	}
	.section-title {
		margin-bottom: 40px;
	}
	.section-title p {
		line-height: 22px;
		margin-top: 10px;
	}
}


/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.hero-title h3 {
		font-size: 32px;
	}
	.common-title-container {
		margin-bottom: 30px;
	}
	.common-title {
		gap: 15px;
		flex-direction: column;
	}
	.common-title h3 {
        font-size: 32px;
        line-height: 43px;
    }
	.main-title h3 {
		font-size: 34px;
	}
	.section-title {
		margin-bottom: 30px;
	}
	.section-title h3 {
		font-size: 28px;
	}
	.section-title p {
		font-size: 14px;
		margin-top: 5px;
	}
	.content-title {
		margin-bottom: 30px;
	}
	.content-title h3 {
		font-size: 20px;
	}
	.content-title p {
		margin-top: 5px;
		line-height: 24px;
		font-size: 14px;
	}
	.cmn-row {
		padding-top: 40px;
	}
	.cmn-list-item {
		font-size: 14px;
	}
	.ocon-header {
		font-size: 15px;
		font-weight: 500;
	}
	.service-card-desc {
		font-size: 14px;
	}
	.service-card-title {
		font-size: 17px;
	}
	.auto-ordering-section .content-title {
		margin-bottom: 20px;
	}
	.auto-ordering-section .cmn-list-item {
		width: 180px;
	}
	.auto-ordering-section .cmn-list {
		gap: 10px;
	}
	.prgoress_indicator {
        right: 35px;
        bottom: 45px;
    }
	.scroll-to-top {
		right: -24px;
	}
	.paigination ul {
		margin-top: 20px;
	}

	.btn-wrapper .btn-2, .btn-wrapper .arrow-btn {
		line-height: 140%;
		font-size: 14px;
	}

}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px){
	.hero-title h3 {
		font-size: 28px;
	}
	.main-title h3 {
		font-size: 28px;
	}
	.section-title {
		margin-bottom: 30px;
	}
	.section-title h3 {
		font-size: 26px;
	}
	.section-title h3 {
        font-weight: 500;
        font-size: 22px;
        margin: 7px 0;
    }
	.section-title p {
		font-size: 14px;
		margin-top: 5px;
	}
	.content-title {
		margin-bottom: 30px;
	}
	.content-title h3 {
		font-size: 20px;
	}
	.content-title p {
		margin-top: 5px;
		line-height: 24px;
		font-size: 14px;
	}
	.cmn-content {
		max-width: 100%;
	}
	.custom-container {
		max-width: 750px;
	}
	.paigination ul {
		margin-top: 20px;
	}
	.scroll-to-top {
		right: -24px;
	}
	.btn-1 {
		padding: 10px 25px;
		font-size: 16px;
	}

	.wca-phone-container {
		margin-right: 0;
	}

	.whatsapp-logo {
		bottom: 20px;
		right: 20px;
	}
	p{
		font-size: 14px !important;
	}

	.btn-wrapper .btn-2, .btn-wrapper .arrow-btn {
		line-height: 140%;
		font-size: 14px;
	}
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px){
	.hero-section .main-title h3 {
		margin: 14px auto 24px;
		font-size: 32px;
	}
	.customer-conversation .main-title h3 {
		font-size: 32px;
	}
	.title-badge-text {
		font-size: 12px;
	}
	.section-title h3 {
		font-size: 20px;
	}
	.section-title p {
		margin-top: 14px;
		line-height: 24px;
		font-size: 14px;
	}
	.content-title h3 {
		font-size: 18px;
	}
	.content-title {
		margin-bottom: 25px;
	}
	.main-title {
		margin-bottom: 30px;
	}
	.main-title p {
		margin-top: 5px;
	}
	
	.hero-title h3 {
		font-size: 22px;
	}
	.section-title {
		margin-bottom: 30px;
	}
	.main-title h3 {
		font-size: 22px;
		letter-spacing: 0.01px !important;
	}

	.logo a img {
		max-width: 110px;
		height: 27px;
	}

	h3 {
		font-size: 24px;
		font-weight: 600;
		line-height: 40px;
	}

	p {
		font-size: 14px !important;
		line-height: 24px !important;
	};
	
	.prgoress_indicator {
		right: 10px;
		bottom: 10px;
	}
	.paigination ul {
		margin-top: 20px;
		gap: 5px;
	}
	.paigination ul li a {
		font-size: 14px;
		width: 35px;
		height: 35px;
	}
	.scroll-to-top {
		right: -40px;
		bottom: 70px;
	}
	.page-wrapper {
		min-width: 100%;
	}
	.btn-wrapper .btn-2, .btn-wrapper .arrow-btn {
		line-height: 160.625%;
		font-size: 14px;
	}

	.cmn-btn {
		padding: 12px 16px;
		font-size: 14px;
		font-weight: 500;
		line-height: 120%;
	}
	.bt-help-widget {
		right: 16px;
	}
	.bt-help-popover__subtitle {
		font-size: 12px !important;
	}

}

@media only screen and (max-width: 575px){
	.content-title h3 {
		font-size: 16px;
	}
	.btn-wrapper .btn-2, .btn-wrapper .arrow-btn {
		line-height: 120%;
		font-size: 14px;
		padding: 10px 16px;
	}
}


/* ---------------------------------
responsive
---------------------------------- */
/* MackBook */
@media only screen and (max-width: 1512px){

}

/* Large screen  */
@media only screen and (min-width: 1200px) and (max-width: 1319px){

}

/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px){

}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px){

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px){

}

@media only screen and (max-width: 575px){
	
}
/* ---------------------------------
responsive
---------------------------------- */