@media(max-width: 575px){
	.s_package_wrap::after {
		height: 120px;
	}
	.contact .row {
		flex-direction: column-reverse;
	}
	section#faq {
		padding-top: 0;
	}
	.faq_left {
		display: none;
	}
	.about_details {
		margin-top: 40px;
	}
	section#blog_content {
		padding-bottom: 20px;
	}
	.ftr_title {
		margin-bottom: 8px;
	}
	.highlights {
		padding-top: 40px;
		margin-top: 50px;
	}
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
        margin-bottom: 0;
    }
	.contact .contact_right {
		margin-bottom:30px;
	}
	.contact .head_centre {
		margin-bottom: 0;
	}
	#contact .common_banner_title {
		width: unset;
	}
	.hm_about_left h5 {
		width: unset;
	}
	#hm_services::after {
		height: 200px;
	}
    .contact_right {
    margin-left: 0px;
}
    .book_appointment_right h5 {
    font-size: 24px;
}
    .book_appointment_right {
    padding: 50px 20px 30px 20px;
}
    .book_appointment_left{
        display: none;
    }
    .moving_line{
        display: none;
    }
    #contact::after {
    width: 250px;
}
    #recent_blog_list .blog_list_wrap {
    margin-bottom: 20px;
}
        .date_category span {
    font-size: 14px;
}
        .date_category {
    margin: 15px 0px 30px;
}
        .brand_logo_img {
    max-width: 70px;
    max-height: 50px;
}
        .brand_logo_wrap {
    height: 100px;
    margin-bottom: 10px;
}
        #other_brands .row {
    --bs-gutter-x: 10px;
}
        section#brand_list .row {
    --bs-gutter-x: 10px;
}
    #brand_list .brand_logo_wrap {
        margin-bottom: 10px;
    }
    .other_packages .service_title {
    justify-content: left;
}
    #package_section .common_title {
        line-height: 28px;
        margin-bottom: 20px;
        font-size: 24px;
    }
        #service_details::after{
        width: 250px;
    }
    .banner_caption {
    padding-left: 10px;
    padding-right: 10px;
}
    .service_list_wrap:hover {
    box-shadow: none;
    border-color: transparent;
    transition: all .5s linear;
}
    .service_title span {
    margin-bottom: 0;
        font-size: 16px;
}
    .service_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}
    .cta_vector {
    width: 80%;
    height: 80%;
    object-fit: contain;
}
    .car_cta {
    width: 80%;
    height: 80%;
    object-fit: contain;
}
    #nav_bar {
        height: 60px;
        padding: 0px 10px;
    }
    .logo img {
    width: 150px;
}
    .progress-wrap::after {
    line-height: 34px;
    font-size: 11px;
    height: 34px;
    width: 34px;
}
    .progress-wrap {
    right: 10px;
    height: 34px;
    width: 34px;
    }
    .bottom-ul li a {
    width: 30px;
    height: 30px;
    font-size: 16px;
}
    .bottom-ul {
    justify-content: left;
}
    .nav-list a {
    font-size: 20px;
    text-align: left;
}
    .hide_menu{
    display: block;
}
    .nav-menu{
        width: 280px;
    }
    .wp_icon {
    font-size: 20px !important;
}
    .fix_icon a {
    width: 35px;
    height: 35px;
    font-size: 18px;
}
    .fix_icon {
    right: 10px;
}
    .scroll_down{
        display: none;
    }
    #banner {
    height: 450px;
}
.banner_caption h1 {
    font-size: 32px;
    width: unset;
    text-align: left;
}
.banner_caption button {
    margin-top: 30px;
}
.flex_title a{
    display: none!important;
}
.common_title {
    font-size: 28px;
}
.flex_title {
    margin-bottom: 30px;
}
.service_title h5 {
    font-size: 18px;
}
.hm_about_left {
    width: unset;
}
.hm_about_right {
    height: 250px;
    margin-top: unset;
    margin-bottom: 20px;
}
.flex_reverse{
    flex-direction: column-reverse;
}
.about_bg {
    width: 80px !important;
    height: 80px !important;
}
.hm_about_left h5 {
    font-size: 20px;
    margin: 10px 0px;
}
.common_paragraph p {
    font-size: 15px;
    line-height: 22px;
}
.common_padding_bottom {
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
}
.common_padding_top {
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
}
.width_88{
    width: unset;
}
.hm_about_left a {
    margin-top: 20px;
}
    .brand_logo {
        width: 80px !important;
        height: 45px;
    }
