/* Responsive Stylesheet
====================================================== */


@media (max-width: 1024px) {

    .intro,
    .newsletter,
    .video {
        background-attachment: scroll;
    }
    a.mouse {
        display: none;
    }
    
    .intro .intro-slider .container {
        text-align: center; 
    }
    .intro .intro-slider .logo {
        margin-top: 10%;
    }


    /* apps Section */
	.ourapps .app {
		padding: 40px;
		border: 1px solid #AAA;
		border-radius: 15px;
	}
	.icon-container img {
		max-height: 90px;
	}
	.ourapps .app .link-container img {
		margin-top: 15px;
	}
	.ourapps .app .app-header {
		min-height: 140px;
	}
	.app-screenshots .screenshot-3{
        display: block;
	}
	.app-details .description-short{
        display: none;
	}
	.app-details .description{
        display:block;
	}
}


@media only screen and (min-width: 1024px) {

    .intro .intro-slider .logo {
        margin-top: 10%;
    }
    /* apps Section */
	.ourapps .app {
		padding: 40px;
		border: 1px solid #AAA;
		border-radius: 15px;
	}
	.icon-container img {
		max-height: 100px;
	}
	.ourapps .app .app-header {
		min-height: 150px;
	}
	.ourapps .app .link-container img {
		margin-top: 15px;
	}
	.app-details .description-short{
        display: none;
	}
	.app-details .description{
        display:block;
	}
} 

@media (max-width: 991px) {


    /* Intro Slider */
    .intro .intro-slider, .intro .intro-slider .item {
        height: auto;
    }
    .intro .intro-slider .logo {
        margin-top: 0;
    }

    .intro .intro-slider .btn.btn-custom,
    .intro .intro-slider .btn-custom-border {
        min-width: 206px;
    }

    /* Navigation */
    .navbar .nav>li>a {
        padding: 30px 5px;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 12px;
    }
    .nav-tabs>li>a {
        width: 209px;
    }


    /* Intro Section */
    .intro .intro-section {
        padding: 0 0;
    }

    /* apps Section */
	.ourapps .app {
		padding: 20px;
		border: 1px solid #AAA;
		border-radius: 15px;
	}
	.icon-container img {
		max-height: 75px;
	}
	.ourapps .app .app-header {
		min-height: 125px;
	}
	.ourapps .app .link-container img {
		margin-top: 5px;
	}
	.app-screenshots .screenshot-3{
        display: block;
	}
	.app-details .description-short{
        display: none;
	}
	.app-details .description{
        display:block;
	}
}


@media (max-width: 767px) {

    /* Intro Slider */
    /* Intro Section */
    .intro .intro-slider .container {
        text-align: center;
/* 
        padding: 50px 0px;
 */
    }
    .intro .intro-slider .container h1 {
        font-size: 32px;
    }

    .intro .intro-slider, 
    .intro .intro-slider .item {
        height: auto;
    }

    .intro .intro-slider .phone {
        display: none;
    }
    .intro .intro-slider .logo {
        margin-top: 0;
    }

/* 
    .intro .intro-section .btn-custom-border {
        margin-bottom: 0px;
    }
 */

    .btn-custom-border {
        background: #0099e6;
        color: #ffffff;
    }

    /* Navigation Styles */
    .navbar .nav>li>a {
        padding: 10px 20px;
        font-size: 14px;
    }
    .nav.navbar-nav.pull-right {
        float: left!important;
    }
    .navbar-header {
        height: 80px;
    }
    .navbar-toggle {
        font-weight: 600;
        margin-top: 18px;
        color: #fff;
    }
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:hover, 
    .navbar-default .navbar-toggle:focus {
        color: #fff;

    }
    /* apps Section */
	.ourapps .app {
		padding-top: 0px;
		border: 0px solid #AAA;
		border-bottom: 1px solid #AAA;
		border-radius: 0px;
	}
	.icon-container img {
		max-height: 70px;
	}
	.ourapps .app .app-header {
		min-height: 120px;
	}
	.ourapps .app .link-container img {
		margin-top: 0px;
	}
	.app-screenshots img{
		max-height: 300px;
	}
	.app-details .description{
        display:block;
	}
	.app-details .description-short{
        display: none;
	}
	.app-screenshots .screenshot-3{
        display: none;
	}

    /* Footer Section */
    .footer {
        text-align: center;
    }

}

@media (max-width: 480px) {

    /* Intro Section */
    .intro .intro-slider .container {
        text-align: center; 
/* 
        padding: 30px 0px;
 */
    }
    .intro .intro-slider .container h1 {
        font-size: 24px;
    }
    .intro .intro-slider .logo {
        margin-top: 0;
        max-width: 80%;
    }
    .intro .intro-slider .tagline {
        display: none;
    }

    .intro .intro-slider .btn-custom,
    .intro .intro-section .btn-custom,
    .intro .intro-slider .btn-custom-border,
    .intro .intro-section .btn-custom-border {
        width: 208px;
        margin-bottom: 10px!important;
    }
    
    /* apps Section */
	.ourapps .app {
		padding: 0px;
		padding-bottom: 30px;
		border: 0px solid #AAA;
		border-bottom: 1px solid #AAA;
		border-radius: 0px;
	}
	.icon-container img {
		max-height: 70px;
	}
	.ourapps .app .app-header {
		min-height: 110px;
	}
	.ourapps .app .link-container img {
		margin-top: 0px;
	}
	.app-details .description-short{
        display: block;
	}
	.app-details .description{
        display: none;
	}
	.app-details .quote{
        display: none;
	}
	.app-screenshots img{
		max-height: 200px;
	}
	.app-screenshots .screenshot-3{
        display: none;
	}
}

/*  Bootstrap Clearfix */

/*  Tablet  */
@media (min-width:767px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: none;
  }
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Medium Desktop  */
@media (min-width:992px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Large Desktop  */
@media (min-width:1200px){

  /* Column clear fix */
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1){
    clear: left;
  }
}