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

body section.inner-banner.rinr-banner h1, body section.banner.bannerrev h1  ,
body section.inner-banner.rinr-banner h2, body section.banner.bannerrev h2 {
    font-size: 30px;
    line-height: normal;
    text-align: center;
}

section.bannerrev.lp-banners p {
    display: none;
}

body .bannerrev .counteralign {
    /* float: none; */
}

.bannerrev  .col-md-8 ,
.rinr-banner  .col-md-8 {
    padding-top: 0 !important;
}

body section.rinr-banner p{   display: none;}


body section.inner-banner.rinr-banner  h4 ,
body section.banner.bannerrev h4 {
    display: none;
}

 body section.inner-banner.rinr-banner , 
 body section.banner.bannerrev {
    padding: 30px 0;
}
    
 body section.inner-banner.rinr-banner ul li ,    
body   section.inner-banner.rinr-banner   .add-points ul li ,
body section.banner.bannerrev .add-points ul li {
    width: auto;
    float: none;
}
section.inner-banner.rinr-banner .headerbtn a.various+a ,
section.banner.bannerrev .headerbtn a.various+a {
    margin-left: 0;
    margin-top: 10px;
}   
    
body footer, body.ft-pd footer {
    padding-bottom: 0 !important;
}
section.inner-banner.rinr-banner  a.btn-yellow ,section.inner-banner.rinr-banner   a.btn-yellow2 ,
section.banner.bannerrev  a.btn-yellow ,section.banner.bannerrev   a.btn-yellow2{
    font-size:13px !important;
    margin: 10px 0 0;
}

section.inner-banner.rinr-banner .divider ,
section.banner.bannerrev  .divider {
    display: none;
}
 
section.inner-banner.rinr-banner a.showreel-link_new , section.inner-banner.rinr-banner a.showreel-link_new2 ,
section.banner.bannerrev a.showreel-link_new,section.banner.bannerrev a.showreel-link_new2 {
    display: none;
}
body section.inner-banner.rinr-banner h1, body section.banner.bannerrev h1 , 
body section.banner.bannerrev.home-page h1 {
    text-align: center;
    font-size: 20px;
    /* margin-bottom: 0; */
    line-height: 28px;
    margin-bottom: 0;
}

body .add-points {
    text-align: center;
    margin-bottom: 0;
    display: none;
}
.rinr-banner .counteralign ,
.bannerrev.home-page .counteralign {
    float: none !important;
}

body .mobile-form
{
    display:block;
    padding-top: 0;
}
.rinr-banner  .col-md-4   ,    
.bannerrev .col-md-4 ,

.rinr-banner  .col-md-4.col-sm-6  ,    
.bannerrev .col-md-4.col-sm-6 {
    display: none;
}    
    
 .form-banner .form-title {
    /* font-size: 15px !important; */
}

.form-banner h4.left9co {
    font-size: 14px !important;
}   
    
    
body .bannerrev .headerbtn, body .rinr-banner .headerbtn {
    text-align: center;
    padding-top: 10px;
    display: none;
}
 
.innerrev-banner .caption.inner-caption .col-sm-5.col-md-4 {
    display: none;
}    
    
body .bann-head {
    position: static;
}

body .counteralign , body .bannerrev .counteralign {
    position: static;
    margin: 0 auto;
    float: none;
    float: none;
    display: table;
}

body .innerrev-banner .caption h1 {
    font-size: 20px;
    text-align: center;
}
body span.menu-mobile{
    padding:10px 0;
}

.mobileform .form-banner {
    width: 100%;
}

 

.form-banner .form-title {
    margin: 0;
    text-align: left;
}

.top-info li:last-child > a {
    width: 100%;
    max-width: 100%;
    display: table;
    text-align: center;
}

.top-info li {
    width: 100%;
    margin-top: 6px;
}

.top-info li:last-child {
    width: 100%;
}

footer{
    padding-bottom:0 !important;
    
}
 
 
  

.form-banner .form-title {
    text-align: left;
}    
    
body .btm-sticky{
    display:none !important;
}
    .mobile-form .form-banner img.img-bn {
    display: none;
}

body .mobileform{
    display:block;
}
    
}