.hm_brands_wrap{
    height: 120px;
}
.head_centre {
    margin-bottom: 30px;
}
.btn_centre {
    margin-top: 50px;
}
.common_btn_text {
    font-size: 16px;
}
.head_centre p {
    width: unset;
}
#why_choose .pin-spacer {
    display: none!important;
}
.why_choose_mob{
    display: block;
}
	.why_choose{
		display: none;
	}
.faq_right {
    margin-left: 0;
    margin-top: 20px;
}
    .faq_right .accordion-button {
        font-size: 16px;
        padding: 15px 0;
    }
.faq_right .accordion-button::after {
    width: 25px;
    height: 25px;
    background-size: 25px;
}
.cta{
    display: block;
}
.cta h5 {
    font-size: 28px;
    text-align: center;
}
.cta_centre {
    text-align: center;
    transform: unset !important;
    margin: 50px 0px;
}
.cta_centre a {
    width: 40px;
    height: 38px;
}
.cta_img2 {
    left: unset;
    transform: unset;
    right: 40px;
}
#cta {
    padding: 80px 0px;
}
.ftr_bottom {
    padding: 50px 20px 0px;
}
.copy_right {
    display: block;
    padding: 20px 20px;
    text-align: center;
}
.ftr_social_media {
    margin-top: 20px;
    justify-content: center;
}
.ftr_social_media a {
    width: 30px;
    height: 30px;
    font-size: 16px;
}
.ftr_top {
    height: 100px;
}
.ftr_top a img {
    width: 100px;
}
.quick_links a {
    float: left;
    margin-right: 20px;
}
.quick_links {
    display: inline-block;
    width: 100%;
	margin-bottom: 12px;
}
.timing {
    margin-top: 20px;
	margin-bottom: 0;
}
.nav_menu {
    display: none;
}
.nav_right button{
    display: none!important;
}
.faq_left {
    height: unset;
}
.btn_mobile{
    display: flex;
}
footer {
    padding-bottom: 15px;
}
.about_title01{
    display: block;
}
.about_title02{
    display: none;
}
#contact .common_title {
    width: unset;
}
.contact {
    width: unset;
}
    .contact_right ul li {
        padding: 20px 10px;
        display: block;
        text-align: center;
    }
    .contact_right ul li span {
        width: 40px;
        height: 40px;
        margin: 0 auto 20px;
    }
