/*** responsive ***/

@media (min-width: 1441px){
    .slide-bg{ height: 100vh; }
    .banner-bg{ height: calc(100vh - 0px); }
}
@media (min-width: 1661px){
    
}
@media (max-width: 1920px){
	.mobile-slide-content{
		display:none
	}
	.contact-section .wpcf7-form-control-wrap input, .contact-section .wpcf7-form-control-wrap select, .contact-section .wpcf7-form-control-wrap textarea{
		border-radius:0px;
	}
}

/* @media (max-width: 1600px){
	.in-ban-content h1 {font-size: 56px;}
}
 */
@media (max-width: 1300px){
	.testi-one:nth-child(1) img {
    height: 610px;
}
	.testi-inner-content .testi-content img {
    width: 60px;
		height: 60px !important;
	}
}

@media (max-width: 1365px){
	.wrapper {padding: 0 30px;}
/* 	.in-ban-content h1 {font-size: 48px;} */
}


@media (max-width: 1280px)
{
    .slide-bg {padding: 182px 0 80px;}
}
@media (max-width: 1200px){
    .menubar nav>ul{ gap: 18px;}
    .menubar nav>ul>li>a{ font-size: 16px}
		.team {
    width: calc(33.333% - 23px);
		padding: 35px;
}

}
@media (max-width: 1100px){
    
	.muli-addr-wrap {margin-bottom: 40px !important;}
	a.page-numbers{
		line-height:50px;
	}
	.pagination {
		margin-top: 40px;
	}
	.testi-content .description p:before{
		left:-20px;
	}
		.testi-one:nth-child(1) img {
    height: auto;
}
	.testi-one:nth-child(1) {
    width: 100%;
}
	.testi-one:nth-child(1) {
    width: 100%;
}
	.team-des .project-listing .wrapper {
		padding: 0 0px;
}
	.wrapper {
    max-width: 1416px;
    padding: 0 30px;
    margin: 0 auto !important;
}
    header .wrapper { padding: 0 20px; }
    .menubar nav>ul{ gap: 15px;}
    .menubar nav>ul>li>a{ font-size: 15.5px}
    
	.wp-block-columns{
		display:block !important;
	}
	.about-full .about-one:nth-child(1) {
    margin-right: 0;
    /* flex: 1 0 calc(50% - 0px); */
    max-width: calc(100% - 0px);
/*     margin-bottom: 40px; */
}
.about-full .about-one:nth-child(2) {
    margin-right: 0px;
    margin-left: 0px!important;
    flex: 1 0 calc(100% - 0px);
    max-width: calc(100% - 0px);
}
	.about-full img {
    height: auto;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.service-block .wp-block-column {
	margin:0 0 1rem
	}
	.testi-one:nth-child(2) {
    width: 100%;
}

	.project-section{
		margin-top:30px;
	}
    .email-one{
        margin-bottom: 30px !important;
    }
    .common-section.contact-section img {
        height: auto;
        object-fit: cover;
        width: 100%;
    }
    .common-section.contact-section img {
        height: auto;
        object-fit: cover;
        width: 100%;
        margin-bottom: 30px;
    }
    .common-section.contact-section h3 {
    margin-bottom: 10px;
    }
    .common-section {
        padding: 80px 0;
    }
    .inner-page-spacing {
        padding: 80px 0px;
    }
    .email-one {
        margin-right: 30px;
        flex: 1 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
        text-align: center;
        background-color: var(--bgwhite);
        padding: 50px 0;
    }
    .email-one:last-child {
        margin-bottom: 30px !important;
        margin-bottom: 0px !important;
    }
	.prj-left {
    width: calc(100% - 0px);
    margin-bottom: 35px;
}
	.prj-right {
    width: 100%;
}
    .project-listing {
        background: #f2f2f2;
        padding: 35px 0px;
    }
	.testi-one:nth-child(2) {
    padding: 35px 20px;
}
	.home-testi-full .slick-dots {
    position: absolute;
    bottom: -30px;
}
	.home-testi-full .blog-btn.site-button a{
		    margin-right: 0;
	}
	.about-sec-one img{
		width:100%;
		margin-top: 35px;
	}
	

.work-full .wp-block-image {
    margin-bottom: 20px;
    margin-top: 35px;
}
/* 	.project-one:nth-child(3n) {
    margin-right: 0;
    margin-left: 0;
} */
.pj-content h2{
    height:auto;
}
	.h-ysm-wrapper h2, .h-ywb-wrapper h2, .h-kpf-heading h2, .h-wpc-wrapper h2 {font-size: 40px !important;}
    
    .flex-content .flex-content-txt{ padding: 30px 40px 30px 40px;}
    .flex-content-wrap:nth-child(odd) .flex-content .flex-content-txt{ padding: 30px 40px 30px 40px;}
    
    .wp-block-column.contact-add-col { margin: 0 0 50px;}
    .wp-block-column.contact-section.contact-form-col{ padding: 40px 40px 40px 40px;}
    .wp-block-column.contact-section.contact-form-col h3{ margin-bottom: 15px; }

	.relo-sln-sec-cols.wp-block-columns {display: flex !important;}
	
	.h-about-section .wp-block-columns.about-full {display: flex !important; gap: 40px;}
	.about-full .about-one:nth-child(2), .about-full .about-one:nth-child(1) {flex: 1 0 calc(50% - 20px); max-width: calc(50% - 20px);}
	.wp-block-columns.about-sec-one.sections .wp-block-columns {display: flex !important;}
}

@media (max-width: 1050px){
    .footer-full {
        display: block;
}
.footer-one {
    width: 100%;
    margin-bottom: 30px;
}
.footer-one:nth-child(2) {
    width: 100%;
}
.quick-links {
    column-count: 1;
    padding-left: 0;
}
.footer-one:nth-child(3) {
    width: 100%;
}
.footer-one:first-child p {
    margin-bottom: 13px;
    padding-bottom: 0;
}
.quick-links {
    column-count: 1;
    padding-left: 0;
    padding-bottom: 0;
}

footer {
    padding: 35px 0px 0;
    background-position: center;
}
.footer-one.one>p {
    margin-right: 0;
}
}
@media (max-width: 991px){
    /* .pj-content h2 a{
        font-size: 24px;
    } */
	.about-full .about-one figure {display: flex; align-items: center;}
	.about-full .about-one figure img {height: auto;}
		.case-full {gap: 20px;}
	.case {
    width: calc(50% - 10px);
	}
	
    .blog .blog-d .part-txt h2{
        margin-bottom: 10px;
    }
/*     .blog .blog-d .part-txt p {
        margin-bottom: 0;
    } */
/*     .in-ban-content h1{
        font-size:40px;
    } */
    .inner-ban-image img {
        width: 100%;
        height: 280px;
        object-fit: cover;
    }
    .testi-content .description p{
        max-width:85%;
    }
	.pagination {
    margin-top: 40px;
    text-align: center;
}
	.header-logo img {
		height: auto;
	}
	.gotop.top-class {
    position: fixed;
    right: 30px;
		/* bottom: 63px; */
	}
	.prj-details {
    padding: 35px 0px;
}
	.prj-title h2 {
    padding-bottom: 5px;
    font-size: 30px;
}
	.inner-page-spacing h3 {
    font-size: 23px;
    padding-bottom: 10px !important;
    text-transform: uppercase;
}
	.common-section.contact-section h3{
		font-size:25px
	}
/* 	.inner-page-spacing h2 {
    font-size: 30px;
} */
.about-team {
    padding-top: 35px !important;
}
	.page-id-13 .team-des{
		display:none
	}
	.page-id-13 .blog-btn.site-button.project-button {
    margin-bottom: 0px;
    margin-top: 30px;
}
	.work-full {
    margin-top: 0;
}
	.team:first-child {
		margin-top:0px;
	}
	.team-sec h2 {
    font-size: 30px;
    padding-bottom: 15px;
}
	.td-image p {
    text-align: center;
    margin-top: 10px;
    display: none;
    /* margin-bottom: 30px; */
}
.team-detail {
    padding: 35px 0px;
}
	.sidebar .category {
	margin-bottom:0px
	}
	.faq-sec {
    padding: 35px 0px;
}
	.footer-bottom {
    text-align: center;
		padding: 15px 0;
	}
	.page-id-30 .team-sec {
    padding: 35px 0px;
}
.email {
	padding-bottom:5px;
	}
	.footer-one p{
		font-size:18px;
	}
	.email img {
    position: absolute;
    left: 0;
    top: 0px;
}
	.email a{
		font-size:18px;
	}
/* 	.navbar-fixed .header-logo img {
		height: 54px !important;
    } */
	.case-study-sec {
    padding: 35px 0px 30px;
}
	.about-team {
    padding-top: 35px;
}
	.sections {
    padding: 35px 0px;
}
	.team-full{
		display:flex;
		gap: 20px;
	}
	.team {width: calc(33.333% - 14px);}
	.blog-btn.site-button.project-button{
		margin-bottom:0px;
	}
	.blog-btn.site-button a{
		margin-right:0;
		margin-bottom:0px;	}
    .blog-details-one {
        margin-right: 0px;
        flex: 1 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
        text-align: left;
        background-color: var(--bgwhite);
    }
    .wrapper {
        max-width: 1416px;
        padding: 0 20px;
        margin: 0 auto !important;
    }
    .blog-details-one:nth-child(2) {
        margin-right: 0px;
        flex: 1 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
        background-color: var(--bgwhite);
        margin-top:30px
    }
    .blog-details-one:nth-child(2) ul{
        /* padding-left: 0px; */
    }
    ul#sidebar-blog{
        padding-left: 0px;
    }
    .sidebar .tags{
        margin-bottom: 0px;
    }
    
    .hm-faq-wrap {
        padding-top: 60px;
        padding-bottom: 60px;
    }
	.contact-section .muli-addr-wrap {margin-bottom: 50px;}
	.contact-section .muli-addr-wrap h3 {padding-bottom: 20px !important; font-size: 20px;}
	.contact-section .muli-addr-wrap ul + h3 {margin-top: 30px;}
	.inner-page-spacing .wp-block-columns.contact-section .wp-block-column.muli-addr-wrap + .wp-block-column h3 {padding-bottom: 20px !important;}
	
	    .blog-d, .project-one{
        width: calc(50% - 15px);
    }
	
	.relo-sln-sec-cols.wp-block-columns, .wp-block-columns.sln-hero-sec {margin-bottom: 40px;}
.relo-sln-sec-cols.wp-block-columns {gap: 40px !important;}
.relo-sln-sec-cols h3 {font-size: 28px;}
	.wp-block-columns.sln-cta-sec h3 {font-size: 22px;}
	
.relo-sln-sec-cols.wp-block-columns > .wp-block-column:first-child, .relo-sln-sec-cols.wp-block-columns > .wp-block-column:last-child, .relo-sln-sec-cols.wp-block-columns.cols-rev > .wp-block-column:first-child, .relo-sln-sec-cols.wp-block-columns.cols-rev > .wp-block-column:last-child {flex-basis: 50% !important; width: 50% !important;}
	
	.case .case-img {height: 250px;}
	.case .case-img img {min-height: 80px; max-height: 100px;}

}