.form-banner {
    background: rgba(0, 0, 0, 0.4);
    margin-top: 30px;
    padding-bottom: 25px;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.form-banner .form-title {
    color: #fff;
    display: block;
    font-weight: 600;
    margin: 0 auto;
    font-size: 22px;
    top: 0;
    padding: 0;
    border: none;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-family: Lato, sans-serif;
    line-height: normal;
    text-decoration: none;
    margin-bottom: 0px !important;
    font-style: italic;
}

.form-banner ul {
    padding: 0 36px
}

section .form-banner ul li {
    display: block;
    width: 100%;
    margin: 0 0 7px !important;
    position: relative;
    margin-top: 0;
    line-height: normal;
}

.form-banner ul li input[type=text],.form-banner ul li input[type=tel],.form-banner ul li input[type=email],.form-banner ul li textarea {
    background: rgba(0, 0, 0, 0.63);
    border: #696969 1px solid;
    padding: 12px 20px 12px 45px;
    font-size: 12px;
    color: #a9a9a9;
    width: 100%;
    z-index: 0;
    position: relative;
    border-radius: 3px;
    height: 45px;
    resize: none;
    font-family: Lato, sans-serif;
}
 
.form-banner ul li textarea {
    height: 70px;
    padding: 12px 20px 12px 45px;
    margin-bottom: 0 !important;
}

.form-banner ul li i {
    position: absolute;
    /* width: 25px; */
    /* height: 25px; */
    z-index: 1;
    top: 16px;
    left: 15px;
    color: #f87e03;
    font-size: 14px;
}

input {
    outline: 0
}

i.form_icon_btn {
    background: url(/assets/images/sprite.png) no-repeat -113px -1px;
    top: 8px!important
}

.form-banner ul li input[type=submit] {
    background: #f38604;
    background: -moz-linear-gradient(top,#f38604 0,#ff7101 100%);
    background: -webkit-linear-gradient(top,#f38604 0,#ff7101 100%);
    background: linear-gradient(to bottom,#f38604 0,#ff7101 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f38604',endColorstr='#ff7101',GradientType=0);
    padding: 9px 0;
    color: #fff;
    font-size: 18px;
    margin-top: 0;
    border: #fd8802 1px solid;
    border-radius: 3px;
    display: block;
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-weight: bold;
} 

.form-banner img.img-bn {position: absolute !important;right: 30px;top: -9px;/* width: 100px; */height: auto !important;/* display: none; */}

.form-banner  h2.form-title span {
    color: #fbb03b;
    /* font-size: 17px; */
    margin-top: 0;
}
section.inner-banner.innerrev-banner {
  max-height: none;
  padding:0;
  float: left;
  width: 100%;
  clear: both;
  overflow: unset;
  min-height: 310px;
  margin-bottom: 0;
}

 .innerrev-banner .caption.inner-caption {
    clear: both;
    float: left;
    position: static;
}

section.ourserv-static {
    clear: both;
}

section.inner-banner.innerrev-banner .caption.inner-caption {
    position: absolute;
    text-align: left;
    transform: translateY(0%);
    top: 50px;
}

section.inner-banner.innerrev-banner 
+  section {
    clear: both;
}

section.inner-banner  .headerbtn a.various ,
section.banner  .headerbtn a.various {
    background: #da1300;
    padding: 11px 30px;
    color: #fff;
    font-size: 20px;
    margin-top: 0;
    border: none;
    border-radius: 3px;
    display: inline-block;
    /* font-family: poppins,sans-serif; */
    font-weight: bold;
    text-transform: capitalize;
    font-family: Lato, sans-serif;
}
section.inner-banner   .headerbtn a.various+a ,
section.banner .headerbtn a.various+a {
    background: #fe7502;
    margin-left: 15px;
}
section.inner-banner.innerrev-banner img {
    position: relative;
    z-index: 0;
    height: 300px;
}

.time_circles {
    position: relative;
    width: 100%;
    height: 100%
}

.time_circles>div {
    position: absolute;
    text-align: center
}

img.limited-time {
    position: absolute;
    right: 70px;
    top: 135px
}

.time_circles>div>h4 {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 8px!important;
    color: #fff!important;
    font-weight: 700;
    line-height: 11px!important;
    max-width: 100%;
    width: 100%;
    letter-spacing: normal !important;
}

.time_circles>div>span {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: .4em;
    font-weight: 700
}

div#CountDownTimer {
    width: 250px;
    margin: 0;
    text-shadow: #000 1px 1px 2px;
    color: #fff;
    margin-left: 0;
    margin: 0;
}
 .innerrev-banner .caption h1 {
    margin-top: 0;
    text-transform: capitalize;
    font-size: 28px;
    clear: both;
    max-width: 450px;
    margin-bottom: 20px;
    position: relative;
}

.clearheight {
    clear: both;
    display: block;
    height: 50px;
    float: left;
    width: 100%;
    
}

section.clearsection {
    clear: both;
    padding-top: 0;
}

section.clearsection h2 {
    font-size: 22px;
}
 
 .bann-head {
    position: relative;
    top: -40px;
}
 .counteralign {
    float: none;
    position: relative;
    top: 0;
    min-height: 80px;
}

.tin-banner .bann-head {
    top: 0;
    text-align: center;
}

.tin-banner.innerrev-banner .caption h1 {
    max-width: 100%;
}
section.inner-banner.tin-banner.innerrev-banner .caption.inner-caption {
    top: 50%;
}
.clearheight + section {
    position: relative;
    z-index: -1;
}
.hnew-screen {
    clear: both;
    padding: 60px 0;
    width: 100%;
    background: url('../images/hscreen.jpg') no-repeat scroll center top;
    background-size: cover;
}


.banner-caption .counteralign {
    position: static;
    float: left;
}

.banner-caption .headerbtn {
    clear: both;
}

.hnew-screen + section.welcome {
    padding-top: 50px;
}

.mobileform{
    display:none;
}
.form-banner  h4.left9co {
    margin-top: 16px;
    display: block;
    border-left: 3px solid #f97a02;
    padding-left: 10px;
    font-size: 17px;
    color: #fff;
    /* font-family: lato!important; */
    text-transform: capitalize;
    font-weight: bold;
    background: none;
    margin: 0;
    padding: 0 0 0 10px !important;
    width: 100%;
}

.form-title1 {
    padding: 20px 36px;
}

.form-banner h4.left9co:before {
    content: "";
}

.btm-sticky{
    display:none;
}

.headerbtn a:hover {
    background: #000;
}


body .popup-bounce input[type="submit"]+input[type="button"]{
        background: red;
    
}
    
    
.greyform .modal-dialog {
    margin-top: 5em;
    transform: translateY(20%) !important;
}


section.banner.bannerrev {
    text-align: left;
    padding: 48px 0;
}

section.banner.bannerrev .form-banner ul {
    background: none;
    width: 100%; 
    margin: 0;
    padding: 0 36px;
    letter-spacing: normal;
    font-weight: normal;
}

section.banner.bannerrev .form-banner ul li {
}

section.banner.bannerrev ul {
    width: 100%;
    margin-left: 0;
    padding: 0;
    background: none;
    margin-bottom: 0;
}

section.banner.bannerrev.home-page h1 {
    font-size: 52px;
    clear: both;
    line-height: 50px;
}

section.inner-banner.innerrev-banner  .add-points ul li ,
section.banner.bannerrev .add-points ul li {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    line-height: 31px;
    text-transform: capitalize;
    font-family: Lato, sans-serif;
    width: 50%;
    float: left;
    font-weight: normal;
}


.add-points ul {
    clear: both;
    margin: 0;
    list-style: none;
}

.add-points ul li {
    display: inline-block;
    font-size: 15px;
    margin: 0 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}

.add-points {
    max-width: -webkit-fill-available;
    clear: both;
    margin: 0px 0 20px;
    float: left;
    width: 100%;
}

.social {
    clear: both;
}

.add-points ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    margin-right: 4px;
}

 
.bannerrev .divider {
    margin-left: 0;
    clear: both;
    /* float: left; */
    /* width: 100%; */
}

.navigation li:hover ul.submenu {
    display: block;
}

section.inner-banner.rinr-banner {
    background-position: center top !important;
    text-align: left;
}
.section.banner.rinr-banner {
      text-align: left;
    
}

section.inner-banner.rinr-banner h1 {
    margin-top: 0;
    clear: both;
    font-style: italic;
    color: #fbb03b;
    margin-top: 7px;
    display: block;
    font-size: 52px;
    clear: both;
    line-height: 50px;
    font-weight: 600;
}

section.inner-banner.rinr-banner  .counteralign {
    float: left;
    margin-top: 0;
}

section.inner-banner.rinr-banner p {
    margin: 20px 0;
    padding: 0;
    font-size: 16px;
    line-height: 31px;
    text-transform: capitalize;
    font-family: Lato, sans-serif;
}

.rinr-banner .form-banner {
    margin-top: 30px;
}


section.rinr-banner p {
    padding: 0;
    text-align: left;
}

section.banner ul {
    margin: 0 0 20px;
    width: 100%;
}

.rinr-banner .divider {
    text-align: left;
    margin-left: 0;
    clear: both;
}
.bannerrev  .counteralign{
    float:right;
}
.bannerrev  h2 {
    clear: both;
}
section.banner.bannerrev  h4 {
    width: 100%;
    background: none;
    padding: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 31px;
    text-transform: capitalize;
    font-family: Lato, sans-serif;
    font-weight: normal;
    letter-spacing: normal;
}
section h1 span.line {
    display: inline;
}
 
.bannerrev.home-page .counteralign {
    float: left;
}

.bannerrev .headerbtn {
    clear: both;
    padding-top: 0;
    display: table;
}

.mobile-form{
    display:none;
    /* padding-right: 15px; */
    /* padding-left: 15px; */
}
.btm-sticky.btmshow{
    display: block;
}
body .mobile-form .form-banner { 
    background: rgba(0, 0, 0, 0.86);
}

section.banner h2 span strong, section.banner h1 span strong {
    color: #fff;
}


section.inner-banner  .headerbtn a.various:hover ,
section.banner .headerbtn a.various:hover {
    background: #fff !important;
    color: #000;
    border-color: #fff;
}

.placesize::-webkit-input-placeholder { font-size:10px; }
.placesize::-moz-placeholder { font-size:10px;}
.placesize:-ms-input-placeholder { font-size:10px;}
.placesize:-moz-placeholder {font-size:10px; }


.popupform h3 {
    font-size: 23px;
    margin-bottom: 10px;
    color: #000;
    font-weight: bold;
}

body .popupform h2 {
    font-size: 23px;
    color: #000000;
    font-weight: 900;
    padding-left: 10px;
    border-left: #6e3e92 3px solid;
    margin-bottom: 12px;
    line-height: normal;
}


body div#btmsticky h2 {
        font-size: 22px;
    text-transform: capitalize;
}


body div#btmsticky h2  span{
    font-size: 28px;
}

