/***
==================================================================
    MEDIA QUAREY 1400PX START
==================================================================
***/


@media (max-width: 1800px) {


    .mtmb_50 {
        margin-top: 30px;
    }

    .hc-nav-trigger.hc-nav-1 {
        display: none !important;
    }

    .mobile_icon {
        display: none;
    }

}

/***
==================================================================
    MEDIA QUAREY 1400PX END
==================================================================
***/


@media (max-width: 1290px) {

    .mtmb_50 {
        margin-top: 30px;
    }

}


/***
==================================================================
    MEDIA QUAREY 1200PX START
==================================================================
***/

@media (max-width: 1200px) {


    .blogs .card-title {
        font-size: 18px;
        padding-right: 11px;
    }

    .blogs .card-text {
        padding-right: 5px;
    }

    .footer_bottom .left p {
        font-size: 14px;
    }

    .footer_bottom .right p {
        font-size: 14px;
    }

    .banner .head_text h1 {
        font-size: 46px;

    }

    header .navbar-dark .navbar-nav .nav-link {
        padding: 10px 15px;

    }

    .p-130 {
        padding: 80px 0px;
    }


    .head_img img {
        width: 100%;
    }

    .about .inner_img .ab_img {
        width: 100%;
    }

    .banner .head_text {
        padding: 10px 0px 0px;
    }

    .banner_slider .owl-nav button.owl-prev {
        display: none !important;
    }

    .banner_slider .owl-nav button.owl-next {
        display: none !important;
    }


    .mtmb_50 {
        margin-top: 30px;
    }

}

/***
==================================================================
    MEDIA QUAREY 1200PX END
==================================================================
***/


/***
==================================================================
    MEDIA QUAREY 1030PX START
==================================================================
***/

@media (max-width: 1030px) {

    .about .text_inner h4 {
        font-size: 35px;
    }

    .about .text_inner p {
        font-size: 25px;
    }


    .banner_slider .inner_content h4 {
        font-size: 20px;
    }


    .banner_slider .inner_content h4::before {

        right: 85px;
    }

    .banner_slider .inner_content h4::after {

        left: 85px;
    }


    .mtmb_50 {
        margin-top: 0px;
    }

    .banner_slider .inner_content h1 {
        font-size: 35px;
    }

    .banner_slider .inner_content span {
        font-size: 60px;

    }

    .top_header .top_left ul li a {
        padding: 0px 12px;

    }


    footer .ftr_head ul li a {

        font-size: 15px;
    }

    .ptb-130 {
        padding: 90px 0px;
    }

    .about::before {
        top: 170px;
    }

    header::before {
        width: 26%;
    }

    .mbb_30 {
        margin-bottom: 30px;
    }


    .gallery .g_innertext .g_button a {
        width: 105px;
        height: 40px;
        margin-right: 28px;
    }

    .gallery .g_innertext .g_button::before {
        width: 35px;
        height: 52px;
    }

    .gallery .g_innertext .g_button::after {
        right: 35px;
    }

    .mt_4 {
        margin-top: 0px !important;
    }


    .about .inner_img .ab_img {
        width: 90%;
    }

    .about .inner_img {
        text-align: center;
    }

    footer .add_inner {
        height: 155px;

    }

    footer .inner_text p {
        font-size: 16px;
    }

    footer .inner_text h4 {
        font-size: 22px;

    }


    .about .text_inner h4 {
        font-size: 22px;
    }

    .motion_img {

        bottom: -140px;
        left: -31px;

    }

    .text_inner {

        bottom: -50px;
        left: 130px;

    }


    /*06/10/2023*/

    .pt-80 {
        padding-top: 74px;
        margin-left: 100px;
    }

    .banner_inner h1 {
        font-size: 40px;
        padding-left: 130px;

    }

    .content_head {
        margin-right: 0px;
    }

    .content_head ul li i {
        display: none;
    }

    header .navbar-brand img {
        width: 220px;
    }

    header .navbar-dark .navbar-brand {

        padding: 22px 20px;
        margin-left: -30px;
    }

    .mt2 {
        margin-top: 5px;
    }

    header .navbar-dark .navbar-nav .nav-link {

        padding: 6px 10px;
        font-size: 14px;

    }

    header .dropdown a {

        padding: 6px 10px;
        font-size: 14px;

    }

    .facebook_icon li a {
        display: none;
    }

    .footer_imgs img {
        width: 80%;
    }

    .footer_imgs .f_img {
        width: 100%;
    }

    .provide_text h2 {
        font-size: 24px;
    }


}


