@charset "utf-8";
/* CSS Document */

body {
    padding-top: 55px;
	font-family: Arial,'Raleway', sans-serif;
}

/****loader css****/

	#overlay{
	  position:fixed;
	  z-index:99999;
	  top:0;
	  left:0;
	  bottom:0;
	  right:0;
	  background:rgba(232, 35, 37, 0.96) none repeat scroll 0 0;
	  transition: 1s 0.4s;
	}
	
	#progress{
	  height:1px;
	  background:#fff;
	  position:absolute;
	  width:0;
	  top:50%;
	}
	
	#progstat{
	  font-size:0.7em;
	  letter-spacing: 3px;
	  position:absolute;
	  top:50%;
	  margin-top:-40px;
	  width:100%;
	  text-align:center;
	  color:#fff;
	}
	
	.loader {
	  border: 3px solid #f3f3f3;
	  border-radius: 50%;
	  border-top: 3px solid #3498db;
	  width: 60px;
	  height: 60px;
	  -webkit-animation: spin 2s linear infinite;
	  animation: spin 2s linear infinite;
	  margin:19.3% auto;
	}
	
	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}
	
	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}
	
/****loader css end****/

.navbar-header .navbar-brand {
       display: inline-block;
    height: 88px;
    left: 122px;
    position: relative;
}

.navbar-brand{
        padding: 3px 0px !important; 
}

.navbar .nav.navbar-nav.navbar-right {
    margin-right: 10%;
    margin-top: 20px;
}

.navbar .nav.navbar-nav.navbar-right a {
    color: #000;
    font-size: 18px;
    font-weight: 500;
}

.phone-bg {
    position: fixed;
    right: 4px;
    top: 55px;
	max-width: 758px;
	z-index: 1;
}

.phone-wrapper .mobile {
    position: fixed;
    right: 240px;
    top: 90px;
    width: 340px;
    z-index: 3;
}

.demo-links .close {
    background: #f00 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    height: 30px;
    opacity: 1;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    z-index: 1;
}

section p {
    letter-spacing: 0.3px;
    line-height: 22px;
}



.slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7 {
    position: relative;
	max-width:1340px;
	margin:0 auto;
}

.slide7  {
    overflow: hidden;
}


/****slide 1*****/

.slide1 .left-block {
    position: absolute;
    top: 100px;
}

.slide1 .slide-1-txt {
    max-width: 450px;
    width: 96%;
}

.slide-1-para {
    margin: 1.5em auto;
}

.input-block .input-group {
    border: 1px solid #68357C;
	border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden;
}

.input-block .btn.btn-default {
    border: medium none;
}

.input-group-btn .btn.btn-default {
    padding: 7px 10px;
}

.btn.btn-cinema {
    background: #68357C none repeat scroll 0 0;
    color: #fff;
    font-weight: 600;
    padding: 7px 20px;
}

.input-block {
    margin-bottom: 15px;
}

.media-body {
    vertical-align: middle;
}


/****slide 2*****/

.slide2 .left-block {
    position: absolute;
    top: 180px;
}

.slide2 .slide-2-txt {
    max-width: 340px;
    width: 96%;
}

.slide2 {
    position: relative;
}

.cup-wrap {
    left: 0px;
    position: absolute;
    top: -30px;
    width: 170px;
	overflow:hidden;
}

.pencil {
    left: 155px;
    position: absolute;
    top: -10px;
    width: 105px;
    z-index: 0;
}

.cookie-wrap {
    left: 0px;
    position: absolute;
    top: 240px;
    width: 100px;
	overflow:hidden;
}

.mouse {
    left: -20px;
    position: relative;
	width:100px;
}

.clock-wrapper {
    display: block;
    float: right;
    overflow: hidden;
    position: absolute;
    right: 0px;
    z-index: 2;
	bottom:-180px;
}

.clock-wrapper .clock {
    margin-right: -180px;
}

.slide-2-para {
    margin: 4em auto;
}

.btn-round {
    border-radius: 20px;
}

.mb-50 {
    margin-bottom: 50px;
}


/****slide 3*****/


.slide3 .left-block {
    position: absolute;
    top: 120px;
}

.slide3 .slide-3-txt {
    max-width: 430px;
	width: 96%;
}

.slide-3-para {
    margin: 4em auto;
}

