@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 992px)and (max-width: 1199px) {
	.nav > li > a { padding: 10px;}
	.navbar-nav > li { font-size: 12px;}
	.firstSec ul.circleSec li p { height: 72px;}
	.media-body p { padding-right: 0;}
	.screen {left:7%;}
}
	
@media screen and (max-width: 991px) {
	.navbar-header { float: none;}
    .navbar-toggle {
        display: block;}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		padding-left:0;
		padding-right:0;}
    .navbar-collapse.collapse {
        display: none!important;}
    .navbar-nav {
        float: left;
        margin: 7.5px 0 40px 0; width: 100%; margin-top: 36px;
border-top: 1px solid #454546;}
    .navbar-nav>li {
        float: none; font-size:14px;}
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;}
   .navbar-collapse.collapse.in { 
        display: block!important; }
	.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{padding-bottom:10px;}
	.navbar-nav > li {margin-right:0;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {padding-left:15px;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {padding-left:7px!important;}
	 .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #f1efef;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
			padding:10px 20px 25px 20px}
	.navbar-collapse {box-shadow:none;}
	.firstSec h5{padding: 0 100px;}
	.firstSec ul.circleSec li p {height: 68px; margin-bottom: 40px;}
	.firstSec ul.circleSec li{margin-right: 40px;}
	.firstSec ul.circleSec { width: 95%;}
	.firstSec .lastPara {padding:0 80px; margin-top: 20px;}
	audio, canvas, progress, video { margin-top: 62px; height: 316px; width: 600px;}
	.thirdSec .tab {margin-bottom:0;}
	.media-body p {height:auto;}
	.marT40{margin-top:40px!important;}
	.screen{left:8%;}
	.fourthSec h6 {height:20px;}
	footer img{margin:10px auto 30px auto;}
	ul.ftrSec li {margin-right: 7px;}
	.iconImg {margin: -57px auto;}
	.aboutSec p.para {padding-right:0;}
	video.automation {margin: 40px auto 0 auto}
	.gap{margin-top:30px;}
	.secondSec h4 {font-size: 42px;}
	.firstSec { padding: 90px 0;}
	.aboutSec, .divSec {padding: 40px 0;}
	.aboutSec p {margin-top:0;}
	.divSec h5 {margin-bottom:10px;}
	.marL146 {margin-left:0;}
	.marGapTop{margin-top:30px;}
}

@media screen and (max-width: 767px) {
	.navbar-brand {height:80px; width:250px; padding:10px;}
	.navbar-toggle {margin-top:24px;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {padding: 5px 0 5px 10px;}
	.navbar-nav > li {  margin: 0 30px;}
	.firstSec ul.circleSec li {margin-right: 22px;}
	.firstSec h4 {font-size: 32px;}
	.secondSec p { padding: 100px 30px 0 30px;}
	.secondSec h4 {font-size: 40px; padding: 0 30px;}
	.thirdSec .tab {margin-bottom:20px;}
	.screen {left: 23%;}
	.thirdSec h4 span, .fourthSec h4 span {font-size: 40px;}
	.aboutSec h4, .divSec h4, .careerSec h4, .contactSec h4, .testiSec h4 {font-size: 23px; line-height: 28px;}
	.smallN {display:none;}
	.Bign{display:block;}
	.divSec img{margin:0 auto}
	.smllMar{margin-top:51px!important;}
	.aboutSec h5, .divSec h5, .careerSec h5, .contactSec h5 {font-size:18px; line-height:26px;}
	.fourthSec, .testiSec {padding:50px 0 100px 0;}
	.aboutBan, .autoBan, .testiBan, .careerBan{padding:100px 0;}
	.firstSec{ padding: 80px 0;}
	.divBan { padding: 100px 0;}
	.mar60 {margin-top: 30px}
	.marB60 {margin-bottom: 30px;}
	.testiSec p {margin-top:15px;}
	.contactSec, .careerSec, .testiSec {padding-top:40px;}
	.careerSec h4 {margin-bottom:20px;}
	.careerSec h5 {margin-bottom:10px;}
	.gapDiv {margin-bottom: 20px;}
}
	}

@media screen and (max-width: 640px) {
	audio, canvas, progress, video {margin-top:53px; height:50%; width:83%;}
	.secondSec h4 {font-size: 32px;}
	.thirdSec .tab { margin-bottom: -50px;}
	
}

@media screen and (max-width: 660px) {
	.screen {left: 17%;}
}

@media screen and (max-width: 560px) {
	audio, canvas, progress, video {margin-top: 44px; height: 45%;}
	.thirdSec .tab { margin-bottom: -120px;}
	.screen {left: 12%;}
	
} 


@media screen and (max-width:500px) {
	audio, canvas, progress, video {margin-top: 39px; height: 38%;width: 85%;}
	.media-heading, .media-body p {padding-right:0;}
	.screen {left: 8%;}
	.aboutSec .media .media-left{width: 100%; display: block; margin: 0 auto; text-align: center;}
	.aboutSec .media .media-left .media-object {margin:0 auto;}
	.aboutSec .media-body{text-align:center;}
	.aboutSec .media-body h4.media-heading {margin-top:30px; }
	.firstSec h4, .secondSec h4 {font-size: 24px; padding: 0 2px;}
	.thirdSec { padding: 40px 0;}
	.fourthSec h6 {margin:10px 0 30px 0;}
	.iconImg {margin:-20px auto !important;}
	.contactSec .media-left { display: block; margin:10px auto}
}



@media screen and (max-width: 480px) {
	.firstSec ul.circleSec { width: 95%; margin-left: 33px;}
	.firstSec h5 {padding: 0 50px;}
	firstSec h4 {padding: 0 10px;}
	.firstSec h5 {font-size: 16px; line-height: 26px;}
	.secondSec p { padding: 100px 40px 50px 40px;}
	.thirdSec .tab { margin-bottom: -190px;}
	.thirdSec h4 span { font-size: 30px;}
	.thirdSec h4 {font-size: 20px;}
	.w100{width:100%; display:block;}
	.w100 img{margin:0 auto;}
	.screen {left: 28%;}
	.firstSec .lastPara { padding: 0 20px;}
}

@media screen and (max-width: 414px) {
	.screen { left: 24%;}
}

@media screen and (max-width: 407px) {
	.firstSec ul.circleSec {width: 90%;}
	audio, canvas, progress, video {margin-top: 33px; height: 31%; width: 83%;}
	.firstSec ul.circleSec li { margin-right: 32px;}
	.screen {left: 24%;}
	
}

@media screen and (max-width: 380px) {
	audio, canvas, progress, video {margin-top: 30px; height: 29%; width: 82%;}
	.thirdSec .tab { margin-bottom: -230px;}
	.screen {left: 20%;}
	.testiSec .media-left {display: block;  width:100%;}
	.testiSec .media-left img {margin: 0 auto 15px auto;}
}

@media screen and (max-width: 340px) {
	audio, canvas, progress, video {margin-top: 24px; height: 27%;}
	.screen {left:18%;}
	.contactSec .media-body p {font-size:12px;}
	
}

@media screen and (max-width: 320px) {
	.firstSec h4 { font-size: 27px;}
	.firstSec h6 {font-size: 21px;}
	.thirdSec .tab { margin-bottom: -300px;}
	.screen {left:15%;}
}
@media screen and (min-width: 768px) {
	.Bign{display:none;}
	.smallN {display:block;}