/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation:landscape) {
    body {
        -webkit-text-size-adjust: none;
    }
}

@media only screen and (orientation:portrait) {
    body {
        -webkit-text-size-adjust: none;
    }
}

@media screen and (max-width: 1299px) {}

@media screen and (max-width: 1199px) {
    .got-purpose-section {
        padding-block: 50px;
    }

    .got-purpose-section .right-content-wrapper ul li p,
    .got-purpose-section .left-content-wrapper p,
    .got-purpose-section .left-content-wrapper .title-2 {
        padding-bottom: 30px;
    }

    .got-purpose-section .right-content-wrapper ul li h4 {
        padding-bottom: 20px;
    }

    .got-purpose-section .right-content-wrapper ul li {
        padding-block: 20px;
    }

    .why-visual-section .main-block {
        padding-block: 50px 100px;
    }

    .why-visual-section .video-block .video-wrapper {
        top: -50px;
    }

    .see-the-difference-section .main-block .title-3 {
        padding-bottom: 65px;
    }

    .see-the-difference-section .main-block .odd-even-box .odd p,
    .see-the-difference-section .main-block .odd-even-box .odd .title-2 {
        padding-bottom: 30px;
    }

    .see-the-difference-section {
        padding-bottom: 65px;
    }

    .left-content-right-list-widget {
        padding-block: 65px;
    }

    .left-content-right-list-widget .left-content-wrapper .content-wrapper .title-2,
    .left-content-right-list-widget .left-content-wrapper .content-wrapper p {
        padding-bottom: 30px;
    }

    .left-content-right-list-widget .right-content-wrapper ul li {
        padding-block: 30px;
    }

    .industries-section {
        padding-top: 65px;
    }

    .support-brands-section {
        padding-block: 50px 65px;
    }

    .support-brands-section .title-3 {
        padding-bottom: 50px;
    }

    .industries-section .top-block .left-content-wrapper p,
    .left-content-right-list-widget.style-2 .left-content-wrapper .content-wrapper p,
    .industries-section .top-block .left-content-wrapper .title-2 {
        padding-bottom: 30px
    }

    .left-content-right-list-widget.style-2 .step {
        margin-bottom: 15px;
    }

    .left-content-right-list-widget .right-content-wrapper ul li h4 {
        padding-bottom: 20px;
    }

    .left-content-right-list-widget.style-2 .left-content-wrapper .content-wrapper a {
        margin-bottom: 30px;
    }

    .testimonials-section {
        padding-block: 60px 50px;
    }

    .why-visual-section .main-block .title-3 {
        padding-bottom: 30px;
    }

    .testimonials-section .title-3 {
        padding-bottom: 50px;
    }

    .slick-dots {
        margin-top: 25px;
    }

    footer {
        padding-block: 60px 36px;
    }

    footer .title-2 {
        padding-bottom: 70px;
    }

    footer .box-container {
        margin-bottom: 80px;
    }

    footer .box-container {
        gap: 80px;
    }

    .multi-blogs-section {
        padding-block: 50px;
    }

    .multi-blogs-section .main-block .title-2 {
        padding-bottom: 40px;
    }

    .multi-blogs-section .main-block .pagination {
        padding-top: 50px;
    }

    .three-sequence-content-box-section {
        padding-block: 50px;
    }

    .three-sequence-content-box-section .box-container .box-2 p,
    .three-sequence-content-box-section .box-container .box-1 h3 {
        padding-bottom: 20px;
    }

    .three-sequence-content-box-section .box-container {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .tell-us-project-section,
    .quick-contact-details-section {
        padding-block: 50px;
    }

    .cta-section-widget-style-3 {
        padding-block: 40px;
    }

    .quick-contact-details-section .title-4 {
        max-width: unset;
        padding-bottom: 40px;
    }

    .quick-contact-details-section .box-container .box h4 {
        padding-bottom: 10px;
    }

    .quick-contact-details-section .box-container .row {
        --bs-gutter-y: 20px;
    }

    .tell-us-project-section .form-wrapper .form-control {
        padding: 15px;
    }

    .meet-behind-the-camera-section,
    .mission-story-approach-section .box-container .box {
        padding-block: 50px;
    }

    .mission-story-approach-section .box-container .box .left-wrapper .sub-title,
    .mission-story-approach-section .box-container .box .left-wrapper .title-4 {
        padding-bottom: 20px;
    }

    .mission-story-approach-section .box-container .box .left-wrapper ol li+li {
        margin-top: 25px;
    }

    .mission-story-approach-section .box-container .box .left-wrapper ol li strong {
        padding-bottom: 0;
    }

    .meet-behind-the-camera-section .title-2 {
        padding-bottom: 20px;
    }

    .meet-behind-the-camera-section p {
        padding-bottom: 35px;
    }

    .meet-behind-the-camera-section .btn-block .primary-btn-2 {
        margin-top: 30px;
    }

    .cta-section-widget-style-1 .row {
        justify-content: center !important;
        text-align: center;
    }

    .cta-section-widget-style-1 .right-wrapper {
        margin-top: 20px;
    }

    .cta-section-widget-style-2,
    .working-with-bose-section {
        padding-block: 50px;
    }

    .working-with-bose-section .main-block {
        padding: 100px 30px;
    }

    .video-testimonials-section,
    .video-testimonials-section .title-4 {
        padding-bottom: 50px;
    }

    .cta-section-widget-style-2 .title-2 {
        padding-bottom: 20px;
    }

    .cta-section-widget-style-4,
    .single-blogs-section,
    .inner-banner-style-3 {
        padding-block: 50px;
    }

    .single-blogs-section .blogs-content-wrapper h3 {
        padding-bottom: 15px;
    }

    .single-blogs-section .blogs-content-wrapper ul,
    .single-blogs-section .blogs-content-wrapper p {
        padding-bottom: 25px;
    }

    .cta-section-widget-style-4 p,
    .cta-section-widget-style-4 .title-4 {
        padding-bottom: 20px;
    }

    .single-blogs-section .side-bar ul li {
        padding-block: 20px;
    }

    .single-blogs-section .side-bar ul li p,
    .single-blogs-section .side-bar .search {
        padding-bottom: 25px;
    }

    .single-blogs-section .side-bar .search .input-group .form-control {
        padding: 15px;
    }

    .tell-us-project-section .title-2 {
        margin-bottom: clamp(34px, 3.906vw, 75px);
    }

    #menu-main-menu {
        display: flex;
    }
}