.slide3 .coin-3 {
    left: 10px;
    position: absolute;
    top: 50px;
    width: 120px;
}

.slide3 .coin-1 {
    position: absolute;
    top: 220px;
    width: 95px;
}

.slide3 .coin-2 {
    bottom: 270px;
    position: absolute;
    right: 10px;
    width: 100px;
    z-index: 2;
}

.slide3 .coin-4 {
    bottom: 230px;
    position: absolute;
    right: 510px;
    width: 140px;
    z-index: 2;
}

.slide3 .coin-5 {
    bottom: 100px;
    position: absolute;
    right: 50px;
    width: 110px;
    z-index: 3;
}

.slide3 .wallet-wrap {
    bottom: -205px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 440px;
    z-index: 2;
}

.bill-1-wrap .bill-1 {
    position: relative;
    right: -25px;
    top: -2px;
    transform: rotate(200deg);
}

.slide3 .wallet-wrap .wallet {
    left: -180px;
    position: relative;
    width: 410px;
}


/****slide 4*****/


.slide4 .left-block {
    position: absolute;
    top: 180px;
	z-index: 2;
}

.slide-4-para {
    margin: 4em auto;
}

.slide4 .slide-4-txt {
    max-width: 350px;
	width: 96%;
}

.slide4 .bill-1-wrap {
    right:0px;
    position: absolute;
    top: -100px;
	z-index:2;
	overflow:hidden;
}

.slide4 bill-1-wrap .bill-1 {
    right: -60px;
    position: relative;
}

.slide4 .bill-3-wrap {
    bottom: 40px;
    position: absolute;
    right: 0px;
    width: 200px;
    z-index: 2;
	overflow:hidden;
}

.slide4 .bill-3-wrap  .bill-3 {
	position: relative;
    right: -10px;
}

.slide4 .bill-4-wrap {
    bottom: 90px;
    left: 0px;
    position: absolute;
    width: 200px;
}

.slide4 .bill-4 {
    bottom: 90px;
    left: 0px;
    position: absolute;
    overflow:hidden;
	z-index:1;
}

.slide4 .bill-4 {
    left: -70px;
    position: relative;
    width: 200px;
}

.slide4 .calculator-wrap  {
    bottom: -151px;
    left: 0px;
    position: absolute;
    width: 250px;
	overflow:hidden;
	z-index:1;
}

.slide4 .calculator  {
    left: -90px;
    position: relative;
    width: 250px;
}

.slide4 .pen-1 {
    bottom: 130px;
    position: absolute;
    right: 190px;
    width: 140px;
    z-index: 2;
}


.slide4 .pen-2-wrap {
    bottom: -40px;
    position: absolute;
    right: 0px;
    z-index: 2;
	overflow:hidden;
}

.slide4 .pen-2-wrap .pen-2 {
    position: relative;
    right: -50px;
}


/****slide 5*****/


.slide5 .left-block {
    position: absolute;
    top: 180px;
}

.slide-5-para {
    margin: 4em auto;
}

.slide5 .slide-5-txt {
    max-width: 350px;
	width: 96%;
}

.slide5 .barcode-wrap {
    bottom: -100px;
    right: 0px;
    position: absolute;
	overflow:hidden;
	z-index:2;
}

.slide5 .barcode-wrap .barcode {
    position: relative;
    right: -60px;
    width: 320px;
}


/****slide 6*****/


.slide6 .left-block {
    position: absolute;
    top: 180px;
	z-index: 2;
}

.slide-6-para {
    margin: 4em auto;
}

.slide6 .slide-6-txt {
    max-width: 400px;
	width: 96%;
}

.slide6 .popcorn-wrap {
    left: 0px;
    position: absolute;
    top: -160px;
	overflow:hidden;
	z-index:2;
}

.slide6 .popcorn-wrap .popcorn{
    left: -100px;
    position: relative;
    width: 380px;
}

.slide6 .specs {
    position: absolute;
    right: 510px;
    top: 270px;
    z-index: 2;
}

.slide6 .jeans-wrap {
    bottom: -120px;
    left: 0px;
    position: absolute;
	overflow:hidden;
	z-index:2;
}

.slide6 .jeans-wrap .jeans{
        left: -40px;
    position: relative;
    width: 242px;
    top: 17px;
}

