@media(max-width: 575px){
	.our_team_img img {
    width: 100%;
    margin: 0 auto;
}
	.soacial_media {
    justify-content: center;
    margin-top: 10px;
}
		.project_location h6 {
    font-size: 16px;
}
	#next_service_mobile{
	display: block;
}
    .mobhide{
        display: none;
    }
    .action-buttons button {
      width: 30px;
      height: 30px;
    }
    .common_arrow1 {
      display: none;
    }
    .quote a {
      margin-top: 30px;
    }
    .box .box_image::after {
      background: transparent;
    }
    .plusbtn{
        display: none;
    }
    .hm_project_left {
      width: 100%;
    }
    .mar_top {
      top: 0;
    }
    .v_block {
      display: block;
    }
    .v1_in_rt {
      padding-left: 0;
    }
    .visionlft img {
      height: unset;
    }
    .v_block1 {
        height: unset;
        margin-bottom: 10px;
    }
	.visionlft {
    margin-bottom: 10px;
}
	.category_image img {
    height: 250px;
}
	.panel .row {
    height: 500px;
    padding: 50px 0px;
}
	.category_content {
    padding-left: 0;
}
	.category_image {
    margin-top: 20px;
}
	#next_service {
    display: none;
}
	#next_service_mobile {
    background: #0074bc;
    padding-top: 50px;
}
    .v1_in_lt {
      margin-bottom: 25px;
    }
    .team_content {
      padding: 30px;
    }
    #our_team {
      margin-bottom: 0;
    }
    .ftr_address {
      margin-top: 20px;
    }
    .deskhide .accordion-button{
        background: transparent;
        color: #fff;
        padding-left: 0;
        outline: none;
        box-shadow: none;
    }
    .deskhide.accordion-flush .accordion-item:first-child {
      border-top: 0;
      border-bottom: 1px solid #cecece21!important;
    }
    .deskhide .accordion-item {
      background-color: transparent;
    }
    .deskhide .accordion-button::after {
      filter: brightness(0) invert(1);
    }
    .deskhide .accordion-body a {
        color: #E0E0E0;
        text-decoration: none;
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        line-height: 18px;
        display: inline-block;
        border-right: 1px solid #f7f7f770;
        margin-right: 7px;
        padding-right: 7px;
        margin-bottom: 8px;
    }
    .deskhide .accordion-body a:last-child {
      border-right: 0;
    }
    .deskhide .accordion-body{
      padding: 20px 0 20px;
    }
    .bigTitle {
        font-size: 32px;
        width: 100%;
        line-height: 34px;
    }
    .flex_title{
        display: block;
    }
    .subTitle{
        width: 100%;
    }
    .flex_title h4 {
        width: unset;
    }
    .home-showcase {
        position: relative;
        height: 500px;
		margin-top: 70px;
    }
    .banner_caption {
        padding: 100px 10px 0px;
    }
    .home-showcase .home-showcaseSlider .swiper-pagination {
        bottom: 20px;
        right: 10px;
    }
    .home-showcase .home-showcaseSlider .swiper-pagination-bullet-active {
        width: 35px!important;
        height: 2px;
    }
    .home-showcase .home-showcaseSlider .swiper-pagination-bullet {
        width: 24px;
    }
    .fixed_icons {
        top: 40%;
        right: 0px;
    }
    .fixed_icons a {
        width: 35px;
        height: 35px;
    }
    .common_bottom_padding {
        padding-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .common_top_padding {
        padding-top: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .common_tite{
        font-size: 24px;
    }
    .hm_about {
        margin-top: 20px;
    }
    .hm_about_left {
        height: 200px;
    }
    .hm_about_right {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }
    .common_btn_text {
        padding: 10px 10px;
        font-size: 14px;
    }
    .common_arrow {
        padding: 10px 10px;
    }
    .common_arrow img {
        width: 10px;
    }
    .common_white_btn {
        margin-left: 10px;
    }
    .count {
        font-size: 25px;
        margin-bottom: 0px;
    }
    .plus:after {
        font-size: 16px;
    }
    .million:after{
        font-size: 14px;
    }
    .sqft:after{
        font-size: 14px;
    }
    .count_wrap {
        padding: 10px;
    }
    .count_wrap span {
        font-size: 12px;
    }
    .count_wrap img {
        width: 30%;
        height: unset;
    }
    .count_wrap {
        margin-bottom: 20px;
    }
    .flex_title .common_btn {
        display: none !important;
    }
    .mob_btn{
        display: flex;
        justify-content: center;
    }
    .hm_project_slider {
        margin-top: 20px;
    }
    .hm_project_wrap {
        height: 300px;
    }
    .project_name{
        padding: 20px;
    }
    .hm_project_wrap span {
        width: 40px;
        height: 40px;
        font-size: 26px;
    }
    .hm_clients_right{
        margin-top: 20px;
    }
    .client_logo {
        height: 60px;
    }
    .hm_clients_right::after{
        display: none;
    }
    .client_logo img {
        max-width: 60px;
        max-height: 60px;
    }
    .hm_latest_blog {
        border-right: 0;
        padding-right: 0;
    }
    .blog_image {
        height: unset;
        margin-bottom: 20px;
    }
    .hm_latest_blog h5 {
        font-size: 24px;
        line-height: 30px;
    }
    .hm_latest_blog {
        border-right: 0;
        padding: 0;
        margin-bottom: 20px;
    }
    .blog_bottom span {
        width: 35px;
        height: 35px;
    }
    .product_accordian {
        margin-left: 0;
        margin-top: 20px;
    }
    .product_accordian button {
        font-size: 18px;
        padding: 10px 0px;
    }
    .hm_product_img{
        height: unset;
    }
    .product_accordian .accordion-body{
        padding: 10px 0px;
    }
    footer {
        padding: 50px 10px 20px;
    }
    .ftr_text {
        margin-bottom: 0px;
    }
    .soacial_media {
        margin-bottom: 20px;
    }
        .ftr_address_wrap {
        margin-bottom: 20px;
        padding-right: 0;
    }
    .num_mail a {
        margin-right: 30px;
    }
    .copy_right {
        margin-top: 10px;
        display: block;
        text-align: center;
    }
    .common_heading {
        font-size: 32px;
    }
    #common_banner {
        height: 300px;
    }
    .common_banner_caption .container {
        display: block;
    }
    .common_heading::after{
        display: none;
    }
    .ftr_text a {
      margin-bottom: 10px;
    }
    .service_list_top_left {
        width: unset;
        margin-bottom: 15px;
      }
    .content {
        padding: 20px 0px;
    }
    .image-wrapper{
        height: unset;
    }
    .small_title {
        font-size: 24px;
    }
    .highlight_head {
        width: unset;
    }
    #slider {
        min-width: unset;
        max-width: unset;
        width: 100%;
    }
    #thumbnail .thumbnail-list li{
        padding: 20px;
    }
    #thumbnail .thumbnail-list li h6 {
        font-size: 22px;
    }
    #thumbnail {
        padding: 0;
    }
    #slide {
        height: 250px;
        padding-left: 0;
    }
    /* #slide ul li .img{
        height: 250px;
    } */
    .breadcrum a {
        font-size: 12px;
        font-weight: 400;
    }
    .breadcrum span {
        margin: 0 10px;
    }
    .service_main_image {
        height: unset;
    }
    .service_head {
        margin-bottom: 20px;
    }
    .about_service_left {
        margin-right: 0;
    }
    #about_service {
        width: unset;
    }
    .enquiry_form {
        padding: 40px 20px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
	.other_jobs ul li a h6 {
    width: 180px;
}
    #short_banner {
        height: 60px;
        display: flex;
        align-items: end;
        padding-bottom: 30px;
        margin-top: 80px;
    }
    .project_detail_left {
        width: unset;
    }
    .common_paragraph p{
        font-size: 14px;
    }
    .project_location {
        padding: 30px 20px;
        top: 0;
        width: unset;
    }
    .project_detail_image {
        height: unset;
    }
    .image_wrap {
        height: unset;
        margin-bottom: 20px;
    }
    .about_project {
        width: unset;
        margin: 50px auto;
    }
    .other_project_wrap {
        margin-bottom: 20px;
    }
    .product_right {
        height: unset;
        margin-left: 0;
        margin-top: 10px;
    }
    .product_list_description {
        margin-left: 0;
        margin-top: 20px;
    }
    .product_detail_right {
        width: unset;
        float: unset;
    }
    .product_detail_left {
        margin-bottom: 20px;
    }
    .product_detail_image {
        height: unset;
        margin-top: 20px;
    }
    .why_wrk_with_us_wrap p {
        width: unset;
    }
    .why_wrk_with_us_wrap h6 {
        font-size: 20px;
    }
    .why_wrk_with_us_wrap h6 img {
        margin-right: 15px;
        width: 32px;
    }
    .open_positions {
        width: unset;
        border-left: unset;
        float: unset;
    }
    .job_detaile {
        padding: 20px 0px;
        display: block;
    }
    .job_detaile h6 {
        font-size: 18px;
    }
    .job_detaile .common_btn {
        margin-top: 20px;
    }
    .career_right {
        height: unset;
        margin-left: unset;
    }
    .contact_left {
        height: unset;
        margin-right: 0;
        margin-bottom: 20px;
    }
    #contact .container {
        width: auto;
    }
    .contact_form {
        margin-top: 20px;
    }
    .google_map {
        position: relative;
        width: 100%;
    }
    #contact_address .container {
        width: unset;
    }
    .contact_address_left ul {
        margin-top: 20px;
        width: 100%;
    }
    #button {
        width: 35px;
        height: 35px;
        font-size: 18px;
        right: 10px;
    }
    .latest_news a {
        border-top: 0;
        padding: 0;
        margin-bottom: 20px;
    }
    .latest_news {
        width: 100%;
        border-left: 0;
        padding-left: 0;
    }
    .blog_content h6 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .blog_img {
        height: unset;
        margin-bottom: 20px;
    }
    .blog_date {
        margin-top: 20px;
    }
    .category{
        font-size: 14px;
    }
    .about_count {
        margin-left: 0;
    }
    .about_count #counter {
        margin-top: 0!important;
    }
    .counter li {
        padding: 10px;
        margin-bottom: 10px;
		width: 48%;
		float: left;
		margin: 1% 1%;
    }
	.counter li p {
    font-size: 12px;
}
	.v_block {
    padding: 21px;
}
    .team_wrap_left {
        width: 100%;
        height: unset;
    }
    .team_count {
        margin-top: 20px;
        position: relative;
        width: 100%;
        height: unset;
        padding: 10px;
    }
    .team_count div {
        display: flex;
        align-items: center;
    }
    .team_count div p{
        margin-left: 10px;
    }
    .team_images {
        height: unset;
        width: 100%;
    }
    .team_content {
        width: 100%;
        position: relative;
        right: 0;
        bottom: 0;
    }
    .team_wrap_right {
        width: 100%;
    }
    .team_count span {
        font-size: 40px;
    }
    .head_centre p{
        width: unset;
    }
    .clients_logo ul li {
        border: 1px solid #eaeaea;
        width: 30.6%;
        display: inline-block;
        height: 60px;
        align-items: center;
        justify-content: center;
        margin: 2px 2px 6px;
        padding: 5px;
    }
    .clients_logo ul {
        margin: 30px 0 0 0;
        border: 0;
        display: block;
        text-align: center;
    }
    .clients_logo ul li img {
        max-width: 60px;
        max-height: 60px;
        height: 45px;
        width: 45px;
    }
    #project_category .nav .nav-link {
        font-size: 14px;
        padding: 8px 5px;
        float: left;
        margin: 5px;
        border: 1px solid #e5e5e5;
    }
    #project_category .nav {
        width: 100%;
        margin-right: 0 !important;
        background: #fff;
        z-index: 9;
    }
    #project_category .tab-content {
        width: 100%;
    }
    .project_tab{
        display: inline-block!important;
        width: 100%;
    }
    #project_category .nav .active {
        border-color: #031A34;
    }
    .project_names h6 {
        font-size: 16px;
    }
    .project_names {
        padding: 20px 20px;
    }
    .left-side {
        top: 62px;
        padding: 10px;
    }
    .other_project_title h6 {
        font-size: 16px;
    }
    .enquiry_input::placeholder{
        font-size: 14px;
    }
    .project_title h6 {
        font-size: 16px;
    }
    .project_title {
        margin-top: 10px;
    }
    .slider-container {
        height: 250px;
    }
    .left-slide > div{
        padding: 20px;
    }
    .left-slide > div h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .box {
        height: unset;
        display: flex;
        width: 100%;
        flex-direction: column-reverse;
        margin-bottom: 20px;
    }
    .box-area{
        display: block;
    }
    .box_content{
        display: block!important;
        width: 100%;
        padding: 30px 20px;
    }
    .quote h6 {
        font-size: 24px;
    }
    .box-area .active .box_image {
        width: 100%;
    }
    .project_view {
        margin-bottom: 20px;
    }
    .other_project_title span {
        width: 35px;
        height: 35px;
    }
    .career_detail_left {
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 40px;
    }
    .other_jobs {
        background: #0074bc0a;
        padding: 30px 20px;
    }
    .career_detail_left ul li {
        font-size: 14px;
        line-height: 24px;
    }
    .contact_input {
        margin-bottom: 15px;
    }
    .label_style{
        font-size: 13px;
    }
    .left-slide {
        height: 100%;
        width: 100%;
        position: relative;
        transform: unset !important;
        top: unset !important;
    }
    #slide ul li .img {
        height: 350px;
    }
	.contact_right {
    padding-left: 0;
}
}
@media (min-width: 576px) and (max-width: 767px){
#next_service_mobile{
	display: block;
}
    .mobhide{
        display: none;
    }
    .action-buttons button {
      width: 30px;
      height: 30px;
    }
    .common_arrow1 {
      display: none;
    }
    .quote a {
      margin-top: 30px;
    }
    .box .box_image::after {
      background: transparent;
    }
    .plusbtn{
        display: none;
    }
    .hm_project_left {
      width: 100%;
    }
    .mar_top {
      top: 0;
    }
    .v_block {
      display: block;
    }
    .v1_in_rt {
      padding-left: 0;
    }
    .visionlft img {
      height: unset;
    }
    .v_block1 {
        height: unset;
        margin-bottom: 10px;
    }
	.visionlft {
    margin-bottom: 10px;
}
	.category_image img {
    height: 250px;
}
	.panel .row {
    height: 500px;
    padding: 50px 0px;
}
	.category_content {
    padding-left: 0;
}
	.category_image {
    margin-top: 20px;
}
	#next_service {
    display: none;
}
	#next_service_mobile {
    background: #0074bc;
    padding-top: 50px;
}
    .v1_in_lt {
      margin-bottom: 25px;
    }
    .team_content {
      padding: 30px;
    }
    #our_team {
      margin-bottom: 0;
    }
    .ftr_address {
      margin-top: 20px;
    }
    .deskhide .accordion-button{
        background: transparent;
        color: #fff;
        padding-left: 0;
        outline: none;
        box-shadow: none;
    }
    .deskhide.accordion-flush .accordion-item:first-child {
      border-top: 0;
      border-bottom: 1px solid #cecece21!important;
    }
    .deskhide .accordion-item {
      background-color: transparent;
    }
    .deskhide .accordion-button::after {
      filter: brightness(0) invert(1);
    }
    .deskhide .accordion-body a {
        color: #E0E0E0;
        text-decoration: none;
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        line-height: 18px;
        display: inline-block;
        border-right: 1px solid #f7f7f770;
        margin-right: 7px;
        padding-right: 7px;
        margin-bottom: 8px;
    }
    .deskhide .accordion-body a:last-child {
      border-right: 0;
    }
    .deskhide .accordion-body{
      padding: 20px 0 20px;
    }
    .bigTitle {
        font-size: 32px;
        width: 100%;
        line-height: 34px;
    }
    .flex_title{
        display: block;
    }
    .subTitle{
        width: 100%;
    }
    .flex_title h4 {
        width: unset;
    }
    .home-showcase {
        position: relative;
        height: 500px;
		margin-top: 70px;
    }
    .banner_caption {
        padding: 100px 10px 0px;
    }
    .home-showcase .home-showcaseSlider .swiper-pagination {
        bottom: 20px;
        right: 10px;
    }
    .home-showcase .home-showcaseSlider .swiper-pagination-bullet-active {
        width: 35px!important;
        height: 2px;
    }
    .home-showcase .home-showcaseSlider .swiper-pagination-bullet {
        width: 24px;
    }
    .fixed_icons {
        top: 40%;
        right: 0px;
    }
    .fixed_icons a {
        width: 35px;
        height: 35px;
    }
    .common_bottom_padding {
        padding-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .common_top_padding {
        padding-top: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .common_tite{
        font-size: 24px;
    }
    .hm_about {
        margin-top: 20px;
    }
    .hm_about_left {
        height: 200px;
    }
    .hm_about_right {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }
    .common_btn_text {
        padding: 10px 10px;
        font-size: 14px;
    }
    .common_arrow {
        padding: 10px 10px;
    }
    .common_arrow img {
        width: 10px;
    }
    .common_white_btn {
        margin-left: 10px;
    }
    .count {
        font-size: 25px;
        margin-bottom: 0px;
    }
    .plus:after {
        font-size: 16px;
    }
    .million:after{
        font-size: 14px;
    }
    .sqft:after{
        font-size: 14px;
    }
    .count_wrap {
        padding: 10px;
    }
    .count_wrap span {
        font-size: 12px;
    }
    .count_wrap img {
        width: 30%;
        height: unset;
    }
    .count_wrap {
        margin-bottom: 20px;
    }
    .flex_title .common_btn {
        display: none !important;
    }
    .mob_btn{
        display: flex;
        justify-content: center;
    }
    .hm_project_slider {
        margin-top: 20px;
    }
    .hm_project_wrap {
        height: 250px;
    }
	.hm_blog_img {
    height: unset;
}
	.project_location h6 {
    font-size: 16px;
}
    .project_name{
        padding: 20px;
    }
    .hm_project_wrap span {
        width: 40px;
        height: 40px;
        font-size: 26px;
    }
    .hm_clients_right{
        margin-top: 20px;
    }
    .client_logo {
        height: 60px;
    }
    .hm_clients_right::after{
        display: none;
    }
    .client_logo img {
        max-width: 60px;
        max-height: 60px;
    }
    .hm_latest_blog {
        border-right: 0;
        padding-right: 0;
    }
    .blog_image {
        height: unset;
        margin-bottom: 20px;
    }
    .hm_latest_blog h5 {
        font-size: 24px;
        line-height: 30px;
    }
    .hm_latest_blog {
        border-right: 0;
        padding: 0;
        margin-bottom: 20px;
    }
    .blog_bottom span {
        width: 35px;
        height: 35px;
    }
    .product_accordian {
        margin-left: 0;
        margin-top: 20px;
    }
    .product_accordian button {
        font-size: 18px;
        padding: 10px 0px;
    }
    .hm_product_img{
        height: unset;
    }
    .product_accordian .accordion-body{
        padding: 10px 0px;
    }
    footer {
        padding: 50px 10px 20px;
    }
    .ftr_text {
        margin-bottom: 0px;
    }
    .soacial_media {
        margin-bottom: 20px;
    }
    .ftr_address_wrap {
        margin-bottom: 20px;
    }
    .num_mail a {
        margin-right: 30px;
    }
    .copy_right {
        margin-top: 10px;
        display: block;
        text-align: center;
    }
    .common_heading {
        font-size: 32px;
    }
    #common_banner {
        height: 300px;
    }
    .common_banner_caption .container {
        display: block;
    }
    .common_heading::after{
        display: none;
    }
    .ftr_text a {
      margin-bottom: 10px;
    }
    .service_list_top_left {
        width: unset;
        margin-bottom: 15px;
      }
    .content {
        padding: 20px 0px;
    }
    .image-wrapper{
        height: unset;
    }
    .small_title {
        font-size: 24px;
    }
    .highlight_head {
        width: unset;
    }
    #slider {
        min-width: unset;
        max-width: unset;
        width: 100%;
    }
    #thumbnail .thumbnail-list li{
        padding: 20px;
    }
    #thumbnail .thumbnail-list li h6 {
        font-size: 22px;
    }
    #thumbnail {
        padding: 0;
    }
    #slide {
        height: 250px;
        padding-left: 0;
    }
    /* #slide ul li .img{
        height: 250px;
    } */
    .breadcrum a {
        font-size: 12px;
        font-weight: 400;
    }
    .breadcrum span {
        margin: 0 10px;
    }
    .service_main_image {
        height: unset;
    }
    .service_head {
        margin-bottom: 20px;
    }
    .about_service_left {
        margin-right: 0;
    }
    #about_service {
        width: unset;
    }
    .enquiry_form {
        padding: 40px 20px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    #short_banner {
        height: 60px;
        display: flex;
        align-items: end;
        padding-bottom: 30px;
        margin-top: 80px;
    }
    .project_detail_left {
        width: unset;
    }
    .common_paragraph p{
        font-size: 14px;
    }
    .project_location {
        padding: 30px 20px;
        top: 0;
        width: unset;
    }
    .project_detail_image {
        height: unset;
    }
    .image_wrap {
        height: unset;
        margin-bottom: 20px;
    }
    .about_project {
        width: unset;
        margin: 50px auto;
    }
    .other_project_wrap {
        margin-bottom: 20px;
    }
    .product_right {
        height: unset;
        margin-left: 0;
        margin-top: 10px;
    }
    .product_list_description {
        margin-left: 0;
        margin-top: 20px;
    }
    .product_detail_right {
        width: unset;
        float: unset;
    }
    .product_detail_left {
        margin-bottom: 20px;
    }
    .product_detail_image {
        height: unset;
        margin-top: 20px;
    }
    .why_wrk_with_us_wrap p {
        width: unset;
    }
    .why_wrk_with_us_wrap h6 {
        font-size: 20px;
    }
    .why_wrk_with_us_wrap h6 img {
        margin-right: 15px;
        width: 32px;
    }
    .open_positions {
        width: unset;
        border-left: unset;
        float: unset;
    }
    .job_detaile {
        padding: 20px 0px;
        display: block;
    }
    .job_detaile h6 {
        font-size: 18px;
    }
    .job_detaile .common_btn {
        margin-top: 20px;
    }
    .career_right {
        height: unset;
        margin-left: unset;
    }
    .contact_left {
        height: unset;
        margin-right: 0;
        margin-bottom: 20px;
    }
    #contact .container {
        width: auto;
    }
    .contact_form {
        margin-top: 20px;
    }
    .google_map {
        position: relative;
        width: 100%;
    }
    #contact_address .container {
        width: unset;
    }
    .contact_address_left ul {
        margin-top: 20px;
        width: 100%;
    }
    #button {
        width: 35px;
        height: 35px;
        font-size: 18px;
        right: 10px;
    }
    .latest_news a {
        border-top: 0;
        padding: 0;
        margin-bottom: 20px;
    }
    .latest_news {
        width: 100%;
        border-left: 0;
        padding-left: 0;
    }
    .blog_content h6 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .blog_img {
        height: unset;
        margin-bottom: 20px;
    }
    .blog_date {
        margin-top: 20px;
    }
    .category{
        font-size: 14px;
    }
    .about_count {
        margin-left: 0;
    }
    .about_count #counter {
        margin-top: 0!important;
    }
    .counter li {
        padding: 10px;
        margin-bottom: 10px;
		width: 48%;
		float: left;
		margin: 1% 1%;
    }
	.counter li p {
    font-size: 12px;
}
	.v_block {
    padding: 21px;
}
    .team_wrap_left {
        width: 100%;
        height: unset;
    }
    .team_count {
        margin-top: 20px;
        position: relative;
        width: 100%;
        height: unset;
        padding: 10px;
    }
    .team_count div {
        display: flex;
        align-items: center;
    }
    .team_count div p{
        margin-left: 10px;
    }
    .team_images {
        height: unset;
        width: 100%;
    }
    .team_content {
        width: 100%;
        position: relative;
        right: 0;
        bottom: 0;
    }
    .team_wrap_right {
        width: 100%;
    }
    .team_count span {
        font-size: 40px;
    }
    .head_centre p{
        width: unset;
    }
    .clients_logo ul li {
        border: 1px solid #eaeaea;
        width: 23.6%;
        display: inline-block;
        height: 60px;
        align-items: center;
        justify-content: center;
        margin: 2px 2px 6px;
        padding: 5px;
    }
    .clients_logo ul {
        margin: 30px 0 0 0;
        border: 0;
        display: block;
        text-align: center;
    }
    .clients_logo ul li img {
        max-width: 60px;
        max-height: 60px;
        height: 45px;
        width: 45px;
    }
    #project_category .nav .nav-link {
        font-size: 14px;
        padding: 8px 5px;
        float: left;
        margin: 5px;
        border: 1px solid #e5e5e5;
    }
    #project_category .nav {
        width: 100%;
        margin-right: 0 !important;
        background: #fff;
        z-index: 9;
    }
    #project_category .tab-content {
        width: 100%;
    }
    .project_tab{
        display: inline-block!important;
        width: 100%;
    }
    #project_category .nav .active {
        border-color: #031A34;
    }
    .project_names h6 {
        font-size: 16px;
    }
    .project_names {
        padding: 20px 20px;
    }
    .left-side {
        top: 62px;
        padding: 10px;
    }
    .other_project_title h6 {
        font-size: 16px;
    }
    .enquiry_input::placeholder{
        font-size: 14px;
    }
    .project_title h6 {
        font-size: 16px;
    }
    .project_title {
        margin-top: 10px;
    }
    .slider-container {
        height: 250px;
    }
    .left-slide > div{
        padding: 20px;
    }
    .left-slide > div h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .box {
        height: unset;
        display: flex;
        width: 100%;
        flex-direction: column-reverse;
        margin-bottom: 20px;
    }
    .box-area{
        display: block;
    }
    .box_content{
        display: block!important;
        width: 100%;
        padding: 30px 20px;
    }
    .quote h6 {
        font-size: 24px;
    }
    .box-area .active .box_image {
        width: 100%;
    }
    .project_view {
        margin-bottom: 20px;
    }
    .other_project_title span {
        width: 35px;
        height: 35px;
    }
    .career_detail_left {
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 40px;
    }
    .other_jobs {
        background: #0074bc0a;
        padding: 30px 20px;
    }
    .career_detail_left ul li {
        font-size: 14px;
        line-height: 24px;
    }
    .contact_input {
        margin-bottom: 15px;
    }
    .label_style{
        font-size: 13px;
    }
    .left-slide {
        height: 100%;
        width: 100%;
        position: relative;
        transform: unset !important;
        top: unset !important;
    }
    #slide ul li .img {
        height: 350px;
    }
	.contact_right {
    padding-left: 0;
}
}
@media (min-width: 768px) and (max-width: 970px){
    .mobhide{
        display: none;
    }
    .action-buttons button {
      width: 30px;
      height: 30px;
    }
    .common_arrow1 {
      display: none;
    }
    .quote a {
      margin-top: 30px;
    }
    .box .box_image::after {
      background: transparent;
    }
    .plusbtn{
        display: none;
    }
    .hm_project_left {
      width: 100%;
    }
    .mar_top {
      top: 0;
    }
    .v_block {
      display: block;
    }
    .v1_in_rt {
      padding-left: 0;
    }
    .visionlft img {
      height: unset;
    }
    .v_block1 {
        height: unset;
        margin-bottom: 10px;
    }
	.visionlft {
    margin-bottom: 10px;
}
	.category_image img {
    height: 250px;
}
	.panel .row {
    height: 550px;
    padding: 50px 0px;
}
	.category_content {
    padding-left: 0;
}
	.category_image {
    margin-top: 20px;
}
	#next_service_mobile {
    background: #0074bc;
    padding-top: 50px;
}
    .v1_in_lt {
      margin-bottom: 25px;
    }
    .team_content {
      padding: 30px;
    }
    #our_team {
      margin-bottom: 0;
    }
    .ftr_address {
      margin-top: 20px;
    }
    .deskhide .accordion-button{
        background: transparent;
        color: #fff;
        padding-left: 0;
        outline: none;
        box-shadow: none;
    }
    .deskhide.accordion-flush .accordion-item:first-child {
      border-top: 0;
      border-bottom: 1px solid #cecece21!important;
    }
    .deskhide .accordion-item {
      background-color: transparent;
    }
    .deskhide .accordion-button::after {
      filter: brightness(0) invert(1);
    }
    .deskhide .accordion-body a {
        color: #E0E0E0;
        text-decoration: none;
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        line-height: 18px;
        display: inline-block;
        border-right: 1px solid #f7f7f770;
        margin-right: 7px;
        padding-right: 7px;
        margin-bottom: 8px;
    }
    .deskhide .accordion-body a:last-child {
      border-right: 0;
    }
    .deskhide .accordion-body{
      padding: 20px 0 20px;
    }
    .bigTitle {
        font-size: 32px;
        line-height: 34px;
		width: 80%;
    }
    .flex_title{
        display: block;
    }
    .subTitle{
        width: 80%;
    }
    .flex_title h4 {
        width: unset;
    }
    .home-showcase {
        position: relative;
        height: 500px;
		margin-top: 70px;
    }
    .banner_caption {
        padding: 100px 10px 0px;
    }
    .home-showcase .home-showcaseSlider .swiper-pagination {
        bottom: 20px;
        right: 10px;
    }
    .home-showcase .home-showcaseSlider .swiper-pagination-bullet-active {
        width: 35px!important;
        height: 2px;
    }
    .home-showcase .home-showcaseSlider .swiper-pagination-bullet {
        width: 24px;
    }
    .fixed_icons {
        top: 40%;
        right: 0px;
    }
    .fixed_icons a {
        width: 35px;
        height: 35px;
    }
    .common_bottom_padding {
        padding-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .common_top_padding {
        padding-top: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .common_tite{
        font-size: 24px;
    }
    .hm_about {
        margin-top: 20px;
    }
    .hm_about_right {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }
    .common_btn_text {
        padding: 10px 10px;
        font-size: 12px;
    }
    .common_arrow {
        padding: 10px 10px;
    }
    .common_arrow img {
        width: 10px!important;
    }
    .common_white_btn {
        margin-left: 10px;
    }
    .count {
        font-size: 25px;
        margin-bottom: 0px;
    }
    .plus:after {
        font-size: 16px;
    }
    .million:after{
        font-size: 14px;
    }
    .sqft:after{
        font-size: 14px;
    }
    .count_wrap {
        padding: 10px;
    }
    .count_wrap span {
        font-size: 12px;
    }
    .count_wrap img {
        width: 30%;
        height: unset;
    }
    .count_wrap {
        margin-bottom: 20px;
    }
    .flex_title .common_btn {
        display: none !important;
    }
    .mob_btn{
        display: flex;
        justify-content: center;
    }
    .hm_project_slider {
        margin-top: 20px;
    }
    .hm_project_wrap {
        height: 250px;
    }
	.hm_blog_img {
    height: unset;
}
	.project_location h6 {
    font-size: 16px;
}
    .project_name{
        padding: 20px;
    }
    .hm_project_wrap span {
        width: 40px;
        height: 40px;
        font-size: 26px;
    }
    .hm_clients_right{
        margin-top: 20px;
    }
    .client_logo {
        height: 80px;
    }
    .hm_clients_right::after{
        display: none;
    }
    .client_logo img {
        max-width: 80px;
        max-height: 80px;
    }
    .hm_latest_blog {
        border-right: 0;
        padding-right: 0;
    }
    .blog_image {
        height: unset;
        margin-bottom: 20px;
    }
    .hm_latest_blog h5 {
        font-size: 24px;
        line-height: 30px;
    }
    .hm_latest_blog {
        border-right: 0;
        padding: 0;
        margin-bottom: 20px;
    }
    .blog_bottom span {
        width: 35px;
        height: 35px;
    }
    .product_accordian {
        margin-left: 0;
        margin-top: 20px;
    }
    .product_accordian button {
        font-size: 18px;
        padding: 10px 0px;
    }
    .hm_product_img{
        height: unset;
    }
    .product_accordian .accordion-body{
        padding: 10px 0px;
    }
    footer {
        padding: 50px 10px 20px;
    }
    .ftr_text {
        margin-bottom: 0px;
    }
    .soacial_media {
        margin-bottom: 0;
        justify-content: center;
        margin-top: 15px;
    }
    .ftr_address_wrap {
        margin-bottom: 20px;
    }
        .num_mail a {
        margin-right: 0;
        display: block;
        margin-bottom: 10px;
    }
    .copy_right {
        margin-top: 10px;
        display: block;
        text-align: center;
    }
    .common_heading {
        font-size: 32px;
    }
    #common_banner {
        height: 300px;
    }
    .common_banner_caption .container {
        display: block;
    }
    .common_heading::after{
        display: none;
    }
    .ftr_text a {
      margin-bottom: 10px;
    }
    .service_list_top_left {
        width: unset;
        margin-bottom: 15px;
      }
    .content {
        padding: 20px 0px;
    }
    .image-wrapper{
        height: unset;
    }
    .small_title {
        font-size: 24px;
    }
    .highlight_head {
        width: unset;
    }
    #slider {
        min-width: unset;
        max-width: unset;
        width: 100%;
    }
    #thumbnail .thumbnail-list li{
        padding: 20px;
    }
    #thumbnail .thumbnail-list li h6 {
        font-size: 22px;
    }
    #thumbnail {
        padding: 0;
    }
    #slide {
        height: 250px;
        padding-left: 0;
    }
    /* #slide ul li .img{
        height: 250px;
    } */
    .breadcrum a {
        font-size: 12px;
        font-weight: 400;
    }
    .breadcrum span {
        margin: 0 10px;
    }
    .service_main_image {
        height: unset;
    }
    .service_head {
        margin-bottom: 20px;
    }
    .about_service_left {
        margin-right: 0;
    }
    #about_service {
        width: unset;
    }
    .enquiry_form {
        padding: 40px 20px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    #short_banner {
        height: 60px;
        display: flex;
        align-items: end;
        padding-bottom: 30px;
        margin-top: 80px;
    }
    .project_detail_left {
        width: unset;
    }
    .common_paragraph p{
        font-size: 14px;
    }
    .project_location {
        padding: 30px 20px;
        top: 0;
        width: unset;
    }
    .project_detail_image {
        height: unset;
    }
    .image_wrap {
        height: unset;
        margin-bottom: 20px;
    }
    .about_project {
        width: unset;
        margin: 50px auto;
    }
    .other_project_wrap {
        margin-bottom: 20px;
    }
    .product_right {
        margin-left: 0;
        margin-top: 10px;
    }
    .product_list_description {
        margin-left: 0;
        margin-top: 20px;
    }
    .product_detail_right {
        width: unset;
        float: unset;
    }
    .product_detail_left {
        margin-bottom: 20px;
    }
    .product_detail_image {
        height: unset;
        margin-top: 20px;
    }
    .why_wrk_with_us_wrap p {
        width: unset;
    }
    .why_wrk_with_us_wrap h6 {
        font-size: 20px;
    }
    .why_wrk_with_us_wrap h6 img {
        margin-right: 15px;
        width: 32px;
    }
    .job_detaile h6 {
        font-size: 18px;
    }
    .job_detaile .common_btn {
        margin-top: 20px;
    }
    #contact .container {
        width: auto;
    }
    .contact_form {
        margin-top: 20px;
    }
    #contact_address .container {
        width: 100%;
    }
     .contact_address_left ul {
        margin-top: 20px;
        width: 47%;
    }
    #button {
        width: 35px;
        height: 35px;
        font-size: 18px;
        right: 10px;
    }
    .latest_news a {
        border-top: 0;
        padding: 0;
        margin-bottom: 20px;
    }
    .latest_news {
        width: 100%;
        border-left: 0;
        padding-left: 0;
    }
    .blog_content h6 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .blog_img {
        height: unset;
        margin-bottom: 20px;
    }
    .blog_date {
        margin-top: 20px;
    }
    .category{
        font-size: 14px;
    }
    .about_count {
        margin-left: 0;
    }
    .about_count #counter {
        margin-top: 0!important;
    }
    .counter li {
        padding: 10px;
        margin-bottom: 10px;
		width: 48%;
		float: left;
		margin: 1% 1%;
    }
	.counter li p {
    font-size: 12px;
}
	.v_block {
    padding: 21px;
}
       .team_wrap_left {
        width: 100%;
        height: unset;
        margin-bottom: 20px;
    }
    .team_count div {
        display: flex;
        align-items: center;
    }
    .team_count div p{
        margin-left: 10px;
    }
    .team_images {
        height: unset;
        width: 100%;
    }
    .team_content {
        width: 100%;
        position: relative;
        right: 0;
        bottom: 0;
    }
    .team_wrap_right {
        width: 100%;
    }
    .team_count span {
        font-size: 40px;
    }
    .head_centre p{
        width: unset;
    }
    .clients_logo ul li {
        border: 1px solid #eaeaea;
        width: 18.6%;
        display: inline-block;
        height: 70px;
        align-items: center;
        justify-content: center;
        margin: 2px 2px 6px;
        padding: 5px;
    }
    .clients_logo ul {
        margin: 30px 0 0 0;
        border: 0;
        display: block;
        text-align: center;
    }
    .clients_logo ul li img {
        max-width: 70px;
        max-height: 70px;
        height: 50px;
        width: 50px;
    }
    #project_category .nav .nav-link {
        font-size: 14px;
        padding: 8px 5px;
        float: left;
        margin: 5px;
        border: 1px solid #e5e5e5;
    }
    #project_category .nav {
        width: 100%;
        margin-right: 0 !important;
        background: #fff;
        z-index: 9;
    }
    #project_category .tab-content {
        width: 100%;
    }
    .project_tab{
        display: inline-block!important;
        width: 100%;
    }
    #project_category .nav .active {
        border-color: #031A34;
    }
    .project_names h6 {
        font-size: 16px;
    }
    .project_names {
        padding: 20px 20px;
    }
    .left-side {
        top: 62px;
        padding: 10px;
    }
    .other_project_title h6 {
        font-size: 16px;
    }
    .enquiry_input::placeholder{
        font-size: 14px;
    }
    .project_title h6 {
        font-size: 16px;
    }
    .project_title {
        margin-top: 10px;
    }
    .slider-container {
        height: 250px;
    }
    .left-slide > div{
        padding: 20px;
    }
    .left-slide > div h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }
        .box {
        display: flex;
        width: 48%;
        flex-direction: column-reverse;
        margin: 1%;
        float: left;
    }
	.box-area .active{
		width: 48%;
	}
       .box-area {
        display: inline-block;
        width: 100%;
    }
    .box_content{
        display: block!important;
        width: 100%;
        padding: 30px 20px;
    }
    .quote h6 {
        font-size: 24px;
    }
    .box-area .active .box_image {
        width: 100%;
    }
    .project_view {
        margin-bottom: 20px;
    }
    .other_project_title span {
        width: 35px;
        height: 35px;
    }
    .career_detail_left {
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 40px;
    }
    .other_jobs {
        background: #0074bc0a;
        padding: 30px 20px;
    }
    .career_detail_left ul li {
        font-size: 14px;
        line-height: 24px;
    }
    .contact_input {
        margin-bottom: 15px;
    }
    .label_style{
        font-size: 13px;
    }
    .left-slide {
        height: 100%;
        width: 100%;
        position: relative;
        transform: unset !important;
        top: unset !important;
    }
    #slide ul li .img {
        height: 350px;
    }
	.contact_right {
    padding-left: 0;
}
	.panel_head {
    font-size: 18px;
}
    .team_count {
        bottom: unset;
        z-index: 9;
        padding: 20px;
        top: 36px;
    }
	.v_block1 {
    height: unset;
}
}

