@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1380px) {
	.board-image {
		width: 50%;
	}
.fullpage-wrapper {
  overflow-x: hidden!important;
}	
}

@media screen and (max-width: 1280px) {
	ul.bxslider li#focus {
		width: 310px !important;
		margin-right: 50px !important;
	}
	.board-image {
		width: 58%;
	}
.bar_img {
  left: -8%;
}
}

@media screen and (max-width: 1024px) {
	.sec_sub_headng2 {
		width: 96%;
	}
	.sec_sub_headng {
		width: 80%;
	}
	ul.bxslider li#focus {
		width: 270px !important;
	}
	ul.bxslider li {
		width: 170px !important;
	}
	.main_headng {
		width: 90%;
	}
	ul.bxslider li p.position {
		font-size: 1.1em;
	}
.board-image {
  width: 70%;
}
}

@media screen and (max-width: 960px) {
	nav.main_menu ul li a {
		padding: 32px 10px;
	}
	.main_headng {
		margin: 0 auto 5px;
		font-size: 3.2em;
	}
	.hdr_inner {
		width: 98%;
	}
	.persistTech_images span {
		width: 48%;
	}
	.persistTech_images span:first-child img {
		width: 111%;
	}
	.tagTxt {
		width: 100%;
		position: static;
	}
	.answr1 {
		font-family: 'museosans';
		width: 80%;
	}
	.questn1 {
		width: 100%;
	}
	ul.bxslider li#focus {
		width: 250px !important;
	}
	ul.bxslider li {
		width: 150px !important;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		position: absolute;
		bottom: -2px;
	}
	.sec_headng {
		font-size: 3.2em;
	}
	.top_sec {
		padding-bottom: 8%;
	}
	.team_sec {
		padding-bottom: 4%;
	}
	.persistTech_sec {
		margin-bottom: 7%;
	}
	ul.bxslider li p.position {
		font-size: 1.02em;
	}
}

@media screen and (max-width: 768px) {
	.board-image {
		width: 74%;
	}
	.main_headng {
		font-size: 2.6em;
		margin: 0 auto 10px;
	}
	.sub_main_headng {
		font-size: 1.2em;
	}
	.questn1 {
		font-size: 1.8em;
	}
	.answr1 {
		width: 100%;
		font-size: 1.3em;
	}
	.btm_slide {
		margin-bottom: 0;
		bottom: 60px;
	}
	.btn_wrap {
		margin-top: 35px;
	}
	.top_sec {
		height: 510px;
	}
	.sec_headng {
		font-size: 2.6em;
		margin: 0 auto 10px;
	}
	.sec_sub_headng {
		font-size: 1.2em;
		width: 100%;
	}
	.fullpage-wrapper {
		width: 98%;
		margin: 0 auto;
	}
	.board-image {
		margin: 0px 2% 30px;
	}
	.animtn_title {
		margin: 0 auto 10px;
	}
	.team_sec {
		padding-bottom: 8%;
	}
	.contact_sec {
		margin-top: 60px;
		height: 390px;
	}

	/* for navigation */
	header {
		width: 98%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	nav ul.menu {
		/*  display:none;	*/
		
	}
	.hdr_inner {
		width: 100%;
	}
	header .logo {
		width: 200px;
		padding: 20px 0;
	}
	header .logo img {
		width: 100%;
	}
	.bar_img {
		width: 40%;
		left:0%;
	}
	ul.bxslider li#focus {
		width: 230px !important;
		margin-right: 35px !important;
	}
	ul.bxslider li {
		margin-right: 35px !important;
	}
	.bx-wrapper {
		width: 90% !important;
	}
}

@media screen and (max-width: 736px){
.main_headng {
  font-size: 2em;
}
.sec_headng {
  font-size: 2.2em;
}
.sec_sub_headng {
  font-size: 1em;
}
.sec_sub_headng2 {
  font-size: 1em;
}	
.bx-wrapper .bx-controls-direction a {
  margin-top: -34px;
}
ul.bxslider li#focus {
  width: 180px !important;
  margin-right: 30px !important;
  margin-top: -18px;
}
ul.bxslider li {
  margin-right: 30px !important;
  margin-left: 13px;
  width: 140px !important;
}
.bx-viewport {
  padding-top: 30px;
}
.board-image {
  margin: -24px 1% 30px;
  width: 74%;
	transform:scale(0.95,0.95);
	-webkit-transform:scale(0.95,0.95);
	-moz-transform:scale(0.95,0.95);
}
}