/***
==================================================================
    MEDIA QUAREY 1030PX END
==================================================================
***/


/***
==================================================================
    MEDIA QUAREY 992PX START
==================================================================
***/


@media (max-width: 992px) {


    .mt_5 {
        margin-top: 25px;
    }


    .p-130 {
        padding: 80px 0px;
    }

    .footer_bottom .left p {
        font-size: 16px;
        text-align: center;
        margin-bottom: 10px;
    }

    .footer_bottom .right p {
        font-size: 16px;
        text-align: center;
    }

    .banner .head_text h1 {
        font-size: 46px;
    }

    .banner_slider .inner_content h1 {
        font-size: 35px;
    }

    .banner_slider .inner_content span {
        font-size: 48px;
    }

    .banner_slider .inner_content h4 {
        font-size: 18px;
    }

    header .navbar-dark {
        width: 100%;
        border-radius: 0px;
    }

    .banner_slider .owl-nav {
        right: 110px;
        bottom: 50px
    }

    .about::before {
        top: 56%;
        z-index: -1;
    }

    .mb50 {
        margin-bottom: 40px;
    }


    .service::before {
        height: 30%;

    }

    .blogs::before {

        height: 30%;

    }

    .text_inner {

        bottom: -50px;
        left: 130px;

    }

    header::before {
        width: 50%;
    }

    header::before {
        display: none;
    }

    header .navbar-dark .navbar-toggler {
        display: none;
    }

    header .navbar-dark .navbar-brand {
        padding: 0px 20px;
        margin-left: -12px;
    }

    header .navbar-brand img {
        width: 100%;
    }

    .hc-nav-trigger {

        top: 20px !important;
        margin: auto;
        right: 20px;
        transform: translate(0%, 50%);
    }

    .btn2 {
   
    padding: 14px 20px;
    
}

}


/***
==================================================================
    MEDIA QUAREY 992PX END
==================================================================
***/


/***
==================================================================
    MEDIA QUAREY 991PX START
==================================================================
***/

@media (max-width: 991px) {
    .hc-nav-trigger.hc-nav-1 {
        display: block !important;
    }

    .hc-nav-trigger {
    
    right: 100px;

}

}

/***
==================================================================
    MEDIA QUAREY 991PX END
==================================================================
***/


/***
================================================================== 
    MEDIA QUAREY 768PX START 
==================================================================
***/


@media (max-width: 768px) {


    .banner .head_text h1 {
        font-size: 30px;
    }

    .hc-nav-trigger {
    right: 40PX;
}
  

    .banner .head_text {
        padding: 0px 0px 40px;
    }

    .about .inner_img .ab_img {
        width: 50%;
    }

    .about .inner_img .a_img {
        width: 50%;
        right: 30px;
    }

    .motion_img {

        bottom: -20px;
        left: -20px;

    }

    .ptb-130 {
        padding: 80px 0px;
    }


    .body_text h3 {
        font-size: 25px;
    }

    .about .text_inner h4 {
        font-size: 24px;
    }

    .about .text_inner p {
        font-size: 20px;
    }


    footer {
        padding: 60px 0px 0px;
        background-position: 100% 0% !important;
    }

    footer::before {
        top: 240px;
    }

    .pl_30 {
        padding-left: 0px;
        margin-top: 30px;
    }


    .mbl_icon ul li {

        left: -250px;

    }

    .mbl_icon2 ul li {

        right: 150px;

    }

    .mobile_icon {
        display: block;
    }

    .provide_inner {
        margin-bottom: 30px;
    }


    .bottom_ftr p {

        text-align: center;
    }

    .a_img {
        margin-top: 50px;
    }
	.banner_slider .inner_content h1 {font-size: 29px;}
}