.slide6 .bow-tie {
    bottom: 60px;
    position: absolute;
    right: 50px;
    width: 180px;
    z-index: 2;
}


/****slide 7*****/


.slide7 .left-block {
    position: absolute;
    top: 180px;
}

.slide-7-para {
    margin: 4em auto;
}

.slide7 .slide-7-txt {
    max-width: 440px;
	width: 96%;
}

.slide7 .locker {
    bottom: -210px;
    left: -150px;
    position: absolute;
    width: 425px;
}


.footer-block {
    background: url('../images/fotter.jpg') repeat scroll 0 0;
    box-shadow: 0 -2px 8px #666;
    position: absolute;
    width: 100%;
    z-index: 3;
}

.footer-block h1.heading {
    color: #003974;
    font-size: 44px;
    font-weight: 500;
    margin: 30px auto;
}

.footer-block .app-icons li a img {
    margin: 5px 0 10px;
}

.footer-links .list-inline a {
    color: #333;
    font-size: 18px;
	font-weight: 500;
    padding: 5px;
}

.div-wrapper {
    position: fixed;
    right: 306px;
    top: 158px;
    z-index: 3;
}


a.tnc {
    color: #333;
    font-weight: 600;
    text-decoration: underline;
}


#navigation-menu.gif-slides {
    right: 539px;
    top: 159px;
}

#navigation-menu.gif-slides ul {
    background: #f00 none repeat scroll 0 0;
    padding: 0;
}

#navigation-menu.gif-slides li {
	background: #f00 none repeat scroll 0 0;
    list-style: outside none none;
    position: absolute;
	margin:0;
}

#navigation-menu a {
    background: #f00 none repeat scroll 0 0;
    border-radius: 0;
    display: inline-block;
    height: 414px;
    padding: 0;
    width: 233px;
}

#navigation-menu a img {
    display: inline-block;
    height: auto;
    width: 233px;
}

#navigation-menu.gif-slides .__mPS2id._mPS2id-h {
    height: 414px;
    display: none;
    width: 233px;
}

#navigation-menu.gif-slides .__mPS2id._mPS2id-h.mPS2id-highlight-first{
    background: #f00 none repeat scroll 0 0;
    color: #fff;
    font-size: 25px;
    display: block;
    text-align: center;
}

#navigation-menu.gif-slides .__mPS2id._mPS2id-h.mPS2id-highlight-first > img {
    width: 234px;
	height: auto;
}


.header-banner {
	background: rgba(0, 0, 0, 0) url("../images/slide-7.jpg") repeat scroll 0 0 / cover ;
    padding-top: 25px;
}

.faqs, .about {
    padding: 3em 0 5em;
	min-height:400px;
/*	background: url('images/about_body.jpg') !important;*/
}

/* .faq-sec {
	background: rgba(0, 0, 0, 0) url("../images/slide-7.jpg") repeat scroll 0 0 / cover ;
} */


.faqs .panel-heading .panel-title {
    color: #f00;
    padding: 15px;
}

.faqs .panel-heading .panel-title {
    color: #f00;
    padding: 15px;
}

.faqs .panel-heading a:hover, .faqs .panel-heading a:focus {
    text-decoration:none;
}

.faqs .panel-heading {
    padding: 0;
}

.faqs .panel-heading .panel-title {
    color: #68357c;
    height: auto;
    line-height: 24px;
    padding: 15px 45px 15px 15px;
	position:relative;
}

.badge-wrap {
    border: 1px solid #333;
    border-radius: 50%;
    color: #333;
    display: inline-block;
    font-weight: 300;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 10px;
    width: 30px;
}

.panel-heading a .badge-wrap .fa.fa-minus {
    display: inline-block;
}


.panel-heading a.collapsed .badge-wrap .fa.fa-minus{
    display: none;
}

.heading {
    font-size: 24px;
    margin-bottom: 30px;
}

.tnc li {
    margin-bottom: 10px;
} 

.tnc h5 {
    margin-bottom: 20px;
}

.disclaimer {
    font-size: 10px;
}

.slide-1-para .media-body h4.media-heading {
    font-size: 14px;
}

.app-icons {
    margin-top: 15px;
}

.input-block .input-group-btn {
    background: #fff none repeat scroll 0 0;
}