.contact_right ul li a {
    margin: auto;
}
.our_location {
    width: unset;
}
.location_wrapper {
    padding: 15px 15px;
}
.check_map {
    font-size: 16px;
    gap: 10px;
}
.check_map img{
    width: 15px;
}
.social_links a {
    width: 30px;
    height: 30px;
    font-size: 16px;
}
.location_address {
    padding: 20px;
}
.location_img {
    height: 250px;
}
/* blog list responsive */
.latest_blog {
    height: 350px;
    margin-right: 0;
}
.latest_blog_bottom {
    padding: 20px;
}
.latest_blog_bottom h6 {
    font-size: 20px;
    width: unset;
}
.latest_blog_top {
    padding: 20px;
}
.recent_blogs {
    margin-left: 0;
    margin-top: 20px;
}
.recent_blogs ul li a {
    padding: 20px 0px;
}
.recent_blogs ul li a h6 {
    font-size: 16px;
}
.recent_blogs h5 {
    font-size: 24px;
}
.other_blogs {
    margin-top: 30px;
}
.blog_list_wrap {
    margin-bottom: 20px;
    background: #fff;
}
.blog_list_detail h6 {
    font-size: 16px;
}
.load_more button img {
    width: 30px;
}
.load_more button {
    font-size: 16px;
}
.blog_detils {
    width: unset;
}
.blog_main_img {
    height: 250px;
}
#blog_content ul {
    padding: 0;
}
#blog_content ul li::after {
    width: 15px;
    height: 15px;
}
#blog_content ul li {
    padding-left: 30px;
	font-size: 15px;
}
.recent_blog_list {
    padding-top: 30px;
}
.service_list_wrap{
    height: unset;
}
.about_us h1 {
    width: unset;
    margin: 0 auto 40px;
}
.common_banner_title {
    font-size: 28px;
}
.ps_conetnt {
    display: block;
}
.ps_description {
    margin-left: 0;
    margin-top: 20px;
}
.about_para{
    display: block;
}
.about_right h4 {
    font-size: 20px;
    line-height: 28px;
}
.about_left h5 {
    font-size: 14px;
    margin-bottom: 20px;
}
.about_left h5 span {
    width: 11px;
    height: 13px;
    border-radius: 0px 4px 0px 0px;
}
.mission_vision_wrap {
    height: 300px;
    padding: 20px;
    margin-bottom: 20px;
}
.mission_vision_description {
    bottom: 0;
}
.mission_vision_wrap p{
    opacity: 1;
}
.prompt_solution_wrap {
    width: unset;
}
.prompt_solution .accordion-button h6 {
    font-size: 18px;
}
.prompt_solution .accordion-button span {
    font-size: 18px;
}
.prompt_solution .accordion-button::after {
    background-image: url(../images/accordian-btn.svg);
    width: 30px;
    height: 30px;
    background-size: 30px;
}
.prompt_solution .accordion-button {
    padding: 20px 0px;
}
.service_main_img{
    display: none;
}
.service_detail_bottom {
    margin-top: 30px;
}
.service_s_content {
    margin-left: 0;
    margin-top: 30px;
}
.service_details {
    margin-top: 30px;
}
.service_details_right {
    margin-left: 0;
    margin-top: 20px;
}
.service_details_left h5 {
    font-size: 24px;
}
.brand_detail_left h5 {
    font-size: 22px;
}
.service_content ul li::after {
    width: 18px;
    height: 18px;
}
.appointment_form {
    padding: 30px 20px;
}
.s_package_left {
    margin-right: 0;
    margin-top: 30px;
}
.s_package_wrap {
    height: 360px;
}
.s_package_list h6 {
    font-size: 18px;
}
.package_caption h1 {
    width: unset;
}
#package_banner {
    height: 220px;
}
.package_title h5 {
    font-size: 22px;
    width: unset;
}
.package_title{
    margin-bottom: 20px;
}
.package_title img {
    display: none;
}
.package_content ul li::after {
    width: 17px;
    height: 17px;
    top: 4px;
}
.appointment_form h5 {
    font-size: 22px;
}
.brand_detail_right {
    margin-top: 30px;
}
.highlights h5 {
    font-size: 22px;
    width: unset;
    margin: 0 auto 40px;
}
.highlight_wrap {
    background: #ffffff66;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    text-align: center;
}
.highlight_wrap span {
    width: 65px;
    height: 65px;
    margin: auto;
}
.brand_detils h1 {
    width: unset;
}
.blog_detils p {
    width: unset;
    margin: 15px auto 30px;
}
.brand_detail_wrap {
    width: unset;
    margin: 40px auto 0;
}
.brand_detail_wrap h5 {
    font-size: 22px;
}
.brand_detail_left ul li {
    font-size: 15px;
}
    #brand_list .brand_logo_img {
        max-width: 80px;
        max-height: 60px;
    }
