
@media screen and (max-width: 3789px) and (min-width: 2526px) {}

@media screen and (max-width: 2508px) and (min-width: 1929px) {}

@media screen and (max-width:1400px) and (min-width:992px){}

@media screen and (max-width:1200px) and (min-width:992px){}

@media screen and (max-width:1331px) and (min-width:992px) {
    .main_menu button.navigation-close {display: block;}
	.main_menu .menu {gap: 10px;}
	.main_menu .menu li a {color: #101828;display: flex ;align-items: center;justify-content: space-between;}
.HeaderbtnBox {margin-right: 60px;}
.main_menu {position: absolute;right: 0;}
.main_menu button.navigation-open {display: block;}
.sidebar_sub_menus .sub-menu {top: 179px !important;}
.icon-submenu {position: absolute;top: 50%;right: 62px;transform: translate(-50%, -50%);margin-top: -8px;}
.main_menu .menu li.active a {color: #101828;}
li.active.has-sub ul.sub-menu a{font-size: 15px}
button.sub-menu-toggle {display: none;}
.navigation-open span {display: block;width: 24px;height: 3px;background: #fff;margin: 0 auto;position: relative;pointer-events: none;-moz-transition: all 0s ease 0.25s;-ms-transition: all 0s ease 0.25s;-o-transition: all 0s ease 0.25s;-o-transition: all 0s ease 0.25s;-webkit-transition: all 0s ease 0.25s;transition: all 0s ease 0.25s;}
.navigation-open span:before,
.navigation-open span:after {content: "";display: block;width: 100%;height: 100%;background: #fff;position: absolute;left: 0;top: -7px;-moz-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-ms-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-o-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;}
.navigation-open span:after {top: 7px;-moz-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-ms-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-o-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;}
.navigation ul {padding: 0;list-style-type: none;margin: 0;}
.navigation ul.menu {font-size: 16px;font-weight: 500;z-index: 6;text-align: left;width: 100%;flex-direction: column;}
.navigation {z-index: 999;position: fixed;top: 0;left: 100%;width: 278PX;height: 100%;overflow: auto;background: #fff;-webkit-overflow-scrolling: touch;display: block !important;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;padding: 70px 0;}
.menu-back {border: none;width: 100%;height: 40px;background: none;color: #fff;font-size: 24px;font-weight: 500;padding: 0;font-family: inherit;text-align: left;background-color: transparent;width: fit-content;padding: 0.5rem 0;height: auto;display: none;}
.menu-back:before {content: "\f106";font-family: "FontAwesome";color: var(--highlights);font-size: 24px;display: inline-block;vertical-align: middle;margin: -5px 8px 0 0;}
.theme-header:after {content: "";display: block;position: fixed;left: 0;right: 0;top: 0;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 9;cursor: pointer;transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);-webkit-transform: translateX(100%);transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
body.menu-action .theme-header:after {transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;}
body.menu-action .navigation {margin-left: -275px;}
body.menu-action {position: fixed;top: 0;left: 0;height: 100vh !important;width: 100%;overflow: hidden;max-height: 100vh !important;}
.navigation ul.menu li {position: relative;border-bottom: 1px solid #010101;padding: 0;margin-right: 0;}

.navigation ul.menu li:before {display: none;}
.navigation ul.menu > li {width: 100%;margin: 0 !important;padding: 0;overflow:hidden;}
.navigation ul.menu > li:before {display: none;}
.navigation ul.menu li a {padding: 12px 24px;display: block;text-align: left;border: none;font-size: 17px;}
.toggle-submenu {display: block;position: absolute;right: 0;top: 0px;display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;background-color: transparent;}
.toggle-submenu:before, .toggle-submenu:after {position: absolute;content: '\f107';font-family: 'Font Awesome 5 Free';font-size: 16px;font-weight: bold;top: 14px;color: #000;line-height: 14px;}
.toggle-submenu:after {opacity: 0;}
.navigation ul.menu li.selected > a {color: #151515;}
.navigation ul.menu li.selected > .toggle-submenu:after {opacity: 1;}
.navigation ul.menu li ul {-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;width: 100%;overflow: scroll;-webkit-overflow-scrolling: touch;padding: 0;position: unset;display: none;overflow:hidden;}
.second-sub_menu {background: #373737 !important;}
.icon-submenu {display: none !important;}
.navigation ul.menu li ul.show {margin-right: 0;display: block;overflow:hidden;}
span.toggle-submenu.open::before {content: "\f106";}
.navigation ul.menu li .device-toggle {position: absolute;width: 39px;height: 39px;left: 0;top: 0;cursor: pointer;}
.navigation ul.menu li .device-toggle:before,
.navigation ul.menu li .device-toggle:after {content: "";display: block;height: 3px;width: 15px;position: absolute;left: 12px;top: 18px;background: #333;}
.navigation ul.menu li .device-toggle:after {width: 3px;height: 15px;top: 12px;left: 18px;}
.navigation ul.menu li.selected > .device-toggle:before,
.navigation ul.menu li.selected > .device-toggle:after {background: #660460;}
.navigation ul.menu li .device-toggle.in:after {-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.navigation ul.menu .sub-menu .inner-sub li > a {padding-left: 55px;}
.navigation ul.menu li .inner-sub .device-toggle {left: 0;}
.navigation ul.menu.no-sub li a {padding-left: 15px;}
.megamenu_img {display: none;}
.navigation ul.menu li.has-sub.megamenu .sub-menu {display: block !important;}
.navigation ul.menu li.has-sub .mega_menu {display: none;}
.navigation-open:before {opacity: 1;-moz-transition: opacity 0.5s ease;-ms-transition: opacity 0.5s ease;-o-transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
body.menu-action .navigation-open:before {opacity: 0;}
.navigation ul.menu li .device-toggle {position: absolute;width: 26px;height: 30px;left: 0;top: 0;cursor: pointer;}
.navigation ul.menu li .device-toggle:before,.navigation ul.menu li .device-toggle:after {content: "";display: block;height: 2px;width: 12px;position: absolute;left: 7px;top: 14px;background: #606060;}
.navigation ul.menu li .device-toggle:after {width: 2px;height: 12px;left: 12px;top: 9px;}
.navigation ul.menu .sub-menu .inner-sub li > a {padding-left: 44px;}
.navigation-close {padding: 0;position: absolute;right: 15px;top: 15px;vertical-align: middle;z-index: 11;width: 20px;height: 17px;background: none;border: none;background: #101828;width: 30px;height: 30px;}
.navigation-close:before, .navigation-close:after {content: "";display: block;width: 100%;height: 2px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -2px;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.navigation-close:after {-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
body.menu-action header:after {transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;}
.navigation ul.menu li > a span.menu_count {color: #0070b2;margin-right: 10px;}
.navigation-open span:before,
.navigation-open span:after {content: "";display: block;width: 100%;height: 100%;background:#fff;position: absolute;left: 0;top: -7px;-moz-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-ms-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-o-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;}
.navigation-open span:after {top: 7px;-moz-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-ms-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-o-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;}
.navigation-open {padding: 1px;position: relative;vertical-align: middle;z-index: 1;width: 45px;height: 40px;border-radius: 2px;background: #8b7d6b;border: 2px solid #8b7d6b;color: #fff;}
}	


@media screen and (min-width: 992px) {
button.sub-menu-toggle {display: none;}
.menu-back,.menu > li > .toggle-submenu {display: none;}
/*.navigation-open,.navigation-close {display: none;}*/
.main_menu .menu {display: flex;list-style: none;}
.main_menu .menu li {position: relative;}
.main_menu .menu li:last-child {margin-right: 0;}
.main_menu .menu li {position: relative;}
.sub-menu {background-color: #fff;display: none;position: absolute;top: 100%;left: 0;z-index: 9;border-radius: 0;box-shadow: 0 10px 15px -3px #0000001a;border: 1px solid #ebe6e7;}
.menu li:hover .sub-menu {display: flex;flex-direction: column;width: 100%;width: 288px !important;padding: 0;left: -33px;}
.sub-menu li {position: relative;}
.sub-menu > li {margin: 0px !important;}
.sub-menu > li {flex: 0 0 50%;}
.sub-menu li > a {display: flex;padding: 13.5px 27px;align-items: center;border-bottom: 1px solid #fff !important;width: 100%;border-bottom: 0;border-radius: 0 !important;font-size: 19px;color: #fff !important;text-transform: capitalize !important;}
.sub-menu li > a:hover {background-color: #f9fafb;color: #1e2939 !important;text-decoration: none;}
.sub-menu li > a {color: #1e2939 !important;}
.sub-menu > li:first-child {display: none;}
.sub-menu > a {display: none !important;}
.second-sub_menu {display: none !important;}
.sub-menu > li:hover .second-sub_menu {display: block !important;left: 100%;top: 0;}
.sub-menu .has-sub .icon-submenu {right: 26px;top: 50%;}
.sub-menu .has-sub .icon-submenu::before{color: #fff;}
.sub-menu .has-sub:hover .icon-submenu::before {color:#fff;}
.sub-menu li:last-child > a {border-bottom: 0px !important;}

}

@media screen and (max-width: 991px) {
    .main_menu button.navigation-close {display: block;}
	.main_menu {position: absolute;right: 0;}
	.main_menu button.navigation-open {display: block;}
 .sidebar_sub_menus .sub-menu {top: 179px !important;}
.icon-submenu {position: absolute;top: 50%;right: 62px;transform: translate(-50%, -50%);margin-top: -8px;}
.main_menu .menu li.active a {color: #8b7d6b;/* border-bottom: 2px solid; */}
li.active.has-sub ul.sub-menu a{font-size: 15px}
button.sub-menu-toggle {display: none;}
.navigation-open span {display: block;width: 24px;height: 3px;background: #fff;margin: 0 auto;position: relative;pointer-events: none;-moz-transition: all 0s ease 0.25s;-ms-transition: all 0s ease 0.25s;-o-transition: all 0s ease 0.25s;-o-transition: all 0s ease 0.25s;-webkit-transition: all 0s ease 0.25s;transition: all 0s ease 0.25s;}
.navigation-open span:before,
.navigation-open span:after {content: "";display: block;width: 100%;height: 100%;background: #fff;position: absolute;left: 0;top: -7px;-moz-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-ms-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-o-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;}
.navigation-open span:after {top: 7px;-moz-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-ms-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-o-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;}
.navigation ul {padding: 0;list-style-type: none;margin: 0;}
.navigation ul.menu {font-size: 16px;font-weight: 500;z-index: 6;text-align: left;width: 100%;flex-direction: column;}
.navigation {z-index: 999;position: fixed;top: 0;left: 100%;width: 278PX;height: 100%;overflow: auto;background: #fff;-webkit-overflow-scrolling: touch;display: block !important;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;padding: 70px 0;}
.menu-back {border: none;width: 100%;height: 40px;background: none;color: #fff;font-size: 24px;font-weight: 500;padding: 0;font-family: inherit;text-align: left;background-color: transparent;width: fit-content;padding: 0.5rem 0;height: auto;display: none;}
.menu-back:before {content: "\f106";font-family: "FontAwesome";color: var(--highlights);font-size: 24px;display: inline-block;vertical-align: middle;margin: -5px 8px 0 0;}
.theme-header:after {content: "";display: block;position: fixed;left: 0;right: 0;top: 0;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 9;cursor: pointer;transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);-webkit-transform: translateX(100%);transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
body.menu-action .theme-header:after {transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;}
body.menu-action .navigation {margin-left: -275px;}
body.menu-action {position: fixed;top: 0;left: 0;height: 100vh !important;width: 100%;overflow: hidden;max-height: 100vh !important;}
.navigation ul.menu li {position: relative;border-bottom: 1px solid #010101;padding: 0;margin-right: 0;}

.navigation ul.menu li:before {display: none;}
.navigation ul.menu > li {width: 100%;margin: 0 !important;padding: 0;overflow:hidden;}
.navigation ul.menu > li:before {display: none;}
.navigation ul.menu li a {padding: 12px 24px;display: block;text-align: left;border: none;font-size: 17px;}
.toggle-submenu {display: block;position: absolute;right: 0;top: 0px;display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;background-color: transparent;}
.toggle-submenu:before, .toggle-submenu:after {position: absolute;content: '\f107';font-family: 'Font Awesome 5 Free';font-size: 16px;font-weight: bold;top: 14px;color: #000;line-height: 14px;}
.toggle-submenu:after {opacity: 0;}
.navigation ul.menu li.selected > a {color: #151515;}
.navigation ul.menu li.selected > .toggle-submenu:after {opacity: 1;}
.navigation ul.menu li ul {-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;width: 100%;overflow: scroll;-webkit-overflow-scrolling: touch;padding: 0;position: unset;display: none;overflow:hidden;}
.second-sub_menu {background: #373737 !important;}
.icon-submenu {display: none !important;}
.navigation ul.menu li ul.show {margin-right: 0;display: block;overflow:hidden;}
span.toggle-submenu.open::before {content: "\f106";}
.navigation ul.menu li .device-toggle {position: absolute;width: 39px;height: 39px;left: 0;top: 0;cursor: pointer;}
.navigation ul.menu li .device-toggle:before,
.navigation ul.menu li .device-toggle:after {content: "";display: block;height: 3px;width: 15px;position: absolute;left: 12px;top: 18px;background: #333;}
.navigation ul.menu li .device-toggle:after {width: 3px;height: 15px;top: 12px;left: 18px;}
.navigation ul.menu li.selected > .device-toggle:before,
.navigation ul.menu li.selected > .device-toggle:after {background: #660460;}
.navigation ul.menu li .device-toggle.in:after {-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.navigation ul.menu .sub-menu .inner-sub li > a {padding-left: 55px;}
.navigation ul.menu li .inner-sub .device-toggle {left: 0;}
.navigation ul.menu.no-sub li a {padding-left: 15px;}
.megamenu_img {display: none;}
.navigation ul.menu li.has-sub.megamenu .sub-menu {display: block !important;}
.navigation ul.menu li.has-sub .mega_menu {display: none;}
.navigation-open:before {opacity: 1;-moz-transition: opacity 0.5s ease;-ms-transition: opacity 0.5s ease;-o-transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
body.menu-action .navigation-open:before {opacity: 0;}
.navigation ul.menu li .device-toggle {position: absolute;width: 26px;height: 30px;left: 0;top: 0;cursor: pointer;}
.navigation ul.menu li .device-toggle:before,.navigation ul.menu li .device-toggle:after {content: "";display: block;height: 2px;width: 12px;position: absolute;left: 7px;top: 14px;background: #606060;}
.navigation ul.menu li .device-toggle:after {width: 2px;height: 12px;left: 12px;top: 9px;}
.navigation ul.menu .sub-menu .inner-sub li > a {padding-left: 44px;}
.navigation-close {padding: 0;position: absolute;right: 15px;top: 15px;vertical-align: middle;z-index: 11;width: 20px;height: 17px;background: none;border: none;background: #8b7d6b;width: 30px;height: 30px;}
.navigation-close:before, .navigation-close:after {content: "";display: block;width: 100%;height: 2px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -2px;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.navigation-close:after {-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
body.menu-action header:after {transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;}
.navigation ul.menu li > a span.menu_count {color: #0070b2;margin-right: 10px;}
.navigation-open span:before,
.navigation-open span:after {content: "";display: block;width: 100%;height: 100%;background:#fff;position: absolute;left: 0;top: -7px;-moz-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-ms-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-o-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;}
.navigation-open span:after {top: 7px;-moz-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-ms-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-o-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;-webkit-transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;transition: top 0.25s ease 0.25s, transform 0.25s ease,background 0.25s ease 0.25s;}
.navigation-open {padding: 1px;position: relative;vertical-align: middle;z-index: 1;width: 45px;height: 40px;border-radius: 2px;background: #8b7d6b;border: 2px solid #8b7d6b;color: #fff;}
}

@media screen and (max-width: 991px) {
	.HeaderbtnBox {margin-right: 60px;}
	.main_menu .menu {gap: 10px;}
	.main_menu .menu li a {color: #101828;}
	.main_menu .menu li a span svg {display: none;}

	.service, .ourService, .ourWork, .innerService, .Policy, 
	.innerBanner2, .blogPost, .city, .singleBlog {padding-block: 90px;}

	.bannerLeft h1, .innerBanner_wrap h1, .singleBlog_title h1 {font-size: 52.5px;}
	.innerBanner2 h1 {font-size: 52px;}
	.titleBox h2 {font-size: 42px;}
	.ourService .titleBox h2, .readyCat .titleBox h2 {font-size: 52.5px;}
	.clientInfo .clientInfo_cnt {font-size: 21px;}
	.clientInfo .clientsIcon {font-size: 80px;}


	.serCnt p {font-size: 18.25px;}
	.banner_grid, .service_grid, .feature_grid, .city_grid, .contact_grid,
	.whySan_grid, .innerService_grid, .addition_grid {grid-template-columns: repeat(1, minmax(0, 1fr));}

	.howIt_grid, .ourService_grid, .ourClient_grid, 
	.ft_grid, .overView_grid, .clientNum_grid, .blogPost_grid, .cityName_grid,
	.Professional_grid, .Commitments_grid, .Gallery_grid, .Comprehensive_grid {grid-template-columns: repeat(2, minmax(0, 1fr));}

}


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

	.HeaderbtnBox {display: none;}
	.headerBtnmobileView {display: block;}

	.banner, .galleryBanner, .feature, .howIt, .ourClient, .readyCat, .serDesign, 
	.contact, .Comprehensive, .Gallery, .sixSteps, .Professional, .Commitments, .whySan, 
	.cityName, .ContactBanner, .transAfter, .clientInfo, .testimonials {padding-block: 70px;}

	.service, .ourService, .ourWork, .innerService, .Policy, .innerBanner2, 
	.blogPost, .city, .singleBlog {padding-block: 80px;}

	.bannerLeft h1 {font-size: 42.5px;}
	.innerBanner2 h1, .singleBlog_title h1 {font-size: 42px;}
	.titleBox h2 {font-size: 32px;}
	.serCnt p {font-size: 16.25px;}
	.ourService .titleBox h2, .readyCat .titleBox h2 {font-size: 42.5px;}
	
	.howIt_grid, .ourService_grid, .ourWork_grid, .ourClient_grid, 
	.ft_grid, .overView_grid, .transAfter_grid, .blogPost_grid, .cityName_grid,
	.Professional_grid, .Commitments_grid, .Gallery_grid, .Comprehensive_grid,
	.testimonials_grid {grid-template-columns: repeat(1, minmax(0, 1fr));}

	.bannerLeftGrid {grid-template-columns: repeat(2, minmax(0, 1fr));}

	.Policy_cnt h2 {margin-top: 28px;}
	.Policy_wrap h1 {font-size: 42px;}
	.policyNeed h3 {font-size: 24px;}
	.titleBox2 .titleMain {font-size: 32.5px;}
	.whySan h2 {font-size: 32.5px;}
	.clientInfo .clientInfo_cnt {font-size: 20px;}
	.innerUpper .titleBox2 .smallTitle {font-size: 20.25px;}
	.innerBanner_wrap p {font-size: 20.5px;}
	.clientNum_box .clients {font-size: 40px;}
	.titleBox2 .titleMain {font-size: 32.5px;}
	.innerReadyCat .titleBox2 .smallTitle {font-size: 20.5px;}
	.fullHome h2 {font-size: 28.75px;}
	.catBtnbox {flex-wrap: wrap;}
	.galleryBanner .innerBanner_wrap h1 {text-align: center;}

}

@media screen and (max-width:570px) {
	.bannerLeft h1 {font-size: 38.5px;}
	.titleBox h2 {font-size: 28px;}
	.ourService .titleBox h2 {font-size: 38.5px;}
	.bannerLeftGrid, .bannerLeft ul, .cityCnt ul, .innerserCnt ul {grid-template-columns: repeat(1, minmax(0, 1fr));}
	.Policy_wrap h1 {font-size: 38px;}
	.innerBanner {padding-block: 90px;}
	.bannerLeft h1, .innerBanner_wrap h1, .singleBlog_title h1 {font-size: 38.5px;}
	.clientInfo strong {font-size: 18.25px;}
	.clientInfo p {font-size: 16px;}
	.serConsultTop h3 {font-size: 24px;}
	.ftLogo a img {height: 60px;}
	.clientNum_box .clients {font-size: 34px;}
	.blogPost_cnt h2 {font-size: 21px;}
	.catBtn {font-size: 16px;text-align: center;}
	.sixSteps_left {flex-direction: column;}
	.sixStepsNum {font-size: 64px;}
	.sixSteps_cnt h3 {font-size: 28.75px;}
	.testRating {flex-wrap: wrap;justify-content: center;}
}

@media screen and (max-width:420px) {
	.main_logo a img {height: 40px;}
	.featureCnt h3 {font-size: 18.75px;}
	.featureCnt p {font-size: 15px;}
	.featureLink {font-size: 14.75px;}
	.blogPost_cnt ul {flex-direction: column;align-items: flex-start;}
	.sixStepsBox {display: block;}
	.sixSteps_left {flex-direction: unset;margin-bottom: 21px;}
	.testimonialsBottom {align-items: flex-start;flex-wrap: wrap;}
	.banner {margin-top: 77px;}
	.navigation-open {width: 40px;height: 35px;}
}