.input-group-btn > img {
    margin: 0 5px;
}

#section-5 .col-lg-5.col-lg-offset-1.col-md-5.col-md-offset-1.col-sm-6.col-xs-12.left-block {
    z-index: 3;
}





/****resposive css code by anil shinde****/


@media screen and (min-width:1600px){
	.phone-bg {
		max-width: 758px;
		position: fixed;
		right: 130px;
		top: 80px;
		z-index: 1;
	}
	
	.phone-wrapper .mobile {
		position: fixed;
		right: 350px;
		top: 150px;
		width: 340px;
		z-index: 3;
	}
	
	#navigation-menu.gif-slides {
		right: 650px;
		top: 216px;
	}
}

@media screen and (min-width:1680px){
	.phone-bg {
		max-width: 758px;
		position: fixed;
		right: 170px;
		top: 80px;
		z-index: 1;
	}
	
	.phone-wrapper .mobile {
		position: fixed;
		right: 380px;
		top: 150px;
		width: 340px;
		z-index: 3;
	}
	
	#navigation-menu.gif-slides {
		right: 680px;
		top: 216px;
	}
}

@media screen and (min-width:1920px){
	.phone-bg {
		max-width: 758px;
		position: fixed;
		right: 290px;
		top: 80px;
		z-index: 1;
	}
	
	.phone-wrapper .mobile {
		position: fixed;
		right: 560px;
		top: 150px;
		width: 340px;
		z-index: 3;
	}
	
	#navigation-menu.gif-slides {
		right: 860px;
		top: 216px;
	}
}


@media screen and (max-width:1280px){
	.container {
		width: 1260px;
	}
	
	.phone-bg {
		height: 720px;
		max-width: 678px;
		position: fixed;
		right: 0;
		top: 80px;
		z-index: 1;
	}
	
	.slide1, .slide3 {
		min-height: 660px;
	}
}
@media screen and (max-width:1200px){
	.phone-bg {
		height: 820px;
		max-width: 678px;
		position: fixed;
		right: -150px;
		top: 75px;
		z-index: 1;
	}	
	
	.phone-wrapper .mobile {
		right: 170px;
		width: 340px;
	}
	
	#navigation-menu.gif-slides {
		right: 469px;
	}
	
	.z-index-5{
		position:relative;
		z-index:5;
	}
	
}

