@charset "utf-8";

@media only screen and (max-width:1500px) {
/*================== home page =================*/
.introsectiontitle1 { font-size: 59px; }
.introsectioninnersec2 { padding-top: 160px; }
.intro-section1 { padding-top: 240px; margin-bottom: 100px; }
.header { padding: 5px 25px; }
.title1 { font-size: 30px; }
.service-coltitle1 { font-size: 39px; }
.testimonialsendername, .our-process-col-title { font-size: 25px; }
.our-process-section-img-holder { max-height: 600px; }
.our-process-col-inner::after { font-size: 205px; }
.home-portfolio-container::before { width: 98vw; left: unset; right: 0; }
.portfolio-col-img-holder { height: 350px; }
.portfolio-col-title { font-size: 22px; }
.title3 { font-size: 40px; }
p { font-size: 16px; line-height: 1.7; }
.title2, .title3 { display: table;text-align: left; }
.contactseclink1 { font-size: 17px; }
.footer { padding: 0px 25px; }
/*================== services page =================*/
.service-list-top-section {
	margin-top: 170px;
}
.service-listing-item-img-holder,.service-list-top-col-left-inner {
	height: 650px;
}
/*================== portfolio page =================*/
.portfolio-top-section-2.cp-animate-active::before {
	width:100%;
}
.portfolio-top-section-img-col > img {
	margin-top: 100px;
}
/*================== portfolio details page =================*/
.case-nav-btn-cntnt {
	font-size: 25px;
}
/*================== applications page =================*/
.case-slider-item-img-col {
	padding-left: 25px;
	padding-top: 30px;
}
.case-slider-item-cntnt-col {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 25px !important;
	padding-right: 25px;
}
}

@media only screen and (max-width:1360px) {
/*================== home page =================*/
.btn-black-1, .btn-blue-1, .btn-blue-2 { font-size: 15px; padding: 16px 25px; }
.nav-link { font-size: 17px; }
.nav-item { padding: 0px 15px !important; }
.introsectiontitle1 { font-size: 49px; }
.introsectioninnersec2 { padding-top: 130px; }
.intro-section1 { padding-top: 190px; }
.title2, .title3 { font-size: 30px; }
.service-coltitle1 { font-size: 29px; margin-bottom: 20px; }
.testimonialsendername, .our-process-col-title { font-size: 22px; }
.portfolio-col-cntnt-holder-inner { padding: 35px; }
.title3 br { display: none; }
.contact-section-img-holder { height: 600px !important; }
.contact-sec-col-inner::after { width: 310px; height: 310px; }
/*================== about page =================*/
.who-do-we-serve-col-inner {height: 550px;} 
.title4 {font-size: 25px;}
/*================== services page =================*/
.service-listing-item-img-holder, .service-list-top-col-left-inner {
	height: 550px;
}
.service-listing-item-col-cntnt {
	padding: 60px 35px 40px 35px;
	min-height: 550px;
}
.service-listing-item-row {
	position: relative;
	top: unset;
	left: unset;
	margin-top: -550px;
}
.service-listing-item1 {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}
/*================== portfolio page =================*/
.portfolio-top-section-2 {
	max-width: calc(100% - 25px);
}
/*================== portfolio details page =================*/
.quickstattitle {
	font-size: 60px;
}
.badge-1 {
	font-size: 12px;
	padding: 8px 15px;
}
.tech-col-img {
	height: 100%;
}
.tech-img-holder {
	height: 35px;
}


}

