@media only screen and ( min-width: 1500px ) and ( max-width: 1899px ) {

    .header_shape_right_bg {
        background-position: top left;
    }
    .choose_content_bg {
        max-width: 620px;
    }


}

@media only screen and ( min-width: 1400px ) and ( max-width: 1499px ) {

    .header_contact {
        display: none;
    }  
    .header_right .mobile_icon {
        display: block !important;
    } 
    .header_right {
        gap: 0 20px;
    }
    .header_search, .header_cart, .mobile_icon .call_icon {
        margin-left: 0;
    }
    .header_shape_right_bg {
        background-position: top left;
    }
    .choose_content_bg {
        max-width: 520px;
    }


}



@media only screen and ( min-width: 1200px ) and ( max-width: 1399px ) {

    .header_wrapp {
        padding: 0 30px;
    }
    .header_brand a img {
        width: 150px;
    }
    .header_main_wrapp:after {
        width: 250px;
    }
    .header_contact {
        display: none;
    }
    .header_right .mobile_icon {
        display: block !important;
    }
    .header_brand {
        min-width: 205px;
    }
    .header_shape_bg {
        width: 305px;
        background-position: right top;
    }
    .header_shape_right_bg {
        background-position: top left;
    }
    .header_right {
        gap: 0 20px;
    }
    .header_search, .header_cart, .mobile_icon .call_icon {
        margin-left: 0;
    }
    .header_top_wrapp {
        padding-left: 280px;
    }
    .service_card_content {
        padding: 25px 35px;
    }
    .service_card_content .button_main_bg {
        margin-top: 12px;
    }
    .choose_shape_img {
        display: none;
    }
    .choose_content_right {
        position: relative;
        right: -20px;
        bottom: unset;
        top: 120px;
    }
    .about_shape_bg {
        left: -160px;
    }


}


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

    .heroslidercarousel .owl-dots {
        max-width: 100%;
        width: 100%;
    }
    .choose_content_right {
        position: relative;
        margin-bottom: 60px;
    }
    .choose_shape_img {
        display: none;
    }
    .choose_content_bg img {
        border-radius: 10px;
    }
    .choose_content_bg {
        margin: 0 auto;
    }

}


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

    .main_heading h2 {
        font-size: 38px;
        line-height: normal;
    }
    .footer_main {
        grid-template-columns: 58% 36%;
    }
    .footer_info p {
        font-size: 14px;
    }

    .header_right .header_contact {
        display: none;
    }
    .header_right .mobile_icon {
        display: block !important;
    }
    .header_wrapp {
        padding-left: 25px;
        padding-right: 25px;
    }
    .header_brand {
        min-width: 200px;
    }
    .header_top_right {
        display: none;
    }
    .header_top {
        justify-content: flex-end;
    }
    .header_brand .destop_logo {
        width: 150px;
    } 
    .header_main_wrapp:after {
        width: 235px;
    }
    .header_shape_bg {
        width: 280px;
        background-position: right top;
    }
    .menu_bar ul li {
        padding: 20px 0;
    }
    .menu_bar ul {
        gap: 0 30px;
    }
    .menu_bar ul li a {
        font-size: 15px;
    }
    .header_shape_right_bg {
        display: none;
    }
    .header_right .button_main_bg {
        background-color: #171827;
    }
    .header_right {
        gap: 0 20px;
    }
    .header_search, .header_cart, .mobile_icon .call_icon {
        margin-left: 0;
    }
    .hero_content_main h1 br, 
    .hero_content_main p br {
        display: none;
    }
    .hero_content_main h1 {
        font-size: 48px;
        line-height: 58px;
    }
    .hero_content_main {
        max-width: 480px;
    }
    .heroslidercarousel .owl-dots {
        padding: 0 30px;
    }
    .about_shape_bg {
        bottom: -80px;
    }
    /* .about_shape_bg img {
        display: none;
    }
    .about_shape_bg {
        position: relative;
        left: 0;
    }
    .about_experience {
        left: 30px;
        bottom: -130px;
    } */
    .service_card_content {
        padding: 20px 15px;
    }
    .service_card_content h3 {
        font-size: 22px;
        margin: 15px 0 10px;
    }
    .service_icon {
        font-size: 40px;
        width: 70px;
        height: 70px;
    }
    .service_card_content .button_main_bg {
        margin-top: 0;
    }
    .service_card_content p {
        line-height: 25x;
    }
    .blog_card_content {
        padding: 15px;
    }
    .blog_card {
        display: grid;
        grid-template-columns: 1.2fr 1fr;
    }
    .blog_card_content .blog_tiitle {
        font-size: 20px;
        line-height: 26px;
    }
    .blog_card_content p {
        font-size: 16px;
        line-height: 23px;
    }
    .footer_menu {
        padding-left: 0;
    }
    .gallery_main {
        grid-template-columns: 95px 95px;
    }
    .gallery_main .gallery_card img {
        width: 95px;
        height: 95px;
    }

    .banner_main h1 {
        font-size: 40px;
        line-height: 50px;
    }

}

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

    .header_shape_right_bg {
        display: none;
    }
    .header_wrapp {
        padding: 10px 15px 10px;
    }
    .header_brand {
        margin-top: 0;
        padding: 0px;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
        padding-right: 15px;
        gap: 0 30px;
    }
    .header_contact {
        display: none;
    }
    .button_main_bg {
        background-color: #171827;
        padding: 10px 20px 12px;
    }
    .header_right {
        gap: 0 15px;
        margin-left: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .header_search, .header_cart, .mobile_icon .call_icon {
        margin-left: 0;
    }
    .navbar_toggle {
        width: 34px;
        height: 20px;
        position: relative;
        cursor: pointer;
    }
    .navbar_toggle .toggler_menu_icon, 
    .navbar_toggle:before, 
    .navbar_toggle:after {
        content: '';
        background-color: #000;
        height: 2px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
        -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        transition: all .25s cubic-bezier(.645,.045,.355,1);
    }
    .navbar_toggle .toggler_menu_icon {
        top: 9px;
        width: 100%;
    }
    .navbar_toggle:before {
        top: 0;
        width: 24px;
    }
    .navbar_toggle:after {
        bottom: 0;
        width: 24px;
    }

    .hero_slider_shape_left, 
    .hero_slider_shape_right, 
    .hero_content_main h1 br, 
    .hero_content_main p br {
        display: none;
    }
    .hero_content_main h1 {
        letter-spacing: 1px;
    }
    .about_content {
        margin-top: 90px;
    }
    .about_content .main_heading {
        padding-left: 0;
    }
    .about_box_bg {
        margin-left: 0;
        padding: 15px 15px 0;
    }


    .get_rught_content {
        margin-top: 30px;
    }
    .footer_info .footer_copyright {
        display: none;
    }
    .footer_gallery .footer_copyright {
        display: block;
    }
    .blog_card_right .blog_card_imgs {
        max-width: 100%;
    }
    .blog_card_right .blog_card_imgs img {
        width: 100%;
    }
    .footer_wrapp {
        padding: 40px 0;
    }
    .footer_card {
        margin: 25px 0;
    }
    .service_call_left {
        display: none;
    }
    .service_call_section {
        grid-template-columns: 1fr;
    }
    .service_page_right {
        padding: 40px 0 0
    }
    .contact_page_from {
        margin-top: 50px;
    }

    .header_menu {
        width: 300px !important;
    }
    .header_menu .menu_bar ul {
        display: flow;
        margin-top: 30px;
    }
    .header_menu .menu_bar ul a {
        color: #171827;
    }
    .header_menu .menu_bar ul li {
        padding: 10px 30px;
        border-bottom: 1px solid #e0e4e8;
    }
    .header_menu .btn-close {
        background-color: #f5a526;
        opacity: 1;
        border-radius: 50%;
        padding: 10px;
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 999;
    }
    

}

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

    .main_heading h2 {
        font-size: 34px;
        line-height: normal;
    }

    section, 
    .choose_content_main {
        padding: 80px 0;
    }
    .feature_bottom_card h4 {
        font-size: 26px;
    }
    .feature_section .feature_card {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        margin: 15px 0;
    }
    .feature_section .feature_card .feature_icon {
        margin: 0;
        position: absolute;
        right: -40px;
        top: 30px;
    }
    .feature_section .feature_card .feature_imgs img {
        height: 100%;
        border-radius: 0 20px 20px 0px;
    }
    .feature_section .feature_card .feature_content {
        position: relative;
        padding-right: 60px;
        text-align: left;
    }
    .feature_bottom_content {
        margin-top: -90px;
    }
    .header_main>.header_right {
        display: none;
    }
    .header_brand .header_right {
        justify-content: end;
    }
    .tabs_header .nav .nav-item .nav-link {
        padding: 15px 30px;
    }
    .tabs_header .nav .nav-item h5 {
        font-size: 14px;
    }
    .choose_content_card {
        justify-content: flex-end;
        margin-left: 0;
    }
    .service_section .service_main {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .service_section .service_main .service_card {
        display: flex;
    }
    .service_section .service_main .service_card_content {
        padding: 25px 20px;
    }
    .service_section .service_main .service_card .service_card_imgs img {
        height: 100%;
    }
    .about_imgs {
        text-align: center;
    }
    .header_top_right {
        display: none;
    }
    .header_top {
        justify-content: flex-end;
    }

    .header_brand a .destop_logo {
        margin-top: -65px;
    }
    .header_main_wrapp:after {
        width: 220px;
    }
    .header_shape_bg {
        width: 270px;
        background-position: right top;
    }
    .banner_main h1 {
        font-size: 36px;
        line-height: 46px;
    }
    .header_top_wrapp {
        padding: 0 15px;
    }
    .about_shape_bg {
        left: -75px;
    }

}

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

    .header_shape_bg, 
    .header_main_wrapp:after {
        display: none;
    }
    .header_top_wrapp {
        display: none;
    }
    .header_top {
        justify-content: center;
    }
    .header_brand {
        margin-top: 0;
        padding: 0px;
    }
    .header_brand .mobile_logo {
        display: block;
    }
    .header_brand .destop_logo {
        display: none;
    }
    .heroslidercarousel .owl-dots {
        justify-content: center;
    }
    .hero_content_main p {
        line-height: 24px;
        padding: 15px 20px 17px 30px;
    }
    .about_shape_bg img {
        display: none;
    }
    section {
        padding: 60px 0;
    }
    .about_box_content, 
    .about_box_content .about_list {
        margin-top: 20px;
    }
    .about_list li {
        padding: 5px 0;
        font-size: 16px;
    }
    .about_box_img {
        padding-right: 0;
    }
    .about_box_img img {
        height: auto;
        object-fit: none;
    }
    .service_main {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .service_card_content {
        padding: 25px 20px;
    }
    .service_section_bg {
        display: none;
    }
    .choose_content_main {
        padding: 60px 0;
    }
    .choose_content_imgs {
        display: none;
    }
    .choose_content_text h3 {
        padding-right: 20px;
    }

    .blog_card {
        display: flow;
    }
    .about_experience {
        left: 30px;
        bottom: -70px;
    }
    .testimonialcarousel.owl-theme .owl-nav {
        display: none;
    }

    .tabs_header ul.nav {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px 10px;
    }
    .tabs_header .nav .nav-item .nav-link {
        padding: 10px 20px;
    }
    .tabs_header {
        margin-top: -65px;
    }
    .tabs_body_wrapp {
        margin-top: 40px;
        padding: 10px 15px 25px;
    }
    .get_from {
        padding-right: 0;
    }
    .tabs_section {
        padding-bottom: 70px;
    }
    .feature_section {
        padding-top: 60px;
    }
    .feature_main {
        top: 0;
    }
    .feature_card {
        margin: 15px 0;
    }
    .feature_bottom_content {
        margin-top: 30px;
        padding-top: 30px;
        text-align: center;
    }
    .feature_bottom_btns {
        text-align: center !important;
        margin-top: 20px;
    }
    .blog_card_content {
        padding: 20px 15px;
    }
    .blog_card_imgs {
       border-top-right-radius: 0;
       max-width: 100%;
    }
    .blog_card_right .blog_card_content {
        position: relative;
        width: 100%;
    }
    .blog_card_imgs img {
        width: 100%;
    }
    .footer_menu {
        padding-left: 0;
    }
    .about_shape_bg {
        position: relative;
        left: 0;
    }
    

}

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

    .hero_slider {
        padding-top: 100px;
        padding-bottom: 120px;
    }
    .hero_content_main h1 {
        font-size: 36px;
        line-height: 46px;
    }
    .main_heading h2 {
        font-size: 28px;
        line-height: normal;
    }
    .hero_content_main p
    .main_heading p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
    .choose_content_text h3 {
        font-size: 22px;
    }
    .feature_bottom_card h4 {
        font-size: 24px;
    }
    .blog_card_content .blog_tiitle {
        font-size: 22px;
        line-height: 28px;
    }
    .header_main>.header_right {
        display: none;
    }
    .header_brand .header_right {
        justify-content: end;
    }
    .banner_main h1 {
        font-size: 32px;
        line-height: 42px;
    }


}

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

    .hero_content_main h1 {
        font-size: 32px;
        line-height: 42px;
    }
    .banner_main h1 {
        font-size: 28px;
        line-height: 38px;
    }
    .hero_slider {
        padding-top: 90px;
        padding-bottom: 100px;
    }
    .hero_content_main p, 
    .main_heading p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
    .main_heading h2 {
        font-size: 24px;
        line-height: normal;
    }
    .feature_bottom_card h4 {
        font-size: 22px;
    }
    .choose_content_text h3 {
        font-size: 20px;
    }
    .blog_card_content .blog_tiitle {
        font-size: 20px;
        line-height: 26px;
    }
    .header_brand .header_right {
        display: none;
    }
    .header_brand {
        padding-bottom: 15px;
    }
    

}



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

    .header_menu .btn-close, 
    .header_right .mobile_icon, 
    .header_brand .header_right {
        display: none;
    }
}