@media screen and (max-width: 1024px){
	
	.container {
		width: 1024px;
	}
	
	.slide1 .slide-bg, .slide2 .slide-bg, .slide3 .slide-bg, .slide4 .slide-bg, .slide5 .slide-bg, .slide6 .slide-bg, .slide7 .slide-bg {
		display: none;
	}
	
	.slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7 {
		background: rgba(0, 0, 0, 0) url("../images/slide-7.jpg") repeat scroll 0 0 / cover ;
		padding: 4em 0;
		border: 0px solid #333;
	}
	
	.slide1 .left-block, .slide2 .left-block, .slide3 .left-block, .slide4 .left-block, .slide5 .left-block, .slide6 .left-block, .slide7 .left-block {
		margin: 50px auto 50px 30px;
		position: relative;
		top: 30px;
	}
	
	.phone-wrapper .mobile {
		right: 170px;
		top: 120px;
		width: 300px;
	}
	
	#navigation-menu.gif-slides {
		right: 434px;
		top: 180px;
	}
	
	#navigation-menu.gif-slides .__mPS2id._mPS2id-h {
		display: none;
		height: 366px;
		width: 207px;
	}
	
	#navigation-menu.gif-slides .__mPS2id._mPS2id-h.mPS2id-highlight-first > img {
		height: 366px;
		width: 207px;
	}
	
	.coffee {
		width: 120px;
	}
	
	.pencil {
		left: 80px;
		top: -5px;
		width: 85px;
	}
	
	.cookie-wrap {
		left: -40px;
		overflow: hidden;
		position: absolute;
		top: 190px;
		width: 100px;
	}
	
	.mouse {
		left: 0;
		position: relative;
		top: 0;
		width: 100%;
	}
	
	.clock-wrapper {
		bottom: -30px;
	}
	
	.clock-wrapper .clock {
		margin-right: -70px;
		width: 320px;
	}
	
	.slide3 .coin-3 {
		top: -10px;
		width: 100px;
	}
	
	.slide3 .coin-1 {
		position: absolute;
		top: 70px;
		width: 75px;
	}
	
	.slide3 .coin-4 {
		bottom: 230px;
		right: 430px;
		width: 110px;
	}
	
	.slide3 .wallet-wrap {
		bottom: -160px;
		left: 0;
		width: 240px;
	}
	
	.slide3 .wallet-wrap .wallet {
		left: -110px;
		position: relative;
	}
	
	.slide3 .coin-2 {
		bottom: 330px;
		position: absolute;
		right: 10px;
		width: 75px;
		z-index: 2;
	}
	
	.slide3 .coin-5 {
		bottom: 50px;
		position: absolute;
		right: 50px;
		width: 90px;
		z-index: 2;
	}
	
	.slide4 .bill-1-wrap {
		top: -30px;
		width: 180px;
	}
	
	.slide4 .bill-3-wrap {
		bottom: 80px;
		width: 180px;
	}
	
	.slide4 .pen-2-wrap {
		bottom: 0;
		width: 160px;
	}
	
	.slide4 .calculator-wrap {
		bottom: -100px;
		width: 200px;
	}
	
	.slide4 .calculator {
		left: -20px;
	}
	
	.slide5 .barcode-wrap {
		bottom: 70px;
		overflow: hidden;
		position: absolute;
		right: 0;
		width: 240px;
		z-index: 3;
	}
	
	.slide5 .barcode-wrap .barcode {
		position: relative;
		right: -30px;
		width: 240px;
	}
	
	.slide6 .popcorn-wrap .popcorn {
		left: -60px;
		position: relative;
		width: 310px;
	}
	
	.slide6 .specs {
		right: 430px;
		top: 150px;
		width: 140px;
	}
	
	.slide6 .bow-tie {
		bottom: 120px;
		right: 40px;
		width: 100px;
	}
	
	.slide6 .jeans-wrap {
		bottom: -120px;
		width: 160px;
		z-index: 2;
	}
	
	.slide7 .locker {
		bottom: -190px;
		left: -110px;
		position: absolute;
		width: 330px;
	}
}

@media screen and (max-width:991px){
	.container {
		width: 980px;
	}
	
	.phone-bg {
		max-width: 628px;
		right: -270px;
	}
	
	.phone-wrapper .mobile {
		right: 120px;
		top: 210px;
		width: 250px;
	}
	
	#navigation-menu.gif-slides {
		right: 340px;
		top: 258px;
	}
	
	#navigation-menu.gif-slides .__mPS2id._mPS2id-h {
		display: none;
		height: auto;
		width: 172px;
	}
	
	#navigation-menu.gif-slides .__mPS2id._mPS2id-h.mPS2id-highlight-first > img {
		width: 100%;
		height: auto;
	}
	
	.coffee {
		left: 0;
		position: relative;
		top: -30px;
		width: 110px;
	}
	
	.pencil {
		left: 160px;
		position: absolute;
		top: -45px;
		width: 60px;
		z-index: 0;
	}
	
	.cookie-wrap {
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 170px;
		width: 70px;
	}
	
	.mouse {
		left: -4px;
		position: relative;
		top: 0;
		width: 60px;
	}
	
	.clock-wrapper {
		bottom: 20px;
	}
	
	.clock-wrapper .clock {
		margin-right: -80px;
		width: 300px;
	}
	
	.slide-1-para {
		margin: 4em auto;
	}
	
	.slide3 .coin-3 {
		left: 10px;
		top: -30px;
		width: 100px;
	}
	
	.slide3 .coin-1 {
		top: 130px;
		width: 70px;
	}
	
	.slide3 .coin-2 {
		bottom: 300px;
		right: 30px;
		width: 70px;
	}
	
	.slide3 .coin-4 {
		bottom: 260px;
		right: 340px;
		width: 110px;
	}
	
	.slide3 .coin-5 {
		bottom: 50px;
		right: 50px;
		width: 95px;
	}
	
	.slide3 .wallet-wrap {
		bottom: -150px;
		width: 240px;
	}
	
	.slide3 .wallet-wrap .wallet {
		left: -70px;
	}
	
	.slide3 .slide-3-txt {
		max-width: 400px;
	}
	
	.slide4 .slide-4-txt {
		max-width: 380px;
		width: 96%;
	}
	
	.slide4 .bill-1-wrap {
		top: -10px;
		width: 180px;
	}
	
	.bill-1-wrap .img-responsive.bill-1 {
		position: relative;
		right: -40px;
	}
	
	.slide4 .bill-3-wrap {
		width: 180px;
	}
	
	.slide4 .calculator-wrap {
		bottom: -140px;
		width: 200px;
	}
	
	.slide4 .pen-2-wrap {
		bottom: 0;
		width: 140px;
		z-index: 2;
	}
	
	.slide4 .pen-2-wrap .pen-2 {
		right: -20px;
	}
	
	.slide5 .slide-5-txt {
		max-width: 380px;
		width: 96%;
	}
	
	.slide5 .barcode-wrap {
		bottom: 30px;
		width: 220px;
		z-index: 2;
	}
	
	.slide6 .popcorn-wrap {
		top: -150px;
		width: 280px;
		z-index: 2;
	}
	
	.slide6 .popcorn-wrap .popcorn {
		left: -70px;
	}
	
	.slide6 .specs {
		right: 320px;
		top: 90px;
	}
	
	.slide6 .bow-tie {
		bottom: 100px;
		width: 150px;
	}
	
	.slide6 .jeans-wrap {
		bottom: -110px;
		left: 0;
		width: 160px;
	}
	
	.slide7 .locker {
		bottom: -140px;
		left: -90px;
		width: 285px;
	}
	
}

