/*---------------------------------------------------------*/
/*  TABLE OF CONTENT                                       */
/*---------------------------------------------------------*/

/*    xMobile v1.0 Custom Styles by inssitu
/*
/*    -----------------
/*
/*    From line 25  | Large Devices, Wide Screens
/*    From line 60  | Custom: from 992px of width
/*    From line 102 | Custom: more than 800px of height
/*    From line 116 | Custom: less than 800px of height
/*    From line 141 | Medium Devices, Desktops
/*    From line 390 | Small Devices, Tablets
/*    From line 512 | Extra Small Devices, Phones
/*    From line 637 | Custom: iPhone Retina
/*    From line 673 | Custom: Landscape devices

/* END */





/* Large Devices, Wide Screens */

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

	.hand-phone {
		right: -10%;
	}

}

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

	header, #newsletter, #download {
		background-attachment: scroll !important;
	}

	.hand-phone {
		right: -20%;
	}

	.responsive-button i {
		font-size: 32px !important;
		margin-top: -4px;
	}

	.responsive-nav .last-md {
		padding-right: 0 !important;
	}

	#tab .item {
		margin-top: 40px;
	}

}

/* CUSTOM: FROM 992px of width */
@media only screen and (min-width : 992px) {

	/* VERTICAL CENTER & BOTTOM SOLUTION (ONLY FOR 2 DIVS) (USED ON #ABOUT & #BENEFITS SECTIONS) */

	.vertical-center,
	.vertical-bottom {
		display: inline-block;
		float: none;
	}
	.vertical-center,
	.vertical-bottom {
		vertical-align: middle;
	}

	.vertical-bottom {
		vertical-align: bottom;
	}

	.vertical-center:last-child,
	.vertical-bottom:last-child {
		margin-right: -4px;
	}

	.header-phones-version,
	.header-special-version,
	.header-minimal-version {
		min-height: 950px;
	}

	.header-special-version .intro {
		position: absolute;
		top: 10%;
	}

	.header-minimal-version .intro {
		position: absolute;
		top: 30%;
	}

}

/* CUSTOM: MORE THAN  800px of height */
@media only screen and (min-height: 800px) {

	.modal .modal-dialog {
		position: absolute;
		top: 15%;
		right: 0;
		left: 0;
		bottom:0;
		margin: 0 auto;
	}
	
}

