/*
site: http://www.persistentsystems.com 
author: pulse creative web team.
*/

/* MPU5-media queries */


/* 27-Inch iMac*/ 
@media(max-width:2560px){}



/* 21-Inch iMac, Desktop Large screen */
@media(max-width:1920px){
    #section-bread2 {
          width:54%;
    }
    .last-btn{margin-left: 70px;}
}



/* Desktop Large screen */
@media(max-width:1824px){
      #section-bread2 {
          width:54%;
   
    }
    .last-btn{margin-left: 70px;}
}


/* MacBook Pro(High Resulation),Desktop Large screen */
@media(max-width:1680px){
      #section-bread2 {
          width: 62%;
    
    }
    .last-btn{margin-left: 70px;}
}

/* Mac book Pro, Laptop with HiDI screen landscape */
@media(max-width:1440px){
      #section-bread2 {
          width: 72%;    
    }
    .last-btn{margin-left: 50px;}
}

/* Laptop with MDPI Screen landscape */
@media(max-width:1280px){
    
        #section-bread2 {
          width: 92%;      
    }
    .last-btn{margin-left: 40px;}
    .overview-wave-relay{margin-top: -40px;}
}


/* Ipad landscape, small desktop */
@media(max-width:1024px){
    
    #section-bread2 {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
    }
    .overview-wave-relay{margin-top: -10px;}
    
}



/* Iphone 4,5 portrait */
@media(max-width:320px){
  /* MPU5 */  
    
    #section-bread2 {
      margin-top: 20px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }
    #section-3{height: auto;}
    #section-8{margin-top: -20px;height: 520px;}
    .mpu5-logo-0 {
      float: left;
      margin-bottom: 20px;
    }
    
    .pageTitleRight-mpu {
      background-color: #0050A5;
      color: #FFF;
      font-size: 30px;
      font-weight: normal;
      width: 100%;
      padding: 5px 7px;
      display: table;
      text-transform: uppercase;
      text-align: center;
      float: left;
      /* margin-right: -15px; */
    }
    
    .pageTitleLeft-mpu {
      font-family: 'Avenir LT W01_35 Light';
      /* float: none; */
      /* margin-left: -15px; */
      display: table;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: normal;
      width: 100%;
      padding: 5px 7px;
      margin-top: 10px;
      background-color: #373737;
      /* width: 600px; */
      float: right;
    }
    
    .wrapper-720 {
      /* width: 720px; */
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
	
    .wrapper-660{width: 100%;}
   
    .apps-btns {
        margin-bottom: 10px;
    }
    
    
    #section-3 h2{font-size: 24px;padding-top:50%;}
    #section-4 h2{font-size: 24px;}
    #section-10 h2{font-size: 28px;}
    
    h2.mpu {
      font-size: 20px !important;
      margin: 20px 0;
      width: 100%;
    }
	
    h4.mpu{line-height: 20px !important;}
     .mpu-blue {
      color: #0051a6;
      line-height: 20px !important;
     }
    #section-5 {
      background: #898889;
      margin-bottom: 20px;
      padding: 20px 0;
      overflow: hidden;
    }
    #section-9{  
      background: #9c9c9c;
      margin-bottom: 0px;
      margin-top: 0px;
      padding-top: 0px;
      padding-left: 0px !important; 
      padding-right: 0px !important;
      padding-bottom: 0px;
      overflow: hidden;
    }
    
    #section-6 h2 {
      font-family: "Avenir LT W01_85 Heavy";
      text-transform: uppercase;
      color: #FFF;
      font-size: 28px;
      padding: 25px 10px;
      text-align: right;
      margin-top: 10%;
      /* margin-right: -500px; */
      margin-right: 0px;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }
    
    #section-7 {
      background: #e9e9e9;
      margin-bottom: 0px;
      margin-top: 0px;
      padding-top: 0px;
      padding-left:0px !important;
      padding-right:0px !important; 
      padding-bottom: 20px;
      overflow: hidden;
    }
    
    #section-8 h2 {
      font-family: "Avenir LT W01_85 Heavy";
      text-transform: uppercase;
      color: #FFF;
      font-size: 28px;
      background: rgba(0, 80, 165, 0.6) none repeat scroll 0% 0%;
      padding: 70px 20px;
      text-align: left;
      /* margin-left: -500px; */
      margin-left: -14px;
      float: left;
      margin-top: 60%;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }
    #section-11{padding: 0 !important;}
    .wrapper-780 {
      /* width: 720px; */
      width:100% !important; 
      margin-left: auto;
      margin-right: auto;
    }
    
    .pageTitleLeft-mpu a {
      padding-right: 15px !important;
      color: #fff !important;
    }
    
    table{margin-bottom: 20px;}
    th img{width: 60px !important;height: 60px !important;}
    td img{width: 60px !important;height: 60px !important;}
     .next {
      margin-right: 0% !important;
    }
    