body div#btmsticky a{
    
    
    padding: 11px 6px !important;
    width: 240px;
}


section.bannerrev.lp-banners p {
    padding: 0;
    text-align: left;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 31px;
    text-transform: capitalize;
    font-family: Lato, sans-serif;
    font-weight: normal;
}



section.banner.bannerrev h1 {
    font-size: 34px;
    line-height: normal;
    font-style: italic;
    color: #fbb03b;
    margin-bottom: 20px;
}
.headerbtn {
    clear: both;
    margin-top: 20px;
    float: left;
    width: 100%;
}
.portfolio-banner .col-md-8 {
    padding-top: 50px;
}


.expertise-banner .col-md-8 {
    padding-top: 80px;
}

.bannerrev .counteralign {
    float: left;
}

.animation2d-bannern .headerbtn {
    padding-top: 0;
}

.animation2d-bannern .divider {
    clear: both;
}

.animation2d-bannern .counteralign {
    margin-top: 0;
}
.home-page .form-banner {margin-top: 30px;}
section.banner.bannerrev.motiongraphics-banner ul {
    margin-bottom: 20px;
}


.animation-banner .col-md-8 {
    padding-top: 50px;
}
section.animation2d-banner .col-md-8 ul {
    margin-bottom: 0;
    float: left;
}
.financial-service .counteralign {
    margin-top: 20px;
}

