@media only screen and ( max-width: 1080px ){
.row{width:97%; }
.header-bottom .menu{margin-right:0;}
.slider-text-inner{top:20%; padding-left:3%;}
.chooseMobilSense,.solutionsList{width:100%;}
.solutionsList{margin:0; display:flex}
.solutionsList li{margin: 0 0.5%;width: 16%;}
.solutionsList li{
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 }
}

@media only screen and ( max-width: 980px ){
.solutionsList li .soluCont h3{font-size:15px;}
.menu li > a{padding:8px;}
.slider-text-inner h3,.slider-text-inner h2{font-size:30px; line-height:normal}
.join-us a{margin-top:10px;}

}

@media only screen and ( max-width: 920px ){
.menu li > a{padding:8px 6px;}
.footer1,.footer2,.footer3{ width:30%; margin-right:5%;}
.footer4,.footer5{ width:50%; margin-right:0;}
.footer3{ margin-right:0;}
.leftContent{width: 26%;}
.rightContent{width:70%;}
.request-demo2 h3{font-size:15px;}
.rightContent .innrtxt{width:60%;}
.rightContent .innerImg{width:36%;}
.storylist h3{font-size:13px;}
}

@media only screen and ( max-width: 800px ){
.logo{width:100%; text-align:center; padding:15px 0}
.header-bottom .menu{float:left;}
.menu li > a{padding:8px 10px;}
.join-us a{font-size:15px; line-height:normal; padding:5px 10px;}
.welcome-info .sidebarLeft,.welcome-info .sidebarRight{width:100%; margin-bottom:10px;}
.solutionsList{display:inline-block; padding-left:1%}
.solutionsList li{width:31%; margin-bottom:15px;}
header{position:static;}
.banner,#slider-area{margin-top:0;} 
}
@media only screen and ( max-width: 720px ){
.leftContent li a{
box-sizing:border-box;
 -moz-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -webkit-box-sizing:border-box;
}
.menu li > a{padding:8px;}
.banner .right{padding-right:0; padding-top:15px;}
.banner .right img{width:50px; height:50px;}
.footer1,.footer2,.footer3,.footer4,.footer5{ width:50%; margin-right:0 }
.chooseMobilSense li{width:49%}
.leftContent,.rightContent{width:100%; margin-bottom:15px;}
.rightContent .about-col .col{width:100%; margin-right:0;}
.slider-content{width:100%;}
.carousel-inner{padding-bottom:0;}
.carousel-indicators{left:auto; right:5%;}
.slider-text-inner h3, .slider-text-inner h2{ font-size:30px; text-transform:capitalize; line-height:normal}
.slider-text-inner p{margin-top:0;}
.slider-content li span{font-size:15px!important; }
.join-us a{margin-top:0; font-size:12px;}
}

@media only screen and ( max-width: 640px ){
.header-bottom .menu{width:100%; } 
ul.menu{display:none;}
.menu_slide,.menu li a{
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 }
 .menu_slide {
 display:block!important;
 width:100%;
 padding:12px 10px;
 color:#000;
 font-family:calibri;
 text-transform:uppercase;
 text-decoration:none;
 background:url(../images/menu.png) no-repeat 95% #5693BF;

}
.menu ul li{width:100%;  border-bottom: 1px solid #ccc;}
.menu ul li:hover ul{display:none;}
.menu li > a{width:100%; display:inline-block;}
.menu ul ul{position:static; width:100%;}
.menu ul ul::before{display:none;}
,ul.menu li a,ul.menu li{position:relative;}
ul.menu li > span{
position: absolute;
  right: 0;
  top: 0px;
  width: 40px;
  height: 35px;
  background: #26436B;
  cursor:pointer
  }
ul.menu li > span:after{ content:''; border-top:5px solid #fff; border-left:5px solid transparent;border-right:5px solid transparent;top: 45%; left: 40%; position: absolute;}  
.menu ul ul{padding-bottom:0; background:none;}
.menu ul ul a{width:100%; padding:5px 25px;}
.header-top .top-left,.header-top .top-right{ width:100%; text-align:center}
.header-top .email,.header-top .phone{float:none; margin:0 10px; display:inline-block;}
.slider-text-inner{top:5%;}
.presslist li:nth-child(n){width:48%; margin:0 1% 25px 1%;}
.rightContent .innerImg,.rightContent .innrtxt{width:100%; padding-left:0; background:none}
.rightContent .innerImg{min-height:inherit; text-align:center}
.rightContent .innerImg p{text-align:center;}
.rightContent h2{font-size:20px;}
.storylist li:nth-child(n){width:47%; margin:0 1.5% 15px 1.5%;}
.welcome-info .sidebarRight img{float:right!important; margin-top:0!important;}
.welcome-info .sidebarRight  .join-us{position:static!important; margin:0!important;}
.liststyle{margin:0; float:left;}
.welcome-info .sidebarLeft img{width:auto!important; margin:0 10px 10px 0!important; float:left}
.welcome-info .sidebarLeft .liststyle{width:65%!important; float:right; display:inline-block; margin:0!important;}
.rightContent .dieDetail,.bunchbox{ width:95%; margin:0 15px;}
.chooseMobilSense li p{margin-top:0;}
.company-info h2{font-size:22px;}
.welcome-info{ display:none}
.viewMobDesktop{display:block;}
}

@media only screen and ( max-width: 480px ){
.footer5{width:100%;}
.solutionsList li{width:47%;}
.storylist h3{font-size:13px;}
.storylist h3 a span{padding-top:0;}
.storylist h3 a{height:55px;}
.welcome-info .liststyle{width:100%; margin:10px 0;}
.welcome-info .sidebarRight p{display:inline-block; width:100%;}
.welcome-info .sidebarRight a{margin:0!important;}
.welcome-info .sidebarLeft .liststyle { width: 60%!important; text-align:left}
.slider-text-inner h3, .slider-text-inner h2{font-size:16px; line-height:normal!important}
.slider-text-inner p,.slider-text-inner p strong,.slider-text-inner p span,.slider-content span{font-size:15px!important;}
.slider-content li strong{ font-weight:normal}
.slider-content li,.slider-content li span{font-size:12px!important;}
.slider-text-inner{top:0;}
.slider-text-inner p{margin-top:0;}
.join-us a {margin-top: 0;font-size: 12px;text-transform: capitalize;padding: 2px 8px;} 

.carousel-inner .item img{height:150px;}
}