@media screen and (max-width: 991px) {
    .got-purpose-section .right-content-wrapper {
        margin-top: 40px;
		margin-bottom: 40px;
    }

    .why-visual-section .video-block .video-wrapper {
        height: 300px;
    }

    .see-the-difference-section .main-block .odd-even-box+.odd-even-box {
        margin-top: 50px;
    }

    .industries-section .top-block .right-content-wrapper,
    .left-content-right-list-widget .right-content-wrapper {
        margin-top: 30px;
    }

    .industries-section .top-block .right-content-wrapper {
        height: 300px;
    }
	
	.what-brands-section .title-block{
		margin: 0 0 30px 0;
	}
	
	.what-brands-section .text-block{
		margin: 0 0 30px 0;
	}

    footer .box-container {
        gap: 30px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    footer .title-2 {
        padding-bottom: 40px;
    }

    footer .box-container {
        margin-bottom: 40px;
    }

    .support-brands-section .title-3 {
        padding-bottom: 40px;
    }

    .testimonials-section .title-3 {
        padding-bottom: 30px;
    }

    .three-sequence-content-box-section .box-container .box-1 {
        margin-bottom: 30px;
    }

    .tell-us-project-section .form-wrapper .row {
        --bs-gutter-y: 20px
    }

    .cta-section-widget-style-3 .main-block ul li a {
        width: 50px;
    }

    .cta-section-widget-style-3 .main-block ul li a i {
        font-size: 18px;
    }

    .mission-story-approach-section .box-container .box .right-wrapper {
        margin-top: 30px;
    }

    .video-testimonials-section .box-container .box {
        height: 300px;
    }

    .single-blogs-section .side-bar {
        margin-top: 30px;
    }

    .left-content-right-list-widget .right-content-wrapper {
        max-height: initial;
    }

    .tell-us-project-section .left-wrapper .img-wrapper {
        width: 100%;
        aspect-ratio: 1 / 0.799;
        margin-bottom: 30px;
    }

    .stellarnav.dark a.dd-toggle .icon-plus::after,
    .stellarnav.dark a.dd-toggle .icon-plus::before {
        border-color: var(--bc-black);
    }

    #menu-main-menu {
        display: initial;
    }

    .stellarnav.mobile.right>ul,
    .stellarnav.mobile.left>ul {
        height: max-content;
    }
}




