@media (min-width: 1200px)  {
    .navbar .nav-item .dropdown-submenu a::after { right: 8px;}
    .navbar .menu-item.active > .dropdown-item { background-color: var(--theme-color); color: var(--color-white); padding-left: 10px;}
    /* .navbar .menu-item .dropdown-item:hover::after { opacity: 0; transition: .3s all; transform: translateY(-30px);} */
    .navbar .menu-item .dropdown-item::after { opacity: 1; transition: .3s ease-in-out; transform: translateX(0);}
    .navbar .menu-item .dropdown-item:hover::after { opacity: 0; transform: translateX(10px);}
    .navbar .nav-link.active { color: var(--theme-color);}

}


@media (max-width:1700px) {.nav-right{display: none;}

.navbar .nav-item .nav-link {font-size: 15px;}
}



@media (max-width:1400px) {
    .navbar-brand img {width: 150px;}
.navbar .nav-item .nav-link {margin-right: 11px;font-size: 14px;}
.nav-right{display: none;}
.header-top .shape-1 {width: 30%;}
.header-top .shape-2 {left: -70px;}
}




@media(max-width:1199px){

.py-120 { padding: 70px 0;}
.pt-80 {padding-top: 70px;}
.pb-90 { padding-bottom: 70px;}
.pb-80 {padding-bottom: 70px;}
.pt-90 { padding-top: 70px;}
.pb-100{padding-bottom: 70px;}
.pt-100{padding-top: 70px;}
.py-100 { padding: 70px 0;}
.site-title{font-size: 40px;}
.site-heading{margin-bottom: 30px;}


/* usp section start */
.feature-icon img{width: 38px;}
.feature-icon { width: 65px;  height: 65px; line-height: 60px; border-radius: 20px;}
.feature-item{padding: 15px;}
.feature-content h4{margin-bottom: 0;}
/* usp section end */

/* process arean satrt */
.process-item{ display: flex; height: 100%; flex-direction: column; }
/* process arean end */

/* cta area start */
.cta-area{padding-top: 50px; padding-bottom: 110px;}
/* cta area end */

/* counter area start */
.counter-box{padding: 15px;}
.counter-box .icon img { width: 38px;}
.counter-box .icon{height: 60px; width: 60px; line-height: 60px;}
.counter-box .counter{font-size: 40px;}
.counter-box .title{font-size: 17px;}
/* counter area end */

/* hero banner start */
.site-breadcrumb{min-height: 280px;}
/* hero banner end */

.navbar .mobile-menu-right {display: flex;align-items: center;gap: 20px;}
.navbar-toggler span {display: block;width: 22px;border-bottom: 3px solid var(--color-dark);border-radius: 50px;margin-top: 5px;}
.navbar-toggler span:first-child {margin-top: 0;}
.navbar-toggler span:nth-child(2) {width: 15px;}
.navbar-toggler{border: 0;}
/* .offcanvas-header {display: flex;align-items: center;padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);} */
.main-navigation .offcanvas .offcanvas-brand img{height: 50px;}
.navbar .offcanvas-header .btn-close {background: #64d27d;width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 50px;color: var(--color-white);font-size: 18px;box-shadow: none;opacity: 1;}
.navbar .nav-item .nav-link {color: var(--color-dark);font-weight: 700;margin-right: 0px;transition: var(--transition);}
.navbar .mobile-menu-right .nav-right-link {background: transparent;border: none;font-size: 20px;color: var(--color-dark);}

.navbar .nav-item .dropdown-submenu a:hover { color: var(--theme-color);}

/********************** Styling for offcanvas deopdown **********************/
.navbar .offcanvas-header .btn-close { background-color: var(--theme-color2) !important;}

.navbar .offcanvas .nav-item .dropdown-menu { width: auto; border: unset; padding: 0;}
.navbar .offcanvas .nav-item .dropdown-menu .menu-item { border-bottom: 1px solid var(--footer-bg);}

.navbar .offcanvas.show .nav-item .dropdown-menu { padding: 0; border: unset;}
.navbar .offcanvas.show .menu-item  .nav-link { display: flex; justify-content: space-between;}
/********************** Styling for offcanvas deopdown **********************/

/* hero banner start */
.hero-single {padding-top: 90px;padding-bottom: 90px;}
.hero-slider .owl-nav button i {height: 45px;width: 45px;line-height: normal;font-size: 19px;display: flex;align-items: center;justify-content: center;}
/* hero banner end */

/* usp sec start */
.fa-negative{margin-top: 70px;}
.feature-item {border-radius: 20px;}
/* usp sec end */

/* process iteam start */
.process-item .content {margin-top: 0px;}
/* process iteam end */


}

@media(max-width:991px){

.py-120 { padding: 45px 0;}
.pt-80 {padding-top: 45px;}
.pb-90 { padding-bottom: 45px;}
.pb-80 {padding-bottom: 45px;}
.pt-90 { padding-top: 45px;}
.pb-100{padding-bottom: 45px;}
.pt-100{padding-top: 45px;}
.py-100 { padding: 45px 0;}
.pt-60{padding-top: 45px;}
.pb-60 { padding-bottom: 45px;}
.site-title { font-size: 32px;}
.site-title{margin-bottom: 12px;}
.site-title-tagline{font-size: 16px; margin-bottom: 12px;}
.theme-btn, .theme-btn2{padding: 8px 15px;}
.site-heading { margin-bottom: 18px;}

/* home banner start */
.hero-single{padding-top: 100px; padding-bottom: 130px;}
.hero-single .hero-content p{font-size: 17px; line-height: 28px;}
.hero-single .hero-content .hero-btn{margin-top: 0;}
.hero-slider .owl-nav button i{height: 40px; width: 40px; line-height: 40px; font-size: 20px;}
.hero-slider .owl-nav .owl-prev{right: 100px;}
/* home banner end */

/* feature area start */
.feature-item{margin-bottom: 20px;}
/* feature area end */
.navbar .nav-item .dropdown-menu .dropdown-item{white-space: normal;}
/* about area start */
.about-experience h5{font-size: 35px; margin-bottom: 8px;}
.about-content { margin-top: 20px; margin-bottom: 25px;}
/* about area end */

/* service area start */
.service-area .service-slider{margin-top: 20px;}
/* service area end */

/* cta area start */
.cta-area { padding-top: 30px; padding-bottom: 90px;}
.cta-content p{margin-bottom: 20px;}
/* cta area end */

/* counter area start */
.counter-box .counter { font-size: 34px;}
.counter-box{margin-bottom: 15px;}
/* counter area end */

/* faq area start */
.faq-area .accordion-button span{height: 35px; width: 35px;}
.faq-area .accordion-button span i{height: 35px; width: 35px; line-height: 35px;}
.faq-area .accordion-button{padding: 12px;}
.faq-area .accordion-item{margin-bottom: 20px;}
/* faq area end */

/* choose area start */
.choose-item{margin: 20px 0px;}
/* choose area end */

/* quote area start */
.quote-area{padding-top: 30px;}
.quote-header{margin-bottom: 20px;}
/* quote area end */

/* contact area start */
*::placeholder{font-size: 15px;}
.form-group .form-icon i{top: 17px;}
.nice-select{height: 50px; line-height: 50px;}
.form-group .form-control, .form-group .form-select{padding: 12px 20px;}
/* contact area end */

/* footer start */
.footer-logo img { width: 160px;}
.footer-logo{margin-bottom: 15px;}
.footer-list{gap: .50rem;}
.copyright{padding: 15px 0px;}
/* footer end */

/* hero banner start */
.site-breadcrumb { min-height: 240px;}
.site-breadcrumb .breadcrumb-title{font-size: 32px;}
/* hero banner end */

/* thank u page start */
.thank-you-section .thankyou img {height: 330px;margin-bottom: 21px;}
.thank-you-section .thankyou .thanktitle {font-size: 35px;margin-bottom: 10px;}
.thank-you-section .thankyou .thankdec {font-size: 18px;}
/* thank u page end */


.fa-negative .col-lg-4{margin-bottom: 25px;}

/* why choose sec start */
.choose-area .row{flex-direction: column-reverse;}
.choose-area .choose-content{padding-top: 50px;}
/* why choose sec end */


/* footer start */
.footer-list li a{padding: 4px 0;}
/* footer end */



}

@media(max-width:767px){

    .py-120 { padding: 35px 0;}
    .pt-80 {padding-top: 35px;}
    .pb-90 { padding-bottom: 35px;}
    .pb-80 {padding-bottom: 35px;}
    .pt-90 { padding-top: 35px;}
    .pb-100{padding-bottom: 35px;}
    .pt-100{padding-top: 35px;}
    .py-100 { padding: 35px 0;}
    .pb-60 {  padding-bottom: 35px;}
    .pt-60{padding-top: 35px;}
    body{line-height: 1.5;}
    .theme-btn, .theme-btn2 { line-height: 1.4; font-size: 15px;}
    .site-title { font-size: 28px;}
    .site-heading { margin-bottom: 12px;}

    /* header start */
    .header-top{padding: 5px 0px;}
    /* header end */

    /* home banner start */
    .hero-single { padding-top: 90px;  padding-bottom: 110px;}
    .hero-single .hero-content .hero-sub-title::before{height: 9px;}
    .hero-single .hero-content .hero-title{margin: 12px 0px; font-size: 34px;}
    /* home banner end */

    /* usp section start */
    .feature-icon{height: 55px; width: 55px; line-height: 55px;}
    .feature-icon img { width: 32px;}
    .feature-item .count{font-size: 36px;}
    .feature-item { margin-bottom: 15px;}
    .feature-content h4{font-size: 20px;}
    /* usp section end */

    /* about area start */
    .about-experience h5 { font-size: 30px;  margin-bottom: 6px;}
    .about-item .icon img{width: 35px;}
    .about-item .icon{width: 55px; height: 55px; line-height: 55px;}
    .about-content{margin-bottom: 0;}
    .about-item{margin-bottom: 15px;}
    /* about area end */

.left-right-sec .text-holder{padding-top: 10px;}
.scrollable-service-content{height: auto !important;}

    /* service area start */
    .service-area .site-title { margin-bottom: 10px;}
    .service-item{padding: 12px;}
    .service-icon{width: 78px; height: 78px;}
    .service-slider .service-icon img{width: 40px !important;}
    .service-slider .service-icon { line-height: 58px;}
    /* service area end */

    /* process area start */
    .process-item .icon img{width: 35px;}
    .process-item .icon{height: 68px; width: 68px; line-height: 58px;}
    .process-item .content {  margin-top: 10px;}
    .process-item .content h4{font-size: 20px;}
    /* .process-item { margin-bottom: 20px;}
 */
    /* process area end */

    /* counter area start */
    .counter-box .counter { font-size: 30px;}
     /* counter area end */

     /* faq area start */
     .faq-area .accordion-body{padding: 15px;}
     /* faq area end */

     /* quote area start */
     .quote-form { padding: 25px 0 35px 0;}
     .form-group .form-icon .form-control, .form-group .form-icon .form-select { padding-left: 35px;}
     .form-icon .nice-select { padding-left: 35px; height: 44px; line-height: 44px;}
     .form-group .form-icon i{left: 14px; top: 14px;}
     .form-group .form-control, .form-group .form-select { padding: 9px 15px;}
     /* quote area end */

     /* footer start */
     .footer-newsletter h6{margin-bottom: 10px;}
     .footer-newsletter .newsletter-form .form-group {  margin-bottom: 15px;}
     .footer-widget-title{margin-bottom: 15px;}
     .footer-widget-box-contact{margin-top: 20px;}
     .footer-social{margin-top: 14px;}
     /* footer end */

     /* hero banner start */
     .site-breadcrumb { min-height: 200px;  padding: 30px 0px;}
     .site-breadcrumb .breadcrumb-title {  margin-bottom: 6px; font-size: 28px;}
     /* hero banner end */


/* thank u page start */
.thank-you-section .thankyou img {height: 240px;margin-bottom: 21px;}
.thank-you-section .thankyou .thanktitle {font-size: 30px;margin-bottom: 7px;}
.thank-you-section .thankyou .thankdec {font-size: 16px;}
/* thank u page end */

/* contact page start */
.contact-img {margin-bottom: 25px;}
.contact-content {margin-bottom: 10px;}
.contact-info .content h5 {font-size: 18px;margin-bottom: 6px;}
.contact-info .icon {width: 50px;height: 50px;line-height: 52px;font-size: 20px;}
/* contact page end */

}

@media(max-width:575px){

    .py-120 { padding: 25px 0;}
    .pt-80 {padding-top: 25px;}
    .pb-90 { padding-bottom: 25px;}
    .pb-80 {padding-bottom: 25px;}
    .pt-90 { padding-top: 25px;}
    .pb-100{padding-bottom: 25px;}
    .pt-100{padding-top: 25px;}
    .py-100 { padding: 25px 0;}
    .pb-60 {  padding-bottom: 25px;}
    .pt-60{padding-top: 25px;}
    .site-title { font-size: 26px;}

    /* home banner start */
    .hero-single .hero-content .hero-title{font-size: 30px; margin: 10px 0px;}
    /* home banner end */

    /* about area start */
    .about-experience{height: 130px; width: 130px;}
    .about-experience h5 { font-size: 26px; margin-bottom: 4px;}
    .about-experience p{font-size: 15px;}
    /* about area end */

    /* service area start */
    .service-content { margin-top: 10px;}
    /* service area end */

    /* process area start */
    .process-item .icon img {  width: 32px;}
    .process-item .icon { height: 58px; width: 58px; line-height: 48px; top: 0;}
    .process-item .count{font-size: 18px;}
    /* process area end */

    /* cta area start */
    .cta-area { padding-top: 25px; padding-bottom: 80px;}
    /* cta area end */

    /* partner wrapper start */
    .partner-wrapper{padding: 12px 5px;}
    /* partner wrapper end   */

    /* testemonial area start */
    .testimonial-quote p{font-size: 16px;}
    .testimonial-author-info h4 {font-size: 18px; margin-bottom: 0;}
    /* testemonial area end */

    /* why choose area start */
    .choose-item-icon img{width: 32px;}
    .choose-item-icon{height: 50px; width: 50px; line-height: 48px;}
    .choose-item{gap: 15px;}
    /* why choose area end */

    /* contact area start */
    .quote-form { padding: 15px 0 25px 0;}
    /* contact area end */

    /* footer start */
    .footer-logo img { width: 130px;}
    .footer-logo{padding: 8px;}
    .footer-widget-box.about-us { margin-right: 0;}
    /* footer end */

    /* hero banner start */
    .site-breadcrumb {  min-height: 170px;  padding: 20px 0px;}
    .site-breadcrumb .breadcrumb-title { font-size: 26px;}
    .site-breadcrumb .breadcrumb-menu li::before{font-size: 14px;}
    /* hero banner end */

/* thank u page start */
.thank-you-section .thankyou img {height: 170px;margin-bottom: 15px;}
.thank-you-section .thankyou .thanktitle {font-size: 26px;margin-bottom: 4px;}
.thank-you-section .thankyou .thankdec {font-size: 15px;}
/* thank u page end */

/* usp sec start */
.fa-negative {margin-top: 40px;}
/* usp sec end */

}

@media(max-width:481px){

    .site-title { margin-bottom: 8px;}

    /* header start */
    .header-top-wrap{justify-content: center;}
    /* header end */

    /* home banner start */
    .hero-single .hero-content .hero-sub-title::before { height: 7px;}
    .hero-single .hero-content .hero-title{font-size: 28px;}
    .hero-single .hero-content p { font-size: 16px; line-height: 26px; margin-bottom: 15px;}
    /* home banner end */

    /* process area start */
    .process-wrap .col-6{width: 100%;}
    /* process area end */

    /* counter area start */
    .counter-area .col-6{width: 100%;}
    /* counter area end*/

    /* footer start */
    .footer-widget-wrap .col-6{width: 100%;}
    .footer-widget-box.list{margin-bottom: 25px;}
    .footer-widget-box-contact { margin-top: 0;}
    /* footer end */

/* contact page start */
.contact-area .contact-content .col-6{width: 100%;}
/* contact page end */

    /* hero banner start */
    .site-breadcrumb {  min-height: 150px; padding: 15px 0px;}
    /* hero banner end */

}