@media only screen and (max-width:1200px) {
/*================== home page =================*/
.introsectiontitle1 { font-size: 39px; }
.intro-section1 { padding-top: 160px; }
.introsectioninnersec2 { padding-top: 110px; }
.introsectioncntntholder { padding: 35px 35px; }
.title1 { font-size: 25px; }
.service-content-col-inner { padding: 35px 0px; }
.service-content-col-inner > * { padding-left: 30px; padding-right: 30px; }
.service-coltitle1::after { width: 90%; }
.our-process-col-inner { padding: 30px 0px; }
.portfolio-col-img-holder { height: 250px; }
.portfolio-col-cntnt-holder { padding: 0px 15px; }
.testimonialpostholderinner { padding: 40px 45px 70px 90px; }
.testimonialslidernav { bottom: 25px; }
.contact-sec-col-inner { max-width: 100%; padding: 40px; }
.contact-section-container { margin-top: -310px; }
/*================== services page =================*/
.service-list-top-col-left-inner {
	width: 100%;
}
.service-listing-item-row {
	padding: 40px;
}
/*================== process page =================*/
.process-img-col-inner {
	height: 500px;
}
/*================== portfolio page =================*/

.portfolio-top-section-img-col::before {
	width: 100%;
}
.portfolio-top-section-img-col {
	padding-left: 15px;
}
/*================== portfolio details page =================*/
.portfolio-detail-sec-row-img-inner {
	margin-top: -70px;
}
.quickstatp {
	font-size: 18px;
	line-height: 1.5;
}
.case-details-container {
	padding-left: 15px;
}
/*================== contact page =================*/
.contact-top-section-main {
	padding: 0px 25px;
}

}