@media screen and (max-width: 960px){
	.container {
		width: 958px;
	}
	
	.slide6 .specs {
		right: 330px;
		top: 140px;
		width: 130px;
	}
	
	.slide6 .jeans-wrap {
		bottom: -130px;
		left: 0;
		width: 160px;
	}
}
@media screen and (max-width: 800px){
	.container {
		width: 780px;
	}
	
	.slide1 .left-block, .slide2 .left-block, .slide3 .left-block, .slide4 .left-block, .slide5 .left-block, .slide6 .left-block, .slide7 .left-block {
		margin: 30px auto 50px 50px;
	}
	
	.slide1 .slide-1-txt {
		max-width: 320px;
		width: 96%;
	}
	
	.slide6 .bow-tie {
		bottom: 100px;
		right: 10px;
		width: 110px;
	}
	
	.slide6 .specs {
		right: 330px;
		top: 110px;
		width: 130px;
	}
}

@media screen and (max-width: 768px){
	.container {
		width: 760px;
	}
	
	.phone-wrapper .mobile {
		right: 100px;
		top: 210px;
		width: 250px;
	}
	
	#navigation-menu.gif-slides {
		right: 320px;
		top: 258px;
	}
	
	.slide6 .specs {
		right: 200px;
		top: 100px;
		width: 130px;
	}
	
	.slide6 .jeans-wrap .jeans {
		left: -20px;
		position: relative;
		top: 0px;
		width: 140px;
	}
	
	.slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .slide7 {
		background: rgba(0, 0, 0, 0) url("../images/slide-7.jpg") repeat scroll 0 0 / cover ;
		border: 0 solid #333;
		padding: 6em 0;
	}
}

/*nexus 6 landscap */

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

	.slide3 .wallet-wrap {
		bottom: -70px;
		width: 240px;
	}
	
	.slide-1-para .col-lg-6.col-md-6.col-sm-6.col-xs-12 {
		margin-bottom: 5px;
	}
	
	.slide-1-para .media {
		margin-top: 5px;
	}
	
	.slide1 .left-block{
		top:0;
	}
	
	.container {
		width: 730px;
	}
	
	.slide-1-para {
		margin: 1em auto;
	}
	
	.phone-bg {
		display:none;
	}
	
	.slide1{
		background: rgba(0, 0, 0, 0) url("../images/slide-7.jpg") repeat scroll 0 0 / cover ;
		/* border: 1px solid #333; */ 
		padding: 2em 0 8em;
	}
	
	.slide2, .slide3, .slide4, .slide5, .slide6, .slide7 {
		background: rgba(0, 0, 0, 0) url("../images/slide-7.jpg") repeat scroll 0 0 / cover ;
		/* border: 1px solid #333; */ 
		padding: 4em 0 8em;
	}
	
	.navbar-header .navbar-brand {
		display: inline-block;
		height: auto;
		left: 0;
		position: relative;
		width: 200px;
	}
	
	.slide1 .left-block, .slide2 .left-block, .slide3 .left-block, .slide4 .left-block, .slide5 .left-block, .slide6 .left-block, .slide7 .left-block {
		margin: 0;
	}
	
	.phone-wrapper .mobile {
		right: 20px;
		top: 80px;
		width: 180px;
	}
	
	#navigation-menu.gif-slides {
		right: 178px;
		top: 116px;
	}
	
	#navigation-menu.gif-slides .__mPS2id._mPS2id-h {
		display: none;
		height: auto;
		width: 123px;
	}
}