@media screen and (max-width: 667px) {
	/*.contct_innr {
  width: 90%;
  height: 192px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 1% 5%;
  margin: 0 auto;
}*/
ul.bxslider li#focus {
  width: 200px !important;
  margin-right: 35px !important;
  margin-top: 0;
}
ul.bxslider li {
  margin-right: 35px !important;
  margin-left: 29px;
  width: 200px !important;
}
.bx-viewport {
  padding-top: 5px;
}
.board-image {
  margin: -40px -3% 30px;
  transform: scale(0.85,0.85); 
  -webkit-transform: scale(0.85,0.85);
  -moz-transform: scale(0.85,0.85);
}
.bar_img {
  width: 45%;
}
}
@media screen and (max-width: 640px) {
	nav ul.menu {
		display: none;
	}
	.hambrgr {
		display: block;
	}
	.hambrgr:hover {
		opacity: 0.7;
	}
	.slide_menu {
		display: block;
		width: 180px;
		position: absolute;
		top: 0px;
		right: -280px;
		background-color: #6B6B6B;
		padding: 56px 4px 5px;
	}
	.slide_menu ul {
		width: 100%;
	}
	.slide_menu ul li {
		width: 100%;
		display: inline-block !important;
		background-color: #ddd !important;
		margin: 0px 0px;
		border-bottom: 1px solid #636262;
	}
	.slide_menu ul li a {
		padding: 20px 0px 18px 10px !important;
		background-color: none !important;
		line-height: 0 !important;
		display: block !important;
		background-color: #454343 !important;
		margin-left: 0 !important;
	}
	.top_sec {
		margin-top: 56px;
	}
	.mid_sec {
		padding-top: 65px;
	}
	.persistTech_sec {
		padding: 65px 0 3%;
	}
	header .logo {
		padding: 10px 0;
	}
	.team_sec {
		padding: 65px 0 24%;
	}
	/* anim code */
	.board-image {
		/* transform: rotate(-90deg);*/
		height: 460px;
		margin: 12px -27% 40px;
  	transform:scale(1,1);
	  -webkit-transform:scale(1,1);
  	-moz-transform:scale(1,1);
	}
	.frgBox_2 {
		display: none;
	}
	.frgBox_1 {
		display: none;
	}
	.arrw1 {
		display: none;
	}
	.arrw2 {
		display: none;
	}
	.bar_img {
		width: 40%;
		top: 13px !important;
		left: 37%;
	}
	.sec_headng {
		font-size: 2.2em;
	}
	.sec_sub_headng {
		font-size: 1em;
		margin: 0 auto 7px;
	}
	.animtn_title {
		margin: 0 auto -10px;
		font-size: 1.3em;
	}
	.frgBox {
		left: 370px;
	}

	/* for slider */
	ul.bxslider li#focus {
		margin-top: 0;
		width: 220px !important;
		margin-right: 20px !important;
	}
	ul.bxslider li {
		width: 220px !important;
		margin-right: 20px !important;
		margin-left: 14px;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom: -52px;
	}
	.main_headng {
		font-size: 2.2em;
	}
	.persistTech_sec {
		padding: 65px 0 16%;
	}
	.bx-viewport {
  padding-top: 40px;
}
.bx-wrapper .bx-controls-direction a {
  margin-top: -16px;
}
}

@media screen and (max-width: 568px) {
	.board-image {
		margin: 3px -30% 40px;
		height: 600px
	}
	.bar_img {
		top: 28px !important;
		left: 44%;
	}
	/* for slider */
	ul.bxslider li#focus {
		width: 190px !important;
	}
	ul.bxslider li {
		width: 190px !important;
		margin-left: 13px;
	}
	/* end slider */
	
}