.financial-service .col-md-8{padding-top: 30px;}

section.banner h1 span.ln {
    display: inline;
    color: #fff;
}
.healthcare-video .col-md-8 {
    padding-top: 30px;
}

.healthcare-video .counteralign {
    padding-top: 20px;
} 
.make-company-story .col-md-8 {
    padding-top: 50px;
}

.make-company-story .counteralign {
    padding-top: 20px;
}
.startup-video-production .counteralign {
    padding-top: 20px;
}

.startup-video-production .col-md-8 {
    padding-top: 20px;
}
.educational-video .counteralign {
    padding-top: 20px;
}

.educational-video .col-md-8 {
    padding-top: 20px;
}
.pricing-banner .divider {
    clear: both;
}

.pricing-banner .col-md-8 {
    padding-top: 70px;
}
.animation-process .col-md-8 {
    padding-top: 70px;
}

.animation-process .divider {
    clear: both;
}
.company-banner .col-md-8 {
    padding-top: 30px;
}
.home-page .col-md-8 { 
    padding-top: 30px;
}

.divider-line {
    float: left;
    width: 100%;
}

section.lp-banners h2{
        font-style: italic;
        color: #fbb03b;
        display: block;
        font-size: 42px;
        clear: both;
        line-height: 50px;
        margin-bottom: 20px;
}