/* iphone6 landscape*/
@media screen and (max-width:667px){
	.container {
		width: 664px;
	}
}
@media screen and (max-width:640px){
	.container {
		width: 620px;
	}
	
	.phone-wrapper .mobile {
		right: 30px;
		top: 90px;
		width: 160px;
	}
	
	#navigation-menu.gif-slides {
		right: 171px;
		top: 122px;
	}
	
	#navigation-menu.gif-slides .__mPS2id._mPS2id-h {
		display: none;
		height: auto;
		width: 110px;
	}
	
	.slide3 .coin-5 {
		bottom: 50px;
		right: 20px;
		width: 75px;
		z-index: 2;
	}
	
	.slide6 .specs {
		right: 170px;
		top: 100px;
		width: 110px;
	}
	
	.slide6 .jeans-wrap {
		bottom: -65px;
		left: 0;
		width: 140px;
	}
	
	.slide6 .jeans-wrap .jeans {
		left: -30px;
		position: relative;
		width: 210px;
	}
	
	.slide3 .wallet-wrap {
		bottom: -50px;
		width: 220px;
	}
	
	.slide3 .wallet-wrap .wallet {
		left: -50px;
		width:190px;
	}
	
	.footer-block .app-icons li a img {
		margin: 5px 0 10px;
		width: 120px;
	}
	
	.footer-block h1.heading {
		color: #003974;
		margin: 10px auto;
	}
	
}

@media screen and (max-width:600px){
	
	.heading {
		font-size: 16px;
		margin-bottom: 30px;
	}
	
	.container {
		width: 100%;
	}
	
	#navigation-menu.gif-slides {
		right: 151px;
		top: 122px;
	}
	
	.phone-wrapper .mobile {
		right: 10px;
		top: 90px;
		width: 160px;
	}
	
}
@media screen and (max-width:533px){
	/* .container {
		width: 530px;
	} */
}
@media screen and (max-width:480px){
	/* .container {
		width: 478px;
	} */
	
	.slide4 .calculator-wrap {
		bottom: -90px;
		width: 160px;
	}
	
	.slide6 .specs {
		right: 130px;
		top: 110px;
		width: 85px;
	}
	
	.cup-wrap {
		top: -80px;
	}
	
	.phone-wrapper .mobile {
		right: 0;
		top: 60px;
		width: 160px;
	}
	
	#navigation-menu.gif-slides {
		right: 141px;
		top: 92px;
	}
	
	.input-block {
		margin-right: 15px;
	}
	
	.slide6 .specs {
		right: 130px;
		top: 80px;
		width: 85px;
	}
	
	.slide6 .bow-tie {
		bottom: 100px;
		right: 10px;
		width: 80px;
	}
	
	.slide5 .barcode-wrap {
		bottom: 30px;
		width: 150px;
		z-index: 2;
	}
	
	.clock-wrapper .clock {
		margin-right: -80px;
		width: 250px;
	}
	
	.cookie-wrap {
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 146px;
		width: 70px;
		display: none;
	}
	
	.slide3 .coin-3 {
		left: 10px;
		top: -30px;
		width: 80px;
	}
}

/*nexus6*/

@media screen and (max-width:414px){
	
	/* .container {
		width: 410px;
	} */
	
	.btn.btn-cinema {
		padding: 7px 10px;
	}
	
	.phone-wrapper .mobile {
		right: -10px;
		top: 110px;
		width: 160px;
	}
	
	#navigation-menu.gif-slides {
		right: 131px;
		top: 142px;
	}
}

@media screen and (max-width:384px){
	/* .container {
		width: 382px;
	} */
}
	