#brand_list .brand_logo_wrap {
    height: 100px;
}
#brand_list p {
    width: unset;
    margin: 15px auto 30px;
}
.latest_blogs {
    margin-top: 40px;
}
#blog_details::after {
    height: 70%;
}
    #hm_services svg {
        width: 550px;
    }
	#faq .common_title {
    font-family: "helvetica-neue-roman";
    font-size: 24px;
}
}
@media (min-width: 576px) and (max-width: 767px){
		.s_package_wrap::after {
		height: 120px;
	}
    #hm_services svg {
        width: 910px;
    }
		#hm_services::after {
    height: 200px;
}
        .contact_right {
    margin-left: 0px;
}
    .book_an_appointment .modal-dialog {
    max-width: 500px;
}
    .book_appointment_right h5 {
    font-size: 24px;
}
    .book_appointment_right {
    padding: 50px 20px 30px 20px;
}
    .book_appointment_left{
        display: none;
    }
        .moving_line{
        display: none;
    }
    :root {
    --size: clamp(10rem, 1rem + 20vmin, 35rem);
}
    .banner_caption {
    padding-left: 10px;
    padding-right: 10px;
}
    .service_list_wrap:hover {
    box-shadow: none;
    border-color: transparent;
    transition: all .5s linear;
}
    .service_title span {
    margin-bottom: 0;
    font-size: 16px;
}
    .service_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}
    .cta_vector {
    width: 80%;
    height: 80%;
    object-fit: contain;
}
    .car_cta {
    width: 80%;
    height: 80%;
    object-fit: contain;
}
    #nav_bar {
        height: 60px;
        padding: 0px 10px;
    }
    .logo img {
    width: 150px;
}
    .progress-wrap::after {
    line-height: 34px;
    font-size: 11px;
    height: 34px;
    width: 34px;
}
    .progress-wrap {
    right: 10px;
    height: 34px;
    width: 34px;
    }
    .bottom-ul li a {
    width: 30px;
    height: 30px;
    font-size: 16px;
}
    .bottom-ul {
    justify-content: left;
}
    .nav-list a {
    font-size: 20px;
    text-align: left;
}
    .hide_menu{
    display: block;
}
    .nav-menu{
        width: 280px;
    }
    .wp_icon {
    font-size: 20px !important;
}
    .fix_icon a {
    width: 35px;
    height: 35px;
    font-size: 18px;
}
    .fix_icon {
    right: 10px;
}
    .scroll_down{
        display: none;
    }
    #banner {
    height: 450px;
}
    .banner_caption h1 {
        font-size: 36px;
        width: 420px;
        text-align: left;
        margin: unset;
    }
.banner_caption button {
    margin-top: 30px;
}
.flex_title a{
    display: none!important;
}
    .common_title {
        font-size: 28px;
    }
.flex_title {
    margin-bottom: 30px;
}
.service_title h5 {
    font-size: 18px;
}
.hm_about_left {
    width: unset;
}
.hm_about_right {
    height: 300px;
    margin-top: unset;
    margin-bottom: 20px;
}
.flex_reverse{
    flex-direction: column-reverse;
}
.about_bg {
    width: 80px !important;
    height: 80px !important;
}
.hm_about_left h5 {
    font-size: 20px;
    margin: 10px 0px;
}
.common_paragraph p {
    font-size: 15px;
    line-height: 22px;
}
.common_padding_bottom {
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
}
.common_padding_top {
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
}
.width_88{
    width: unset;
}
.hm_about_left a {
    margin-top: 20px;
}
    .brand_logo {
        width: 90px !important;
        height: 50px;
    }
.hm_brands_wrap{
    height: 120px;
}
.head_centre {
    margin-bottom: 30px;
}
.btn_centre {
    margin-top: 50px;
}
.common_btn_text {
    font-size: 16px;
}
.head_centre p {
    width: unset;
}
#why_choose .pin-spacer {
    display: none!important;
}
.why_choose_mob{
    display: block;
}
.faq_right {
    margin-left: 0;
    margin-top: 20px;
}
    .faq_right .accordion-button {
        font-size: 16px;
        padding: 15px 0;
    }