/*NEW GRID SYSTEM*/
@media screen and (max-width:767px) {
    .container:has(.floating-piller-bar) {
        display: none;
        padding-block-start: 30px !important;
        background-color: var(--bc-light-orange);
        box-shadow: 0 0 0 100vmax var(--bc-light-orange) !important;
        clip-path: inset(0 -100vmax);
    }

    .floating-piller-bar.floating-piller-bar-desktop {
        display: none;
        position: static !important;
        transform: translateY(0) !important;
        padding-top: 30px !important;
        box-shadow: 0 0 0 100vmax var(--bc-light-orange) !important;
        clip-path: inset(0 -100vmax);
    }


    .floating-piller-bar .col-12 {
        border: none !important;
    }

    .floating-piller-bar p {
        text-align: left !important;
        font-size: 14px;
    }

    .floating-piller-bar .col-12:not(:last-child) p {
        margin-bottom: 10px;
    }

    .floating-piller-bar-mobile{
        display: block;
        background-color: var(--bc-light-orange);
    }

	.common-button-for-slider > button{
		display: none !important;
	}
    .trusted-by-healthcare-section {
        padding-block-start: 0;
    }

    .logo-slider-section-home {
        padding: 0 0 70px 0;
    }

    .why-visual-section .video-block .video-wrapper {
        top: 0;
        margin-block: 30px;
    }

    .why-visual-section .main-block {
        padding-block: 50px;
    }

    .see-the-difference-section .main-block .title-3 {
        padding-bottom: 40px;
    }

    .see-the-difference-section .main-block .odd-even-box .even {
        margin-top: 30px;
    }

    .testimonials-section #testimonials-slider .single-slide p {
        min-height: unset;
    }

    .multi-blogs-section .main-block .box-container .box .content-wrapper p,
    .multi-blogs-section .main-block .box-container .box .content-wrapper h5 {
        padding-bottom: 20px;
    }

    .multi-blogs-section {
        padding-block: 30px;
    }

    .multi-blogs-section .main-block .title-2 {
        padding-bottom: 25px;
    }

    .three-sequence-content-box-section .box-container .box-2 {
        margin-bottom: 30px;
    }

    .three-steps-plan-section .block {
        height: auto;
    }

    [class^="primary-btn-"].lg {
        padding-inline: 40px;
    }

    .quick-contact-details-section .map {
        height: 300px;
        margin-top: 30px;
    }

    .cta-section-widget-style-2,
    .working-with-bose-section {
        padding-block: 40px;
    }

    .video-testimonials-section,
    .video-testimonials-section .title-4 {
        padding-bottom: 30px;
    }

    .inner-banner-style-3 .title-1 {
        padding-bottom: 20px;
    }

    .home-banner-section .row {
        justify-content: center !important;
    }

    .home-banner-section .left-content-wrapper {
        text-align: center;
    }

    .home-banner-section .left-content-wrapper p {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .trusted-by-healthcare-section .box-container {
        grid-template-columns: repeat(3, 1fr);
    }

    .three-sequence-content-box-section .box-container .box-3 {
        width: 100%;
    }

    .inner-banner .left-wrapper .title-1 br {
        display: none;
    }

    .backToTopBtn {
        display: none;
    }

    .video-testimonials-section.home .box-container [class^="col-"]:nth-child(n+4) {
        display: none;
    }

    .video-testimonials-section .primary-btn-2 {
        display: block;
    }

    .what-brands-section .text-block {
        margin: 0 0 30px 0;
    }

}

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

    .home-banner-section .primary-btn-1,
    .home-banner-section .primary-btn-3 {
        width: 100%;
    }
	
	.problem-statement .main-block h3 {
		padding: 30px;
	}


    .got-purpose-section {
        padding: 30px 0 70px 0;
    }
	
	.got-purpose-section .title-2.mb-5{
		margin: 0 !important;
	}

    .got-purpose-section .right-content-wrapper ul li p,
    .got-purpose-section .left-content-wrapper p,
    .got-purpose-section .left-content-wrapper .title-2 {
        padding-bottom: 20px;
    }

    .got-purpose-section .right-content-wrapper ul li h4,
    .got-purpose-section .right-content-wrapper ul li p,
    .got-purpose-section .left-content-wrapper p,
    .got-purpose-section .left-content-wrapper .title-2 {
        padding-bottom: 15px;
    }

    .why-visual-section .main-block {
        padding-block: 40px;
    }

    .why-visual-section .main-block .title-3 {
        padding-bottom: 20px;
    }

    .why-visual-section .video-block .video-wrapper {
        height: 250px;
    }
	
	.video-testimonials-section .box-container .box .play-btn-1 {
		right: 0;
		left: 0;
		max-width: calc(100% - 30px);
		margin: 0 auto;
		text-align: center;
		justify-content: center;
	}

    .see-the-difference-section .main-block .title-3 {
        padding-bottom: 30px;
    }

    .see-the-difference-section .main-block .odd-even-box .odd p,
    .see-the-difference-section .main-block .odd-even-box .odd .title-2 {
        padding-bottom: 20px;
    }

    .see-the-difference-section .main-block .odd-even-box+.odd-even-box {
        margin-top: 30px;
    }

    .see-the-difference-section {
        padding-bottom: 40px;
    }

    .left-content-right-list-widget {
        padding-block: 40px;
    }

    .left-content-right-list-widget .left-content-wrapper .content-wrapper .title-2,
    .left-content-right-list-widget .left-content-wrapper .content-wrapper p {
        padding-bottom: 20px;
    }

    .left-content-right-list-widget .left-content-wrapper .content-wrapper a {
        margin-bottom: 30px;
    }

    .left-content-right-list-widget .right-content-wrapper ul li h4 {
        padding-bottom: 15px;
    }

    .left-content-right-list-widget .right-content-wrapper ul li p {
        padding-bottom: 20px;
    }

    .left-content-right-list-widget .right-content-wrapper ul li {
        padding-block: 25px;
    }

    .industries-section {
        padding-top: 40px;
    }

    .see-the-difference-section-new {
        padding-block: 0;
    }

    .see-the-difference-section-new .see-difference-slider .video-block .text-block {
        justify-content: center;
        align-items: flex-start;
        gap: 10px;
        position: static;
        padding: 20px;
            background: rgb(22 34 19);
    }

    .testimonials-section,
    .support-brands-section {
        padding-block: 40px;
    }

    footer .title-2 {
        padding-bottom: 30px;
    }

    footer .box-container .box h4 {
        padding-bottom: 5px;
    }

    footer .box-container {
        margin-bottom: 30px;
    }

    footer {
        padding-block: 40px;
    }

    footer .box-container {
        gap: 15px;
    }

    [class^="primary-btn-"].sm {
        padding-block: 12px;
    }

    .three-sequence-content-box-section {
        padding-block: 40px;
    }

    .three-sequence-content-box-section .box-container .box-2 p,
    .three-sequence-content-box-section .box-container .box-1 h3 {
        padding-bottom: 15px;
    }

    .three-sequence-content-box-section .box-container .box-1 {
        margin-bottom: 20px;
    }

    .three-sequence-content-box-section .box-container {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .three-sequence-content-box-section button.primary-btn-3 {
        width: 100%;
    }

    .cta-section-widget-style-3 .main-block {
        flex-direction: column;
        gap: 20px;
    }

    .tell-us-project-section .form-wrapper [class^="col-"]:has(.primary-btn-2) {
        justify-content: center;
    }

    .cta-section-widget-style-3 {
        padding-block: 20px;
    }

    .cta-section-widget-style-2,
    .working-with-bose-section {
        padding-block: 30px;
    }

    .cta-section-widget-style-4,
    .single-blogs-section,
    .inner-banner-style-3 {
        padding-block: 40px;
    }

    .inner-banner .row {
        justify-content: center !important;
    }

    .inner-banner {
        text-align: center;
    }

    .slick-slide img {
        width: 100%;
    }

    .cta-section-widget-style-4 .btn-block a {
        width: 100%;
        flex: auto;
    }
}

