@media (min-width: 901px) and (max-width: 1200px) {

	.container {
		width: auto !important;
	}

	#wrapper-home {
		padding-left: 0;
		padding-right: 0;
	}

	#content {
		padding-left: 40px;
		padding-right: 40px;
	}

	[class^="grid-"] {
		margin: 0 0 0 10px;
	}

	.grid-1 { width: 5.273%; }
	.grid-2 { width: 13.727%; }
	.grid-3 { width: 22.182%; }
	.grid-4 { width: 30.636%; }
	.grid-5 { width: 39.091%; }
	.grid-6 { width: 47.545%; }
	.grid-7 { width: 56%; }
	.grid-8 { width: 64.455%; }
	.grid-9 { width: 72.909%; }
	.grid-10 { width: 81.364%; }
	.grid-11 { width: 89.818%; }
	.grid-12 { width: 100%; }

	#copyright [class^="grid-"] {
		margin-bottom: 1em;
	}

}


@media (max-width: 900px) {

    body {
        padding: 0;
    }

    p {
        margin-bottom: 1em;
    }

    .container {
        width: auto !important;
    }

    #wrapper {
        width: auto;
        padding: 0;
    }

    #wrapper-top {
        padding: 0;
    }

    #wrapper-home {
        width: auto;
        padding: 0;
    }

    #wrapper-footer-inner {
        width: auto;
        padding: 0;
    }

    #header {
        padding: 25px 25px;

        text-align: center;
    }

    #header h1 {
        display: inline-block;
        width: 100%;
        background-image: url(../images/logo_large.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;

    }

    #nav {
        padding: 0 25px;
    }

    #main-nav {
        display: none;
    }

    #responsive-nav {
        display: block;
    }

    #masthead {
        height: auto;

        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #masthead .masthead-details {
        position: static;

        display: block;

        width: auto;
        height: auto;
    }

    .masthead-details h2 {
        margin-bottom: .75em;

        font-size: 20px;
    }

    .masthead-details p {
        font-size: 11px;
    }

    #masthead .carousel-control {
        top: 5%;
        left: 20px;

        width: 25px;
        height: 25px;
        margin-top: 0;

        font-size: 30px;
        line-height: 19px;

        opacity: .80;
    }

    #masthead .carousel-control.right {
        left: auto;
        right: 20px;
    }

    #page-title {
        padding: 20px;
        margin-right: 0;
        margin-bottom: 0em;
        margin-left: 0;
        text-align: center;
        background: #F3F4F5 url("../images/title_responsive.jpg") center top no-repeat;

        /*background: #EEE;*/

    }

    #page-title h1 {
        /*margin-bottom: .40em;*/
        font-family: 'Armata', arial, sans-serif;
        font-size: 36px;
        font-weight: 400;
        line-height: 1.0em;
        /*color: #000 !important;*/

        text-transform: uppercase !important;
        font-size: 36px !important;
        text-shadow: none;
    }

    #page-title p {
        margin-bottom: 0;
        margin-top: 0;
        /*font-size: 15px;*/
        /*color: #000 !important;*/
    }

    #welcome h1 {
        padding: 0 20px;
    }

    #content {
        padding: 20px;
    }

	.home-video {
		text-align: center;
	}

	.home-app-icons {
		text-align: center;
		line-height: 2.5;
	}

	.app-icons-float {
		float: none;
	}

	#copyright {
        padding: 20px;
        margin: 0;
    }

    #copyright #totop {
        text-align: left;
    }

    #footer {
        padding: 20px;
        margin: 0;
    }

    [class^="grid-"] {
        float: none;

        width: auto;
        margin: 0 0 1em 0;
    }

    #copyright [class^="grid-"] {
        margin-bottom: 1em;
    }

    .thumbnail {
        display: inline-block;
    }

    /*-- form CSS for static page --*/
    .form-staticpage-heading {
        padding: 2% 0 0 0;
        width: auto;
    }

    .form-staticpage-container {
        padding: 5% 0 5% 0;
        width: auto;
    }

    .form-staticpage .controls {
        margin-left: 5%;
    }

    .form-staticpage input[type="text"], .form-staticpage input[type="password"], .form-staticpage textarea {
        width: 90%;
    }

    .form-staticpage select {
        width: 93%;
    }

    .form-staticpage .control-group.grp-btn input {
        width: 93%;
    }

    .form-staticpage-separator {
        margin-right: 8%;
        margin-left: 5%;
    }

    .form-staticpage-separator-strong {
        margin-right: 8%;
        margin-left: 5%;
    }

    /*-- contact form additional CSS --*/
    .form-contactus-container {
        padding: 5% 0 5% 0;
        width: auto;
    }

    .form-contactus-header {
        padding: 0;
        margin-left: 5%;
    }

    .staticpage-betainvite-horizontal {
        width: 95%;
    }

    .staticpage-betainvite-horizontal input[type="text"] {
        width: 60%;
    }

	.home-app-icons {
		text-align: center;
	}
}



/*-- Pricing page --*/

@media (max-width: 1125px) {

	.pricing-plans-large {
		display: none;
	}

	.pricing-plans-small {
		display: inline;
	}

	.pricing-plans-small p {
		/*font-size: 16px;*/
		margin-bottom: 1em;
	}

	.pricing-plans-small h2 {
		margin-bottom: 0;
	}

}