/***
================================================================== 
    MEDIA QUAREY 768PX END 
==================================================================
***/

/***
================================================================== 
    MEDIA QUAREY 579PX START
==================================================================
***/

@media (max-width: 579px) {

    .provide_inner {
        margin-bottom: 30px;
    }

    .w_100 {
        width: 100%;
    }

    .wave {
        display: none;
    }


}


/***
================================================================== 
    MEDIA QUAREY 579PX END
==================================================================
***/


/***
================================================================== 
    MEDIA QUAREY 576PX START
==================================================================
***/


@media (max-width: 576px) {
	 
	
	.navbar .logo img{ width: 250px; margin: 5px 0 0 0;}


    .banner_slider .inner_content h1 {
        font-size: 35px;
    }

    .banner_slider .inner_content h4 {
        font-size: 16px;
        margin-bottom: 20px !important;
    }

    .banner_slider .inner_content span {
        font-size: 35px;
    }

    header .navbar-brand img {
        width: 250px;
    }


    .p-130 {
        padding: 60px 0px;
    }


    .top_header .top_left ul li a {
        padding: 0px 6px;
        font-size: 15px;
    }

    .top_header .top_right ul {
        justify-content: center;
    }


    .ptb-130 {
        padding: 60px 0px;
    }

    .ptb-120 {
        padding: 60px 0px;
    }

    .body_text h2 {
        font-size: 40px;
    }

    .body_text h4 {
        font-size: 20px;
    }


    footer {
        padding: 60px 0px 0px;
        background-position: top !important;
    }

    footer::before {
        top: 570px;
    }


    .top_header .top_left ul {
        justify-content: center;
    }

    .top_header .top_right ul li a {
        padding: 0px 10px;
    }

    footer .ftr_img img {
        width: auto;
    }

    .ftr_head {
        margin-top: 20px;
    }


    footer .ftr_head ul li a {
        font-size: 16px;
    }

    header::before {
        width: 78%;
    }


    .mtmb_50 {
        margin-top: 0px;
    }

    .banner .inner_banner img {
        width: 100%;
        height: 50vh;
        object-fit: cover;
    }


    .banner .open_time {
        display: none;
    }


    .about .text_inner h4 {
        font-size: 20px;
    }


    .banner_slider .inner_content h2 {
        font-size: 25px;

    }

    .blogs::before {
        height: 20%;
    }

    .service::before {
        height: 20%;
    }

    .about .text_inner {

        bottom: -40px;
        left: 50px;

    }

    .inner_img::before {

        left: 130px;

    }

    .about .inner_img {
        margin-top: 0;
        text-align: center !important;
    }

    .about .inner_img .ab_img {
        width: 70%;
    }

    .about .inner_img .a_img {
        width: 70%;
        right: -50px;
    }

    .motion_img {
        bottom: -100px;
        left: 0px;
    }

    .call_to {

        padding: 50px 0px;
    }

    .banner_inner h1 {
        font-size: 30px;
        padding-left: 30px;
    }

    .banner {

        background-position: 50%, 0% !important;
    }

    .ptb-210 {
        padding: 160px 0px 100px;
    }

    .banner::before {
        height: 50%;
        left: 20px;
    }

    .pt-80 {
        padding-top: 70px;
        margin-left: 8px;
    }

    .provide_inner {
        margin-bottom: 25px;
    }

    footer .mt-4 {
        margin-top: 0px !important;
    }


    .hc-nav-trigger {
        top: 15px !important;

    }

    .mbl_icon2 ul li {

        right: 60px;

    }

    .mbl_icon ul li {

        left: -180px;

    }

    .body_text2 h2 {
        font-size: 40px;
    }

    .banner_slider .item .item_inner .inner_content {
        max-width: 90%;
    }


}

/***
================================================================== 
    MEDIA QUAREY 576PX END
==================================================================
***/


/***
================================================================== 
    MEDIA QUAREY 430PX START
==================================================================
***/