@media screen and (max-width:500px) {
    [class^="primary-btn-"] {
        padding: 15px 20px;
    }

    .multi-blogs-section .main-block .box-container .box .img-wrapper {
        height: 250px;
    }

    .multi-blogs-section .main-block .pagination button {
        width: 30px;
    }

    .multi-blogs-section .main-block .pagination {
        gap: 15px;
    }

    .multi-blogs-section .main-block .pagination {
        padding-top: 30px;
    }

    [class^="primary-btn-"].sm {
        padding-block: 8px;
    }

    .three-sequence-content-box-section {
        padding-block: 30px;
    }

    .tell-us-project-section,
    .quick-contact-details-section {
        padding-block: 40px;
    }

    .quick-contact-details-section .title-4 {
        padding-bottom: 25px;
    }

    .quick-contact-details-section .map {
        height: 250px;
    }

    .quick-contact-details-section .map::after {
        bottom: -10px;
        right: -10px;
    }

    .tell-us-project-section .left-wrapper .img-wrapper::after {
        bottom: -10px;
        left: -10px;
    }

    .tell-us-project-section .form-wrapper label {
        margin-bottom: 0;
    }

    .meet-behind-the-camera-section,
    .mission-story-approach-section .box-container .box {
        padding-block: 40px
    }

    .cta-section-widget-style-4,
    .single-blogs-section,
    .inner-banner-style-3 {
        padding-block: 30px;
    }

}