/* iphone 6 */
@media screen and (max-width:375px){
	/* .container {
		width: 374px;
	} */
	
	.faqs .panel-heading .panel-title {
		font-size: 14px;
	}
	
	.badge-wrap {
		font-size: 14px;
		height: 25px;
		line-height: 25px;
		right: 5px;
		top: 15px;
		width: 25px;
	}
	
	.faqs, .about {
		padding: 3em 0;
	}
}

@media screen and (max-width:360px){
	
	.input-group-btn .btn.btn-default {
		padding: 8px 10px 9px;
	}
	
	/* .container {
		width: 360px;
	} */
	
	.phone-wrapper .mobile {
		right: -5px;
		top: 110px;
		width: 130px;
		z-index: 9;
	}
	
	#navigation-menu.gif-slides {
		right: 109px;
		top: 136px;
		z-index: 10;
	}
	
	#navigation-menu.gif-slides .__mPS2id._mPS2id-h {
		display: none;
		height: auto;
		width: 89px;
	}
	
	.input-group-btn .btn {
		font-size: 12px;
	}
	
	.app-links .list-inline a img {
		width: 95px;
	}
	
	.btn.btn-cinema {
		background: #68357C none repeat scroll 0 0;
		color: #fff;
		font-weight: 600;
		font-size:12px;
		padding: 9px 10px 8px;
	}
	
	.cup-wrap {
		left: 0;
		overflow: hidden;
		position: absolute;
		top: -80px;
		width: 80px;
	}
	
	.coffee {
		left: 0;
		position: relative;
		top: 0;
		width: 80px;
	}
	
	.mouse {
		left: 90px;
		position: absolute;
		top: 0;
		width: 60px;
	}
	
	.pencil {
		left: 75px;
		position: absolute;
		top: 8px;
		width: 55px;
		z-index: 0;
	}
	
	.cookie-wrap {
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 135px;
		width: 70px;
		display:none;
	}
	
	.mouse {
		left: -10px;
		position: relative;
		top: 3px;
		width: 55px;
	}
	
	.clock-wrapper .clock {
		margin-right: -60px;
		width: 200px;
	}
	
	.slide3 .wallet-wrap {
		bottom: -40px;
		width: 170px;
	}
	
	.slide3 .wallet-wrap .wallet {
		left: -50px;
	}
	
	.slide3 .coin-3 {
		left: 10px;
		top: -50px;
		width: 70px;
	}
	
	.slide3 .coin-1 {
		top: 20px;
		width: 50px;
	}
	
	.slide3 .coin-2 {
		bottom: 230px;
		right: 30px;
		width: 50px;
	}
	
	.slide3 .coin-5 {
		bottom: 90px;
		right: 10px;
		width: 65px;
	}
	
	.slide4 .bill-1-wrap {
		top: -30px;
		width: 130px;
	}
	
	.bill-1-wrap .img-responsive.bill-1 {
		position: relative;
		right: -20px;
	}
	
	.slide4 .bill-3-wrap {
		width: 130px;
	}
	
	.slide4 .pen-2-wrap {
		bottom: 70px;
		width: 80px;
		z-index: 2;
	}
	
	.slide4 .calculator-wrap {
		bottom: -30px;
		width: 120px;
	}
	
	.slide5 .barcode-wrap {
		bottom: 100px;
		width: 140px;
		z-index: 2;
	}
	
	.slide6 .popcorn-wrap {
		top: -120px;
		width: 200px;
		z-index: 2;
	}
	
	.slide6 .specs {
		right: 110px;
		top: 110px;
		width: 80px;
	}
	
	.slide6 .jeans-wrap {
		bottom: -70px;
		left: -20px;
		width: 140px;
	}
	
	.slide6 .jeans-wrap .jeans {
		left: 0;
		position: relative;
		top: 0;
		width: 210px;
	}
	
	.slide6 .bow-tie {
		bottom: 130px;
		right: 20px;
		width: 60px;
	}
	
	.input-group-btn .btn {
		font-size: 12px;
		padding: 8px 5px 9px;
	}
	
	.slide7 .locker {
		bottom: -100px;
		left: -70px;
		width: 255px;
	}
}

@media screen and (max-width:320px){
	.cup-wrap {
		top: -52px;
	}
	
	/* .container {
		width: 318px;
	} */
}