span.wh {
    color: #fff;
}

.updatedpage #CountDownTimer {
    display: table;
    margin: 0 auto;
}


.updatedpage section.banner h2, .updatedpage  section.banner h1 {

    text-transform: capitalize;
    font-size: 34px;
        margin-bottom: 10px;
}
.updatedpage section.lp-banners p, .updatedpage section.inner-banner p {
    font-weight: 500;
    font-size: 18px;
}
.updatedpage section.banner {background-position: center !important;}
.updatedpage section.banner ul li{ text-transform: uppercase;}
.updatedpage section.banner ul{
    background: rgba(0, 0, 0, 0.18);
    padding: 15px 0;
    letter-spacing: 2px;
    font-size: 17px;
    font-weight: bold;
    width: 90%;
    margin: 14px auto 20px;
    }
    .updatedpage section.inner-banner {
    padding: 80px 0;
}

.updatedpage section.inner-banner.company-banner {
    background-position: center !important;
}
.updatedpage section.inner-banner p+a, .updatedpage section.inner-banner a+a {
    font-size: 18px !important;
    border-radius: 5px !important;
}
.updatedpage .inner-banner {
    background-position: center !important;
}

 
ul.cr-footer li {
    display: inline-block;
    margin-right: 10px;
}

ul.cr-footer {
    margin-top: 20px;
}

ul.cr-footer li a {
    color: #fff;
}








.indent_inn h2 b { vertical-align: baseline;   color: #f44336;   } 

.indent_inn {     padding: 0 20px;  width: 100%;    max-width: 1170px;   }  

.indent_inn h2 {    line-height: 44px;    font-size: 44px;    text-align: center;    font-weight: 600;    color: #000;    }

.ddexitForm {margin-top: 30px;}

.indent-pop ul {    margin: 0;     width: 100%;    float: left;}

.indent-pop ul li.ind-line {   
    list-style: none;  box-sizing: border-box;   width: 26.2%;    float: left;    padding: 0 5px;} 

.indent-pop ul li.ind-line input {    height: 60px;    display: block;    margin: 0 auto;    background: #fbfcfd;    border:1px solid #e5e5e5;  padding: 17px 10px 16px 20px;   width: 100%;}  

.indent-pop ul li.ind-line i.fa {    display: none;}

.indent-pop ul li.ind-line input[type="submit"] { font-size: 17px;       background-color: #ea1b1b;    border-color: #ea1b1b;   color: #fff;}  

.indent-pop ul li.ind-line.last {    width: 20%;} 
 
#ddexitpopwrapper {     display: flex;    position: fixed;    left: 0;    top: 0;    width: 100%;    height: 100%;    z-index: 100000;	pointer-events: none;    align-items: center;    justify-content: center;}

#ddexitpopwrapper .veil{    left: 0;    top: 0;    width: 100%;    height: 100%;    position: fixed;    background-color: rgba(0,0,0,.7);    content: "";    z-index: 1;    display: none;    cursor: default;  }

.ddexitpop {    width: 100%;    padding: 0;    z-index: 2;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    position: relative;    background: white;    left: 0;    top: 0;    -webkit-animation-duration: .5s;     animation-duration: .5s;    visibility: hidden;    height: 100%;    display: flex;    align-items: center;    justify-content: center; }

.ddexitpop .calltoaction{ 	display: inline-block;    text-decoration: none;    border-radius: 5px;    padding: 15px;    background: #15C5FF;    display: block;    width: 80%;    margin: 10px auto;    text-align: center;    color: white !important;}

div.closeexitpop{ background:url('../images/xclose.png') no-repeat scroll center center;	width: 70px;	height: 70px;	overflow: hidden;	display: none;	position: fixed;	cursor: pointer;	text-indent: -1000px;	z-index: 3;	top: 10px;	right: 10px;     background-size: 20px;    opacity: 0.7;}   

#ddexitpopwrapper.open{	pointer-events: auto;} 

#ddexitpopwrapper.open .veil{ display: block;   }

#ddexitpopwrapper.open div.closeexitpop{    display: block; }

#ddexitpopwrapper.open .ddexitpop{     visibility: visible; }


@media screen and (max-width: 850px){
    
.ddexitpop{		/* top: 0; */   	}  

.indent-pop ul li.ind-line {    width: 100% !important;    margin-bottom: 10px;}

.indent-pop ul li.ind-line input[type="submit"] {width: auto;}

.indent_inn h2 {    font-size: 30px;}

.indent_inn h2 br {    display: none;}    

}