@media screen and (max-width: 480px) {
	.main_headng {
		font-size: 2em;
		width: 100%;
	}
	.sub_main_headng {
		font-size: 1em;
	}
	.contact-row {
		width: 70%;
	}
	#slider {
		width: 59%;
	}
	.scroll {
		width: 110%;
	}
	.scrollContainer div.panel {
		width: 306px;
	}
	.questn1 {
		font-size: 1.4em;
	}
	.answr1 {
		font-size: 1.1em;
	}
	.btn_wrap {
		width: 70%;
		margin: 35px auto;
	}
	.sec_headng {
		font-size: 2em;
	}
	.sec_sub_headng {
		font-size: 1em;
	}
	.animtn_title {
		font-size: 1.2em;
	}
	.board-image {
  margin: -585px -59% 40px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  height: 1075px;
	}
	.bar_img {
		display: none;
	}
	.frgBox span {
		transform: rotate(0deg) !important;
		-webkit-transform: rotate(0deg) !important;
	}
	.frgBox_grnBlck span {
		transform: rotate(0deg) !important;
		-webkit-transform: rotate(0deg) !important;
		display: block !important;
		width: initial;
		margin: 44% auto;
		height: auto;
	}
	.persistTech_sec {
		padding: 65px 0 24%;
	}

	/* slider */
	ul.bxslider li#focus {
		width: 260px !important;
		margin-top: 0;
	}
	ul.bxslider li {
		width: 260px !important;
		margin-left: 60px;
	}
	.marking {
		display: none;
	}
	/* end slider */
	
/*.contct_innr {
  width: 100%;
  height: initial;
  overflow-x: initial;
  overflow-y: initial;
  padding: 0;
  margin: initial;
}*/

.loader {
  left: 65%;
}
}

@media screen and (max-width: 414px) {
.board-image {
  margin: -585px -75% 40px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  height: 1075px;
}
ul.bxslider li {
  width: 220px !important;
  margin-left: 50px;
}
ul.bxslider li#focus {
  width: 220px !important;
  margin-top: 0;
}
.loader {
  left: 69%;
}
}
@media screen and (max-width: 375px) {
.board-image {
  margin: -665px -93% 40px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  height: 1135px;
}	
ul.bxslider li {
  width: 200px !important;
  margin-left: 46px;
}
ul.bxslider li#focus {
  width: 200px !important;
  margin-top: 0;
}	
}
@media screen and (max-width: 360px) {
	.inside img {
		width: 230px;
	}
	.scrollContainer div.panel {
		width: 285px;
	}
	#slider p {
		width: 90%;
		margin: 0 auto;
	}
	.persistTech_images {
		margin-top: 0px;
	}
	.persistTech_images span {
		width: 90%;
		display: block;
		margin: 0 auto;
	}
	.persistTech_images span:first-child img {
		width: 100%;
	}
	.sec_sub_headng2 {
		font-size: 0.95em;
	}
	.board-image {
		margin: -645px -92% 40px;
		height: 1125px;
	}
	.fp-enabled body {
		overflow-x: hidden !important;
	}


	/* slider */
	ul.bxslider li#focus {
		width: 190px !important;
	}
	ul.bxslider li {
		width: 190px !important;
		margin-left: 45px;
	}
}

@media screen and (max-width: 320px) {
	.inside img {
		width: 180px;
	}
	.scrollContainer div.panel {
		width: 276px;
	}
	.board-image {
   margin: 0px -4% 40px;
   height: 520px;
		/* 		position:relative; */
		top: -340px;
		transform: rotate(90deg) scale(0.8);
    -webkit-transform: rotate(90deg) scale(0.8);
		-moz-transform: rotate(90deg) scale(0.8);
	}

	/* slider */
	ul.bxslider li#focus {
		width: 150px !important;
	}
	ul.bxslider li {
		width: 150px !important;
		margin-left: 47px;
	}
	.main_headng {
		font-size: 1.8em;
	}
	/* end slider */
	
	.loader {
   left: 72%;
  }
}