@media (min-width: 1201px) {
    .mean-expand {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .mean-nav {display: none !important;}
    .contact-sec .container {
        max-width: 1100px;
    }
    .inner-banner .container ,.post-listing .container , .single-blog .container , .portfolio-archive .container , .portfolio-single .container {
        max-width: 1124px;
    }    
}

@media (min-width: 1400px) {
    .container{
        max-width: 1344px;
    }
}


@media (max-width: 1299px) {
    .main_menu > ul > li > a { font-size: 16px; padding: 10px 7px; }
    .hero-banner { min-height: 820px; }
}
/*1299px end*/

@media (max-width: 1199px) {

    .main_menu {
        display: none !important;
    }

    .lines-button {
        display: block;
    }

    .mean-nav {
        width: 100%;
        left: 0;
        top: 100%;
        height: calc(100vh - 65px);
        height: auto;
        overflow: auto;
        overflow-x: hidden;
    }

    .mean-bar {
        position: static;
    }

    .lines-button.x2.meanclose .lines:after {
        transform: rotate3d(0, 0, 1, 45deg) !important;
        transform-origin: 50% 50% 0;
    }

    .lines-button.x2.meanclose .lines:before {
        transform: rotate3d(0, 0, 1, -45deg) !important;
        transform-origin: 50% 50% 0;
    }

    .meanclose .lines {
        background: none;
    }

    .lines:before,
    .lines:after,
    .lines {
        width: 25px;
        height: 2px;
        background: var(--Blue);
    }

    .lines{
        width: 25px;
    }

    .lines:before{
        width: 25px;
    }

    header .navigation .mean-bar ul.firstul {
        display: block;
    }

    .dropdown-toggle::after {
        display: none;
    }

    .lines-button {
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
	}

    .fixnav .meanclose .lines {
        background: none !important;
    }

    header .navigation .mean-bar ul.firstul {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    header .navigation .mean-bar ul.firstul {
        padding-bottom: 42px;
        margin-top: 0;
        padding-top: 42px;
        background-color: var(--White);
    }

    .mean-nav ul.firstul>li>a:not(.mean-expand) {
        box-shadow: none;
        background: var(--White);
    }

    body .mean-nav ul.firstul>li:hover>a:not(.mean-expand) {
        background-color: var(--White) !important;
        color: var(--Light-Blue) !important;
    }

    .mean-nav ul li a.mean-expand {
        background-image: url(../images/down.svg) !important;
        background-size: 13px !important;
        transform: rotate(0deg);
        height: 54px;
        width: 60px;
        top: 5px;
        background-repeat: no-repeat !important;
        background-position: center !important;
        top: 0;
    }

    .mean-nav ul.dropdown-menu {
        border: none;
    }

    body .menu-cntdtl-wrap ul li a,
    body .menu-cntdtl-wrap ul li a:hover {
        padding: 22px 44px 22px 26px;
        min-height: 1px;
    }

    .menu-icon {
        justify-content: center;
        display: flex;
    }

    .menu-cntdtl-wrap ul li:first-child {
        padding: 0 15px;
    }

    .mean-nav {
        height: calc(100vh - 101px);
    }

    .home .mean-nav {
        height: calc(100vh - 101px);
    }

    body.fixnav.home .mean-nav {
        height: calc(100vh - 101px);
    }

    .mean-nav ul .dropdown-menu {
        position: relative;
        top: 0;
    }

    body .mean-nav ul.firstul>li:hover>a.mean-expand,
    body .main_menu ul>li:hover>a.mean-expand {
        /*background: var(--wpr-bg-f47d6416-7b7f-4d63-b2fa-3d630a41903b) !important;*/
        box-shadow: none;
        background-color: transparent !important;
        transform: rotate(0deg);
    }

    body .mean-nav ul li a.mean-expand.mean-clicked {
        transform: rotate(180deg) !important;
    }

    header .navigation .mean-bar ul.firstul li a+ul.dropdown-menu li a {
        padding: 13px 40px;
    }
    .mean-nav ul .dropdown-menu li:last-child {
        border-bottom: none;
    }

    .mean-nav>ul>li.current_page_item>li.current_page_item>a,
    .mean-nav>ul>li.current-menu-ancestor>ul>li.current-menu-parent>a,
    .mean-nav>ul>li>ul>li>ul>li.current-menu-item>a {
        background: #0093bb;
        color: #fff;
    }

    .mean-nav>ul>li.current_page_item>a:not(.mean-expand),
    .mean-nav>ul>li>ul>li>ul>li.current_page_item>a:not(.mean-expand) {
        background-color: var(--White) !important;
        color: var(--Blue) !important;
        color: var(--Light-Blue) !important;
        /* text-decoration: underline;
        text-underline-offset: 12px; */
    }
    .mean-nav>ul>li.current_page_item>a.mean-expand{
        box-shadow: none;
        background-color: transparent !important;
        transform: rotate(0deg);
    }

    .mean-nav  > ul > li.current-menu-parent > a,.mean-nav  > ul > li.current-page-parent > a,.mean-nav  > ul > li > ul > li.current_page_parent > a { background-color: var(--Red) !important ; }
    .mean-nav  > ul > li.current-menu-parent > a.mean-expand,.mean-nav  > ul > li.current-page-parent > a.mean-expand,.mean-nav  > ul > li > ul > li.current_page_parent > a.mean-expand{  background-color: transparent !important;}
    .mean-nav  > ul > li.current-menu-parent > ul > li.current-menu-item > a {  color: var(--Light-Blue) !important}

    .mean-nav {
        width: 100vw;
        left: 50%;
        right: 50%;
        background: var(--Blue);
        margin-left: -50vw;
        margin-right: -50vw;
        opacity: 0;
        transition: opacity 0.33s linear;
        pointer-events: none;
    }

    .opennav .mean-nav {
        opacity: 1;
        transition: opacity 0.33s linear;
        pointer-events: auto;
    }

    body.fixnav header {
        z-index: 99999;
    }

    .lines-button.x2.meanclose .lines::before {
        width: 24px !important;
    }

    .lines-button.x2.meanclose .lines::after {
        width: 24px !important;
    }

    .mean-nav ul li a:hover,
    header .navigation .mean-bar ul.firstul li a+ul.dropdown-menu li a:hover {
        background-color: var(--White) !important;
        color: var(--Light-Blue);
    }

    .opennav .mean-nav {
        display: block !important;
    }

    .opennav .mean-nav{
        display: flex !important;
        flex-direction: column;
        background: #fff;
    }

    .mean-nav ul>li.current-menu-item> a {
        color: var(--Light-Blue) !important;
    }

    .mean-nav ul>li.current-menu-item> a.mean-expand{
        filter: brightness(0) saturate(100%) invert(46%) sepia(100%) saturate(388%) hue-rotate(169deg) brightness(83%) contrast(96%);
    }

    /*home page*/
    body:not(.home) .content {
        padding-top: 101px;
    }
    h1, .h1 {
        font-size: 56px;
        line-height: 60px;
    }
    h2, .h2 {
        font-size: 42px;
        line-height: 50px;
    }
    h3, .h3 {
        font-size: 36px;
        line-height: 46px;
    }
	h4, .h4 {
        font-size: 34px;
        line-height: 50px;
	}
    header .header-menu {
        padding: 20px 30px;
    }	
	header a.con-btn {
        display: none;
	}
	header .navigation .mean-bar ul.firstul li a {
        min-height: 1px;
        text-align: left;
        padding: 15px 30px;
        color: var(--Blue);
        font-size: 18px;
        font-style: normal;
        font-family: Raleway, sans-serif;
        font-weight: 600;
        line-height: 24px;
        text-transform: uppercase;
        letter-spacing: 0;
	}
	header {
        box-shadow: 0px 4px 28px 0px #C7C7C747;
        background-color: var(--White);
        backdrop-filter: none;
	}
	.hero-banner {
        min-height: 750px;
	}
	.hero-banner h2 {
        line-height: 62px;
        max-width: 660px;
        font-size: 42px;
    }
	.lcri-sec {
        padding: 80px 0;
	}
	.lcri-sec h6 {
        margin: 30px 0;
	}
	.lcri-sec .left-wrp p {
        margin-bottom: 25px;
    }
    .wwd-sec {
        padding: 60px 0;
	}
	.wwd-sec .serv-posts-wrapper {
        gap: 26px 20px;
        margin-top: 45px;
    }
    .blog-sec .posts-wrapper {
        gap: 30px 20px;
        margin-top: 45px;
    }
    .service-details {
        padding: 120px 0;
        text-align: center;
    }
    .service-details .more-btn {
        margin-top: 75px;
    }
    .service-details h2 {
        letter-spacing: 4px;
    }
    footer .col-in a {
        font-size: 18px;
        line-height: 22px;
    }

    /* contact page */
    .contact-sec {
        padding: 70px 0;
    }
    .contact-sec .col-md-12>h2 {
        padding-bottom: 10px;
        line-height: 50px;
        margin-bottom: 30px;
    }
    .contact-sec .col-md-12>h4 {
        line-height: 50px;
        margin-bottom: 30px;
    }
    .map-details {
        padding-top: 70px;
    }
    .map-details iframe {
        min-height: 500px;
    }

    /* blog-page */
    .news {
        padding: 70px 0;
    }
    .news .posts-grid {
        gap: 30px 25px;
    }

    /* about page & services page */
    .about-information .information-in .content-wrp, .serv-sec .post-wrapper .single-post-box .post-content {
        padding: 50px 30px;
    }
    .about-information .cnt-wrp h2 {
        margin-bottom: 30px;
    }
    .solutions h3{letter-spacing: 0;}
    .serv-sec .post-wrapper .single-post-box .post-content h3 {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .sidebar {
        padding-left: 0;
    }
    .single-blog .blog-banner {
        padding-right: 0;
    }
    .portfolio-archive .portfolio-grid .portfolio-thumb .portfolio-overlay .portfolio-buttons .btn {
        padding: 9px 12px;
    }
    .portfolio-single .featured-image {
        padding-right: 0;
    }
    .portfolio-single .row>div:first-child , .portfolio-single .row>div:last-child{
        width: 50%;
    }
    .portfolio-single {
        padding: 80px 0;
    }
    .single-service {
    padding: 70px 0;
    }
    .single-service .post-cnt-wrp .space-cnt .cnt-wrp {
    padding: 15px 25px;
    }
    /* .single-service .post-cnt-wrp .space-cnt img{ height: auto; } ; */
    .single-service .post-cnt-wrp h1 {
        font-size: 48px;
        line-height: 56px; 
    }
    .form-detail-sec .form-wrp {
        max-width: 100%;
    }
    .faq-sec {
        padding: 60px 0 30px;
    }
    .image-gallery.full-width .gallery-main .gallery-in {
        width: calc((100% - (30px * 3)) / 4);
    }

}
/*1199px end*/

@media (max-width: 991px) {

    h1, .h1 {
        font-size: 50px;
        line-height: 55px;
    }

    h2, .h2 {
        font-size: 40px;
        line-height: 46px;
    }

    h3, .h3 {
        font-size: 34px;
        line-height: 44px;
    }
    h4, .h4 {
        font-size: 24px;
        line-height: 34px;
    }

    /*home page*/
    .hero-banner {
        min-height: 650px;
    }
    .hero-banner h2 {
        line-height: 56px;
        font-size: 38px;
    }
    .lcri-sec,.blog-sec {
        padding: 60px 0;
    }
    .lcri-sec .row {
        flex-direction: column;
    }
    .lcri-sec h6 {
        margin: 25px 0;
    }
    .lcri-sec .left-wrp {
        text-align: center;
    }
    .lcri-sec .col-md-6{width: 100%;}
    .lcri-sec .img-wrp.mobile {
        display: block;
        margin-bottom: 25px;
    }
    .lcri-sec .img-wrp.desktop{display: none;}
    .lcri-sec .left-wrp p{max-width: 100%;}
    .wwd-sec .serv-posts-wrapper .single-post-box .post-content {
        padding: 20px 15px;
    }
    .wwd-sec .serv-posts-wrapper,.blog-sec .posts-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .service-details .more-btn {
        margin-top: 65px;
    }
    footer {
        padding: 60px 0 20px;
    }
    footer .footer-row {
        flex-direction: column;
        align-items: center;
        text-align: center;
        row-gap: 40px;
    }
    footer .f-social-list{justify-content: center;}
    footer .col-in {
        width: 40%;
    }
    footer .col-in:last-child{
        width: 60%;
    }
    footer .col-in a {
        font-size: 16px;
        line-height: 20px;
    }
    .service-details {
        padding: 100px 0;
        text-align: center;
    }

    /* contact page */
    .contact-sec {
        padding: 60px 0;
    }
    .contact-details {
        margin-top: 45px;
        row-gap: 40px;
        flex-direction: column;
    }
    .contact-details .left-wrp,.contact-details .right-wrp{width: 100%;max-width: 100%;}
    .contact-sec .col-md-12>h2 {
        line-height: 46px;
    }
    .contact-sec .col-md-12>h4 {
        line-height: 34px;
        margin-bottom: 10px;
    }
    .contact-details .left-wrp h2 {
        margin-bottom: 25px;
    }
    .map-details {
        padding-top: 60px;
    }
    /* blog-page */
    .news {
        padding: 60px 0;
    }
    .news .posts-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 25px;
    }
    .inner-banner {
        padding: 120px 0 60px;
        min-height: 300px;
    }

    /* about page & services page */
    .about-information .information-in:nth-child(odd), .serv-sec .post-wrapper .single-post-box:nth-child(odd){
        flex-direction: column;
    }
    .about-information .information-in.right{flex-direction: column;}
    .about-information .information-in .image-wrp, .serv-sec .post-wrapper .single-post-box .post-image,
    .about-information .information-in .content-wrp, .serv-sec .post-wrapper .single-post-box .post-content {
        width: 100%;}
    .solutions .solutions-wrp {
        margin: 40px auto 0;
        flex-direction: column;
        row-gap: 40px;
    }
    .single-blog .row>div{
        width: 100%;
    }
    .sidebar {
        padding-top: 30px;
    }
    .sidebar .widget {
        margin-bottom: 30px;
    }
    .single-blog {
        padding: 60px 0 30px;
    }
    .post-listing .post-item .content-wrp .post-info {
        margin-bottom: 16px;
    }
    .portfolio-archive .portfolio-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .portfolio-single .row>div:first-child, .portfolio-single .row>div:last-child {
        width: 100%;
    }
    .portfolio-single .featured-image {
        margin-bottom: 30px;
    }
    .cms-cnt {
        padding: 80px 0;
    }
    .single-service {
        padding: 60px 0;
    }
    .single-service .post-cnt-wrp .space-cnt {
        grid-template-columns: 1fr;
    }
    .single-service .post-cnt-wrp .space-cnt .cnt-wrp {
        padding: 15px 0 0;
    }
    .single-service .post-cnt-wrp .space-cnt .cnt-wrp p:last-child {
        margin-bottom: 0;
    }
    .single-service .post-cnt-wrp h1 {
        font-size: 42px;
        line-height: 52px;
    }
    .image-gallery.full-width .gallery-main .gallery-in {
        width: calc((100% - (30px * 2)) / 3);
    }
    .image-gallery .gallery-main .gallery-in {
        width: calc((100% - (30px * 1)) / 2);
    }
    .image-gallery:not(.full-width) .container {
        max-width: 720px;
    }
    .error-cnt {
        padding: 120px 0;
    }

}
/*991px end*/


@media (max-width: 767px) {
    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding-right: 24px;
        padding-left: 24px;
    }

    h1, .h1 {
        font-size: 46px;
        line-height: 54px;
    }

    h2, .h2 {
        font-size: 35px;
        line-height: 45px;
    }

    h3, .h3 {
        font-size: 32px;
        line-height: 42px;
    }

    h4, .h4 {
        font-size: 22px;
        line-height: 32px;
    }

    h5, .h5 {
        font-size: 18px;
        line-height: 24px;
    }

    h6, .h6 {
        font-size: 14px;
        line-height: 20px;
    }

    .lines-button {
        right: 24px;
    }

    header .navigation .mean-bar ul.firstul li a {
        padding: 12px 24px;
        font-size: 16px;
        line-height: 20px;
    }

    header .navigation .mean-bar ul.firstul li a+ul.dropdown-menu li a{
        padding: 11px 32px; 
        font-size: 15px;
    }

    .home .mean-nav {
        height: calc(100vh - 92.63px);
    }
    .mean-nav {
        height: calc(100vh - 92.63px);
    }

    .mean-nav ul li a.mean-expand {
        height: 44px;
        width: 50px;
    }

    .form .gform_confirmation_message {
        color: #fff;
        line-height: normal;
        margin: 20px 0 0;
        font-size: 16px;
        line-height: 25px;
    }

    .logged-in #main__header {
        top: 46px;
    }
    body:not(.home) .content {
        padding-top: 92.63px;
    }
    header .header-menu {
        padding: 20px 24px;
    }
    header .header-menu a.logo img {
        max-width: 220px;
        object-fit: contain;
        display: block;
    }
    .modal-dialog {
        max-width: 92.31%;
        margin-left: auto;
        margin-right: auto;
    }

    .hero-banner h2 {
        line-height: 50px;
        font-size: 32px;
        border-top: 20px solid #2f73b7;
        border-left: 0;
        padding-right: 15px;
        padding-left: 15px;
    }
    .hero-banner {
        padding: 100px 0;
    }
    .lcri-sec, .blog-sec,.wwd-sec {
        padding: 50px 0;
    }
    .lcri-sec h6 {
        margin: 20px 0;
    }
    .lcri-sec .img-wrp.mobile,.lcri-sec .left-wrp p {
        margin-bottom: 20px;
    }
    .wwd-sec .serv-posts-wrapper, .blog-sec .posts-wrapper {
        grid-template-columns: 1fr;
        margin-top: 30px;
    }
    .blog-sec .posts-wrapper .single-post-box .post-content p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 25px;
    }
    .service-details h2 {
        letter-spacing: 2px;
    }
    .service-details .more-btn {
        margin-top: 50px;
        width: 100%;
        flex-wrap: wrap;
        flex-direction: column;
        row-gap: 25px;
    }
    .service-details .more-btns,.service-details .more-btns .blue-btn {
        width: 100%;
    }
    .service-details {
        padding: 70px 0;
    }
    footer {
        padding: 50px 0 20px;
    }
    
    footer .footer-row .footer-column-2 {
        row-gap: 30px;
        flex-direction: column;
        align-items: center;
    }
    footer .footer-row {
        margin-bottom: 30px;
    }
    footer .col-in,footer .col-in:last-child{width: 100%;}
    footer .footer-row2 p {
        font-size: 14px;
        line-height: 22px;
    }

    /* contact page */
    .contact-sec {
        padding: 50px 0;
    }
    .contact-details {
        margin-top: 30px;
        row-gap: 30px;
    }
    .contact-details .left-wrp,.contact-details .right-wrp{width: 100%;max-width: 100%;}
    .contact-sec .col-md-12>h2 {
        line-height: 45px;
    }
    .contact-sec .col-md-12>h4 {
        line-height: 30px;
    }
    .contact-details .left-wrp h2 {
        margin-bottom: 20px;
    }
    .map-details {
        padding-top: 50px;
    }
    .map-details iframe {
        min-height: 400px;
    }

    /* blog-page */
    .inner-banner {
        padding: 120px 0 50px;
        min-height: 300px;
    }
    .inner-banner h1 {
        padding-bottom: 10px;
    }
    .news {
        padding: 50px 0;
    }
    .news .posts-grid {
        grid-template-columns: 1fr;
        gap: 30px 25px;
    }
    .news h2 {
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    /* about page & services page */
    .about-information .information-in .content-wrp, .serv-sec .post-wrapper .single-post-box .post-content {
        padding: 30px 24px 40px;
    }
    .about-information {
        padding-top: 50px;
    }
    .solutions {
        padding: 50px 0;
    }
    .single-blog .blog-banner h2.post-title {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .single-blog .blog-banner .post-info {
        margin-bottom: 20px;
    }
    .post-listing {
        padding: 60px 0;
    }
    .post-listing .posts-wrp {
        gap: 40px;
    }
    .post-listing .post-item .content-wrp h2.post-title {
        font-size: 28px;
        line-height: 38px;
    }
    .post-listing .post-item .content-wrp {
        padding: 25px 15px 35px;
    }
    .post-listing .post-item .content-wrp .post-info {
        margin-bottom: 10px;
        line-height: 25px;
    }
    .post-listing .post-item .content-wrp a.outline-btn {
        margin-top: 5px;
    }
    .portfolio-archive {
        padding: 60px 0;
    }
    .portfolio-archive .portfolio-grid {
        grid-template-columns: 1fr;
    }
    .portfolio-archive ul.portfolio-filter-list {
        margin-bottom: 30px;
        flex-direction: column;
        row-gap: 11px;
    }
    .portfolio-archive .portfolio-grid .portfolio-thumb .portfolio-overlay .portfolio-buttons {
        width: 100%;
    }
    .portfolio-archive .portfolio-grid .portfolio-thumb .portfolio-overlay .portfolio-buttons .btn {
        flex: 1;
    }
    .portfolio-single {
        padding: 60px 0;
    }
    .cms-cnt {
        padding: 60px 0;
    }
    .cms-cnt h1 {
        letter-spacing: 0;
    }
    .single-service {
        padding: 50px 0;
    }
    .single-service .post-cnt-wrp h1 {
        font-size: 40px;
        line-height: 48px;
    }
    .single-service .post-cnt-wrp>img {
        max-width: 100%;
    }
    .faq-sec {
        padding: 40px 0 30px;
    }
    .faq-sec .faq h5 {
        gap: 10px;
    }
    .faq-sec .faq .faq-answer {
        padding-left: 55px;
    }
    .form-detail-sec {
        padding: 30px 0;
    }
    .form-detail-sec .gform-footer.gform_footer input.gform_button.button {
        font-size: 14px !important;
    }
    .form-detail-sec h3.gsection_title {
        margin-bottom: 20px;
        line-height: 30px;
    }
    .image-slider {
        padding: 60px 0;
    }
    .image-gallery .gallery-main .gallery-in {
        width: 100%;
    }
    .image-gallery.full-width .gallery-main .gallery-in {
        width: 100%;
    }
    .error-cnt {
        padding: 80px 0;
    }


}
/*767px end*/



@media screen and (max-width: 782px) {
    .logged-in #main__header {
        top: 46px;
    }

    html #wpadminbar {
        position: fixed;
    }
}
@media (max-width:1199px){
    .opennav .mean-nav #menu-main-menu{
        display: flex !important;
    }
}