@media (min-width: 1400px) and (max-width: 1799px) {
.snglinr p{ font-size:20px;}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.bnr1inr{ top:150px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.ints ul li .intint{ width:150px;}
.left{left:-100px!important;}
.right{right:-100px!important;}
.ftrbtm ul li{ padding:0px;}
.ftr input[type="text"], .ftr input[type="email"] { width:90%;}

.inrpress{ width:100%;}
.bnr1inr{ top:118px;}
.bnr2{ height:430px;}
.presstop{ padding:0px;}
.bnr4btm, .investors{ width:75%;}
.pressbtminr{ width:100%;}
.snglinr, .bnr2btm{ width:75%;}
.inrcnt{ width:100%;}
.contsec ul{ width:100%;}
.contsecin{ width:100%;}
.blogsec ul{ width:90%;}
.careerinr{ width:100%;}
.careersec img{ width:100%;}
.bnr5btm{ width:83%;}
.bnr5inr h1{ width:100%; margin-bottom:15px;}
.careerinrs{ width:85%}
.contsecin{ width:85%;}
.careerapp ul{ width:100%;}
.bnr6btm{ width:100%;}
.bnr3inr h3{ margin-bottom:20px;}
.bnr3inr{ top:85px;}
.rotate{bottom:-2px;}
.testiinr3{ width:75%;}
.prevArrow{ left:-100px;}
.nextArrow{ right:-100px;}

}
@media (min-width: 768px) and (max-width: 991px) {
.bnr6 { min-height: 372px;}
.Bnrsec img{float:right;}
.Bnrthrd h1{ width:100%; font-size:24px; margin-top:90px;}
.web-menu{ width:100%;}
.navbar-dark .navbar-toggler { border:0px solid #fff; outline:none;  margin-top:5px;}
.navbar-toggler{ padding:2px 5px;}
.navbar-dark .navbar-toggler-icon { background-image: url("../images/mbl_nav_btn.png");  background-repeat: no-repeat;  background-size: 90% auto;}
.vidtext{ padding:50px 0 0;}
.ints ul li .intint{ width:110px; height:120px;}
.Zoomimg{ width:45px; height:45px;}
.nbs-flexisel-nav-left{ left:-5px;}
.nbs-flexisel-nav-right{ right:-5px;}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{ top:100px;}
.left{left:-35px!important;}
.right{right:-35px!important;}
.container2{ width:100%!important;}
.ftr ul{ width:100%;}
.ftrbtm ul li{ padding:0px; text-align:center;}
.ftr input[type="text"]{ width:90%;}
.navbar-toggler{ padding:2px 5px; float:right;}
.navbar-collapse{ width:100%; float:left;}
.HOLOGRAM-AI{ position:absolute; top:0px;}
.web-menu ul { background: rgba(0, 0, 0, 1); padding: 0px 0 0; width: 100%; text-align:center;}
.web-menu ul li{ width:100%;}
.web-menu ul li a{ line-height:44px;}
.bnr1{ height:185px;}
.bnr1inr{ top:100px;}
.bnr1inr h1{ font-size:24px;}
.bnr1 img{ height:100%;}
.abouttb li{ margin:0px 5px; width:28%;}
.abouttb li a{ font-size:24px; padding:0px;}
.abtinr, .investors{ width:100%;}
.investors img{ width:50%;}
.leadr ul{ width:100%;}
.leadr ul li{ width:50%;}
.leadrtext h3{ font-size:20px;}
.leadrtext p{ font-size:16px;}
.leadrtext{ height:90px; padding:16px 0 0; top:-50px;}
.inrpress{ width:100%;}
.presstop{ padding:0px;}
.presssec ul{ float:left; width:100%;}
.detailpress h3 a{ font-size:28px;}
.pressbtminr{ width:100%;}
.snglinr, .bnr2btm{ width:100%;}
.pressbtm ul li h3 a{ font-size:26px;}
.inrcnt{ width:100%;}
.contsec ul{ width:100%; padding-right:0px;}
.contsecin{ width:100%;}
.contsec h2{ font-size:28px;}
.contsec h3{ font-size:22px;}
.contsec label{ margin-bottom:10px;}
.bnr3btm{ width:100%;}
.bnr3inr{ top:80px;}
.bnr3inr h3{ margin-bottom:15px;}
.bnr3inr h1{ font-size:26px; margin-bottom:15px;}
.bnr3in{ padding:30px 0 0;}
.bnr3inr a{ margin-top:20px; float:left;}
.blogsec ul{ width:100%;}
.blogleft{ width:100%;}
.blogsec ul li img{ width:100%;}
.careerinr{ width:100%;}
.careersec img{ width:100%;}
.bnr5btm{ width:77%;}
.bnr5{ height:215px;}
.bnr5inr h1{ width:100%; margin-bottom:15px;}
.bnr5inr h2{ font-size:28px;}
.bnr5inr a.btnjb{ font-size:18px; line-height:40px; height:40px;}
.careerinrs{ width:100%}
.careerapp ul{ width:100%; padding:0px;}
.careerapp h3{ font-size:24px;}
.careerapp{ padding-bottom:0px;}
.bnr6btm{ width:100%;}
.biodetail p{ width:100%;}
.bnr4btm{ width:100%;}
.bnr4inr h1{ font-size:28px;}
.HOLOGRAM-AI a{ z-index:2; position:relative;}
.testiinr3{ width:100%;}
.prevArrow{ left:0px; top:335px;}
.nextArrow{ right:0px; top:335px;}
}
@media only screen and (max-width: 767px) {
.abouttb{ display:none!important;}
.seltab { display:block;}
.bnr6 { min-height: 372px;}
html{ overflow-x:hidden;}
.HOLOGRAM-AI{ position:absolute; top:10px;}
.HOLOGRAM-AI a{ float:left;}
.web-menu{ width:auto;}
.navbar-dark .navbar-toggler { border:0px solid #fff; outline:none; margin-top:5px;}
.navbar-toggler{ padding:2px 5px; float:right;}
.navbar-collapse{ width:100%; float:left;}
.navbar-dark .navbar-toggler-icon { background-image: url("../images/mbl_nav_btn.png");  background-repeat: no-repeat;  background-size: 90% auto;}
.web-menu ul { background: rgba(0, 0, 0, 1); padding: 0px 0 0; width: 100%; text-align:center;}
.web-menu ul li{ width:100%;}
.web-menu ul li a{ line-height:44px;}
.ints h2, .testi h2{ font-size:30px;}
.bnrimg{ height:570px;}
.vidsecinr{ width:100%; height:250px;}
.Bnr{ height:570px; text-align:center; overflow:hidden;}
.Bnrsec img{float:none; display:inline-block; width:60%;}
.Bnrthrd h1{ width:100%; font-size:20px; text-align:center; margin:0px 0 30px;}
.web-menu{ width:100%;}
.vidtext{ padding:50px 0 0;}
.ints ul li .intint{ width:150px; height:150px;}
.nbs-flexisel-nav-left{ left:0px;}
.nbs-flexisel-nav-right{ right:0px;}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{ top:115px;}
.left{left:205px!important; top:103%!important;}
.right{right:205px!important; top:103%!important;}
.container2{ width:100%!important;}
.testi{ overflow-x:hidden; width:100%!important;}
.ftr ul{ width:100%;}
.ftr{ text-align:center;}
.ftrbtm ul li{ padding:0px; text-align:center; width:30%;}
.ftr input[type="text"]{ width:100%; height:36px;}
.ftr input[type="submit"]{ width:100%; height:36px; line-height:36px; margin-bottom:50px;}
.vidsec{ height:auto; padding:50px 0; background-size:auto 100%;}
.rotate2{ border-right:460px solid transparent; border-top:63px solid #fff;}
.ints{ padding:100px 0 50px;}
.ftrbtm{ padding-top:30px;}
.ftrbtm h5{ font-size:16px;}
.HOLOGRAM-AI a{ line-height:20px;}
.bnr1{ height:185px;}
.bnr1inr{ top:100px;}
.bnr1inr h1{ font-size:24px;}
.bnr1 img{ height:100%;}
.abouttb li{ margin:0px 5px; width:28%;}
.abouttb li a{ font-size:17px; padding:0px;}
.abtinr, .investors{ width:100%;}
.investors img{ width:50%;}
.leadr ul{ width:100%;}
.leadr ul li{ width:100%;}
.leadrtext h3{ font-size:20px;}
.leadrtext p{ font-size:16px;}
.leadrtext{ height:90px; padding:16px 0 0; top:-50px;}
.container3, .container4{ width:100%!important;}
.meet{ overflow-x:hidden; width:100%!important;}
.inrpress{ width:100%;}
.presstop{ padding:0px;}
.presssec ul{ float:left; width:100%; margin-top:30px;}
.detailpress h3 a{ font-size:28px;}
.presstop h2{ font-size:26px;}
.pressleft{ width:100%; padding:10px 0;}
.detailpress{ width:100%;}
.detailpress h3{ line-height:30px;}
.detailpress h3 a{ font-size:24px;}
.detailpress h4{ width:65%;}
.pressbtminr{ width:100%;}
.snglinr, .bnr2btm{ width:100%;}
.pressbtm ul li h3 a{ font-size:20px;}
.pressbtm ul li h3{ line-height:20px;}
.pressbtm ul li h4{ font-size:14px;}
.bnr2inr h1{ font-size:26px;}
.bnr2 img{ width:80%;}
.pressbtm ul li{ padding-left:20px; background-position:left top 8px;}
.pressbtm{ padding:30px 0;}
.pressbtminr{ margin:0px;}
.inrcnt{ width:100%;}
.contsec ul{ width:100%; padding-right:0px;}
.contsecin{ width:100%;}
.contsec h2{ font-size:26px;}
.contsec h3{ font-size:20px;}
.contsec label{ margin-bottom:10px;}
.contsec ul li input[type="submit"]{ height:40px; width:100%; line-height:40px;}
.bnr3im1{ display:none;}
.bnr3im2{ display:block!important;}

.bnr3btm{ width:100%;}
.bnr3inr{ top:90px;}
.bnr3inr h3{ margin-bottom:20px;}
.bnr3inr h1{ font-size:24px; margin-bottom:20px;}
.bnr3in{ padding:30px 0;}
.blogsec ul{ width:100%;}
.blogleft{ width:100%;}
.blogsec ul li img{ width: 100%;
    height: 317px;}
.bnr3{ height:400px; overflow:hidden;}
.bnr3in img{ height:auto;}
.blogleft{ padding-top:30px;}
.blogsec ul li h3 a{ font-size:24px;}
.blogsec ul li p{ line-height:26px;}
.careerinr{ width:100%;}
.careersec img{ width:100%;}
.careersec h2, .carrerbtm h2{ font-size:26px;}
.careersec h3{ font-size:26px; margin-top:30px;}
.careersec img{ margin:0px;}
.carrerbtm{ padding:0px;}
.carrerbtm ul li{ width:100%;float: none !important;}
.careerli.back-layer{    float: none !important; margin-left: 0px !important;}
.careerli{ width:100%;}
.bnr5btm{ width:100%; text-align:center;}
.bnr5inr h1{ width:100%; margin-bottom:16px;}
.bnr5inr h2{ font-size:26px;}
.bnr5inr a.btnjb{ font-size:18px; line-height:40px; height:40px; float:none; display:inline-block; margin-top:10px;}

.bnr4btm{ width:100%;}
.bnr4inr h1{ font-size:24px;}
.careerinrs{ width:100%;}
.desconfrm h2{ font-size:24px;}
.desconfrm h3{margin-top:30px;}
.desconfrm h4{ margin:30px 0;}
.careerapp ul{ width:100%; padding:0px;}
.careerapp h3{ font-size:22px;}
.careerapp{ padding-bottom:0px;}
.careerapp ul li{ margin-bottom:10px;}
.input-file-container{ width:100%;}
.js .input-file-trigger{ width:100%;}
.careerapp ul li input[type="text"], .careerapp ul li input[type="email"], .careerapp ul li input[type="number"]{ width:100%;}
.careerapp ul li input[type="submit"]{ width:100%; height:40px; line-height:40px;}
.bnr6btm{ width:100%;}
.biodetail p{ width:100%;}
.bnr6inr h1{ margin-top:0px; font-size:24px;}
.bnr6inr h3{ font-size:20px;}
.bnr6{ height:450px;}
.meet h2{ font-size:26px;}
.HOLOGRAM-AI a{ z-index:2; position:relative;}
.pagintions ul li a{ width:24px; font-weight:700; height:24px; line-height:24px; font-size:12px;}
.pagintions ul li{ margin:0 2px;}

.bnr6{box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0);}
.float-left1{ position:absolute; bottom:0px; width:100%; left:0px; padding:30px 30px 0; background:#fff;}
.bnr6inr{ position:unset; margin-top:82px;}
.bnr6btm ul{ display:none;}
.topbar{ margin-bottom:15px;}
.biodetail{ padding:15px 0 50px;}
.detailpress h3 a, .detailpress1 h3 a{ font-size:22px;}
.pressleft h4{ width:63%;}
.testiinr3{ width:100%;}
.prevArrow{ left:0px; top:335px;}
.nextArrow{ right:0px; top:335px;}
#carouel1 li{ width:100%;}
.testiinr h3{ font-size:20px; margin-bottom:10px;}
.testiinr p{ font-size:16px;}
.testiinr a{ font-size:16px;}
.arrow1 .prevArrow{top:363px;}
.arrow1 .nextArrow{ top:363px;}
.testiinr2 #carouel1 li{ width:100%!important;}
}
@media only screen and (max-width: 480px) {
.bnr6btm .col-lg-6.col-md-6.float-right img {
    margin-top: 10px !important;
    width: 96%;
    margin: 0px auto !important;
    display: table;
    float: none;
}
.abouttb li{ min-width: auto !important;}
.abouttb li {
    margin: 1px 10px;
    width: auto !important;
}
.abouttb li a {
    font-size: 16px;
    padding: 0px;
    cursor: pointer;
}
}
@media only screen and (max-width: 360px) {
.Bnrsec img{ width:85%;}
.investors img{ width:70%;}

}