@media screen and (max-width:400px) {
    .multi-blogs-section .main-block .box-container .box .img-wrapper {
        height: 200px;
    }

    footer .box-container .box a {
        font-size: 17px;
    }

    .multi-blogs-section .main-block .pagination button {
        width: 25px;
    }

    .multi-blogs-section .main-block .pagination {
        gap: 10px;
    }

    .multi-blogs-section .main-block .box-container .box .content-wrapper {
        padding: 20px;
    }

    .tell-us-project-section,
    .quick-contact-details-section {
        padding-block: 30px;
    }

    .quick-contact-details-section .box-container .row {
        --bs-gutter-y: 15px
    }

    .quick-contact-details-section .box-container .box h4 {
        padding-bottom: 0;
    }

    .tell-us-project-section .form-wrapper .form-control {
        padding: 10px;
    }

    .cta-section-widget-style-3 .main-block {
        gap: 15px;
    }

    .cta-section-widget-style-3 .main-block ul li a {
        width: 40px;
    }

    .cta-section-widget-style-3 .main-block ul {
        gap: 15px;
    }

    .meet-behind-the-camera-section,
    .mission-story-approach-section .box-container .box {
        padding-block: 30px
    }

    .mission-story-approach-section .box-container .box .left-wrapper ol li+li {
        margin-top: 15px;
    }

    .cta-section-widget-style-1 .right-wrapper {
        flex-direction: column;
        gap: 10px;
    }

    .cta-section-widget-style-1 .left-wrapper .title-2 {
        padding-bottom: 15px;
    }

    .trusted-by-healthcare-section .box-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .col-xs-12 {
        width: 100%;
    }

}

@media screen and (max-width:350px) {}