@media (max-width: 991px){
	.blog-section.blog .blog-details-full {flex-flow: column-reverse wrap;}
	.blog-section.blog .blog-details-one:nth-child(2) {margin-top: 0; margin-bottom: 30px;}
	.max-para-80 {
    max-width: 100%;
    margin: 0 auto;
}
	.social {
    display: block;
    flex-wrap: wrap;
}
	.social ul {
    display: flex;
    padding-bottom: 0;
    padding-left: 0;
}
	.social ul li a {
    width: 30px;
    display: inline-block;
    height: 30px;
    /* color: var(--hblue);
    background-color: var(--bgwhite);
    border-radius: 50%; */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}
	.cpt-case-studies-template-default .blog-details-one:nth-child(2) ul {
    padding-bottom: 0;
}
	.sidebar .side-blog {
    padding-bottom: 25px;
}
	.email-one p{
		padding:0 10px;
	}

	.single-cpt-case-studies .blog-details-one .part-img img {
    width: 100%;
    height: auto;
}
	.site-heading h2 span:before{
		top:8%;
	}
	.page-id-372 .home-testi-full {
    padding: 35px 0;
}
	.desktop-slide-content{
		display:none
	}
		.slide-bg {
    height: 650px;
    position: relative;
    background-position: center center !important;
}
	.mobile-slide-content{
		display:block;
	}
/* 	.main-slider{
		height:500px;
	} */
	.overlay {
    width: 100%;
    height: 100%;
/*     padding-top: 225px;
    padding-bottom: 50px; */
    /* background-color: rgb(0, 0, 0,0.5); */
}
	.home-slider .overlay {height: auto;}
	.slide-content p{
		padding-bottom:0px;
	}
	.slide-content h1 {padding-bottom: 20px;}
	.home-slider .slick-dots {
    bottom: 15px;
}
	.main-head {
    font-size: 40px;
}
	.about-one p {
    width: 100%;
}
	.common-section .site-button {
    margin-top: 0px;
}
	.about-section{
		    padding: 0px 0 35px;
	}
	.service-block .wp-block-column h4 {
    position: relative;
    padding: 0 0 15px;
    margin: 0 0 15px;
    font-size: var(--fontSize36px);
}
	.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 0;
    border-top: none;
    width: 100%;
    padding-right: 0;
    order: 1;
}
.tab {
    overflow: hidden;
    border: 0;
    background-color: #fff;
    order: 1;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
	.blog-one {
    width: 100%;
}
	.home-blog-full p {
    width: 100%;
    /* height: 157px; */
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #000000;
}
.home-blog-full h5 {
    width: 100%;
    padding-bottom: 5px !important;
    /* height: 61px; */
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 26px;
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
}
	.home-blog-full h3 {
    font-size: 30px;
    letter-spacing: 0px;
    /* line-height: 42px; */
    text-transform: uppercase;
    margin-bottom: 0px;
}
	section.home-blog {
    padding: 35px 0;
}
	.home-blog-full li.active {
    list-style-type: none;
    width: 65px;
    height: 65px;
    background-color: #004f7e;
    font-size: 20px;
    text-align: center;
    margin-right: 0px;
    color: #fff;
}

.home-blog-full li {
    list-style-type: none;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 34px;
    color: #000;
    display: flex;
    font-weight: bold;
    /* font-family: "S FPro Display"; */
    text-align: center;
    margin-right: 0px;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
}
	
.tab {
	margin-bottom: 30px;
	}
	.blog-btn {
    margin-top: 0px;
    margin-bottom: 30px;
}
.blog-one img {
    width: 100%;
	height: auto;
	}
	.blog-one:nth-child(2) {
    width: 100%;
}
	.wp-container-22.wp-block-columns.project-section.common-section.has-background {
    margin-top: 0px;
}
	.blog-d .site-button {
    margin-top: auto !important;
}
	.banner-bg {
		height: 100%;
	}
	.in-ban-content .wrapper {bottom: 40px;}
    .common-section {
        padding: 60px 0;
    }
    .inner-page-spacing {
        padding: 60px 0px;
    }
	.h-ysm-wrapper h2, .h-ywb-wrapper h2, .h-kpf-heading h2, .h-wpc-wrapper h2 {font-size: 36px !important;}
.video-list-wrap {
    gap: 20px;
}
.video-list-text
{
    width: calc(50% - 10px);
}
	.sln-mod-img, .wp-block-image figure.alignright, .wp-block-image figure.alignleft {max-width: 50%;}
	.h-relo-form {padding: 30px 0;}
}