.faq_right .accordion-button::after {
    width: 25px;
    height: 25px;
    background-size: 25px;
}
.cta{
    display: block;
}
.cta h5 {
    font-size: 28px;
    text-align: center;
}
.cta_centre {
    text-align: center;
    transform: unset !important;
    margin: 50px 0px;
}
.cta_centre a {
    width: 40px;
    height: 38px;
}
    .cta_img2 {
        left: unset;
        top: -10px;
        right: 120px;
    }
    .why_choose_mob_wrap {
    height: 300px;
}
#cta {
    padding: 80px 0px;
}
.ftr_bottom {
    padding: 50px 20px 30px;
}
.copy_right {
    display: block;
    padding: 20px 20px;
    text-align: center;
}
.ftr_social_media {
    margin-top: 20px;
    justify-content: center;
}
.ftr_social_media a {
    width: 30px;
    height: 30px;
    font-size: 16px;
}
.ftr_top {
    height: 100px;
}
.ftr_top a img {
    width: 100px;
}
.quick_links a {
    float: left;
    margin-right: 20px;
}
.quick_links {
    display: inline-block;
    width: 100%;
}
.timing {
    margin-top: 20px;
}
.nav_menu {
    display: none;
}
.nav_right button{
    display: none!important;
}
.faq_left {
    height: unset;
}
.btn_mobile{
    display: flex;
}
footer {
    padding-bottom: 15px;
}
.about_title01{
    display: block;
}
.about_title02{
    display: none;
}
#contact .common_title {
    width: unset;
}
.contact {
    width: unset;
}
.contact_right ul{
    display: inline-block;
    width: 100%;
}
    .contact_right ul li {
        padding: 20px 10px;
        display: block;
        text-align: center;
        width: 48%;
        float: left;
        height: 180px;
        margin: 5px;
    }
    .contact_right ul li span {
        width: 40px;
        height: 40px;
        margin: 0 auto 20px;
    }
    .contact_right ul li a {
        margin: auto;
        width: unset;
    }
.our_location {
    width: unset;
}
.location_wrapper {
    padding: 15px 15px;
}
.check_map {
    font-size: 16px;
    gap: 10px;
}
.check_map img{
    width: 15px;
}
.social_links a {
    width: 30px;
    height: 30px;
    font-size: 16px;
}
.location_address {
    padding: 20px;
}
.location_img {
    height: 250px;
}
/* blog list responsive */
.latest_blog {
    height: 350px;
    margin-right: 0;
}
.latest_blog_bottom {
    padding: 20px;
}
.latest_blog_bottom h6 {
    font-size: 20px;
    width: unset;
}
.latest_blog_top {
    padding: 20px;
}
.recent_blogs {
    margin-left: 0;
    margin-top: 20px;
}
.recent_blogs ul li a {
    padding: 20px 0px;
}
.recent_blogs ul li a h6 {
    font-size: 16px;
}
.recent_blogs h5 {
    font-size: 24px;
}
.other_blogs {
    margin-top: 30px;
}
.blog_list_wrap {
    margin-bottom: 20px;
    background: #fff;
}
.blog_list_detail h6 {
    font-size: 16px;
}
.load_more button img {
    width: 30px;
}
.load_more button {
    font-size: 16px;
}
.blog_detils {
    width: unset;
}
    .blog_main_img {
        height: 300px;
    }