@media (max-width: 430px) {
	
	.inner_head h2 {font-size: 33px;}
	
	
	.navbar .logo img{ width: 210px; margin: 5px 0 0 0;}

    .banner_slider .item .item_inner .inner_content {

        top: 0;
        -webkit-transform: translate(0%, 50%);
        -ms-transform: translate(0%, 50%);
        -moz-transform: translate(0%, 50%);
        transform: translate(0%, 50%);
        max-width: 95%;
    }

    .body_text2 h2 {
        font-size: 20px;
    }

    .about .text_inner h4 {
        font-size: 16px;
    }


    .banner_slider .inner_content h1 {
        font-size: 25px;
    }

    .icon h2::before {
        left: 10px;
    }

    .icon2 h2::before {
        left: 5px;
    }

    .icon3 h3::before {
        left: 0;
    }

    .banner_slider .inner_content h2 {
        font-size: 24px;
    }

    .banner_slider .inner_content h4::after {
        width: 42px;
        height: 13px;
        left: 70px;
    }

    .banner_slider .inner_content h4::before {
        width: 42px;
        height: 13px;
        right: 70px;
    }

    .about .about_text h3 {
        font-size: 16px;

    }

    .about .about_text h2 {
        font-size: 26px;

    }

    .body_text h2 {
        font-size: 22px;
    }


    header .navbar-brand img {
        width: 180px;
    }

    .mbl_icon ul li {

        left: -140px;

    }

    .mbl_icon2 ul li {

        right: 30px;

    }

    footer .mt-4 {
        margin-top: 30px !important;
    }

    .banner_slider .owl-dots {
        font-size: 18px;
        right: 20px;
        bottom: 10px;
    }

    .banner_slider .owl-dots .owl-dot.active button {

        font-size: 25px;
    }

    .banner_slider button {
        padding: 0px 5px;
    }

}


/***
================================================================== 
    MEDIA QUAREY 430PX END
==================================================================
***/


/***
================================================================== 
    MEDIA QUAREY 375PX START
==================================================================
***/


@media (max-width: 375px) {


    .banner .head_text h1 {
        font-size: 30px;
    }

    .about .ab_img .imgs {
        left: 100px;
        bottom: -80px;
    }

    .p-130 {
        padding: 60px 0px;
    }

    .top_header .top_left ul li a {
        padding: 0px 6px;
        font-size: 14px;
    }

    .top_header .top_right ul {
        justify-content: center;
    }

    .navbar-dark .navbar-brand img {
        width: 170px;
    }

    .about .text_inner h4 {
        font-size: 16px;
    }

    .about .text_inner h4 span {
        font-size: 25px !important;
        font-weight: 600;
    }

    .mbl_icon ul li {
        left: -115px;
    }

    .banner_inner h1 {
        font-size: 28px;

    }

}


/***
================================================================== 
    MEDIA QUAREY 375PX END
==================================================================
***/


/***
================================================================== 
    MEDIA QUAREY 375PX START
==================================================================
***/


@media (max-width: 320px) {


    .top_header {
        display: none;
    }

    .banner .head_text h1 {
        font-size: 30px;
    }


    .about .ab_img .imgs {
        left: 100px;
        bottom: -80px;
    }


    .top_header .top_left ul li a {
        padding: 0px 6px;
        font-size: 14px;
    }

    .top_header .top_right ul {
        justify-content: center;
    }

    .navbar-dark .navbar-brand {
        color: #fff;
        margin: 0;
        width: 80%;
    }

    .banner_inner h1 {
        font-size: 20px;
        padding-left: 30px;
        line-height: 2;
    }

    .mbl_icon2 ul li {
        right: 15px;
        font-size: 25px;
    }

    .mbl_icon ul li {
        left: -110px;
        font-size: 25px;
    }

    .navbar-dark .navbar-brand img {
        width: 150px;
    }

    header .navbar-dark .navbar-brand {
        padding: 15px 70px;
        margin-left: -80px;
    }

}

/***
================================================================== 
    MEDIA QUAREY 375PX END
==================================================================
***/