@media (min-width: 970px) and (max-width: 1199px){
    .container, .container-md, .container-sm {
        max-width: 1000px!important;
    }
	#bottom_nav .menu > ul > li > a{
		font-size: 12px;
	}
	.logo img {
    width: 70px;
}
	#bottom_nav .menu > ul > li {
    margin: 0px 12px;
}
	.common_btn_text {
    padding: 10px 15px;
    font-size: 13px;
}
	.bigTitle {
    font-size: 44px;
    line-height: 52px;
    width: 710px;
}
.count {
    font-size: 32px;
    margin-bottom: 10px;
}
	.count_wrap span {
    font-size: 14px;
}
	.common_tite {
    font-size: 28px;
}
	.box_content{
		padding: 20px;
	}
	.quote h6 {
    font-size: 26px;
}
	.common_paragraph p {
    font-size: 14px;
}
	.hm_project_wrap {
    height: 300px;
}
	.hm_project_wrap span {
    width: 40px;
    height: 40px;
    font-size: 20px;
}
	.hm_latest_blog h5 {
    font-size: 24px;
    line-height: 28px;
}
	.common_heading {
    font-size: 38px;
}
	#common_banner {
    height: 400px;
}
	.service_list_top_left {
    width: 340px;
}
	.project_title h6 {
    font-size: 16px;
}
	#project_category .hm_project_wrap {
    height: 300px;
}
	.project_names {
    padding: 20px 20px;
}
	.project_location h6 {
    font-size: 16px;
}
	.project_location {
    width: 350px;
}
	.project_detail_left {
    width: 500px;
}
	.image_wrap {
    height: 350px;
}
	.product_detail_right {
    width: unset;
}
	.other_project_title h6 {
    font-size: 16px;
}
	.other_jobs ul li a h6 {
    width: 220px;
}
}
@media (min-width: 900px) and (max-width: 992px){

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

}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1232px;
    }
}
@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1680px;
    }
	#common_banner {
    height: 600px;
   
}
}
@media(min-width:768px){
    .deskhide{
        display: none;
    }
}
@media(min-width:767px){
    .desk-hide{
        display: none;
    }
}
@media(max-width:767px){
    .mob-hide{
        display: none;
    }
}