@media (max-width: 860px){
    .flex-content{ width: 100%;}
    .flex-image{ width: 100%; padding: 0 30px;}
    .flex-content .flex-content-txt {
        width: 100%;
        max-width: 100%;
        padding: 50px 25px;
    }
}

@media (max-width: 781px){
	.relo-sln-sec-cols.wp-block-columns, .wp-block-columns.sln-hero-sec {margin-bottom: 40px;}
	.relo-sln-sec-cols.wp-block-columns.cols-rev {flex-flow: column-reverse wrap !important;}
	.relo-sln-sec-cols.wp-block-columns > .wp-block-column:first-child, .relo-sln-sec-cols.wp-block-columns > .wp-block-column:last-child, .relo-sln-sec-cols.wp-block-columns.cols-rev > .wp-block-column:first-child, .relo-sln-sec-cols.wp-block-columns.cols-rev > .wp-block-column:last-child {flex-basis: 100% !important; width: 100% !important;}
	.h-about-section .wp-block-columns.about-full, .wp-block-columns.about-sec-one.sections .wp-block-columns {display: flex !important; flex-flow: column-reverse wrap; gap: 20px;}
	.wp-block-columns.about-sec-one.sections img {margin-top: 0;}
	.wp-block-columns.about-sec-one.sections figure {margin-bottom: 40px;}
	.about-full .about-one:nth-child(1) {margin-bottom: 0; margin-top: 15px;}
		.about-full .about-one:nth-child(2), .about-full .about-one:nth-child(1) {flex: 1 0 calc(100% - 0px); max-width: calc(100% - 0px);}

}

