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

/*    xMobile v1.4 Custom Styles by inssitu
/*
/*    -----------------
/*
/*    Large Devices, Wide Screens
/*    Custom: width from 992px to 1200px
/*    Custom: from 992px of width
/*    Custom: more than 800px of height
/*    Custom: less than 800px of height
/*    Medium Devices, Desktops
/*    Small Devices, Tablets
/*    Extra Small Devices, Phones
/*    Custom: iPhone Retina
/*    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;
	}

	#maximage {
		position: absolute;
	}

	.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;
	}

	#features .block:first-child {
		margin-top: 0;
	}

}

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

	.header-special-version .welcome-message {
		width: 500px;
	}

}

/* CUSTOM: FROM 992px of width */
@media only screen and (min-width : 1040px) {
	.header-phones-version {
		min-height: 950px;
	}
}
@media only screen and (min-width : 992px) {

	/* VERTICAL CENTER (ONLY FOR 2 DIVS) (USED ON #feature1 & #feature2 SECTIONS) */

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

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

	.vertical-center:last-child {
		margin-right: -4px;
		overflow: visible;
	}
	
	#feature1 div.feature_text,
	#feature2 div.feature_text {
		margin-left: 30px;
		margin-right: -30px;
	}

	.header-special-version {
		min-height: 750px;
	} 

	/*.header-phones-version {
		min-height: 950px;
	}*/

	.header-minimal-version {
		min-height: 650px;
	}

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

	.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) {

	.header-minimal-version .intro {
		top: 20%;
	}

	.header-special-version {
		top: 20%;
	} 

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

	#about {
		padding: 100px 0;
	}

	#feature1,
	#feature2 {
		padding: 90px 0;
		overflow: hidden;
	}
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1040px) {
	.hand-phone,
	.header-phones {
		/*position: absolute;
		visibility: hidden;*/
	}

	.header-phones-version {
		height: auto; padding-bottom: 50px;
		min-height: 1066px;
	}
}
@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%;
	}*/
	#download .btn-zone {
		margin: 15px 5px;
	}

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

	.text-icon-left,
	.text-icon-right {
		margin-bottom: 30px;
/* 		margin: 0 auto; */
		margin-left: 15% !important;
		margin-right: auto !important;
	}

	.text-icon-left p,
	.text-icon-right p {
		width: 100%;
		max-width: 85% !important;
		text-align: left;
		margin-left: 0 !important;
	}

	.text-icon-left, .text-icon-right {
		text-align: left;
		width: 85%;
	}

	.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: auto; padding-bottom: 50px;
	}
*/
	
	.header-phones img{
		width: 658px;
	}
	.header-phones-version {
		height: auto; padding-bottom: 50px;
		min-height: 942px;
	}

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

	.header-special-version .intro h1,
	.header-phones-version .intro h1 {
		max-width: 90%;
		max-width: 100%;
		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: auto;
	}

	.responsive-nav ul {
		display: none;
	}

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

	#fullscreen-menu-header {
		padding: 0;
	}

	#fullscreen-menu-header a {
		padding: 10px;
	}

	/* SECTION 1 : about */

	#about {
/* 		padding: 80px 0; */
	}

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

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

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

	/* SECTION 2 AND 3 AND X: feature1 AND feature2 AND FAQ */

	#feature1 .intro, #feature2 .intro, #faq .intro {
		margin-top: 0 !important;
	}

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

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

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


	/* TAB */

	#feature1 .container,
	#feature2 .container {
		padding: 0 !important;
		width: 100% !important;
	}

	#feature1 .phones,
	#feature2 .phones {
		width: 80% !important;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
		overflow: visible;
	}
/*
	#feature2 .phones {
		margin-left: -7.5%;
	}
*/

	.buttons-tab {
		display: none;
	}

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

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

	/* PHONES OF feature1 AND feature2 SECTION */

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

	#feature1,
	#feature2 {
		padding-bottom: 0;
	}

	
	#faq .container {
		padding-left: 10%;
		padding-right: 10%;
	}

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

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

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

	#feature1 .shadow-left,
	#feature2 .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;
	}

	/* NEW BORDER v1.3 */

	.p-border-left {
		border-left: none;
	}

	/* ACCORDION v1.3 */

	.responsive-accordion-default.responsive-accordion li .responsive-accordion-panel {
		padding: 20px;
	}

	.info-bg {
		display: none;
	}

	/* FACT SECTION v1.3 */

	#facts hr {
		margin-bottom: 70px;
	}

	#facts .text-icon-left i {
		width: 100% !important;
		display: block;
	}

	#facts .text {
		display: block !important;
		margin-top: 20px;
		width: 100%;
	}

}

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

	/* GLOBAL STYLES */

	.btn-theme {
		margin-left: auto !important;
		margin-right: auto !important;
		display: block;
		width: 60% !important;
	}
	#download .btn-theme {
		width: 250px !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: 0;
	}
	
	.header-phones-version {
		min-height: 790px !important;
	}

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

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

	header h1 {
		font-size: 40px;
	}
	header h1.top {
		font-size: 20px;
	}
	header h1.top span {
		font-size: 16px;
	}
	
	header img.logo {
		display: none;
	}
	header img.smalllogo {
		display: inline-block;
	}
	
	.header-phones-version h1.is_coming {
		font-size: 48px;
		line-height: 1em;
		vertical-align: middle;
	}

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

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

	.phones {
		height: 300px !important;
	}

	/* about */

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

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

	/* FACT SECTION v1.3 */

	#facts hr {
		margin-bottom: 20px;
	}

	#facts .text-icon-left i {
		width: 100% !important;
		margin-top: 40px;
	}

	#facts .text-icon-left h4 {
		font-size: 40px;
	}

	/* 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;
	}

	/* testimonial */
	
	#testimonial .icon-quote-left {
		left: 3%;
		font-size: 50px;
	}

	#testimonial .icon-quote-right {
		right: 3%;
		font-size: 50px;
	}

	/* FOOTER */

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

	/* FOOTER SOCIAL ICONS */

	footer ul {
		margin-bottom: 20px;
	}

}


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

	.header-phones img{
		display: none;
	}
	.header-phones-version {
		min-height: 0px !important;
		visibility: none;
	}
}


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


	/* GLOBAL STYLES */

	.btn-theme {
		width: 80% !important;
	}
	#download .btn-theme {
		width: 250px !important;
	}

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

	section {
		padding: 60px 0 !important;
	}

	/* HEADER */

	header h1 {
		margin: 30px;
	}

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

	#fullscreen-menu-header a {
		padding-right: 0;
		padding-top: 0;
	}

	/* about */

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

	#about .intro {
		margin-bottom: 50px;
	}

	/* 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,
	.cd-primary-nav .overlay-close {
		width: 38px;
		height: 38px;
		position: absolute;
		right: 10px;
		top: 10px;
		background: url(../images/nivo/crossLight.png) no-repeat center center !important;
	}

	.cd-primary-nav .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) {

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

	.cd-primary-nav ul {
		font-size: 34px;
	}

	.cd-primary-nav, .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%;
	}
	
	#download .intro {
		margin-bottom: 0 !important;
	}
	
	#download .btn-zone:nth-child(3) {
		margin-top: 40px !important;
	}

	.btn-theme {
		width: 90% !important;
	}
	#download .btn-theme {
		max-width: 80% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0;
		padding-right:0;
	}
	
	#download .subtitle {
		margin: 0!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) {

	.cd-primary-nav ul {
		font-size: 30px;
	}
	
}

@media only screen and (max-height: 280px) {

	.cd-primary-nav ul {
		font-size: 16px;
	}
	
}