@media screen and (min-width:100px) and (max-width:840px){
.container {
  width:100%;
}

h2 {font-size: 24px;}
.banner-top {background:url(../images/top-banner.jpg) top center no-repeat; width: 100%; background-size: contain; text-align: center;  width:100%; margin:0 auto; min-height: 300px;}


.main-sec-one .white-bg {padding:30px 20px; margin-top:-70px;}
.main-sec-one .white-bg h2 {font-size:24px; color:#094a9c; padding:0px 0px 0px 30px!important;}
.main-sec-one .white-bg p {padding:0 30px 30px 30px!important; }
.main-sec-one .white-bg hr {background:#ee1c25; width:184px; height:7px;}
.main-sec-one .white-bg .mt10 {margin-top:0px;}
.main-sec-one .mt12 {margin-top:40px;}
.main-sec-one .pl-4 {padding-left:20px!important;}
.main-sec-one img {width: 100%; margin-bottom: 20px;}
.main-sec-one h2 {font-size:24px; color:#094a9c; padding:0px 0px 0px 00px;}
.main-sec-one p {padding: 0px;}


.sec-two {padding: 40px 0;}
.sec-two h2 {margin-bottom: 20px; text-align: center;}
.sec-two p {margin-bottom: 20px; text-align: center;}

.the-workstations {margin-top:20px;}

.i2i-cam-sec {background: url(../images/i2i-cam-mobile.jpg) center top no-repeat; margin-top: 40px; padding-top: 100px;}

.grey-sec-one {padding: 40px 0px; text-align: center; margin-top: 40px;}
.grey-sec-one h2 {margin-bottom: 20px;}
.grey-sec-one p {margin-bottom: 40px;}
.grey-sec-one .white-sec {margin-bottom: 20px;}
.grey-sec-one .white-sec img {width: 100%;}
.grey-sec-one a {padding: 15px 20px; font-size: 18px; display: block;}  
.grey-sec-one .green-btn {background-color: #55b050; margin: 15px 0px; }
.grey-sec-one h4 {margin-top: 30px;}


.camera-bootom {background: url(../images/cam-bottom.png) left bottom no-repeat; padding: 40px 20px 150px 20px;}
.camera-bootom p {padding-left: 0px; font-size: 16px; line-height: 28px; }

.blue-outer {margin: 20px 0;}
.blue-outer h4 {font-size: 24px;}
.blue-outer .blue-bg {font-size: 18px; padding:20px 20px; margin-top:30px; margin-bottom:60px;}

.i2i-cam-sec img {border:none; cursor:pointer; text-align:center; width:100%;}
.i2i-cam-sec iframe {border:none; width:100%;}


.camera-con {background: url(../images/camera-bg.png) center top no-repeat; background-size: contain; min-height: auto;}
.camera-con h2 {margin-top: 300px;}

.content-sharing-con {background: url(../images/content-sharing.jpg) center top no-repeat; background-size: contain; min-height: auto; margin-top: 40px;}
.content-sharing-con h2 {margin-top: 380px;}

.comfortable {background: url(../images/comfortable-use.jpg) right top no-repeat; background-size: contain; padding: 40px 0; min-height: auto;}
.comfortable h2 {margin-top: 120px;}
.comfortable p {font-size: 18px;}

.suitable-box {padding-top: 00px;}
.suitable-box .white-bg-con {padding: 0 0;}
.suitable-box .white-bg-con h3 {font-size: 24px; color: #1b3582; padding: 20px 20px;}
.suitable-box .white-bg-con .top img {border-radius: 10px 10px 0 0; width: 100%;}
.suitable-box .white-bg-con .bottom {margin-left: 00px; margin-top: -10px; padding: 0px 0px;}
.suitable-box .white-bg-con .bottom img {text-align: center; margin-top: -20px;}


.kiosk-visitor {margin: 40px 0px;}
.kiosk-visitor h4 {font-size: 24px; margin-top: 40px;}
.kiosk-visitor img {width: 100%;}


.the-teleporter-sec {background: url(../images/the-teleportel-bg.jpg) center top no-repeat; background-size: contain; padding-top: 100px;}
.the-teleporter-sec p {font-size: 18px;}
.the-teleporter-sec .t-center {text-align: center; width: 100%; margin: 0 auto;}
.the-teleporter-sec .t-center img {width: 100%;}
.the-teleporter-sec img {width: 100%;}


.teleportel-24 {background: url(../images/teleportel-24.jpg) left top no-repeat; background-size: contain; padding: 0px 0; margin-top: 80px;}
.teleportel-24 p {margin-top: 190px;}

.contact-bg {background: url(https://www.immenseart.com/demo/teleportel/agent-workstation/images/contact-me-bg.jpg) center no-repeat; padding: 40px 0px;}
.contact-bg h2 {color: #FFF; padding: 0 20px;}
.contact-bg a {padding: 10px 10px; display: block; font-size: 15px; }  
.contact-bg .orange-btn {background-color: #ff840a; margin-right: 0px; margin-bottom: 10px; }
.contact-bg .white-btn {background-color: #ffffff; color: black;}

.agent-audio {margin: 40px 0px;}
.agent-audio h2 {margin-bottom: 20px;}
.agent-audio a {padding: 10px 30px; display: block; font-size: 18px; }
.agent-audio a:hover {background: #1b3582; color: #fff;}


.disclaimer {font-size:15px; color:#555; text-align:center; font-style:italic; padding:50px 20px; width:100%;}


.back-title {font-size:28px;}
.new-section-bg {background:#e4e4e4 none; padding:40px 0px;}
.display-none {display:block; width:100%;}


.footer-grey-bg span{width:100%; line-height:26px; text-align:center; padding:0 0 15px 0;}
.footer-grey-bg .pull-right.icon-back{width:100%; text-align:center;}
.footer-grey-bg .icon-back a{margin:0 5px; display:inline-block;}
.footer-white-bg .right img{max-width:100%; display:block; height:auto; margin:8px 0 0 0;}




}


@media screen and (min-width:767px) and (max-width:1023px){

.home-banner-bg span{min-height:45px;}

.footer-grey-bg span{width:100%; line-height:26px; text-align:center; padding:0 0 15px 0; font-size:17px;}
.footer-grey-bg .pull-right.icon-back{width:100%; text-align:center;}
.footer-grey-bg .icon-back a{margin:0 5px; display:inline-block;}






}

@media screen and (min-width:1023px) and (max-width:1125px){

.footer-grey-bg span{font-size:15px;}

}


@media screen and (min-width:767px) and (max-width:1125px){

header a.navbar-brand span{font-size:12px;}
header nav ul.navbar-nav li{margin:0 5px;}
header nav ul.navbar-nav li a.nav-link{ padding:11px 10px!important; font-size:14px;}
header .navbar.navbar-light button.navbar-toggler-right{margin:20px 0 0 0;  right: 0; outline: none;}
header nav li a.nav-link.btn-primary.btn{text-align:left;}




.clientslogo{padding:40px 15px;}

.footer-link-bg{padding:10px 15px 40px;}
.footer-link-bg hr{margin:10px 0;}
.footer-link-bg .col-xs-12.col-lg-2{padding-top:30px;}
.video-service-page .footer-black-bg .col-xs-12.col-lg-2{padding-top:0px;}



}