#blog_content ul {
    padding: 0;
}
#blog_content ul li::after {
    width: 15px;
    height: 15px;
}
#blog_content ul li {
    padding-left: 30px;
}
.recent_blog_list {
    padding-top: 50px;
}
.service_list_wrap{
    height: unset;
}
.about_us h1 {
    width: unset;
    margin: 0 auto 40px;
}
.common_banner_title {
    font-size: 28px;
}
.ps_conetnt {
    display: block;
}
.ps_description {
    margin-left: 0;
    margin-top: 20px;
}
.about_para{
    display: block;
}
.about_right h4 {
    font-size: 20px;
    line-height: 28px;
}
    .about_left h5 {
        font-size: 16px;
        margin-bottom: 20px;
    }
.about_left h5 span {
    width: 11px;
    height: 13px;
    border-radius: 0px 4px 0px 0px;
}
.mission_vision_wrap {
    height: 300px;
    padding: 20px;
    margin-bottom: 20px;
}
.mission_vision_description {
    bottom: 0;
}
.mission_vision_wrap p{
    opacity: 1;
}
.prompt_solution_wrap {
    width: unset;
}
.prompt_solution .accordion-button h6 {
    font-size: 18px;
}
.prompt_solution .accordion-button span {
    font-size: 18px;
}
.prompt_solution .accordion-button::after {
    background-image: url(../images/accordian-btn.svg);
    width: 30px;
    height: 30px;
    background-size: 30px;
}
.prompt_solution .accordion-button {
    padding: 20px 0px;
}
.service_main_img{
    display: none;
}
.service_detail_bottom {
    margin-top: 30px;
}
.service_s_content {
    margin-left: 0;
    margin-top: 30px;
}
.service_details {
    margin-top: 30px;
}
.service_details_right {
    margin-left: 0;
    margin-top: 20px;
}
.service_details_left h5 {
    font-size: 24px;
}
.brand_detail_left h5 {
    font-size: 22px;
}
.service_content ul li::after {
    width: 18px;
    height: 18px;
}
.appointment_form {
    padding: 30px 20px;
}
.s_package_left {
    margin-right: 0;
    margin-top: 30px;
}
.s_package_wrap {
    height: 360px;
}
.s_package_list h6 {
    font-size: 18px;
}
.package_caption h1 {
    width: unset;
}
#package_banner {
    height: 300px;
}
.package_title h5 {
    font-size: 24px;
    width: unset;
}
.package_title{
    margin-bottom: 20px;
}
.package_title img {
    display: none;
}
.package_content ul li::after {
    width: 17px;
    height: 17px;
    top: 4px;
}
.appointment_form h5 {
    font-size: 22px;
}
.brand_detail_right {
    margin-top: 30px;
}
.highlights h5 {
    font-size: 24px;
    width: unset;
    margin: 0 auto 40px;
}
.highlight_wrap {
    background: #ffffff66;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    text-align: center;
}
.highlight_wrap span {
    width: 65px;
    height: 65px;
    margin: auto;
}
.brand_detils h1 {
    width: unset;
}
.blog_detils p {
    width: unset;
}
.brand_detail_wrap {
    width: unset;
    margin: 40px auto 0;
}
.brand_detail_wrap h5 {
    font-size: 22px;
}
.brand_detail_left ul li {
    font-size: 16px;
}
#brand_list .brand_logo_img {
    max-width: 70px;
    max-height: 45px;
}
#brand_list .brand_logo_wrap {
    height: 100px;
}
#brand_list p {
    width: unset;
}
.latest_blogs {
    margin-top: 40px;
}
}
@media (min-width: 768px) and (max-width: 991px){
	#hm_services svg {
    width: 990px;
}
        .contact_right {
    margin-left: 0px;
}
    .book_an_appointment .modal-dialog {
    max-width: 500px;
}
.book_appointment_left{
    display: none;
}
.book_appointment_right {
    padding: 50px 30px 50px 30px;
}
        .moving_line{
        display: none;
    }
    :root {
    --size: clamp(10rem, 1rem + 20vmin, 35rem);
}
    .container, .container-sm {
        max-width: 680px;
    }
    #nav_bar {
    height: 60px;
}
    .progress-wrap::after {
    line-height: 34px;
    font-size: 11px;
    height: 34px;
    width: 34px;
}
    .progress-wrap {
    right: 10px;
    height: 34px;
    width: 34px;
    }
    .bottom-ul li a {
    width: 30px;
    height: 30px;
    font-size: 16px;
}
    .bottom-ul {
    justify-content: left;
}
    .nav-list a {
    font-size: 20px;
    text-align: left;
}
    .hide_menu{
    display: block;
}
    .nav-menu{
        width: 280px;
    }
    .wp_icon {
    font-size: 20px !important;
}
    .fix_icon a {
    width: 35px;
    height: 35px;
    font-size: 18px;
}
    .fix_icon {
    right: 10px;
}
    .scroll_down{
        display: none;
    }
    #banner {
    height: 450px;
}
    .banner_caption h1 {
        font-size: 42px;
        width: 520px;
        text-align: left;
        margin: 0;
    }
    .cta_vector {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    object-fit: contain;
}
.banner_caption button {
    margin-top: 30px;
}
.flex_title a{
    display: none!important;
}
    .common_title {
        font-size: 34px;
    }
    .latest_blogs {
    margin-top: 50px;
}
.flex_title {
    margin-bottom: 30px;
}
.service_title h5 {
    font-size: 18px;
}
.hm_about_left {
    width: unset;
}
    .hm_about_right {
        height: 350px;
        margin-top: unset;
        margin-bottom: 20px;
    }