/* MPU5 - Application page */
    .navbar-inverse .navbar-brand {
      margin-top: 10px !important;
    }
    
    .pageTitleRight-mpu {   
      font-size: 24px !important;
     
    }
    
    #section-13 {
      margin-top: 10px !important;
      margin-bottom: 20px;
    }
    
    #section-15 h2,#section-17 h2,#section-19 h2,#section-21 h2,#section-23 h2{
        font-size: 24px !important;
    } 
    
    #section-18,#section-20,#section-22,#section-24{padding-left: 20px !important;padding-right:20px !important;}
    
    /* MPU5 - Capabilities apge */
    #section-26{margin-top: 10px !important;}
    #section-28,#section-29,#section-30,#section-32,#section-33,#section-35,#section-38,#section-40,#section-43,#section-44,#section-45,#section-46,#section-50,#section-51,#section-52{padding-left: 20px !important;padding-right: 20px !important;}
    #section-27 {
      /* margin-bottom: 0px; */
      /* padding: 0px; */
      width: 100% !important;
      /* text-align: left; */
      /* margin-left: -29px; */
      /* margin-right: 0px; */
      margin: 0 auto !important;
    }
    #section-32 h2,#section-32 h2,#section-37 h2{
      font-size:18px; 
        margin-top:0px;
    }
    #section-37 h2{
      font-size:18px; 
        margin-top:60px;
    }
    #section-32 h2{margin-top: 0px !important;}
    .mpu-blue {
    color: #0051a6;
    line-height: 20px !important;
    }
	
	/* MPU5 Design page */
	h1.mpu-center {	
		font-size:20px;	
	}
	p.mpu-center {
	text-align:left !important;
	}
	#section-53{height:590px !important;}
    
    
}

/* Iphone 6 portrait */
@media(max-width:375px){    
      
    .wrapper-660{width: 100%;}    
    .apps-btns {
        margin-bottom: 10px;
    }
    #section-3{height: auto;}
    #section-bread2 {
      margin-top: 20px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }
     .mpu5-logo-0 {
      float: left;
      margin-bottom: 20px;
    }
    
    .pageTitleRight-mpu {
      background-color: #0050A5;
      color: #FFF;
      font-size: 30px !important;
      font-weight: normal;
      width: 100%;
      padding: 5px 7px;
      display: table;
      text-transform: uppercase;
      text-align: center;
      float: left;
      /* margin-right: -15px; */
    }
    .pageTitleLeft-mpu {
      font-family: 'Avenir LT W01_35 Light';
      /* float: none; */
      /* margin-left: -15px; */
      display: table;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: normal;
      width: 100%;
      padding: 5px 7px;
      margin-top: 10px;
      background-color: #373737;
      /* width: 600px; */
      float: right;
    }
    
    .wrapper-720 {
      /* width: 720px; */
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    #section-3 h2{font-size: 24px;padding-top:50%;}
    #section-4 h2{font-size: 24px;}
    #section-10 h2{font-size: 28px;}
    
    h2.mpu {
      font-size: 20px !important;
      margin: 20px 0;
      width: 100%;
    }    
    
    #section-5 {
      background: #898889;
      margin-bottom: 20px;
      padding: 20px 0;
      overflow: hidden;
    }
    #section-9{  
      background: #9c9c9c;
      margin-bottom: 0px;
      margin-top: 0px;
      padding-top: 0px;
      padding-left: 0px !important; 
      padding-right: 0px !important;
      padding-bottom: 0px;
      overflow: hidden;
    }
    
    #section-6 h2 {
      font-family: "Avenir LT W01_85 Heavy";
      text-transform: uppercase;
      color: #FFF;
      font-size: 28px;
      padding: 25px 10px;
      text-align: right;
      margin-top: 10%;
      /* margin-right: -500px; */
      margin-right: 0px;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }
    
    #section-7 {
      background: #e9e9e9;
      margin-bottom: 0px;
      margin-top: 0px;
      padding-top: 0px;
      padding-left:0px !important;
      padding-right:0px !important; 
      padding-bottom: 20px;
      overflow: hidden;
    }
    
    #section-8 h2 {
      font-family: "Avenir LT W01_85 Heavy";
      text-transform: uppercase;
      color: #FFF;
      font-size: 28px;
      background: rgba(0, 80, 165, 0.6) none repeat scroll 0% 0%;
      padding: 70px 20px;
      text-align: left;
      /* margin-left: -500px; */
      margin-left: -14px;
      float: left;
      margin-top: 60%;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }
    #section-11{padding: 0 !important;}
    .wrapper-780 {
      /* width: 720px; */
      width:100% !important; 
      margin-left: auto;
      margin-right: auto;
    }
    
    .pageTitleLeft-mpu a {
      padding-right: 15px !important;
      color: #fff !important;
    }
    table{margin-bottom: 20px;}
    th img{width: 60px !important;height: 60px !important;}
    td img{width: 60px !important;height: 60px !important;}
    .next {
      margin-right: 0% !important;
    }
    
    
