@charset "utf-8";
/* CSS Document */

@media only screen and ( max-width: 1280px ) {
.container { width:96%;}	
.howwework-sec h3{margin-top: 20px;}
}
@media only screen and ( max-width: 1024px ) {
.howwework-sec ul li h4 {font-size: 23px;}
	.howwework-sec ul li p { font-size: 14px;}
	.howwework-sec ul li .discovery{background-size: 100%; width: 253px; height: 257px;}
	.howwework-sec ul li .analyze{background-size: 100%; width: 253px; height: 257px;}
	.howwework-sec ul li .build{background-size: 100%; width: 249px; height: 249px;}
	.howwework-sec ul li .promote{background-size: 100%; width: 253px; height: 257px; top: 146px; margin-left: 63px;}
	.howwework-sec ul li .growth{background-size: 100%; width: 251px; height: 240px;  margin-left: 249px;}	
	.banner .slide .slide__img { height:100%;}
	.banner .slide .slide__img img {height:100%;}
	.banner h2 span {display:inherit;}
}
@media only screen and ( max-width: 980px ) {
.howwework-sec h3 { margin-top: 14px; margin-bottom: 9px;}
	.howwework-sec ul li h4{padding-top: 43px;  font-size: 22px;}
	.howwework-sec ul li .promote h4 {padding-top: 52px;}
	.howwework-sec ul li p { font-size: 13px;}

	.howwework-sec ul li .discovery { width: 249px;  height: 248px;}
	.howwework-sec ul li .build {width: 241px; height: 238px;margin-left: -120px;}
	.howwework-sec ul li .analyze { width: 235px;  height: 241px; margin-left: -296px;}
	.howwework-sec ul li .promote { width: 229px;  height: 230px; top: 152px; margin-left: 60px;}
	.howwework-sec ul li .growth {width: 245px;  height: 233px;  margin-left: 230px;}	
}
@media only screen and ( max-width: 800px ) {
	.howwework-sec ul li h4, 
	.howwework-sec ul li .promote h4 {padding-top: 0;}
	.howwework-sec ul li .discovery,
	.howwework-sec ul li .analyze, 
	.howwework-sec ul li .build,
	.howwework-sec ul li .promote, 
	.howwework-sec ul li .growth{width: 93.3%; height: auto;  border-radius: 0;  margin: 0;  padding: 20px; background-image:none; position:relative;}
	
	.howwework-sec ul li span.arrow, 
	.howwework-sec ul li span.arrow-top{display:none;}
	.howwework-sec ul li .analyze, 
	.howwework-sec ul li .growth, 
	.howwework-sec ul li .promote, 
	.howwework-sec ul li .build{top:0; left:0;}
	
	.howwework-sec ul li {margin: 0 20px 20px;}
	.howwework-sec ul li h4{padding-left:0; font-size: 22px;}
	.howwework-sec ul li p{padding-left:0; font-size:18px;}
	.howwework-sec ul li .discovery{background: #de8018;}
	.howwework-sec ul li .analyze{background:#7bc043;}
	.howwework-sec ul li .build {background:#0e7081;}
	.howwework-sec ul li .promote{background:#9c5b20;}
	.howwework-sec ul li .growth{background:#5f438a;}	
	.countersec ul li {display: initial;}
	.countersec ul li h5:after {left: 0;right: 0; width: 5px; margin: 0 auto;}
	.countersec ul li h5:before {left: 0;right: 0; margin: 0 auto;}
	.howwework-sec p.sm {padding: 0 10px;}
	.mainheader {}
	#rmp_menu_trigger-327 {top:20px !important;
    z-index: 9999999999999999999;}
    .mainheader .logo img {border-radius: 50%;
    box-shadow: 0 0 3px #000;}
}
@media only screen and ( max-width: 768px ) {
.howwework-sec p { margin: 0 10px 30px; padding: 0 10px;}	
.howwework-sec ul li .discovery, 
	.howwework-sec ul li .analyze, 
	.howwework-sec ul li .build, 
	.howwework-sec ul li .promote, 
	.howwework-sec ul li .growth{width:93.1%;}
.howwework-sec ul li .discovery {left: 0;}
}
@media only screen and ( max-width: 736px ) {
	.howwework-sec ul li .discovery,
	.howwework-sec ul li .analyze, 
	.howwework-sec ul li .build, 
	.howwework-sec ul li .promote, 
	.howwework-sec ul li .growth{width: 92.8%;}	
}
@media only screen and ( max-width: 667px ) {
.howwework-sec ul li .discovery, 
	.howwework-sec ul li .analyze, 
	.howwework-sec ul li .build,
	.howwework-sec ul li .promote,
	.howwework-sec ul li .growth { width: 91.8%;}	
}
@media only screen and ( max-width: 640px ) {
.howwework-sec ul li p {font-size: 17px;}
	.howwework-sec ul li .discovery, 
	.howwework-sec ul li .analyze, 
	.howwework-sec ul li .build, 
	.howwework-sec ul li .promote, 
	.howwework-sec ul li .growth { width: 91.4%;}	
}
@media only screen and ( max-width: 600px ) {
	.howwework-sec h3 { margin-top: 2px; font-size:50px;}
	.howwework-sec ul li .discovery, 
	.howwework-sec ul li .analyze, 
	.howwework-sec ul li .build, 
	.howwework-sec ul li .promote, 
	.howwework-sec ul li .growth {width: 91%;}
	.howwework-sec ul li p {font-size: 16px;}	
  .recentproject .project .screen {
    width: 45%;
    margin: 0 auto;
    height: 320px;margin-left: 110px;}
    .recentproject .project .mobile, .recentproject .project .tablet {display: none;}
    .getting-started p {padding: 0 10px;}
      .sliderbanner, .slide {height:300px; }
      .banner .slide .slide__content--headings .top-title {
    font-size: 24px;}
    .banner .slide .slide__content--headings .title {
    font-size: 20px;}
    .banner .slide .slide__content.slide__content__right {transform: initial;top: -230px;right: 50px;}
    .banner .slide .slide__content.slide__content__left {transform: inherit;top: -210px;left: 0;}
}
@media only screen and ( max-width: 568px ) {
.howwework-sec ul li .discovery, 
	.howwework-sec ul li .analyze, 
	.howwework-sec ul li .build, 
	.howwework-sec ul li .promote, 
	.howwework-sec ul li .growth { width:100%;}	
	.banner .slide .slide__content.slide__content__right {left:0}
	.banner .slide .slide__content--headings .title {font-size:15px;font-weight:500;}
	.howwework-sec h3 {font-size: 30px;}
	.banner .slide .slide__content {left:inherit;transform:inherit;padding:0 10px;}
	.footerfm {width:inherit;}
	.howwework-sec h3 {font-size:30px;}
	.slick-nav {width: 30px;height: 30px;top: calc(50% - -5px);}
}
@media only screen and ( max-width: 480px ) {
	.titlemain {font-size:25px;}
	.discussproject-sec h2 {font-size: 26px}
	.discussproject-sec a {font-size:18px;}
	.howwework-sec ul li p {font-size: 15px;}
	.recentproject .project .screen {margin-left:55px;}
	.recentproject .slider .control i {font-size:55px;}
	.footerfm {display:inherit}
	.banner .slide .slide__content--headings .top-title {font-size:20px;}
	.trainingslider .owl-nav button {padding:6px;}
	.trainingslider .owl-nav button.owl-next {
    right: -10px;}
	.trainingslider .owl-nav button.owl-prev {left:-10px;}
	.recentproject .project {height:370px;}
	.mob-expand-submenu i {
    font-size: 20px !important;}
	.mobmenu-content li a { padding:10px 8px !important;}
	.btnmore {left:-410px;}
}
@media only screen and ( max-width: 420px ) {
.howwework-sec h3 { font-size:30px;}
	.howwework-sec p { font-size: 14px;}
	.howwework-sec ul li { margin: 0 0px 15px;}	
	.recentproject .project .screen {margin-left:30px;}
	.recentproject .project .screen, .recentproject .project .tablet, .recentproject .project .mobile {padding:8px;}
	.getting-started {background: #e9e9e9;}
	.w3-container h3 {font-size: 21px;}
	label.lbdv {
		font-size: 13px;top: -10px;
    background: #fff;}
}
@media only screen and ( max-width: 384px ) {
	.howwework-sec ul li p { font-size: 14px; }	
	.recentproject .project .screen {margin-left: 55px;}
	.recentproject .project .screen {width: 34%;height: 305px;padding: 5px;}
	.sliderbanner, .slide {height:300px;}
}
@media only screen and ( max-width: 375px ) {
	.recentproject .project .screen {
    margin-left: 45px;}
}
@media only screen and ( max-width: 360px ) {
	.howwework-sec p { font-size: 13px;}
	
}
@media only screen and ( max-width: 320px ) {
	.howwework-sec {padding: 20px 0;}
	.howwework-sec ul li h4 { font-size: 20px;}
}