*{padding:0;margin:0;box-sizing:border-box;}

i.arrow-icon.bottom {
    position: absolute;
    bottom: 30px;
    left: calc(50% - 10px);
}









@media (max-width:640px){.work-item{}
.pad-r-15{padding-right:0px;}
.pad-rl-15{padding-left:0;padding-right:0;}
.pad-l-15{padding-left:0px;}
.nav-tabs > li{float:left;margin-bottom:12px;width:50%;}
.nav-tabs > li > a{font-size:15px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{font-size:15px;}
 
}
@media (min-width:992px){.pixelvj-work .col-md-4{flex-basis:31.8%;}
}
@media (max-width:768px){.pixelvj-work .col-sm-4{flex-basis:31.8%;}
.space-between .col-md-4{flex-basis:32% !important;}
}
.on-mobile1 {display:none;}
@media (max-width:768px){.sector{margin-top:30px;}
.on-mobile1 {display:block;}
.disp-desk {display:none;}
.logo-responsive{width:73%;}
.toggle{}
.responsive-menu{padding-top:5px;height:10px;}
.main-header{}
.box-container{height:initial;}
.responsive-pad{padding:0px 22px;}
.well-lg{padding:0px 22px;padding-top:20px;}
.title{margin-top:20px;margin-bottom:24px;}
.title h1{line-height:34px;}
.title .sub-title-01{margin-top:18px; margin-bottom: 30px;}
.what-we-do h2{font-size:17px;float:none;padding-right:0px;margin-bottom:0px; padding-top: 20px;}
.work-item{width:100%;padding-right:15px;margin-top:30px;border-bottom:none;}
.work-item:hover{border-bottom:none;}
.work-item .wc-content{line-height:30px;font-size:22px;margin-bottom:15px;height:auto;}
.work-item img:nth-child(1){width:100%;}
.work-item .wc-phrase{margin-bottom:50px;padding-bottom:20px;}
.work-item img:nth-child(2){margin-bottom:12px;margin-top:20px;height:30px;}
.btn-default{margin-top:2px;margin-bottom:30px;border:1px solid #000;text-align:center;font-size:16px;background:#000;color:#fff;float:none;}
.about{padding-top:25px !important;padding-bottom:25px !important;}
.about h2{color:#fff;font-size:28px;}
.about span:nth-child(2){font-size:20px;}
.brand h2{margin-top:68px;margin-bottom:40px;}
.brand h2:nth-child(2){margin-top:26px;display:-webkit-inline-box;margin-bottom:30px;}
.brand img{padding:0px;}
.mt-top{margin-top:-85px;padding-left:0px;margin-bottom:0px;}
.what-we-do span{display:-webkit-inline-box;}
.quotes{text-align:center;}
.quotes img{float:none;margin-right:0;}
.responsive-icon{width:30px;margin-bottom:10px;}
.quotes blockquote{font-size:20px;line-height:28px;display:inline-block;text-align:center;}
.quotes{padding-top:45px;}
.quotes span img{margin-top:-2px;margin-right:4px;}
.right-qoutes{margin-top:10px;transform:rotate(180deg);}
.mt-top{margin-top:-40px;}
footer{padding-top:26px !important;padding-bottom:27px !important;}
.social{text-align:center;}
.copyright span{text-align:center;}
.quotes span{margin-bottom:12px;margin-top:15px;display:block;font-size:16px;text-align:center;}
.author-line{clear:both;display:flex;text-align:center;display:-webkit-inline-box;margin:0 auto;}
.author-name{margin-bottom:0 !important;}
.inner-container{width:100%;}
.mobile-pad ul{margin-top:-9px;}
.abt-section h1{margin-top:15px;font-size:45px;line-height:48px;}
.abt-section span{font-size:20px;}
.abt-section p{font-size:18px;line-height:26px;margin-top:23px;margin-bottom:21px;}
.abt-section .row div span{margin-top:12px;font-size:30px;}
.startup h2{font-size:30px;line-height:36px;}
.startup p{font-size:22px;line-height:32px;margin-top:26px;padding-top:25px;}
.startup p span{font-size:22px;}
.approach h2{font-size:32px;margin-top:50px;margin-bottom:30px;}
.approach h3{font-size:22px;}
.approach h4{font-size:20px;}
.approach p{color:#969696;font-size:18px;}
.sector li{line-height:30px;font-size:20px;}
footer h2{font-size:30px;}
footer span{font-size:16px;margin-bottom:35px;}
.inside-page-heading h2{margin-top:20px;margin-bottom:20px;}
.pixelvj-work-heading h1{margin-top:30px;font-size:20px;}
.pixelvj-work-list h2{font-size:18px;margin-top:5px;}
.pixelvj-work-list span{font-size:18px;margin-top:10px;}
.pixelvj-work-heading p{margin-bottom:30px;}
.inner-about{margin-top:29px;padding-top:25px;padding-bottom:25px;}
.approach .col-md-12:last-child{border-bottom:none;margin-bottom:-16px;}
.service-container{width:100%;}
.service-group{width:100%;}
.service-section h2{font-size:24px;}
.service-section img{width:45px;margin-right:28px;margin-top:5px;}
.service-section span{font-size:16px;line-height:26px;}
.service-section{margin-top:0px;}
.service-group:last-child{margin-bottom:40px;}
.filter-btn-section h2{margin-top:0px;margin-right:10px;margin-bottom:15px;float:none;}
.pixelvj-work{width:100%;}
.filter-btn-section{margin-bottom:30px;}
.filter-btn-section h1{float:none;display:-webkit-inline-box;}
.work-header h1{font-size:35px;margin-top:30px;}
.work-header p{font-size:16px;line-height:23px;}
.breadcrum-info h2:nth-child(3){}
.work-testimonial p{width:100%;font-size:20px;}
.work-testimonial span{font-size:16px;}
.work-testimonial{font-size:17px;line-height:25px;padding:25px 22px;margin-top:35px;}
.brand-logo img{}
.rpt-0{padding-top:0px;}
.logo-container-1{padding:0px;margin-bottom:20px;}
.logo-container-2{padding:0px;}
.mb-30{margin-bottom:30px;}
.mobile-app{padding:0px 0;margin-bottom:0px;background:#fafafa;}
.mobile-app img{margin-bottom:0;padding:10px;}
.mb-0 img{margin-bottom:0;}
.pb-0{padding-bottom:0;}
.pt-0{padding-top:0;}
.thrice-section{margin-right:10px;}
.wherewolf-secondscreen{padding-right:0px;padding-left:0px;}
.wherewolf-thirdscreen{padding-left:0px;}
.wherewolf-firstscreen{padding-right:0px;}
.beawellogo-width{width:77%;margin:0 auto;}
.beawelmobileapp-bg img{padding:20px;padding-bottom:0;padding-top:0;}
.beawelmobileapp-bg{background:none;}
.ml-15 h2{margin-left:0px;}
.one-box{margin-right:0px;}
.two-box{margin-left:0px;}
.one-grid{margin-right:0px;margin-bottom:30px;}
.two-grid{margin-right:0px;}
.three-grid{margin-left:0;}
.rmb-30{margin-bottom:30px;}
.rmb-10{margin-bottom:10px;}
.standee-responsive{padding:0px 30px;}
.pixelvjwork-title h2{font-size:20px;margin-top:30px;margin-bottom:20px;}
.mmt-mailer figure{border:1px solid #c0c0c0;margin-right:0px;}
.sticky-navi.shrink{height:64px !important;padding-top:12px !important;}
.client-logo-container{float:left;margin-right:12px;margin-bottom:12px;width:46%;}
.mobile-version{display:block}
.desktop-version{display:none;}
.right-margin{margin-right:0px;}
.rmb-40{margin-bottom:40px;}
.one-box-15{margin-right:0;}
.two-box-15{margin-left:0;}
.pad-left img{padding:10px 30px;}
.pad-right img{padding-left:0;}
.one-box-15 span{font-size:16px;}
.one-box-15 h2{font-size:18px;}
.one-box-15 h2{margin-bottom:30px;}
.two-box-15 span{font-size:16px;}
.two-box-15 h2{font-size:18px;}
.two-box-15 h2{margin-bottom:30px;}
.pixelvj-work h2{margin-top:20px;margin-bottom:50px;}
.pixelvj-work span:nth-child(3){margin-bottom:40px;}
.pixelvj-work span:nth-child(3){font-size:16px;line-height:20px;}
}
@media (max-width:990px){.mobile-rocknroll-slider{display:block;}
.desktop-rocknroll-slider{display:none;}
.slider-area{padding:15px 17px;padding-bottom:60px;}
.carousel{padding-left:4px;padding-right:0px;padding-bottom:20px;}
.carousel-control.right{right:0px;background-repeat:repeat-x;background:none;width:100%;top:100%;display:block;}
}
@media (min-width:769px){.mobile-version{display:none}
.desktop-version{display:block}
}
@media (max-width:1400px){.box-container{}
.client-logo-container{}
.pixelvj-work-list h2{font-size:20px;margin-top:2px;}
.pixelvj-work-list span{margin-top:15px;}
}
@media (min-width:767px) and (max-width:1015px){
.panel-default>.panel-heading a {
    display: block;
    padding: 10px 11px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
}	
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}	
.panel-body h2 {
    padding: 10px;
    background: #313131;
    margin: 0;
    border-bottom: 1px solid #ccc;
    color: #fff !important;
    font-family: 'Conv_FUTUR__L';
    letter-spacing: 1px;
    width: 100%;
}	
.panel-body h2 a {
    color: #e9e3e3;
    text-transform: uppercase;
}
.panel-body {
    padding: 0px;
}
.panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: #000;
}
.filter-btn-section {
    margin-bottom: 20px;
    margin-top: -20px;
}
.panel-group {
    margin-bottom: 20px;
    height: 254px;
}
.collapse {
    display: block !important;
}
.panel-default>.panel-heading a[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	display:none;
}








	
	
}
@media (min-width:1000px) and (max-width:1024px){.two-box-15{margin-left:15px;}
.one-box-15{margin-right:15px;}
.mmt-mailer figure{border:1px solid #c0c0c0;margin:5px;}
.inside-page-heading{margin-top:20px;}
}
@media (min-width:500px) and (max-width:799px){.logo-responsive{width:35%;}
.sticky-navi.shrink{height:64px !important;padding-top:12px !important;}
.two-box-15{margin-left:0px;}
.one-box-15{margin-right:0px;}
.grid-spacing .col-md-3 {
    flex-basis: 32%;
    margin: 0 auto;
}
}
@media (min-width:1100px) and (max-width:1366px){
.work-item .wc-content{line-height:32px;height:100px;font-size:24px;}
.title{margin-top:5%;}
.what-we-do{bottom:-10px;}
.e-checkbox-trigger:checked~.e-navbar.effect-slide-in-bottom nav ul li a{color:#000;font-family:'Conv_tt0140m_';font-size:40px;}
.e-navbar nav ul li{margin:20px 0;}
address.calltoaction{padding:20px 0 0 0 !important;}
.calltoaction span{font-size:26px !important;}
.calltoaction .fa{margin-top:20px;font-size:35px !important;}
}
@media (min-width:1367px) and (max-width:1400px){
.what-we-do h2 {padding-right:71px;padding-top: 30px;
    font-size: 30px;}



}
@media (min-width:1400px){
.what-we-do h2 {padding-top: 30px!important;
    font-size: 30px!important;}



}



@media (min-width:800px) and (max-width:1366px){.container.inside-page-heading.responsive-pad{width:820px;}
.abt-section h1{font-size:76px;line-height:90px;}
.inner-about{padding:75px 0px;margin-top:78px;}
.two-box{margin-left:0;}
.one-box{margin-right:0;}
.responsive-pad{}
.container{}
.title h1{}
.title{margin-top:0px;}
.box-container{}
.what-we-do h2{padding-right:43px;padding-top: 20px!important;font-size: 20px!important;}
i.arrow-icon.bottom{cursor:pointer;}
.work-item .wc-phrase{height:88px;}
.about h2{font-size:45px;}
.about{padding-top:25px !important;padding-bottom:25px !important;}
.one-box{margin-right:15px;}
.two-box{margin-left:15px;}
.width-size
{
	width:820px !important;
	padding-left:0px !important;	
}









}
@media (min-width:800px) and (max-width:1072px){.what-we-do h2{padding-right:38px;}
}
@media (min-width:1400px) and (max-width:1700px){.title h1{line-height:80px;margin-top:50px;}
.title{margin-top:0px;}
.what-we-do h2{font-size:20px;padding-right:60px;font-size:1.6vw; line-height: 34px;}
i.arrow-icon.bottom{cursor:pointer;margin-top:-16px;display:block;}
.container{width:980px;}
.title .sub-title-01{margin-bottom:16%;margin-top:18px;}
}
@media (min-width:1370px){.testimonial-section{width:43%;margin:0 auto;}
}
@media (min-width:1300px){.port-fixed{position:fixed;z-index:99999;top:38px;margin-left:112px;}
}
@media (min-width:768px) and (max-width:768px){.filter-btn-section h3{font-size:16px;margin-top:0px;background:none;border:none;margin-right:22px;margin-bottom:15px;text-transform:uppercase;float:none;font-family:'Conv_tt0144m_';border-bottom:4px solid #000;display:-webkit-inline-box;margin-top:0px;}
.client-logo-container{float:left;margin-right:12px;margin-bottom:12px;width:30%;}
.space-between .col-md-4{flex-basis:49% !important;}
.testimonial-page{text-align:center;}
.testimonial-page img{margin-bottom:10px;}
.testimonial-page p{font-size:20px;line-height:28px;}
.testimonial-page span{margin-bottom:55px;}
.mt-50{margin-top:38px;border-bottom:1px solid #ccc;}
.contact-form form {
    width: 100%;
    margin: 0 auto;
}
.technology h3 {
    margin-bottom: 70px;
}
.feature-work h2 {
    margin-top: 60px;
}
 
}
@media (min-width:300px) and (max-width:500px){.client-logo-container{float:left;margin-right:12px;margin-bottom:12px;width:45%;}
.pixelvj-work h2{margin-top:12px;margin-bottom:50px;}
.pixelvjwork-title {
    padding-bottom: 100px !important;
}
.abt-section h1 {
    margin-top: 15px;
    font-size: 30px;
    line-height: 34px;
}
.grid-spacing .col-md-3 {
    flex-basis:100%;
    margin: 0 auto;
}
}
.sticky-navi{position:fixed;top:0;left:0;width:100%;background:#fafafa;z-index:1000;height:100px;overflow:hidden;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;text-align:center;}
.sticky-navi.shrink{height:80px;padding-top:12px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;background:#fafafa;}
.sticky-navi h1{font-weight:normal;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.sticky-navi.shrink h1{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.well-lg{padding:23px 20px 22px 25px !important;padding-bottom:0;padding-top:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.back-space{}
a{color:#000000;text-decoration:none;}
.container-fluid2{width:100%;padding-left:18%;padding-right:18%;}
.title{margin-top:10%;}
@media (min-width:1600px){.title .sub-title-01{margin-top:70px;}
.title{margin-top:13%;}
}
@media (min-width:1020px) and (max-width:1024px){.title .sub-title-01{margin-top:23px;font-size:28px;display:block;margin-bottom:9%;font-size:2.2vw;}
.what-we-do h2{}
.container-fluid2{width:100%;padding-left:12%;padding-right:12%;}
.title h1{font-size:88px;line-height:100px;font-size:6vw;line-height:7vw;}
.title{margin-top:5%;}
.what-we-do{}
.e-navbar-icon{top:18px;}
.work-item .wc-content{line-height:30px;font-size:22px;max-height:100px;overflow:hidden;}
.work-item .wc-phrase{height:65px;}
.about{padding-top:50px !important;padding-bottom:50px !important;}
.ipad-container{width:76%;}
.about strong{color:#f7bd4b;display:block;}
.ipad-pixelvj-work{width:100%;}
.index-testimonial{padding-top:0;}
.testimonial .center-block{padding-left:0% !important;padding-right:0% !important;width:100%;}
.blackbox .container-fluid{width:85%;}
.client{width:79%;margin:0 auto;}
.work-header h1{text-transform:inherit;font-weight:600;border-bottom:none;padding-bottom:4px;font-family:'Conv_FUTUR__L';font-family:'Conv_tt0140m_';font-size:3.5vw;margin-top:20px;}
.width-960{width:960px !important;}
.pad-rl-15{padding-left:7px;padding-right:7px;}
.pad-r-15{padding-right:15px;}
.pad-l-15{padding-left:15px;}
.technology h1 {
    font-size: 40px;
	    line-height: 46px;
}
.contact-form form {
    width: 78%;
 }
.technology span {
    font-size: 26px;
}
.technology p {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 96px;
}
.technology h3 {
    margin-bottom: 70px;
}











}
@media (min-width:760px) and (max-width:768px){.what-we-do span{display:block;}
.what-we-do h2{font-size:18px;float:left;margin-bottom:14px;padding-right:24px !important;}
.container-fluid2{width:100%;padding-left:0%;padding-right:0%;}
.container-fluid3{width:100%;padding-left:6%;padding-right:0%;}
.what-we-do{position:initial;bottom:-50px;}
.ipad-cont{padding:0;}
.title.sub-title-01{margin-top:18px;font-size:24px;}
.title h1{font-size:46px;line-height:55px;}
.pixelvj-menu{top:-18px;}
.branding-pos{}
.what-we-do h2{margin-bottom:30px;padding:0;}
.btn-default{margin-top:40px;margin-right:30px;font-size:24px;margin-bottom:50px;}
.ipad-btn{position:absolute;bottom:60px;}
.ipad-btn{display:none !important;bottom:76px;}
.about strong{color:#f7bd4b;display:block;}
.ipad-pixelvj-work{width:100%;}
.ipad-btn button{font-size:24px;padding:12px 30px;}
.work-item .wc-phrase{margin-bottom:25px;border-bottom:none;padding-bottom:20px;}
.work-item{margin-top:0px;}
.ipad-container{width:91%;}
.about h2 span{color:#f7bd4b;}
.about{padding-top:50px !important;padding-bottom:50px !important;}
i.arrow-icon.bottom{position:relative;bottom:-170px;}
.responsive-pad{}
.work-item .wc-content{height:68px;overflow:hidden;}
.e-navbar-icon{right:26px;}
.work-item:nth-child(odd){padding-right:9px;}
.about h2{text-align:center;}
.about span:nth-child(2){text-align:center;font-size:22px;}
.testimonial .center-block{padding-left:0% !important;padding-right:0% !important;width:100%;}
.blackbox .container-fluid{width:90%;}
.inner-container{width:90%;}
.blackbox h2{line-height:64px;}
.approach h2{margin-top:50px;}
.sector{margin-top:50px;}
.sector ul{margin-top:22px;width:45%;float:left;margin-right:5%;}
.mobile-pad ul{margin-top:20px;}
.service-container{width:90% !important;}
.client{width:88%;margin:0 auto;margin-top:20px;}
.clients p{width:90%;margin:0 auto;}
.one-box-15 h2{font-size:20px;}
.one-box-15 span{font-size:24px;}
.two-box-15 h2{font-size:20px;}
.two-box-15 span{font-size:24px;}
}
@media (min-width:300px) and (max-width:640px){.testimonial-page blockquote{padding-left:0px;}
.panel-body h2{padding:10px;background:#313131;margin:0;border-bottom:1px solid #ccc;color:#fff !important;font-family:'Conv_FUTUR__L';letter-spacing:1px;}
.panel-body h2 a:hover{color:#e9e3e3 !important;}
.panel-body{padding:0;}
.panel-default>.panel-heading a{display:block;padding:10px 11px;background:#000;color:#fff;text-transform:uppercase;}
.panel-default>.panel-heading a[aria-expanded="true"]{background-color:#000;text-transform:uppercase;}
.panel-body h2 a{color:#e9e3e3;text-transform:uppercase;}
.cross-icon{position:fixed;right:28px;top:18px;height:23px;}
.well-lg{padding:16px 20px 22px 25px !important;}
.back-layer{height:74px;}
.contact{padding-top:0%;}
.next-prev a{font-size:16px;border:none;padding:0;text-transform:none;font-family:'Conv_FUTUR__L';letter-spacing:1px;margin-left:0px;}
.toggle img{margin-left:12px;}
.next-prev img{margin-left:12px;}
.navigation{width:100%;position:fixed;height:60px;background:#fafafa;z-index:9999;}
.nav > li > a{position:relative;display:block;padding:10px 7px;}
.container-fluid2{padding-left:0%;padding-right:0%;}
.title .sub-title-01{font-size:18px;}
.what-we-do{position:initial;bottom:-50px;}
.branding-pos{}
.blackbox h2{font-size:24px;line-height:30px;}
.blackbox span{color:#666666;font-family:'Conv_tt0144m_';font-size:18px;}
.blackbox p{margin-top:30px;}
.blackbox p{padding-top:30px;}
.blackbox p span{font-size:18px;}
.blackbox p{font-size:18px;line-height:25px;}
.blackbox{padding:40px 0px;padding-bottom:36px;}
.client{width:100%;margin:0 auto;}
.client figure{float:left;width:49%;margin-right:1%;margin-bottom:1%;}
.clients p{font-size:18px;line-height:23px;margin-top:20px;}
.contact h1{font-size:90px;font-size:3.5rem;}
.contact h2{margin-bottom:40px;font-size:18px;}
.contact input{width:88%;}
.contact textarea{width:88%;}
.g-recaptcha{width:88%;margin:0 auto;margin-bottom:22px;}
.contact .btn-default{padding:0;}
address p{font-size:22px;}
address p span{font-size:22px;}
address span{font-size:30px;}
.breadcrum-info span{font-size:16px;margin-bottom:10px;}
.breadcrum-info h2 span{display:inline;display:block;margin-bottom:0;}
.breadcrum-info h2 span{font-size:16px;}
.space-between .col-md-6{flex-basis:100% !important;}
.technology h1{margin-top:30px;font-size:26px;    line-height: 32px;}
.technology p{font-size:18px;line-height:28px;    margin-bottom: 45px;}
.technology span{margin-bottom:15px;font-size:20px;}
.technology-services h2{font-size:27px;}
.technology-services li{font-size:18px;}
.technology-services ul{padding-left:8%;}
.technology-services p{font-size:18px;line-height:24px;}
.space-between .col-md-4{flex-basis:100% !important;}
.space-between .btn-default{padding:0;}
.filter-btn-section h3{margin-top:0px;margin-bottom:16px;float:none;}
.pixelvj-work h2{margin-bottom:50px;}
.abt-section blockquote{margin:0;padding-left:15px;font-style:italic;font-family:'Conv_Lora-Italic';font-size:20px;margin-top:18px;line-height:32px;padding-right:15px;}
.credo{font-size:30px !important;}
.about-clients {
    width: 100%;
	padding: 0px 22px;
}
.technology h2 {
    margin-bottom: 20px;
    font-size: 26px;
}
.technology h3 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 50px;
}
.contact-form form {
    width: 100%;
    margin: 0 auto;
}
.feature-work h2 {
    font-family: 'Conv_tt0144m_';
    margin-bottom: 32px;
    font-size: 26px;
	    margin-top: 60px;
}
 .feature-work span {
    margin-bottom: 30px !important;
	margin-top: 14px
}
}
@media (min-width:2000px){.branding-pos{}
}
.branding-pos{}
.ipad-btn{display:none;}
@media (min-width:1200px){.ipad-pixelvj-work{width:67%;}
}
@media (max-width:767px){.blackbox .container-fluid{width:100%;}
.title h1{font-size: 20px;margin-top: 40px;line-height:30px;}
.title .sub-title-01{line-height:22px;}
.btn-default{margin-top:5px !important;margin-bottom:80px;}
.work-item{margin-top:0px;}
.index-testimonial{font-size:18px;line-height:29px;padding:18px;}
.index-testimonial span span{margin-top:-8px;}
.testimonial-page{text-align:center;}
.testimonial-page img{margin-bottom:10px;}
.testimonial-page p{font-size:20px;line-height:28px;margin-left:0px;}
.testimonial-page span{margin-bottom:55px;}
.mt-50{margin-top:38px;border-bottom:1px solid #ccc;}
.e-checkbox-trigger:checked~.e-navbar.effect-slide-in-bottom nav ul li a{color:#000;font-family:'Conv_tt0140m_';font-size:22px !important;}
}
@media (min-width:500px) and (max-width:700px){.title h1{font-size:26px;}
.container-fluid2{padding-left:0%;padding-right:0%;}
.title .sub-title-01{margin-top:18px;font-size:20px;}
.title{margin-top:2%;}
.branding-pos{position:relative;bottom:-16%;}
.display-none-667{display:none !important;}
.client figure{float:left;width:24%;margin-right:1%;margin-bottom:1%;}
.client{width:99%;margin:0 auto;}
}
@media (min-width:700px) and (max-width:767px){
.branding-pos{position:relative;bottom:-20%;}
.title h1{font-size:30px;line-height:34px;}
.container-fluid2{padding-left:0%;padding-right:0%;}
.title{margin-top:0%;}
.title .sub-title-01{margin-top:6px;font-size:16px;}
.display-none-667{display:none !important;}
}
@media (min-width:300px) and (max-width:640px){.icon-fixed{position:inherit!important;}
.title{margin-top:1%;}
.next-prev img{top:-10px;position:relative;}
.mobile-btn button a{padding:0;}
.client-testimonial{float:left;font-size:16px !important;border-bottom:4px solid #000;display:-webkit-inline-box;padding-bottom:1px;text-transform:uppercase;font-family:'Conv_tt0144m_';letter-spacing:0px;color:#000;margin-bottom:27px;}
.e-navbar nav ul li a{transition:all .3s;font-size:22px;}
.calltoaction span{font-size:18px;float:none;display:grid;}
.testimonial .center-block{padding-left:0%;padding-right:0%;width:100%;}
.testimonial{padding-left:9%;padding-right:9%;font-size:18px;line-height:24px;}
.testimonial .center-block{padding-left:0%;padding-right:0%;width:100%;}
.testimonial-bg{padding-top:50px;margin-top:30px;}
blockquote div small span{margin-bottom:50px;}
.jumbotron h2{font-size:22px;}
.jumbotron span:nth-child(2){font-size:19px;}
.jumbotron .container-fluid2{padding-left:6%;}
.container-fluid2{padding-left:0%;padding-right:0%;}
.title .sub-title-01{font-size:18px;}
.what-we-do{position:initial;bottom:-50px;}
.branding-pos{}
.mobile-btn{position:absolute;bottom:-45px;}
.btn-default{margin-right:5px;}
.brand img{padding:0px;filter:inherit;}
.work-item .wc-phrase{font-size:16px;color:#686868;padding-bottom:37px;border-bottom:none;margin-bottom:20px;}
.work-item .wc-title {margin-bottom:5px;margin-top:12px;}
.work-item .wc-content{margin-bottom:15px;line-height:24px;font-size:20px;padding:0;}
.work-item .wc-phrase{padding-bottom:15px;height:auto;}
.toggle{top:-35px;}
.toggle img{top:-32px;}
.breadcrum-info h2:nth-child(3){font-size:16px;margin-bottom:20px;}
.next-work{position:inherit !important;right:0;top:0;font-size:18px;text-align:center;margin-top:-20px;}
.work-header h1{font-size:16px;margin-top:10px;font-weight:100;margin-bottom:10px;}
.equal-space .col-xs-6{flex-basis:42% !important;margin-top:10px;}
.pixelvj-work .col-sm-4{flex-basis:100%;}
 
}
@media (min-width:1400px) and (max-width:1440px)
{
	.e-navbar nav {
    top: 52%;
}
.next-prev a {
    padding: 6px 12px 2px;
}	
.work-item .wc-content
{
	    font-size: 22px;
	line-height:28px;
	height:83px;	
}
address.calltoaction {
    bottom: 0;
    padding: 26px; 
}
}


@media (min-width:1360px) and (max-width:1366px)
{
.client-testimonial {
    position: relative;
	top: -13px;
}
.mt-50 .col-md-10 {
    width: 68%;
}
.pixelvjwork-title {
    width: 100%;
	padding-left: 20px;
}
.client figure {
    float: left;
    width: 19%;
    margin-right: 1%;
    margin-bottom: 1%;
}
}
@media (min-width:1367px) and (max-width:1550px)
{
.pixelvjwork-title {
    width: 100%;
	padding-left: 20px;
}
 
}








.brand img {
			border: none !important;
			}
			#fade-quote-carousel.carousel .carousel-inner .item {
			opacity: 0;
			-webkit-transition-property: opacity;
			-ms-transition-property: opacity;
			transition-property: opacity;
			}
			#fade-quote-carousel.carousel .carousel-inner .active {
			opacity: 1;
			-webkit-transition-property: opacity;
			-ms-transition-property: opacity;
			transition-property: opacity;
			}
			#fade-quote-carousel.carousel .carousel-indicators > li {
			background-color: #000;
			border: none;
			}
			
			
			
			
			
			
			
			
			
			
			
			
			
			/*************  Only for Index css button change  *****************/
			.button-center .btn-default {
 				margin-bottom: 0;
 			}
			@media (max-width: 640px) and (min-width: 300px)
			{
		.mobile-btn {
    position: fixed;
    bottom: 0;
    background: #000000;
    width: 100%;
    z-index: 999999;
    left: 0;
    box-shadow: 0px 0px 0px 4px #ffffff;
    padding-bottom: 10px;
    padding-top: 7px;
}

.mobile-btn a {
    padding: 8px 4px !important;
    font-size: 14px !important;
}	
				
			}
			
.brand img {
			border: none !important;
			}
			#fade-quote-carousel.carousel .carousel-inner .item {
			opacity: 0;
			-webkit-transition-property: opacity;
			-ms-transition-property: opacity;
			transition-property: opacity;
			}
			#fade-quote-carousel.carousel .carousel-inner .active {
			opacity: 1;
			-webkit-transition-property: opacity;
			-ms-transition-property: opacity;
			transition-property: opacity;
			}
			#fade-quote-carousel.carousel .carousel-indicators > li {
			background-color: #000;
			border: none;
			}
			
			
			
			
			
			
			
			
			
			
			
			
			
			/*************  Only for Index css button change  *****************/
			.button-center .btn-default {
 				margin-bottom: 0;
 			}
			@media (max-width: 640px) and (min-width: 300px)
			{
			.mobile-btn .btn-default {color: #fff;}
		.mobile-btn {
    position: fixed;
    bottom: 0;
    background: #000000;
    width: 100%;
    z-index: 999999;
    left: 0;
    box-shadow: 0px 0px 0px 4px #ffffff;
    padding-bottom: 10px;
    padding-top: 7px;
    border-top: 1px solid #cCC;
    box-shadow: 0px 4px 6px 4px #cecece;
}
				
				
			}
			
.mobile-btn a {
    padding: 8px 7px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: 1.3px;
}		
.button-center
{
	text-align:center;
}	
.button-center .btn-default {
    margin-right: 0;
}			
.mobile-btn .btn-default {
    border: none;
    background: none;
    color: #fff;
    font-size: 12px !important;
}	
.button-center a:hover {
    background: none !important;
    color: #df5f5f !important;
    border: none !important;
    outline: none !important;
}	
		
	

@media (max-width: 400px) and (min-width: 300px)
{

section#main-header1 {
    height: 500px !important;
}
 
}

@media (max-width: 320px) and (min-width: 300px)
{

section#main-header1 {
    height: 440px !important;
}
 
}

@media (max-width: 500px) and (min-width: 401px)
{

section#main-header1 {
    height: 600px !important;
}
}








@media (max-width: 640px) and (min-width: 300px)
	{
.panel-default>.panel-heading a {
    display: block;
    padding: 10px 0px;
    background: none;
    color: #000;
    padding-left: 0;
    font-size: 16px;
    border-bottom: 4px solid #000;
    display: initial;
    padding-bottom: 1px;
    text-transform: uppercase;
    font-family: 'Conv_tt0144m_';
    letter-spacing: 0px;
}
.panel {
    margin-bottom: 20px;
    background: none;
    border: none;
    border-radius: 4px;
    /* -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); */
    box-shadow: none;
}
.panel-default>.panel-heading {
    color: #333;
    background: none;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
}
.panel-default>.panel-heading a:after {
    content: "";
    position: relative;
    top: 11px;
    /* display: inline-block; */
    font-family: 'inherit';
    font-style: normal;
    font-weight: 100;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    right: 45px;
}
.panel-default>.panel-heading a[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 24px;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: #fafafa;
    text-transform: uppercase;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
    margin-top: 15px;
}
 






}

@media (min-width:300px) and (max-width:350px){
	
.mobile-btn .btn-default {
     font-size: 11px !important;
}
}


@media (min-width:769px) and (max-width:968px){
	
.filter-btn-section h3{font-size:16px;margin-top:0px;background:none;border:none;margin-right:22px;margin-bottom:15px;text-transform:uppercase;float:none;font-family:'Conv_tt0144m_';border-bottom:4px solid #000;display:-webkit-inline-box;margin-top:0px;}
.client-logo-container{float:left;margin-right:12px;margin-bottom:12px;width:30%;}
.space-between .col-md-4{flex-basis:49% !important;}
.testimonial-page{text-align:center;}
.testimonial-page img{margin-bottom:10px;}
.testimonial-page p{font-size:20px;line-height:28px;}
.testimonial-page span{margin-bottom:55px;}
.mt-50{margin-top:38px;border-bottom:1px solid #ccc;}
.contact-form form {
    width: 100%;
    margin: 0 auto;
}
.technology h3 {
    margin-bottom: 70px;
}
.feature-work h2 {
    margin-top: 60px;
}
.what-we-do span{display:block;}
.what-we-do h2{font-size:20px;float:left;margin-bottom:14px;padding-right:25px !important;}
.container-fluid2{width:100%;padding-left:6%;padding-right:7%;}
.container-fluid3{width:100%;padding-left:6%;padding-right:0%;}
.what-we-do{position:initial;bottom:-50px;}
.ipad-cont{padding:0;}
.title .sub-title-01{margin-top:18px;font-size:24px;}
.title h1{font-size:46px;line-height:55px;}
.pixelvj-menu{top:-18px;}
.branding-pos{}
.what-we-do h2{margin-bottom:30px;padding:0;}
.btn-default{margin-top:40px;margin-right:30px;font-size:24px;margin-bottom:50px;}
.ipad-btn{position:absolute;bottom:60px;}
.ipad-btn{display:none !important;bottom:76px;}
.about strong{color:#f7bd4b;display:block;}
.ipad-pixelvj-work{width:100%;}
.ipad-btn button{font-size:24px;padding:12px 30px;}
.work-item .wc-phrase{margin-bottom:25px;border-bottom:none;padding-bottom:20px;}
.work-item{margin-top:0px;}
.ipad-container{width:91%;}
.about h2 span{color:#f7bd4b;}
.about{padding-top:50px !important;padding-bottom:50px !important;}
i.arrow-icon.bottom{position:relative;bottom:-170px;}
.responsive-pad{}
.work-item .wc-content{height:68px;overflow:hidden;}
.e-navbar-icon{right:26px;}
.work-item:nth-child(odd){padding-right:9px;}
.about h2{text-align:center;}
.about span:nth-child(2){text-align:center;font-size:22px;}
.testimonial .center-block{padding-left:0% !important;padding-right:0% !important;width:100%;}
.blackbox .container-fluid{width:90%;}
.inner-container{width:90%;}
.blackbox h2{line-height:64px;}
.approach h2{margin-top:50px;}
.sector{margin-top:50px;}
.sector ul{margin-top:22px;width:45%;float:left;margin-right:5%;}
.mobile-pad ul{margin-top:20px;}
.service-container{width:90% !important;}
.client{width:88%;margin:0 auto;margin-top:20px;}
.clients p{width:90%;margin:0 auto;}
.one-box-15 h2{font-size:20px;}
.one-box-15 span{font-size:24px;}
.two-box-15 h2{font-size:20px;}
.two-box-15 span{font-size:24px;}




}

@media screen and ( max-height: 500px){
	.arrow-icon {display:none!important;}
	.title .sub-title-01 {margin-bottom: 30px;}
	}
@media screen and ( max-width: 1000px){	
	i.arrow-icon.bottom {display:none!important;}
}
@media screen and ( max-width: 967px){	
   .title .sub-title-01 { margin-bottom: 26px;}
   .branding-pos .what-we-do h2 a {border-bottom: 1px solid #000; padding-bottom: 1px;}
}




