@media only screen and (min-width: 1801px) and (max-width: 2000px) {

	html {
		font-size: 75%;
	}

}



@media only screen and (min-width: 2001px) and (max-width: 2500px) {

	html {
		font-size: 85%;
	}


}



@media only screen and (min-width: 2501px) and (max-width: 3000px) {

	html {
		font-size: 110%;
	}


}


@media only screen and (min-width: 3001px) and (max-width: 4000px) {

	html {
		font-size: 120%;
	}


}


@media only screen and (min-width: 4001px) and (max-width: 5000px) {

	html {
		font-size: 170%;
	}


}

@media only screen and (max-width: 1400px) {
	.header_button .green_button a {
		font-size: 1.3rem;
		padding: 1.8rem 1.6rem;
	}
	.container {
		max-width: calc(100% - 14rem);
	}
}
@media only screen and (max-width: 1200px) {	
	.container {
		max-width: 1140px;
	}
	.menu {
		justify-content: center;
		width: 60%;
	}
	.menu ul li a {
		padding: 2rem 1.9rem;
	}
	.header_button {
		width: 22%;
	}

	.home_banner {
		height: calc(100vh - 11rem);
	}
	.home_banner_content h1 {
		font-size: 4rem;
		line-height: 4rem;
	}
	.home_banner_content h5 {
		font-size: 1.2rem;
		margin-bottom: 10px;
	}
	.home_banner_content p {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}


	.testimoni_box .slick-prev {
		left: -45px;
	}
	.testimoni_box .slick-next {
		right: -45px;
	}

	.map_section {
		padding-left: 3rem;
	}

	.what_we_do_section {
		padding: 50px 0px 70px;
	}
	.what_we_do_section .sectionTitle,
	.brand_section .sectionTitle {
		margin-bottom: 60px;
	}

	.notice_section {
		margin-top: 40px;
	}

	.brand_section {
		padding: 40px 0px 56px;
	}
}

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

	.logo {
		max-width: 25rem;
	}

	.header_bottom .row {
		justify-content: space-between;
	}
	.mobile_hamburger {
		display: inline-flex;
		align-items: center;
		/* margin: 0 0 0 auto; */
	}
	.hamburger_menu {
		width: 27px;
		height: 25px;
		display: flex;
		align-items: center;
		border: none;
		outline: none;
	}

	.hamburger_close {
		padding: 1rem;
		width: 5rem;
		border-radius: .5rem;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		border: none;
		background: var(--e-global-color-dark-yellow);
	}

	.hamburger_menu:focus {
		outline: none;
	}

	.hamburger_menu span {
		width: 100%;
		height: .2rem;
		display: block;
		margin: .38rem 0;
		background: var(--e-global-color-white);
	}

	.hamburger_close a {
		line-height: 2rem;
		font-size: 3rem;
		padding-top: .2rem;
	}

	.header_button {
		width: 57px;
	}
	.header_button .green_button { display: none; }
	.mob_book_appointment {
		display: flex;
		width: 27px;
		height: 25px;
		align-items: center;
		justify-content: center;
	}

	.menu {
		width: 100%;
		height: 100%;
		max-width: 38rem;
		position: fixed;
		z-index: 999;
		top: 0;
		left: -100vw;
		background-color: var(--e-global-color-white);
		overflow: hidden;
		padding: 0;
		-webkit-transition: left .6s cubic-bezier(.6,.1,.68,.53);
    	transition: left .6s cubic-bezier(.6,.1,.68,.53);
	}

	.menu.menu_open {
		left: 0;
	}
	.menu {
		flex-direction: column;
	}

	#menu_background_overlay {
		display: block;
	    position: fixed;
	    z-index: 14;
	    top: 0;
	    left: -110%;
	    height: 100%;
	    width: 100%;
	    background-color: rgba(51,51,51,.5);
	    -webkit-transition: all .4s ease;
	    transition: all .4s ease;
	    opacity: 1;
	    visibility: visible;
	}

	#menu_background_overlay.menu_overlay_active {
		left: 0;
	}

	.mobile_view {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 2rem;
	}

	.mobile_view_logo {
		max-width: 17rem;
	}

	.menu ul {
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: flex-start;
		overflow-y: auto;
		height: 85%;
	}

	.menu ul li {
		width: 100%;
	}

	.menu ul li a {
		width: 100%;
		display: block;
		padding: 2rem;
	}

	.menu ul li a span {
		position: relative;
	}

	.menu ul li.child_menu a span {
		padding-right: 6rem;
	}

	.menu ul li.child_menu > a span:after {
		width: 5rem;
	    height: 2.5rem;
	    right: 0;
	    border: solid 0.1rem var(--e-global-color-dark);
	    border-radius: 2rem;
	}

	.menu ul li.child_menu:hover > a span:after {
		border-color: var(--e-global-color-green);
	}

	.menu ul li.child_menu .child_menu_panel {
		position: relative;
		display: none;
	}

	.menu ul li.child_menu:hover .child_menu_panel {
		display: block;
	}

	.menu ul li .sub_menu {
		display: none;
		position: static;
		left: 0;
		right: 0;
		margin: 0px auto;
		top: 100%;
	}
	.menu ul li .sub_menu_open{
		display: flex;
		visibility: visible;
	}
	.menu ul li > a::before {
		right: unset;
		left: 20px;
	}
	

	.testimoni_box {
		padding: 22px 20px 30px;
	}

	.cmn_nx_pv_btn {
		width: 30px;
		height: 30px;
	}
	.testimoni_box .slick-prev {
		left: -15px;
	}
	.testimoni_box .slick-next {
		right: -15px;
	}
}
@media only screen and (min-width:  768px) and (max-width: 1024px) {


	html {
		font-size: 65%;
	} 
	.logo img {
		min-width: auto;
	}
	.menu {
		width: 57.5%;
	}
	.menu ul li {
		font-size: 1.3rem;
	}

	.header_button {
		width: 24.5%;
	}
	
	.home_aboutUs {
		padding: 55px 0px;
	}

	.notice_section {
		margin-top: 40px;
	}

	.what_we_do_section {
		padding: 40px 0px 60px;
	}
	.whatWe_img {
		height: 240px;
	}
	.whatWe_cstm_row figcaption h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}


	.testimoni_cont .testimoni_img {
		width: 125px;
		height: 125px;
	}
	.testimoni_cont h3 {
		margin: 28px 0px 12px;
		font-size: 20px;
	}
	.testimoni_cont p {
		line-height: 26px;
	}
	.feedBack_holderName {
		font-size: 18px;
	}
	.feedBack_holderDesig {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 0px;
	}
	.testimoni_box .slick-dots li button {
		width: 10px;
		height: 10px;
	}
	.testimoni_box .slick-dots li.slick-active button {
		width: 18px;
		height: 18px;
	}


	.insta_section {
		padding: 35px 0px 55px;
	}

	.openTime_box {
		padding: 30px 15px 50px;
	}
	.openTime_box h3 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 25px;
	}
	.time {
		font-size: 15px;
	}
	.time + .time {
		margin-top: 10px;
	}

	.oueTeam_section .slick-dots {
		margin-top: 64px;
	}

	.inner_page_banner {
		padding-bottom: 35px;
	}

	.founder_info h2 {
		font-size: 42px;
		line-height: 54px;
	}
	.founder_info h2 small {
		font-size: 15px;
	}

	.contact_col .mob_no {
		font-size: 20px;
	}
	
}
@media only screen and (min-width:  240px) and (max-width: 767px) {

	html {
		font-size: 52%;
	}

	.container {
		max-width: 100%;
	}

	.header_top {
		display: none;
	}

	.header_bottom {
		padding: 1rem;
	}

	/* home_aboutUs start */
	.home_banner_content {
		position: absolute;
		left: 0;
		bottom: 30px;
		padding: 0px 15px;
		height: auto;
	}
	.home_aboutUs {
		padding: 40px 0px;
	}
	.home_aboutUs .container {
		flex-direction: column;
		align-items: center;
	}
	.aboutUs_img,
	.aboutUs_info {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.aboutUs_img {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin-bottom: 15px;
	}
	.aboutUs_info {
		margin-left: 0px;
	}

	/* home_aboutUs end */

	/* what_we_do_section start */
	.whatWe_cstm_row .cstm_col_4 {
		max-width: 100%;
		flex: 0 0 100%;
		margin-bottom: 45px;
	}
	/* what_we_do_section end */
	
	.brand_con_col {
		height: 103px;
		padding: 22px;
	}
	.brand_con_col img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.testimonial_section {
		padding: 30px 23px 20px;
	}
	.testimoni_cont .testimoni_img {
		width: 56px;
		height: 56px;
		border-width: 2px;
	}
	.testimoni_img .quote {
		width: 12px;
		height: 12px;
		right: 0px;
		bottom: 0px;
		padding: 2px;
	}
	.testimoni_cont h3 {
		font-size: 16px;
		line-height: 30px;
		margin: 10px 0px;
	}
	.testimoni_cont p {
		font-size: 13px;
		line-height: 20px;
	}
	.rating_box {
		margin-top: 12px;
	}
	.feedBack_holderName {
		font-size: 12px;
		line-height: 18px;
	}
	.feedBack_holderDesig {
		font-size: 11px;
		line-height: 16px;
		margin-top: 0px;
	}

	.testimoni_box {
		margin: 0px auto 30px;
	}
	.testimoni_box .slick-dots {
		top: calc(100% + 18px);
	}
	.testimoni_box .slick-dots li button {
		width: 9px;
		height: 9px;
	}
	.testimoni_box .slick-dots li.slick-active button {
		width: 13px;
		height: 13px;
	}
	.testimoni_box .slick-dots li + li {
		margin-left: 4px;
	}

	.insta_section h2 {
		font-size: 20px;
		line-height: 30px;
	}
	.insta_wrap {
		/* flex-direction: column; */
	}
	.insta_wrap .cstm_col_4 {
		padding: 0px 6px;
	}
	.insta_con_col {
		height: 75px;
	}

	.map_section {
		padding-left: 0px;
		padding-bottom: 20px;
	}
	.map_container {
		flex-direction: column;
		justify-content: center;
	}
	.openTime_box {
		margin: 0px auto 26px;
	}
	.map_box {
		width: 100%;
		padding-left: 0px;
	}

	.ftr_cont_col {
		max-width: 100%;
    	flex: 0 0 100%;
	}
	.ftr_cont_col + .ftr_cont_col {
		border-left: 0px;
		margin-top: 95px;
		position: relative;
	}
	.ftr_cont_col + .ftr_cont_col::before {
		position: absolute;
		content: '';
		left: 0px;
		right: 0px;
		margin: 0px auto;
		width: 104px;
		height: 2px;
		background-color: #363636;
		top: -48px;
	}
	.ftr_cont_col + .ftr_cont_col {
		margin-left: 0px;
	}

	.formFild_wrap input {
		width: calc(100% - 149px);
		line-height: 17px;
	}
	.formFild_wrap .subscribe_btn {
		line-height: 23px;
		padding: 7px 17px;
	}

	
	.inner_page_banner {
		padding-bottom: 35px;
	}
	.page_nameBox h2 {
		font-size: 36px;
		line-height: 42px;
	}
	.page_nameBox strong {
		font-size: 10px;
		line-height: 18px;
	}
	.bnrImg_box {
		right: 5%;
	}

	.aboutUs_para_section {
		padding: 30px 0px;
	}
	.aboutUs_txtwrap {
		padding: 25px 0px;
	}
	.aboutUs_txtwrap h3 {
		font-size: 22px;
    	line-height: 28px;
	}
	.aboutUs_txtwrap p {
		font-size: 15px;
	}

	.founder_section {
		padding-bottom: 40px;
	}
	.founder_section .container {
		flex-direction: column;
	}
	.founder_img {
		width: 100%;
		margin-bottom: 20px;
	}
	.founder_info {
		width: 100%;
		margin-left: 0px;
	}

	.team_sliderBox {
		margin-top: 60px;
	}

	.oueTeam_section {
		padding: 40px 0px;
	}
	.oueTeam_section .slick-dots {
		margin-top: 55px;
	}
	.oueTeam_section .slick-dots li button {
		width: 10px;
		height: 10px;
	}
	.oueTeam_section .slick-dots .slick-active button {
		width: 16px;
		height: 16px;
	}

	.form_section {
		padding: 40px 15px;
	}
	
	.founder_info {
		padding: 25px 16px 30px;
	}
	.founder_info h2 {
		font-size: 36px;
		line-height: 42px;
		margin-bottom: 18px;
	}
	.founder_info h2 small {
		font-size: 15px;
	}

	.bnrImg_box img {
		object-fit: cover;
	}

	.servName {
		font-size: 16px;
	}
	.collapse_btn {
		padding: 15px 0px;
	}
	.colapse_cont {
		padding: 12px 0px 25px;
	}

	.contact_box_section {
		padding: 40px 0px;
	}
	.contact_box_section .col_4 {
		width: 100%;
		max-width: 350px;
		margin: 0px auto 20px;
	}

	.contact_col {
		padding: 30px 15px 40px
	}
}

@media only screen and (max-width: 480px){	
	.home_banner {
		height: calc(80vh - 12rem);
	}
}
@media only screen and (max-width: 400px){
	.formFild_wrap .subscribe_btn {
		font-size: 8px;
		line-height: 17px;
		font-weight: 700;
		padding: 10px;
		float: right;
	}
	.formFild_wrap input {		
		width: calc(100% - 117px);
		line-height: 17px;
	}
	
	.page_nameBox h2 {
		font-size: 28px;
		line-height: 36px;
	}
	.page_nameBox strong {
		font-size: 8px;
		line-height: 14px;
	}
	.aboutUs_txtwrap h3 {
		font-size: 17px;
	}

	.founder_info h2 {
		font-size: 28px;
		line-height: 36px;
		margin-bottom: 15px;
	}
	.founder_info h2 small {
		font-size: 14px;
	}

	.team_itm {
		padding: 0px 12px;
	}

	.inner_page_banner {
		height: calc(100vh - 19rem);
	}
	.contact_col .mob_no {
		font-size: 16px;
	}
	.contact_col .iconBox {
		width: 80px;
		height: 80px;
		padding: 18px;
	}
}

@media only screen and (max-width: 375px){
	.home_banner {
		height: calc(80vh - 16rem);
	}
	.whatWe_img {
		height: 275px;
	}
}


@media only screen and (min-width: 5001px){

	html {
		font-size: 220%;
	}

	
}