@media only screen and (min-width: 992px) {
    .dropdown.megha{position: unset;}
    .dropdown .megha-dropdown{position: absolute;top: 100%;left: calc(50% - 50vw);width: 100vw;margin: 0 auto;padding: 20px 30px;box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);}
    .dropdown .megha-dropdown .list-area{display: flex;flex-wrap: wrap;width: 100%;}
    .dropdown .megha-dropdown .list-area li{padding: 0 20px 0 0;width: 50%;}
    .dropdown .megha-dropdown .dropdown-item{padding: 20px 15px;font-size: 18px;font-weight: 500;}
    .dropdown .megha-dropdown .dropdown-item:hover{padding: 20px 5px 20px 25px;}


    
    .service-list-card:nth-child(even)::after{left: 30px;right: unset;}
    .choose-list-area .choose-list:nth-child(even){border-right-width: 0;}
    .choose-list-area .choose-list:nth-last-child(-n+2){border-bottom-width: 0;}
    .choose-list-area .choose-list:nth-child(even){border-bottom-width: 1px;}
    .choose-list-area .choose-list:last-child{border-bottom-width: 0;}  
    /*.choose-list-area .bottom-br:nth-child(4){border-bottom-width:1px;} */
}

@media only screen and (max-width: 1399px) {
    .header .logo{width: 120px;}
    .header .nav-item{margin-right: 30px;}
    .dropdown-item{white-space: unset;}
    .dropdown-menu .dropdown-item,
    .dropdown .megha-dropdown .dropdown-item{font-size: 16px;}


    .banner-area .carousel-item .banner-caption h3{font-size: 43px;}
    .banner-area .carousel-item .banner-caption p{font-size: 20px;}
    footer .site-details{margin-bottom: 30px;}
    footer .site-details h5,
    footer .site-details .social-link{margin-top: 0;}
    /* footer .site-details p{width: unset;} */
    footer .footer-link-area{padding-left: 27px;}
    .mid-footer .partner-logo{margin: 30px auto;}
}