.flex_reverse{
    flex-direction: column-reverse;
}
.about_bg {
    width: 80px !important;
    height: 80px !important;
}
.hm_about_left h5 {
    font-size: 20px;
    margin: 10px 0px;
}
.common_paragraph p {
    font-size: 15px;
    line-height: 22px;
}
.common_padding_bottom {
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
}
.common_padding_top {
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
}
.width_88{
    width: unset;
}
.hm_about_left a {
    margin-top: 20px;
}
.brand_logo {
    width: 60px !important;
    height: 40px;
}
.hm_brands_wrap{
    height: 120px;
}
.head_centre {
    margin-bottom: 30px;
}
.btn_centre {
    margin-top: 50px;
}
    .common_btn_text {
        font-size: 15px;
    }
.head_centre p {
    width: unset;
}
#why_choose .pin-spacer {
    display: none!important;
}
.why_choose_mob{
    display: block;
}
    .faq_right {
        margin-left: 0;
        margin-top: 40px;
    }
    .faq_right .accordion-button {
        font-size: 18px;
    }
.faq_right .accordion-button::after {
    width: 25px;
    height: 25px;
    background-size: 25px;
}
.cta h5 {
    font-size: 28px;
    text-align: center;
}
.cta_centre {
    text-align: center;
    transform: unset !important;
}
.cta_centre a {
    width: 40px;
    height: 38px;
}
.cta_img2 {
    left: 30px;
    top: -10px;
    transform: rotate(360deg);
}
#cta {
    padding: 100px 0px;
}
.ftr_bottom {
    padding: 50px 20px 30px;
}
.copy_right {
    display: block;
    padding: 20px 20px;
    text-align: center;
}
.ftr_social_media {
    margin-top: 20px;
    justify-content: center;
}
.ftr_social_media a {
    width: 30px;
    height: 30px;
    font-size: 16px;
}
.ftr_top {
    height: 100px;
}
.ftr_top a img {
    width: 100px;
}
    .quick_links {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }
    .ftr_mail {
    margin-top: 20px;
    margin-bottom: 0;
}
.timing {
    margin-top: 20px;
}
.nav_menu {
    display: none;
}
.nav_right button{
    display: none!important;
}
.faq_left {
    height: unset;
}
.btn_mobile{
    display: flex;
}
.why_choose_mob_wrap {
    height: 250px;
}
.latest_blog {
    height: 420px;
    margin-right: 0;
}
.latest_blog_bottom {
    padding: 20px;
}
.latest_blog_bottom h6 {
    font-size: 22px;
    width: unset;
}
.latest_blog_top {
    padding: 20px;
}
.recent_blogs {
    margin-left: 0;
}
.recent_blogs ul li a {
    padding: 20px 0px;
}
.recent_blogs h5 {
    font-size: 24px;
}
.other_blogs {
    margin-top: 40px;
}
    .load_more button img {
        width: 30px;
    }
    .brand_detils h1 {
    width: unset;
}
.common_banner_title {
    font-size: 38px;
}
.about_us h1 {
    width: unset;
    margin: 0 auto 40px;
}
.about_left h5 {
    margin-bottom: 20px;
}
.mission_vision_description {
    bottom: 0;
}
.mission_vision_wrap p {
    opacity: 1;
}
.mission_vision_wrap {
    height: 340px;
    margin-bottom: 22px;
}
.prompt_solution_wrap {
    width: unset;
}
.ps_description {
    margin-left: 40px;
}
.service_main_img{
    display: none;
}
.service_detail_bottom {
    margin-top: 40px;
}
.service_details {
    margin-top: 50px;
}
.service_details_right {
    margin-left: 0;
    margin-top: 30px;
}
.brand_detail_right {
    margin-top: 30px;
}
.package_caption h1 {
    width: unset;
}
#package_banner {
    height: 250px;
}
.package_title {
    margin-bottom: 20px;
}
.package_title h5 {
    width: unset;
}
.highlights h5 {
    font-size: 24px;
    width: unset;
    margin: 0 auto 40px;
}
.highlight_wrap {
    background: #ffffff66;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    text-align: center;
}
.highlight_wrap span {
    width: 65px;
    height: 65px;
    margin: auto;
}
}