/* MPU5 - Application page */
    .navbar-inverse .navbar-brand {
      margin-top: 10px !important;
    }
    
    .pageTitleRight-mpu {   
      font-size: 24px !important;
     
    }
    
    #section-13 {
      margin-top: 10px !important;
      margin-bottom: 20px;
    }
    
    #section-15 h2,#section-17 h2,#section-19 h2,#section-21 h2,#section-23 h2{
        font-size: 24px !important;
    } 
    
    #section-18,#section-20,#section-22,#section-24{padding-left: 20px !important;padding-right:20px !important;}
    
    .mpu-blue {
  color: #0051a6;
  line-height: 20px !important;
    }
	
	/* MPU5 Design page */
	h1.mpu-center {	
		font-size:20px;	
	}
	p.mpu-center {
	text-align:left !important;
	}
	#section-53{height:590px !important;}
    
}

/* Iphone 6 plus portrait*/
@media(max-width:414px){
     #section-bread2 {
      margin-top: 20px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }
    #section-8{margin-top: -20px;height: 520px;}
    .wrapper-660{width: 100%;}
    
    .apps-btns {
        margin-bottom: 10px;
    }
    
    #section-3{height: auto;}
    
     .mpu5-logo-0 {
      float: left;
      margin-bottom: 20px;
      }
     .pageTitleRight-mpu {
      background-color: #0050A5;
      color: #FFF;
      font-size: 30px;
      font-weight: normal;
      width: 100%;
      padding: 5px 7px;
      display: table;
      text-transform: uppercase;
      text-align: center;
      float: left;
      /* margin-right: -15px; */
    }
    .pageTitleLeft-mpu {
      font-family: 'Avenir LT W01_35 Light';
      /* float: none; */
      /* margin-left: -15px; */
      display: table;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: normal;
      width: 100%;
      padding: 5px 7px;
      margin-top: 10px;
      background-color: #373737;
      /* width: 600px; */
      float: right;
    }
    
    .wrapper-720 {
      /* width: 720px; */
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    #section-3 h2{font-size: 24px;padding-top:50%;}
    #section-4 h2{font-size: 24px;}
    #section-10 h2{font-size: 28px;}
    
    h2.mpu {
      font-size: 20px !important;
      margin: 20px 0;
      width: 100%;
    }    
    
    #section-5 {
      background: #898889;
      margin-bottom: 20px;
      padding: 20px 0;
      overflow: hidden;
    }
    #section-9{  
      background: #9c9c9c;
      margin-bottom: 0px;
      margin-top: 0px;
      padding-top: 0px;
      padding-left: 0px !important; 
      padding-right: 0px !important;
      padding-bottom: 0px;
      overflow: hidden;
    }
    
    #section-6 h2 {
      font-family: "Avenir LT W01_85 Heavy";
      text-transform: uppercase;
      color: #FFF;
      font-size: 28px !important;
      padding: 25px 10px;
      text-align: right;
      margin-top: 10%;
      /* margin-right: -500px; */
      margin-right: 0px;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }
    
    #section-7 {
      background: #e9e9e9;
      margin-bottom: 0px;
      margin-top: 0px;
      padding-top: 0px;
      padding-left:0px !important;
      padding-right:0px !important; 
      padding-bottom: 20px;
      overflow: hidden;
    }
    
    #section-8 h2 {
      font-family: "Avenir LT W01_85 Heavy";
      text-transform: uppercase;
      color: #FFF;
      font-size: 28px;
      background: rgba(0, 80, 165, 0.6) none repeat scroll 0% 0%;
      padding: 70px 20px;
      text-align: left;
      /* margin-left: -500px; */
      margin-left: -14px;
      float: left;
      margin-top: 60%;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }
    #section-11{padding: 0 !important;}
    .wrapper-780 {
      /* width: 720px; */
      width:100% !important; 
      margin-left: auto;
      margin-right: auto;
    }
    
    .pageTitleLeft-mpu a {
      padding-right: 15px !important;
      color: #fff !important;
    }
    table{margin-bottom: 20px;}
    th img{width: 65px;height: 65px;}
    td img{width: 65px;height: 65px;}
    .next {
      margin-right: 0% !important;
    }
    
    
    