@media (max-width: 768px){
		.blog-full {
    gap: 25px;
}

	.part-img img{
		height:auto;
	}
	.main-head {
    font-size: 30px;
}
   .blog-details .blog-details-one .part-txt .date {
    position: absolute;
    bottom: 100%;
    left: 35px;
    text-align: center;
    width: 74px;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    color: var(--bgwhite);
    font-size: 12px;
    text-transform: uppercase;
    padding: 0px 0;
    margin-bottom: 20px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 2;
    background-color: var(--sitebluenew);
}
	.blod-details-content h2 {
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
    padding-bottom: 15px;
}
    .sidebar .category h3 {
        font-size: 25px;
    }    
    .sidebar .side-blog h3 {
        font-size: 25px;
    }
    .sidebar .tags h3 {
        font-size: 25px;
    }
    .tags a {
       
        font-size: 16px !important;
    }    
/*     .touch{
        display: none;
    } */
    .in-ban-content {
        background: rgb(16, 62, 89,0.55);
        padding: 130px 0px 60px;
        text-align: center;
    }
    .blod-details-content h2 {
        font-size: 26px;
        text-transform: uppercase;
        padding-bottom: 25px;
    }
    .blog-details .blog-details-one .part-txt {
        padding: 0px;
        position: relative;
    }
	.slide-bg {
		height: 550px;
	}
    .overlay {
    width: 100%;
    height: 100%;
/*     padding-top: 100px;
    padding-bottom: 50px; */
    /* background-color: rgb(0, 0, 0,0.5); */
    }
	.home-slider .overlay {height: auto;}
	
	    .common-section {
        padding: 40px 0;
    }
    .inner-page-spacing {
        padding: 40px 0px;
    }
	.h-ysm-wrapper h2, .h-ywb-wrapper h2, .h-kpf-heading h2, .h-wpc-wrapper h2 {font-size: 32px !important;}
	.contact-form-sec {padding: 60px 0;}
    
    .wp-block-column.abt-faq-col{
        margin: 0 0 10px;
    }
    .email-one {
        padding: 25px 0;   
    }
    
    .hm-faq-wrap {
        padding-top: 40px;
        padding-bottom: 40px;
    }
	body, p, a, .content p {font-size: 18px;}
	
.team {
    width: calc(50% - 10px);

		padding: 35px 20px;
}	
	.td-full {gap: 20px;}
	.td-left {width: calc(40% - 20px); min-width: 320px;}
	
	.contact-section {padding-bottom: 35px;}
	.sln-mod-img, .wp-block-image figure.alignright, .wp-block-image figure.alignleft {float: none; max-width: 100%; margin: 0 0 25px;}
	.in-ban-content .wrapper {bottom: 30px;}
	.testi-inner-content .testi-content .description {max-width: 100%;}
	.testi-content .description p:first-of-type:before {left: -20px;}
	.video-list-text .blog-content h4 a {padding: 15px;}
	
.relo-sln-sec-cols.wp-block-columns {gap: 40px !important;}
.relo-sln-sec-cols h3 {font-size: 26px;}
/* 	.in-ban-content h1 {font-size: 36px;} */

.quick-links li {padding-left: 20px;}
.quick-links li a::before {top: 8px;}
.quick-links li a::after {top: 15px;}
}
@media (max-width: 600px)
{
	    .blog-d, .project-one, .blog-details-full .blog-d{
        width: 100%;
    }
	.free-relo-wrap {padding: 30px;}
	.free-relo-wrap .free-relo-col2 {width: calc(100% - 0px);}

}

