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

header .navbar.navbar-light{padding:6px 0;}
.navbar-brand > img{height:48px;}
header .navbar.navbar-light button.navbar-toggler-right{margin:10px 0 0 0;  right: 0; outline: none;}
header a.navbar-brand span{font-size:9px; margin:0 0 0 -60px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:#e01f2f;}
.navbar-default .navbar-toggle .icon-bar{background:#FFF;}
.navbar-default #navbar{margin:0; width:100%;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{margin:0 -15px;}
.navbar-default .navbar-nav{width:100%; margin:0;}
header nav ul.navbar-nav li{margin:0;}
.navbar-default .navbar-nav>li>a{padding:5px 0;}

.home-banner-bg h1{font-size:30px; line-height:normal; padding:30px 0;}
.home-banner-bg h1 small{font-size:20px; padding:0 10px;}
.home-banner-bg .white-bg-box{margin-bottom:15px;}

.services{padding:30px 15px;}
.services h2{font-size:28px; line-height:normal;}
.services hr{margin:25px auro;}
.services a.btn{margin:10px auto; padding:14px 50px;}

.clientslogo{padding:30px 15px;}


.footer-link-bg{padding:30px 15px;}
.footer-link-bg hr{margin:10px 0;}
.footer-link-bg .col-xs-12.col-lg-2:first-child{padding-top:0;}
.footer-link-bg .col-xs-12.col-lg-2{padding-top:30px;}

.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;}


.video-service-page header a.navbar-brand{background:none;}
.video-service-page header a.navbar-brand span{margin:0 0 0 -52px;}
.video-service-page header nav ul.navbar-nav li{margin:0;}
.video-service-page .right-nav-bar{border-top:1px solid #c7c7c7;}

.video-service-kiosks-banner-bg{padding-top:40px;}
.video-service-kiosks-banner-bg .left h1{padding-top:0; font-size:30px;}
.video-service-kiosks-banner-bg .left p{padding:25px 0;}
.video-service-kiosks-banner-bg .left a.btn{font-size:18px; width:100%;}
.video-service-kiosks-banner-bg .form-white-bg{margin-top:30px;}


.how-it-works-content{padding:40px 15px;}
.how-it-works-content h3{padding:25px 0; font-size:40px;}

.watch-video-grey-bg{padding:40px 15px;}
.watch-video-grey-bg h2{font-size:28px;}
.watch-video-grey-bg .video-box img{margin-bottom:35px;}
.watch-video-grey-bg .btn-back.mt-5{margin-top:10px!important;}


.watch-video-grey-bg .btn-back a{font-size:13px;}
.video-service-page .footer-black-bg{padding:5px 15px 5px;}
.video-service-page .footer-black-bg ul{min-height:inherit; padding:15px 0; border-right:none; border-bottom:1px solid #5f5f5f;}
.video-service-page .footer-black-bg .last-col ul{border-bottom:none;}

}


@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;}


.video-service-page header a.navbar-brand{background:none;}
.video-service-page header a.navbar-brand span{margin:0 0 0 -52px;}
.video-service-page header nav ul.navbar-nav li{margin:0;}
.video-service-page .right-nav-bar{border-top:1px solid #c7c7c7;}


.video-service-kiosks-banner-bg{padding-top:40px;}
.video-service-kiosks-banner-bg .left h1{padding-top:20px; font-size:40px;}
.video-service-kiosks-banner-bg .left p{padding:15px 0; font-size:16px;}

.how-it-works-content{padding:40px 15px;}
.how-it-works-content h3{padding:25px 0; font-size:40px;}

.watch-video-grey-bg{padding:40px 15px;}
.watch-video-grey-bg h2{font-size:32px;}


.video-service-page .footer-black-bg{padding-bottom:10px;}
.video-service-page .footer-black-bg ul{min-height:130px; padding:15px 0; border-right:none; border-bottom:1px solid #5f5f5f;}
.video-service-page .footer-black-bg .sm-border-r ul{border-bottom:none;}
.video-service-page .footer-black-bg .last-col ul{border-bottom:none;}



}

@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;}

.home-banner-bg h1{font-size:30px; line-height:normal; padding:30px 0;}
.home-banner-bg h1 small{font-size:24px; padding:0 10px;}
.home-banner-bg h2{font-size:18px;}
.home-banner-bg span{font-size:12px;}


.services{padding:40px 15px;}
.services h2{font-size:32px; line-height:normal;}
.services hr{margin:25px auro;}
.services a.btn{margin:10px auto; padding:14px 70px;}


.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;}



}