@media (min-width: 992px) and (max-width: 1199px){
	#hm_services svg {
    width: 830px;
}
.svg1 {
    right: -290px;
	    top: -180px;
}
    .package_caption h1 {
    width: unset;
}
.common_banner_title {
    font-size: 46px;
}
    .header .item-center {
    flex: 0 0 45%;
}
.header .item-right {
    flex: 0 0 35%;
}
    .contact_right ul li span {
    min-width: 60px;
}
     :root {
    --size: clamp(10rem, 1rem + 25vmin, 35rem);
}
    .container, .container-lg, .container-md, .container-sm {
        max-width: 900px;
    }
    .service_list_img {
    height: 150px;
}
.service_title h5 {
    font-size: 16px;
}
.service_list_wrap {
    height: 250px;
}
.service_title span {
    font-size: 12px;
}
.common_title {
    font-size: 38px;
}
.banner_caption h1 {
    font-size: 48px;
}
.hm_about_left {
    width: unset;
}
.hm_about_left h5 {
    font-size: 24px;
}
.about_bg {
    width: 150px !important;
    height: 150px !important;
}
.brand_logo {
    width: 70px !important;
    height: 70px;
}
#why_choose .pin-spacer {
    display: none!important;
}
.why_choose_mob{
    display: block;
}
.why_choose_mob_wrap {
    height: 250px;
}
.cta h5 {
    font-size: 38px;
}
.ftr_bottom {
    padding: 50px 30px 30px;
}
#cta {
    padding: 100px 0px;
}
.cta_vector {
    width: 80%;
    height: 80%;
}
.width_88 {
    width: unset;
}
.recent_blogs {
    margin-left: 0;
}
.latest_blog_bottom h6 {
    font-size: 24px;
}
}

@media (min-width: 1199px) and (max-width: 1200px){

}
@media (min-width: 1799px) and (max-width: 3000px){

}
@media (min-width: 992px) {

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

}

@media (min-width: 1200px) {
     .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1235px;
    }
        footer .container, footer .container-lg, footer .container-md, footer .container-sm, footer .container-xl {
        max-width: 1295px;
    }
}
@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1680px;
    }
}