@media (max-width: 560px){
/* 	.in-ban-content h1 {font-size: 30px;} */
		.case-full, .video-list-wrap {
    gap: 25px;
}
	.overlay {
    position: absolute;
		top: 40%;
	}
	.home-slider .overlay {height: auto; top: calc(50% + 35px);}
	.home-slider .slide-bg.slick-slide, .home-slider .slide-bg.slick-slide img.banner-bg {height: 100vh;}
		.overlay {
    width: 100%;
    height: 100%;
}
	.slide-bg {
/*     height: 250px; */
    position: relative;
    background-position: center center !important;
}
.side-menu .mobile-menu-inner {
        padding: 100px 20px 100px 20px
    }

    .header-bottom {
        /* right: 190px */
        left: 20px;
    }	
	
	.touch a, .navbar-fixed .touch a
	{
		min-height: 32px;
    padding: 5px 10px;
    width: auto;
		border-radius: 26px;
		font-size: 13px;
	}
	.h-ysm-wrapper h2, .h-ywb-wrapper h2, .h-kpf-heading h2, .h-wpc-wrapper h2 {font-size: 30px !important;}
    
    .footer-site-docs { padding: 12px 0 12px;}
    .footer-site-docs .quick-links li { width: 100%; text-align: center; }
    .footer-site-docs .quick-links li a::before{ opacity: 0; visibility: hidden;}
    .footer-site-docs .quick-links li a {font-size: 16px;padding: 2px 0;}
	
.team {
    width: calc(100% - 0px);
		padding: 35px 15px;
}
	.td-full {flex-flow: row wrap; gap: 30px;}
	.td-left {width: calc(100% - 0px);}
	.td-right {width: 100%;} 
		.case {
		width: 100%;
	}
.video-list-text
{
    width: calc(100% - 0px);
}
	.close {right: 30px;}
	.sln-cta-sec.wp-block-columns .wp-block-column {padding: 30px;}

/*     .header-bottom .social ul li a img {height: 22px;} */
}

@media (max-width: 480px) {
.header-left {width: 100px;}
	.header-right {width: calc(100% - 100px);}
	.header-right .hr-desk-view {gap: 10px;}
	.t-menu {width: 30px;}
	
	.ct-form-wrapper .ct-form-field.ctff-2 {width: 100%;}
	.ct-form-wrapper {gap: 0;}
	.contact-form-sec {padding: 40px 0;}
    .slide-bg {padding: 150px 0 80px;}
}

@media (max-width: 350px) {
    .header-bottom {
        right: auto;
        left: 20px
    }
	.touch a, .navbar-fixed .touch a
	{
		font-size: 12px;
	}
}

@media (max-width: 320px) {
.header-left {width: 80px;}
	.header-right {width: calc(100% - 80px);}
}

@media (max-width: 300px) {
	.header-right .hr-desk-view {gap: 5px;}
}