@media only screen and (max-width: 1199px) {
    .header .main-header{padding: 0 10px 0 10px;}
    .header .logo{width: 100px;}
    .header .navbar-nav{margin-left: 20px;}
    .header .nav-item{margin-right: 15px;}
    .dropdown .dropdown-item{padding: 10px 15px;}
    .dropdown .megha-dropdown .list-area li{width: 100%;}
    .dropdown .megha-dropdown .dropdown-item{padding: 12px 15px;}
    .dropdown .megha-dropdown .dropdown-item:hover{padding: 12px 5px 12px 25px;}
    .header .main-header .contact-area .header-contact{margin-right: 20px;font-size: 15px;}
    .header .main-header .contact-area .header-contact span.icon{margin-right: 8px;padding: 5px;width: 34px;height: 34px;border-width: 1px;}
    .header .main-header .contact-area .theme-btn{min-width: 160px;font-size: 12px;}
    .header .main-header .contact-area .theme-btn span, 
    .header .main-header .contact-area .theme-btn::after{padding: 15px 10px;}

    .counter-area{padding: 105px 0;}
    /*--------- Inner Page ---------*/
    /*--------- Career Page ---------*/
    .career-card .job-desc{width: 70%;}
    .career-card .job-share{width: 30%;}
    /*--------- Offering Detail Page ---------*/
    .choose-list-area .choose-list{padding: 30px;}
    .choose-list-area .choose-list .icon{margin: 0 10px 10px 0;width: 80px;}
    .choose-list-area .choose-list .content{padding-left: 10px;width: calc(100% - 90px);}
    /*--------- Company Page ---------*/
    .spcl-cta-sec .spcl-sec-area{flex-direction: column;}
    .spcl-cta-sec .spcl-sec-area p{margin-bottom: 20px;}
    .offering-card{flex-direction: column;align-items: flex-start;}
    .offering-card .offering-top-area{margin-top: 20px;margin-left: 0;padding: 20px 0 0 0;width: 100%;border-width: 1px 0 0 0;}
    /*--------- Portfolio Page ---------*/
    .portfolio-row .portfolio-card{width: 50%;}

}
@media only screen and (max-width: 991px) {
    .header{position: relative;background: #fff;}
    .header .top-header{border-color: #DBDBDB;}
    .header .top-header ul li{color: #444;}
    .header .top-header ul li:hover{color: var(--theme-blue);}
    .header .top-header ul li span{display: none;}
    .header .top-header ul li img{margin-right: 0;}
    .header .logo .white-logo{opacity: 0;}
    .header .logo .color-logo{opacity: 1;}
    .header .nav-link{color: #444;}
    .header .nav-link.active, .header .show .nav-link{color: var(--theme-yellow);}
    .header .main-header .contact-area .header-contact{color: #444;}
    .header .main-header .contact-area .header-contact:hover span{border-color: var(--theme-yellow);}
    .header .main-header{padding: 8px 10px 8px 10px;position: unset;}
    .navbar-collapse.collapsing{width: 100vw !important;height: 100vh !important;}
    .navbar-collapse{/*position: absolute;*/position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100vw;height: 100vh;background: #fff;z-index: 1;overflow-y: scroll;transform: scaleX(0);transform-origin: right;transition: 0.3s 0.1s;}
    .navbar-collapse *{opacity: 0;transition: 0.5s 0s;}
    .navbar-collapse.show{transform: scaleX(1);transition: 0.5s;}
    .navbar-collapse.show *{opacity: 1;transition: 0.3s 0.2s;}
    .navbar-collapse.collapse:not(.show){display: block;}
    /*---------------- Mobile Menu ----------------*/
    .mobile-menu{padding: 50px 70px 50px 50px;z-index: 1;position: fixed;}
    .mobile-menu .nav-item{border-bottom: 1px solid rgb(0 0 0 / 6%);position: relative;}
    .mobile-menu .nav-item:last-child{border-bottom: 0;}
    .mobile-menu .nav-link{padding: 15px 0 15px !important;font-size: 24px;font-weight: 500;line-height: 1.5;}
    .mobile-menu .dropdown-toggle{position: absolute;top: 20px;right: 15px;}
    .mobile-menu .dropdown-toggle::after{filter: invert(0);}
    /*-- Dropdown Menu --*/
    .mobile-menu .navbar-nav .dropdown-menu{position: relative;padding: 0;background: transparent;border: 0;border-radius: 0;}
    .mobile-menu .navbar-nav .dropdown-menu.show{position: relative !important;top: 0 !important;transform: translate3d(0, 0, 0) !important;}
    .mobile-menu .navbar-nav .dropdown-menu .dropdown-item{border: none;}
    .mobile-menu #menu-slider{display: none;}
    .mobile-menu .navbar-toggler{position: absolute;top: 18px;right: 20px;width: 50px;height: 40px;border: none;cursor: pointer;transition-duration: 0.5s;z-index: 1;}
    .mobile-menu .navbar-toggler:focus{box-shadow: unset;}
    .mobile-menu .navbar-toggler .icon{width: 25px;height: 3px;background: var(--theme-yellow);border-radius: 2px;position: absolute;top: 20px;right: 10px;transition-duration: 0.5s;}
    .mobile-menu .navbar-toggler .icon:before{content: "";width: 30px;height: 3px;background: var(--theme-blue);border-radius: 2px;position: absolute;right: 0;top: -8px;transform-origin: right;transition-duration: 0.5s;}
    .mobile-menu .navbar-toggler .icon:after{content: "";width: 20px;height: 3px;background: var(--theme-blue);border-radius: 2px;position: absolute;right: 0;top: 8px;transform-origin: right;transition-duration: 0.5s;}
    .mobile-menu .navbar-toggler[aria-expanded*=true] .icon{background: transparent;}
    .mobile-menu .navbar-toggler[aria-expanded*=true] .icon:before{top: -10px;right: 5px;transform: rotateZ(-45deg);}
    .mobile-menu .navbar-toggler[aria-expanded*=true] .icon:after{width: 30px;top: 11px;right: 5px;transform: rotateZ(45deg);}
    .dropdown-menu{max-height: 0;overflow-y: scroll;}
    .dropdown-menu.show{max-height: 185px;}


    .header:hover .nav-link.active, .header:hover .show .nav-link, .header.sticky .nav-link.active, .header.sticky .show .nav-link{color: #444;}
    .header .navbar-nav{margin-left: 0;}
    .dropdown-menu .container{padding: 0;max-width: 100%;}




    /* .header .navbar-nav{margin: 0;padding: 30px 70px 30px 50px;}
    .header .nav-item{border-bottom: 1px solid rgb(0 0 0 / 6%);}
    .header .nav-item:last-child{border-bottom: 0;}
    .header .nav-link{padding: 15px 0 15px !important;font-size: 24px;}
    .header:hover .show .nav-link{color: #444;} */


    .banner-area .carousel-item .banner-caption h3{font-size: 35px;}
    .banner-area .carousel-item .banner-caption p{font-size: 18px;}
    .sec-title{width: 100%;}
    .sec-title h6{font-size: 12px;}
    .sec-title h4{font-size: 30px;}
    .text-left-space{padding-left: 20px;}
    .owl-theme .owl-nav{top: -55px;}
    .owl-theme .owl-nav [class*=owl-]{width: 38px;line-height: 26px;}
    .theme-btn{font-size: 11px;}
    section{padding: 50px 0;}

    .services .owl-carousel{margin: 70px 0 40px 0;}
    .service-card{padding: 25px 5px 62px 5px;}
    .service-card .card-icon{padding: 0 0 20px 15px;height: 80px;}
    .service-card h4{margin-bottom: 10px;padding: 0 10px 10px 15px;font-size: 18px;}
    .service-card p{padding: 0 10px 5px 15px;}
    .service-card .card-link{left: 20px;bottom: 20px;width: 35px;height: 35px;}
    .service-card .card-link img{width: 15px;}
    .service-card:not(:hover) .card-link{opacity: 1;}
    .section-bg{height: 100%;}
    .section-bg img{height: 100%;object-fit: cover;}

    .whoweare .sec-title{margin-top: 30px;}
    .technology .technology-list{display: none;}
    .technology .accordion{margin-top: 35px;padding: 0 0;}
    .technology .accordion-header{display: block;}
    .technology .accordion-body{padding: 35px 0 35px;}
    .technology .icon-card img{margin-bottom: 10px;height: 50px;}
    .technology .icon-card p{font-size: 14px;}
    .whychoose-card{padding: 30px 20px 30px 8px;}
    .whychoose-card .title{padding: 0 0 10px 12px;}
    .whychoose-card p{padding: 15px 0 0 12px;}
    .whychoose .owl-carousel{margin: 15px 0 30px 0;}
    .page-caption .img-area{max-width: 220px;margin: 0 auto;padding: 0;}
    .page-caption .text-left-space{padding: 0;}
    .page-caption .sec-title{text-align: center;}
    .page-caption .sec-title h4{margin: auto;}
    .page-caption .theme-btn{margin: 15px auto 0;}



    /*--------- Inner Page ---------*/
    .sub-banner{padding: 50px 0 50px;}
    .sub-banner h4{margin-bottom: 15px;font-size: 36px;}
    .sub-banner p{font-size: 15px;}
    .theme-accordion .accordion-item .accordion-button{padding-left: 20px;}
    .theme-accordion .accordion-body{padding-left: 20px;}
    /*--------- Career Page ---------*/
    .career-card{flex-direction: column;padding: 0 5px;}
    .career-card .job-desc{padding: 20px;width: 100%;border-width: 0 0 1px 0;}
    .career-card .job-share{padding: 20px 20px;width: 100%;flex-wrap: wrap;flex-direction: row;align-items: center;align-content: center;justify-content: space-between;}
    .career-card .job-share .social{margin-bottom: 0px;}
    /*--------- Offering Detail Page ---------*/
    .service-main .img-area{margin-bottom: 30px;}
    .service-main .img-area .shape{left: -12px;bottom: -12px;width: 56px;height: 56px;border-radius: 5px 0 5px 5px;}
    .service-list-card{padding: 20px 20px;flex-direction: column;}
    .service-list-card .service-img{width: 100%;}
    .service-list-card .service-img img{aspect-ratio: 65/30;object-fit: cover;}
    .service-list-card .service-content{padding: 40px 0 0 0;width: 100%;}
    .service-list-card .service-content h5{margin-bottom: 15px;}
    .service-list-card:nth-child(even){flex-direction: column;}
    .service-list-card:nth-child(even) .service-content{padding: 40px 0 0 0;}
    .choose-list-area .choose-list{padding: 20px;width: 100%;border-width: 0 0 1px 0;}
    .choose-list-area .choose-list:last-child{border-bottom-width: 0;}
    /*--------- Testimonial Page ---------*/
    .testimonials-card{padding: 40px 20px;}
    .testimonials-card::after{top: -25px;right: 17px;width: 50px;height: 50px;font-size: 33px;line-height: 47px;}
    /*--------- Company Page ---------*/
    .about-us .img-area{margin-bottom: 20px;}
    .about-us .img-area .shape{left: -8px;bottom: -8px;width: 56px;height: 56px;border-radius: 5px 0 5px 5px;}
    .whyus .whyus-card{padding-left: 0px;}
    .spcl-services-sec .ms-logo{margin: 15px auto 0 auto;}
    .offering-card{padding: 20px;}
    .offering-card .offering-top-area{margin-top: 15px;padding: 15px 0 0 0;}
    /*--------- Portfolio Page ---------*/
    .portfolio-filter-section .filters{ max-width: 330px;}
    .portfolio-filter-section .filters .filter-tag{padding: 15px 30px 15px 15px;font-size: 15px;}
    .portfolio-filter-section .filters .filter-tag::after{right: 12px;width: 8px;height: 8px;}
    .portfolio-filter-section .filters .filter-list{padding: 10px 10px;border-radius: 0 0 10px 10px;}
    .portfolio-filter-section .filters .filter-list.show{max-height: 162px;}
    .portfolio-filter-section .filters .filter-list li{padding: 8px 15px;font-size: 13px;}
    .portfolio-filter-section .filters .filter-list li:hover{padding: 8px 5px 8px 25px;}
    .portfolio-row .portfolio-card{padding: 30px 20px;}
    .portfolio-row .portfolio-card .content-area .title{font-size: 18px;}
    .portfolio-row .portfolio-card .content-area .theme-btn{margin: 10px auto 0;min-width: 120px;font-size: 10px;}
    .portfolio-row .portfolio-card .content-area .theme-btn span, 
    .portfolio-row .portfolio-card .content-area .theme-btn::after{padding: 8px 8px;}
    .portfolio-modal .modal-content{height: unset;}
    .portfolio-modal .portfolio-image{margin: 0 auto 30px;max-width: 550px;}
    .portfolio-modal .modal-controlarea{position: fixed;}
    .portfolio-modal .portfolioFeature li{margin-bottom: 10px;font-size: 14px;line-height: 20px;}
    .portfolio-modal .portfolioFeature li i{width: 25px;font-size: 18px;line-height: 20px;}
	
	
	/* 22-03-2024 */
	.portfolio-modal .sec-title h4{margin-bottom: 24px;}

}

@media only screen and (max-width: 767px) {
    .banner-area .carousel-item .banner-caption h3{font-size: 28px;}
    .banner-area .carousel-item .banner-caption p{font-size: 15px;}
    .banner-area .carousel-control-prev,
    .banner-area .carousel-control-next{bottom: 20px;}
    .sec-title h4{font-size: 25px;}
    .services .caption{font-size: 15px;}
    .counter-area{padding: 75px 0;}
    footer .site-details{margin-bottom: 0;}
    footer .footer-link-area{margin-top: 15px;}
    .mid-footer{width: 100%;}


    /*--------- Inner Page ---------*/
    /*--------- Under Construction Page ---------*/
    .under-construction{padding: 50px 0;}
    .under-construction .sec-title h6{padding: 5px 20px;font-size: 22px;}
    .under-construction .sec-title h4{font-size: 35px;}
    /*--------- Offering Detail Page ---------*/
    .service-list-card .service-content h5{font-size: 20px;}
    /*--------- Portfolio Page ---------*/
    .portfolio-row{margin: 0 auto;max-width: 500px;}
    .portfolio-row .portfolio-card{width: 100%;}
    .portfolio-row .portfolio-card .img-area{margin: 0 auto;padding: 0 0 15px;max-width: 230px;}
}



@media only screen and (max-width: 575px) {
    section{padding: 40px 0;}


    .header .main-header{padding: 8px 0px 8px 0px;}
    .header .main-header .contact-area .header-contact{margin-right: 10px;}
    .header .main-header .contact-area .header-contact span:not(.icon){display: none;}
    .header .main-header .navbar-toggler{margin-left: 10px;padding: 0;width: 30px;}
    .header .navbar-toggler .icon{right: 0px;}
    .header .logo{width: 80px;}
    .header .main-header .contact-area .theme-btn{min-width: 140px;font-size: 12px;}
    .header .main-header .contact-area .theme-btn span, 
    .header .main-header .contact-area .theme-btn::after{padding: 12px 5px;}


    .sec-title h4{font-size: 20px;}

    .banner-area .carousel-item .banner-caption{display: none;}
    .banner-area .carousel-control-prev, 
    .banner-area .carousel-control-next{width: 25px;height: 25px;}
    .banner-area .carousel-control-prev{right: 55px;}
    .banner-area .carousel-control-prev img, 
    .banner-area .carousel-control-next img{width: 15px;}
    .whoweare .img-area .shape{left: -8px;bottom: -8px;width: 56px;height: 56px;border-radius: 5px 0 5px 5px;}
    .counter-card h6{padding: 0 15px 9px 15px;justify-content: center}
    .counter-card p{padding: 13px 15px 0 15px;text-align: center;}
    .btm-footer .container{flex-direction: column;}
    .btm-footer .container p{margin-bottom: 10px;text-align: center;}
    .btm-footer .container p:last-child{margin-bottom: 0;}


    /*--------- Inner Page ---------*/
    .sub-banner{padding: 30px 0 30px;}
    .sub-banner h4{margin-bottom: 10px;font-size: 30px;}
    .sub-banner p{font-size: 14px;}
    /*--------- Contact Us Page ---------*/
    .conatct-area .contact-card{width: 100%;}
    .conatct-area .contact-card:nth-child(1),
    .conatct-area .contact-card:nth-child(2),
    .conatct-area .contact-card:nth-child(3){border-width: 0 0 1px 0;}
    .contact-frm-area{padding: 30px 20px;}
    .contact-map{height: 340px;}
    /*--------- Career Page ---------*/
    .career-card .job-share{flex-direction: column;}
    .career-card .job-share .social{margin-bottom: 15px;}
    /*--------- Offering Detail Page ---------*/
    .service-list-card .service-img img{aspect-ratio: 26/16;}
    .choose-list-area .choose-list{flex-direction: column;}
    .choose-list-area .choose-list .icon{width: 60px;}
    .choose-list-area .choose-list .icon img{max-width: 40px;max-height: 40px;}
    .choose-list-area .choose-list .content{width: 100%;}
    /*--------- Testimonial Page ---------*/
    .testimonials-card{padding: 25px 20px;}
    .testimonials-card .testimonial-desc h6{font-size: 17px;}
    .testimonials-card .testimonial-desc p{font-size: 14px;}
    /*--------- Company Page ---------*/
    .spcl-services{margin-top: 20px;padding: 30px 6px 30px 6px;height: calc(100% - 20px);}
    .spcl-services::before, .spcl-services::after{top: -20px;width: 40px;}
    .spcl-services .title{font-size: 20px;}
    .spcl-services .title::after{width: 100%;}
    /*--------- Portfolio Page ---------*/
    .portfolio-modal .modal-controlarea .close-btn{padding: 0px;width: 40px;height: 40px;}
    .portfolio-modal .modal-controlarea .close-btn::before, 
    .portfolio-modal .modal-controlarea .close-btn::after{width: 20px;height: 2px;border-radius: 2px;}
    .portfolio-modal .modal-controlarea .modal-control{margin: 2px 0;width: 30px;height: 30px;}
    .portfolio-modal .modal-controlarea .modal-control::before{width: 8px;}
    .portfolio-filter-section .filters{border-radius: 5px;}
    .portfolio-filter-section .filters .filter-list{left: 10px;width: calc(100% - 20px);border-radius: 0 0 15px 15px;inset: 0 10px auto 10px !important;}

}


@media only screen and (max-width: 499px) {/*
    .header .logo{width: 100%;}
    .header .logo .white-logo{filter: invert(1);margin: auto;display: block;width: 100px;}
    .header .logo .color-logo{left: 50%;transform: translateX(-50%);width: 100px;}
    .header .main-header .contact-area{margin-top: 10px;width: 100%;justify-content: space-between;}*/
    .mobile-menu{padding: 30px 50px 30px 30px;}
}