/* MPU5 - Application page */
    .navbar-inverse .navbar-brand {
      margin-top: 10px !important;
    }
    
    .pageTitleRight-mpu {   
      font-size: 24px !important;
     
    }
    
    #section-13 {
      margin-top: 10px !important;
      margin-bottom: 20px;
    }
    
    #section-15 h2,#section-17 h2,#section-19 h2,#section-21 h2,#section-23 h2{
        font-size: 24px !important;
    } 
    
    #section-18,#section-20,#section-22,#section-24,#section-40{padding-left: 20px !important;padding-right:20px !important;}
    
    .mpu-blue {
      color: #0051a6;
      line-height: 20px !important;
    }
	
	/* MPU5 Design page */
	h1.mpu-center {	
		font-size:20px;	
	}
    #section-12{background: none !important;}
    #section-12 {
        background-color:#fff !important; 
        height: auto;

    }
}

/* Iphone 4 landscape */
@media(max-width:480px){}

/* Iphone 5 landscape */
@media(max-width:568px){
    
    #section-8{margin-top: -20px;height: 520px;}
    .wrapper-660{width: 100%;}
    .btn{padding: 0 !important;}
    .apps-btns {
        margin-bottom: 10px;
    }
    
    #section-bread2 {
      margin-top: 20px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }
    
    #section-3{height: auto;}
    .mpu5-logo-0 {
      float: left;
      margin-bottom: 20px;
      }

     .pageTitleRight-mpu {
      background-color: #0050A5;
      color: #FFF;
      font-size: 30px;
      font-weight: normal;
      width: 100%;
      padding: 5px 7px;
      display: table;
      text-transform: uppercase;
      text-align: center;
      float: left;
      /* margin-right: -15px; */
    }
    .pageTitleLeft-mpu {
      font-family: 'Avenir LT W01_35 Light';
      /* float: none; */
      /* margin-left: -15px; */
      display: table;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: normal;
      width: 100%;
      padding: 5px 7px;
      margin-top: 10px;
      background-color: #373737;
      /* width: 600px; */
      float: right;
    }
    
    .wrapper-720 {
      /* width: 720px; */
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    #section-3 h2{font-size: 24px;padding-top:50%;}
    #section-4 h2{font-size: 24px;}
    #section-10 h2{font-size: 28px;}
    
    h2.mpu {
      font-size: 20px;
      margin: 20px 0;
      width: 100%;
    }    
    
    #section-5 {
      background: #898889;
      margin-bottom: 20px;
      padding: 20px 0;
      overflow: hidden;
    }
    #section-9{  
      background: #9c9c9c;
      margin-bottom: 0px;
      margin-top: 0px;
      padding-top: 0px;
      padding-left: 0px !important; 
      padding-right: 0px !important;
      padding-bottom: 0px;
      overflow: hidden;
    }
    
    #section-6 h2 {
      font-family: "Avenir LT W01_85 Heavy";
      text-transform: uppercase;
      color: #FFF;
      font-size: 28px;
      padding: 25px 10px;
      text-align: right;
      margin-top: 10%;
      /* margin-right: -500px; */
      margin-right: 0px;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }
    
    #section-7 {
      background: #e9e9e9;
      margin-bottom: 0px;
      margin-top: 0px;
      padding-top: 0px;
      padding-left:0px !important;
      padding-right:0px !important; 
      padding-bottom: 20px;
      overflow: hidden;
    }
    
    #section-8 h2 {
      font-family: "Avenir LT W01_85 Heavy";
      text-transform: uppercase;
      color: #FFF;
      font-size: 28px;
      background: rgba(0, 80, 165, 0.6) none repeat scroll 0% 0%;
      padding: 70px 20px;
      text-align: left;
      /* margin-left: -500px; */
      margin-left: -14px;
      float: left;
      margin-top: 60%;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }
    #section-11{padding: 0 !important;}
    .wrapper-780 {
      /* width: 720px; */
      width:100% !important; 
      margin-left: auto;
      margin-right: auto;
    }
    
    .pageTitleLeft-mpu a {
      padding-right: 15px !important;
      color: #fff !important;
    }
    table{margin-bottom: 20px;}
    th img{width: 70px;height: 70px;}
    td img{width: 70px;height: 70px;}
    
    .next {
      margin-right: 0% !important;
    }

    
}