/* CUSTOM: LESS THAN  800px of height */
@media only screen and (max-height: 800px) {

	.hand-phone {
		position: absolute;
		top: 100px;
	}

	#services {
		padding: 120px 0;
	}

	#about,
	#benefits {
		padding: 100px 0 50px;
		overflow: hidden;
	}

	#about .intro,
	#benefits .intro {
		margin-top: 80px;
	}
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	/* GLOBAL STYLES */

	h1, h2, h3, h4, p, hr {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	section {
		padding: 80px 0;
	}

	#download .btn-theme {
		margin: 15px 5px;
		width: 30%;
	}

	/* TEXT WITH ICONS ON THE RIGHT OR LEFT */

	.text-icon-left,
	.text-icon-right {
		margin-bottom: 30px;
		margin: 0 auto;
	}

	.text-icon-left p,
	.text-icon-right p {
		width: 70%;
	}

	.text-icon-left, .text-icon-right {
		text-align: center;
	}

	.text-icon-left h3,
	.text-icon-right h3{
		margin-bottom: 20px;
	}

	.text-icon-left span,
	.text-icon-right span,
	.text-icon-left i,
	.text-icon-right i {
		display: none;
	}

	/* INTRO */

	.intro h2,
	.intro h3,
	.intro p {
		max-width: 80%;
	}

	/* HEADER */

	.header-minimal-version,
	.header-special-version {
		height: auto;
	}

	.header-phones-version {
		height: 1000px;
	}

	.header-special-version .intro,
	.header-phones-version .intro,
	.header-minimal-version .intro {
		text-align: center;
		margin-top: 100px;
	}

	.header-special-version .intro h1,
	.header-phones-version .intro h1 {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.header-phones-version .welcome-message {
		margin-top: 0;
	}

	.hand-phone,
	.header-phones {
		position: absolute;
		visibility: hidden;
	}

	/* RESPONSIVE NAV */

	.responsive-nav .logo-nav {
		float: none;
		margin: 0 auto;
		text-align: center;
		width: 50%;
	}

	.responsive-nav ul {
		display: none;
	}

	.responsive-nav .responsive-button {
		display: inline;
	}

	/* SECTION 1 : SERVICES */

	#services {
		padding: 80px 0;
	}

	#services .row > div {
		margin-top: 80px;
	}

	#services .row > div:first-child {
		margin-top: 0 !important;
	}

	#services .col-md-4 p {
		width: 70%
	}

	/* SECTION 2 AND 3 : ABOUT AND BENEFITS */

	#about .intro, #benefits .intro {
		margin-top: 0 !important;
	}

	#about, #benefits, #features {
		text-align: center;
		padding-top: 80px;
		padding-bottom: 0 !important;
	}

	#benefits .block {
		margin: 18px auto;
	}

	/* TAB */

	#about .container {
		padding: 0 !important;
		width: 100% !important;
	}

	#about .phones {
		width: 80% !important;
		margin-left: auto;
		margin-right: auto;
	}

	.buttons-tab {
		display: none;
	}

	#tab .item {
		margin: 0 auto;
		width: 90%;
		max-width: 350px;
	}

	#tab .item p {
		width: 100%;
	}

	/* PHONES OF ABOUT AND BENEFITS SECTION */

	.phones {
		margin-top: 50px;
		height: 400px !important;
	}

	#about,
	#benefits {
		padding-bottom: 0;
	}

	#about .phone-back,
	#benefits .phone-front {
		top: 0;
		right: 25%;
		left: 0;
		margin: 0 auto;
	}

	#about .phone-front,
	#benefits .phone-back {
		top: 0;
		left: 25%;
		right: 0;
		margin: 0 auto;
	}

	#about .phone-back,
	#benefits .phone-back,
	#about .phone-front, 
	#benefits .phone-front {
		height: auto;
		max-width: 250px;
		width: 50%;
	}

	#about .shadow-left,
	#benefits .shadow-right {
		width: 50%;
		height: 100%;
		top: 0;
		right: 0;
		left: 0;
	}

	#features .phones img {
		height: auto;
		max-width: 300px;
		width: 80%;
	}

	/* PRICING */

	.amount {
		font-size: 45px;
	}

	/* DOWNLOAD */

	#download .image-overlay,
	#download .color-overlay {
		padding: 60px 0 0 !important;
	}

	/* NEWS */

	#list-news {
		margin-bottom: 20px;
	}

	.btn-more-less {
		margin: 0px 5px;
		display: block;
		width: 150px !important;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	/* GLOBAL STYLES */

	.btn-theme {
		margin-left: auto !important;
		margin-right: auto !important;
		display: block !important;
		width: 60% !important;
	}

	/* Fix for Onepagenav.js */

	section {
		padding-top: 70px !important;
	}

	#newsletter, #download {
		margin-top: 0px !important;
		padding-top: 0px !important;
	}

	/* HEADER */

	header .intro {
		margin-top: 50px;
	}

	.header-phones-version {
		height: auto;
	}

	.header-phones-version .intro {
		margin-bottom: 50px;
	}

	header .responsive-button {
		top: 10px;
		right: 0;
	}

	header .responsive-button li:last-child {
		padding-right: 5px;
	}

	header h1 {
		font-size: 40px;
	}

	header .btn-theme {
		margin-bottom: 15px !important;
	}

	.responsive-nav .responsive-button {
		padding-right: 25px;
	}

	.phones {
		height: 300px !important;
	}

	/* SERVICES */

	#services .row > div {
		margin-top: 60px;
	}

	#services .col-md-4 p {
		margin: 0 auto;
	}

	/* NEWSLETTER */

	#subscription {
		width: 90%;
	}

	#subscription input {
		width: 85%;
		padding-left: 12%;
	}

	#subscription button {
		width: 15%;
	}

	/* PRICING */

	#pricing .intro {
		margin-bottom: 0;
	}

	.price-table {
		max-width: 370px;
		margin: 0 auto;
	}

	#pricing .col-sm-4 {
		margin-top: 30px;
	}

	/* FOOTER */

	blockquote {
		width: 80%;
		margin: 0 auto;
	}

	/* FOOTER SOCIAL ICONS */

	footer ul {
		margin-bottom: 20px;
	}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {


	/* GLOBAL STYLES */

	.btn-theme {
		width: 80% !important;
	}

	.logo-loader {
		max-width: 130px;
	}

	section {
		padding: 60px 0 !important;
	}

	/* HEADER */

	header h1 {
		margin: 30px;
	}

	header .responsive-button li:last-child {
		padding-right: 5px;
	}

	.responsive-button i {
		font-size: 24px !important;
	}

	/* SERVICES */

	#services .col-md-4 p {
		width: 100%
	}

	/* ALL PHONES IMAGES CONTAINER */

	.phones {
		height: 200px !important;
	}

	.special-version .phones,
	.phones-version .phones {
		height: 250px;
	}

	/* NEWS */

	#list-news h3 {
		width: 50%;
	}

	#list-news .info .comments {
		display: none;
	}

	/* NEWSLETTER */

	#subscription input {
		width: 80%;
	}

	#subscription button {
		width: 20%;
	}

	/* PRICING */

	.price-table {
		width: 90%;
		margin: 0 auto;
	}

	/* FOOTER */

	.social {
		display: block;
		margin: 30px 0 !important;
	}

	.social li a {
		margin: 0;
	}

	.social i {
		font-size: 20px;
	}

	/* MODAL CONTACT AND FULLSCREEN MENU CLOSE BUTTON */

	button.close,
	.overlay .overlay-close {
		width: 38px;
		height: 38px;
		position: absolute;
		right: 10px;
		top: 10px;
		background: url(../images/nivo/crossLight.png) no-repeat center center !important;
	}

	.overlay .overlay-close, button.close {
		background-size: 38px 38px !important;
	}

	@media  (-webkit-min-device-pixel-ratio: 1.3),
			(-o-min-device-pixel-ratio: 2.6/2),
			(min--moz-device-pixel-ratio: 1.3),
			(min-device-pixel-ratio: 1.3),
			(min-resolution: 1.3dppx) {

			.overlay .overlay-close, button.close {
				background-size: 38px 38px !important;
			}
				
	}

	.overlay nav {
		font-size: 34px;
	}

	.overlay, .modal-backdrop.in {
		background: rgba(0,0,0,0.9) !important;
	}

}

/* Custom: iPhone Retina */ 
@media only screen and (max-width : 320px) {

	h2 {
		font-size: 40px;
	}

	header .intro img {
		width: 80%;
	}

	.btn-theme {
		width: 90% !important;
	}

	.text-icon-left p,
	.text-icon-right p {
		width: 100%;
		margin: 0 auto;
	}

	/* PRICING */

	.price-table {
		width: 100%;
		margin: 0 auto;
	}

	/* DOWNLOAD */

	blockquote p {
		font-size: 25px;
	}

}

/* Custom: Landscape devices */
@media only screen and (max-height: 420px) {

	.overlay nav {
		font-size: 30px;
	}

	.overlay nav {
		top: 48%;
	}
	
}