@media only screen and (max-width:991px) {
/*============================= Home page ==================*/
.navbar-toggler { width: 50px; height: 50px; background: var(--blue1); position: relative; padding: 10px; }
.navbar-toggle-icon { height: 2px; width: calc(100% - 20px); background: #fff; display: table; position: absolute; left: 10px; top: 13px; transition: all 0.3s; }
.navbar-toggle-icon:nth-child(2) { top: calc(13px + 10px); }
.navbar-toggle-icon:nth-child(3) { top: calc(13px + 20px); }
[aria-expanded="true"].navbar-toggler .navbar-toggle-icon:nth-child(2) { opacity: 0; transform: translateX(100%); }
[aria-expanded="true"].navbar-toggler .navbar-toggle-icon:nth-child(1) { transform: rotate(45deg); top: 24px; }
[aria-expanded="true"].navbar-toggler .navbar-toggle-icon:nth-child(3) { transform: rotate(-45deg); top: 24px; }
.navbar-toggler:focus { box-shadow: none; }
.header .navbar-collapse { position: fixed; top: 100px; left: 0; width: 100%; height: 100%; display: table; background: var(--grey1); transform: translateX(100%); opacity: 0; visibility: hidden; transition: all 0.3s; }
.header .navbar-collapse { position: fixed; top: 100px; padding-top: 30px; left: 0; width: 100%; height: calc(100% - 80px); display: block; background: var(--grey1); transform: translateX(100%); opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; overflow: hidden; overflow-y: auto; }
.header .navbar-collapse.show { transform: translateX(0); opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; }
.header .nav-link { text-align: center; margin: 15px 0px; font-size: 28px; transform: translateY(200px); opacity: 0; transition: all 0.3s ease-in-out; }
.header .navbar-collapse.show .nav-link {transform: translateY(0px);opacity: 1;transition: all 0.3s ease-in-out 0.5s;transition-delay: 0.2s !important;}
.nav-link::before { margin: 0px auto; right: 0; left: 0; }
.intro-section1 { padding-top: 100px; margin-bottom: 40px; }
.introsectioninnersec2 { padding-top: 0; position: relative; top: unset; left: unset; }
.introimgholder { max-height: 300px; overflow: hidden; max-width: none; width: 50%; }
.introsectiontitle1 { font-size: 39px; padding-left: 30%; margin-top: -80px; }
.portfolio-col-img-holder { height: 200px; }
.testimonialsenderholder { flex-basis: 195px; max-width: 195px; }
.cb-cursor { display: none !important; }
/*================== about page =================*/
.who-do-we-serve-col-inner {height: 450px;}
.who-do-we-serve-col-content-holder {padding: 25px 25px 35px 25px;}
.title4 {font-size: 20px;}
.small-link1 {font-size: 18px;}
/*================== services page =================*/
.service-listing-item-img-holder, .service-list-top-col-left-inner {
	height: 450px;
}
.service-listing-item-row {
	margin-top: -150px;
}
.service-listing-item-col-cntnt {
	min-height: auto;
}
/*================== process page =================*/
.process-row {
	margin-top: 100px;
}
/*================== portfolio page =================*/
.portfolio-top-section-img-col > img {
	margin-top: 50px;
	margin-left: 10px;
}
.portfolio-top-section-img-col::before {
	padding-top: 100%;
}
.portfolio-listing-section {
	margin-top: 45px;
}
/*================== portfolio details page =================*/
.case-nav-col-btn {

	padding: 20px;

}
.case-nav-btn-cntnt {
	font-size: 20px;
	line-height: 1.3;
}
.case-nav-col-right .case-nav-btn-cntnt {
	padding-right: 0;
	padding-left: 30px;
}
.portfolio-content-slider-container {
	bottom: -240px;
}
.portfolio-content-slider {
	max-width: 400px;
}
/*================== contact page =================*/
.contact-top-section-main .introsectiontitle1 {
	padding-left: 0px;
}
/*================== applications page =================*/
.case-slider-item-cntnt-col {
	padding-top: 25px;
	padding-bottom: 25px;
}
}

@media only screen and (max-width:767px) {
/*============================= Home page ==================*/
.introsectiontitle1 { font-size: 30px; padding-left: 35px; padding-right: 15px; margin-top: -60px; }
.introimgholder { max-height: 280px; overflow: hidden; max-width: 80%; width: 100%; }
.introsectioninnersec1 { min-height: 350px; }
.title2, .title3, .service-coltitle1 { font-size: 25px; }
.title-bg-square-yellow-1 { width: 52px; height: 52px; left: 10px; }
.intro-section1 { margin-bottom: 0px; }
.service-img-col-inner { max-height: 300px; min-width: auto; }
.service-content-col { max-width: 95%; margin-top: -70px; margin-left: auto; margin-right: auto; }
.service-coltitle1 br { display: none; }
.portfolio-col-img-holder { height: 300px; max-width: 450px; }
.home-portfolio-container::after { height: 93%; }
.testimonialslider .slick-dots { position: absolute; left: 0; bottom: -150px; width: 100%; flex-basis: 100%; max-width: 100%; flex-grow: unset; display: none !important; }
.testimonialslide { padding-left: 0px; display: table !important; }
.testimonialsenderholder { display: flex; flex-wrap: wrap; max-width: none; flex-basis: unset; padding-left: 35px; }
.testimonialsenderimgholder { padding-top: 150px; position: relative; overflow: hidden; flex-basis: 150px; max-width: 150px; flex-grow: 0; }
.testimonialsendercntntholder { padding-left: 15px; flex-grow: 1; flex-basis: 0; }
.testimonialpostholder { padding-top: 0; margin-top: -40px; max-width: 100%; margin-left: auto; margin-right: 0; width: 100%; display: table !important; }
.testimonialpostholderinner { padding: 60px 35px 60px 35px; min-width: auto; }
.contact-section-img-holder { max-width: calc(100% - 25px); height: 400px !important; }
.contact-section-container { margin-top: -110px; }
.footer-col-title { margin-bottom: 15px; }
/*================== about page =================*/
.who-do-we-serve-col-inner {
	height: 350px;
}
.about-top-section, .privacy-top-section {
	max-width: calc(100% - 25px);
}
.about-top-section-img-holder {
	height: 300px;
}
.about-top-section-cntnt-holder {
	margin-top: -55px;
	max-width: 97% !important;
}
.about-top-section-cntnt-container {
	padding: 35px 25px;
}
.about-top-section .title1 {
	font-size: 19px;
}
/*================== services page =================*/
.service-list-top-section {
	margin-top: 100px;
}
.service-list-top-col-left-inner {
	width: 70%;
}
.service-listing-item-img-holder, .service-list-top-col-left-inner {
	height: 300px;
}
.service-list-top-col-right {
	margin-top: 40px;
}
.service-list-top-section::before {
	height: 100%;
}
.service-listing-item-col-cntnt {
	padding: 40px 25px 40px 25px;
}
/*================== process page =================*/
.process-img-col-inner {
	height: 400px;
}
/*================== portfolio page =================*/
.portfolio-top-section-2 {
	margin-top: 100px; padding-bottom: 35px;
}
.portfolio-top-section-img-col::before {
	width: 80%;
	left: 15px;
	right: unset;
	padding-top: 300px;
}
.portfolio-top-section-img-col > img {
	max-height: 360px;
	margin-left: 20px;
}
.portfolio-top-section-2::before {
	height: 100%;
}

/*================== portfolio details page =================*/
.portfolio-detail-sec-row-img-inner {
	max-width: 350px;
}
.portfolio-content-slider-container {
	bottom: unset;
	position: relative;
}
.portfolio-content-slider {
	max-width: 100%;
}
.case-details-holder {
	margin-top: 0px;
}
.case-details-title-col [class*="title"] {
	padding-left: 0px;
	margin-top: 25px;
	padding-right: 15px;
}
.case-nav-col-btn {
	max-width: 100%;
	margin: 5px 0px;
}
.case-nav-btn-cntnt {
	max-width: none;
}
.case-nav-col-right .case-nav-btn-cntnt {
	padding-right: 30px;
	padding-left: 0px;
	text-align: right;
}
/*================== contact page =================*/
.contact-top-section {
	margin-top: 150px;
}
/*================== applications page =================*/
.big-link1 {
	font-size: 30px;
}
}

@media only screen and (max-width:575px) {
/*============================= Home page ==================*/
.header { padding: 5px 15px; }
.navbar-brand { width: 55px; }
.btn-black-1, .btn-blue-1, .btn-blue-2 { font-size: 12px; padding: 14px 15px 11px 15px; }
.navbar-toggler { width: 40px; height: 40px; padding: 5px; }
.navbar-toggle-icon { top: 10px; }
.navbar-toggle-icon:nth-child(2) { top: calc(10px + 8px); }
.navbar-toggle-icon:nth-child(3) { top: calc(10px + 16px); }
[aria-expanded="true"].navbar-toggler .navbar-toggle-icon:nth-child(3), [aria-expanded="true"].navbar-toggler .navbar-toggle-icon:nth-child(1) { top: 18px; }
.header .nav-link { font-size: 25px; }
.header .navbar { transition: all 0.3s; }
.headerfixed .navbar { padding: 0; transition: all 0.3s; }
.intro-section1 { padding-top: 90px; }
.introsectioninnersec1 { min-height: auto; max-height: 200px; max-width: 95%; }
.introimgholder { max-height: 100%; max-width: 100%; }
.introimgholder > img { margin: 0px !important; }
.introsectiontitle1 { font-size: 23px; padding-right: 15px; margin-top: 0px; }
.introsectioncntntholder { padding: 25px 15px !important; }
p { font-size: 14px; }
.testimonialsendername, .our-process-col-title, .portfolio-col-title, .title2, .title3, .service-coltitle1, .title1 { font-size: 19px; }
.title-bg-square-yellow-1 { width: 32px; height: 42px; left: 15px; }
.service-content-col-inner > * { padding-left: 15px; padding-right: 15px; }
.service-content-col-inner { padding: 25px 0px; }
.our-process-col-inner > * { padding-left: 25px; }
.btn-yellow-1 { font-size: 14px; padding: 12px 25px; }
.portfolio-col-img-holder { height: 250px; }
.testimonialsenderimgholder { padding-top: 100px; flex-basis: 100px; max-width: 100px; }
.testimonialsenderholder { padding-left: 15px; }
.testimonialpostholderinner { padding: 60px 15px 60px 25px; }
.testimonialsenderdesignation { font-size: 13px; }
#to-top { width: 35px; bottom: 35px; height: 70px; }
#to-top::after { height: 20%; }
#to-top > svg { width: 20px; transform: translateY(15px); }
.contact-section-img-holder { max-width: 95%; height: 300px !important; }
.contact-section-container { padding: 0px 25px; }
.contact-sec-col-inner { max-width: 100%; padding: 25px; }
.contact-sec-col-inner::after { border: solid 50px var(--blue1); bottom: -55%; right: -75%; }
.address1 { font-size: 18px; }
.header .navbar-collapse { top: 80px; }
/*================== about page =================*/
.about-top-section, .privacy-top-section {
	margin-top: 90px;max-width :calc(100% - 15px);
}
.title2, .title3 {
	padding-right: 15px !important;text-align: left;
}
.about-top-section-cntnt-container {
	padding: 35px 20px;
}
.about-top-section .title1 {
	line-height: 1.4;
}
.title4 br {
	display: none;
}
.who-do-we-serve-col-inner {
	height: 250px;
}
/*================== services page =================*/
.service-list-top-section {
	margin-top: 40px;
}
.service-list-top-col-left-inner {
	width: 100%;height: 200px;
}
.service-listing-item-row .title2 .title-bg-square-yellow-1 {
	left: 0;
}
.service-listing-item-row .title2 {
	padding-left: 15px;
}
.service-listing-item-img-holder {
	height: 150px;
}

.service-listing-item-row {
	margin-top: -20px;
	padding: 0px 25px 0px 25px;
}
.btn2-span {
	font-size: 14px;
}
.btn2-img {
	width: 15px !important;
	margin-right: 5px;
}
.btn2 {
	padding-right: 0px !important;
}

.service-list-top-section.cp-animate-active::before {
	width:  calc(100% - 25px);
}
.btn2 .btn2-span {
	max-width: 110px;
}
/*================== process page =================*/
.process-img-col-inner {
	height: 250px;
}
.process-top-section {
	margin-top: 65px;
	padding-top: 25px;
}
.subtitle1 {
	font-size: 14px;
}
/*================== portfolio page =================*/
.portfolio-top-section-img-col::before {
	width: calc(100% - 30px);padding-top: 200px;
}
.portfolio-top-section-img-col > img {
	max-height: 260px;
	margin-left: 20px;
	margin-top: 20px;
}
/*================== portfolio details page =================*/
.portfolio-details-top-section {
	padding-top: 25px;
}
.portfolio-detail-sec-row-img-inner {
	max-width: 200px;
}
.quickstattitle {
	font-size: 30px;
}
.quickstatp {
	font-size: 13px;
	line-height: 1.2;
}
.badge-1 {
	font-size: 10px;
	padding: 6px 10px;
}
.portfolio-content-slider {
	padding: 25px 0px 75px 0px;
}
[class*="portfolio-content-slider-btn"] {
	bottom: 25px;
	left: 15px;
}
.portfolio-content-slider-btn-next {
	right: 15px;
	left: unset;
}
.case-nav-btn-cntnt {
	font-size: 15px;
}
.case-nav-btn-cntnt {
	padding-left: 15px;
}
.case-nav-col-right .case-nav-btn-cntnt {
	padding-right: 15px;
	padding-left: 0px;
}
/*================== contact page =================*/
.contact-top-section-main {
	padding: 0px 15px;
}
/*================== applications page =================*/
.portfolio-col-cntnt-holder-inner {
	padding: 25px;
}
.case-slider-item-img-col {
	padding-left: 15px;
	padding-top: 15px;
}
.case-slider-item-cntnt-col {
	padding: 15px !important;
}
.case-item-btn-title {
	font-size: 13px;
}
.case-item-btn-holder {
	margin-bottom: 15px;
}
}