/* Google nexus-7 portrait*/ 
@media(max-width:600px){}

/* Galaxy s3,s4 landscape*/
@media(max-width:640px){}

/* Ipad portrait */
@media(max-width:768px){
    .two-col-para{   
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1 /* Firefox */
    column-count: 1;
  
    }
    #section-8{margin-top: -20px;height: 520px;}
    #section-32{margin-top: -30px;}
    .minus-50-h2{margin-top: 0;}
    video{width: 100%;}
    #section-bread2 {
      margin-top: 20px;
      margin-bottom: 0px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
    }
    
    .mpu5-logo-0 {
      float: left;
      margin-bottom: 20px;
      }
    #section-3{height: auto;}
    .pageTitleRight-mpu {
      background-color: #0050A5;
      color: #FFF;
      font-size: 36px;
      font-weight: normal;
      width: 100%;
      padding: 5px 7px;
        margin-top: 50px;
      display: table;
      text-transform: uppercase;
      text-align: center;
      float: left;
      /* margin-right: -15px; */
    }
    .pageTitleLeft-mpu {
      font-family: 'Avenir LT W01_35 Light';
      /* float: none; */
      /* margin-left: -15px; */
      display: table;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: normal;
      width: 100%;
      padding: 5px 7px;
      margin-top: 10px;
      background-color: #373737;
      /* width: 600px; */
      float: right;
    }
    
    .wrapper-720 {
      /* width: 720px; */
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    #section-3 h2{font-size: 28px;padding-top:25%;}
    #section-4 h2{font-size: 35px;
  margin-top: 40% !important;}
    #section-10 h2{font-size: 32px;}
    
    h2.mpu {
      font-size: 24px;
      margin: 20px 0;
      width: 100%;
      text-align: center !important;
    }    
    
    #section-5 {
      background: #898889;
      margin-bottom: 20px;
      padding: 20px 0;
      overflow: hidden;
    }
    #section-9{  
      background: #9c9c9c;
      margin-bottom: 0px;
      margin-top: 0px;
      padding-top: 0px;
      padding-left: 0px !important; 
      padding-right: 0px !important;
      padding-bottom: 0px;
      overflow: hidden;
    }
    
    #section-6 h2 {
      font-family: "Avenir LT W01_85 Heavy";
      text-transform: uppercase;
      color: #FFF;
      font-size: 32px;
      padding: 25px 10px;
      text-align: right;
      margin-top: 10%;
      /* margin-right: -500px; */
      margin-right: 0px;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }
    
    #section-7 {
      background: #e9e9e9;
      margin-bottom: 0px;
      margin-top: 0px;
      padding-top: 0px;
      padding-left:0px !important;
      padding-right:0px !important; 
      padding-bottom: 20px;
      overflow: hidden;
    }
    
    #section-8 h2 {
      font-family: "Avenir LT W01_85 Heavy";
      text-transform: uppercase;
      color: #FFF;
      font-size: 32px;
      background: rgba(0, 80, 165, 0.6) none repeat scroll 0% 0%;
      padding: 70px 20px;
      text-align: left;
      /* margin-left: -500px; */
      margin-left: -14px;
      float: left;
      margin-top: 35%;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
    }
    #section-11{padding: 0 !important;}
    .wrapper-780 {
      /* width: 720px; */
      width:100% !important; 
      margin-left: auto;
      margin-right: auto;
    }
    
    .pageTitleLeft-mpu a {
      padding-right: 15px !important;
      color: #fff !important;
    }
    table{margin-bottom: 20px;}
    th img{width: 80px;height: 80px;}
    td img{width: 80px;height: 80px;}
    
    .next {
      margin-right: 0% !important;
    }
    
    .text-align-center{text-align: center;}
    table{margin: 20px auto !important;}
    .img-responsive{margin: 0 auto !important;}
    .margin-25{float: none !important;}

}

/* Google Nexus-7 landscape */
@media(max-width:960px){}