/* for 1600px or less */
@media screen and (max-width: 1630px) {

/* Slider 1
----------------------------*/
.bxslider, .slider-warp {
	height:698px;
}
.slide-1 article img {
	top:125px;
}

img.inycr {
	width:280px;
	margin:12px auto 22px;
}
p.frase-sld2 {
	font-size:30px;
}
img.monitor-XD {
	width:880px;
	margin:22px auto 0;
}

}

/* for 1366px or less */
@media screen and (max-width: 1386px) {



}

/* for 1024px or less */
@media screen and (max-width: 1054px) {



}

/* for 1024px or less */
@media screen and (max-width: 1054px) {



}

/* for 980px or less */
@media screen and (max-width: 1000px) {



}

/* for 800px or less (Small Tablet Landscape) */
@media screen and (max-width: 830px) {



}

/* for 768px or less (Tablet Portrait) */
@media screen and (max-width: 768px) {
	
	/* -------------------------------- 
	
	Main components 
	
	-------------------------------- */
	
	#responsive-nav {
		display:block;
	}
	.cd-header {
	  position: fixed;
	  top: 0;
	  left: 15px;
	  height: 70px;
	  width: 165px;
	  z-index: 3;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  display:block;
	}
	
	.cd-primary-nav-trigger {
	  position: absolute;
	  left:15px;
	  top: 15px;
	  height:38px;
	  line-height:38px;
	  width: 23px;
	}
	.cd-primary-nav-trigger .cd-menu-text {
	  color: white;
	  text-transform: uppercase;
	  font-weight: 700;
	  display: none;
	}
	.cd-primary-nav-trigger .cd-menu-icon {
	  display: inline-block;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  bottom: auto;
	  right: auto;
	  -webkit-transform: translateX(-50%) translateY(-50%);
	  -moz-transform: translateX(-50%) translateY(-50%);
	  -ms-transform: translateX(-50%) translateY(-50%);
	  -o-transform: translateX(-50%) translateY(-50%);
	  transform: translateX(-50%) translateY(-50%);
	  width: 23px;
	  height: 4px;
	  background-color: white;
	  -webkit-transition: background-color 0.6s;
	  -moz-transition: background-color 0.6s;
	  transition: background-color 0.6s;
	}
	
	.xiondev-logo {
		background:url(../images/xiondev-logo.png) no-repeat;
		display:block;
		width:106px;
		height:32px;
		position:absolute;
		right:0;
		top:21px;
	}
	.line-menu {
		background:#fff;
		width:1px;
		height:38px;
		position:absolute;
		top:15px;
		left:49px;
	}
	
	.xiondev-logo::before, .xiondev-logo:after {
		background:url(images/xiondev-logo.png) no-repeat;
		-webkit-transition: -webkit-transform .6s, top .6s, background-color 0s;
		-moz-transition: -moz-transform .6s, top .6s, background-color 0s;
		transition: transform .6s, top .6s, background-color 0s;
	}
	.line-menu::before, .line-menu:after {
		background:#fff;
		-webkit-transition: -webkit-transform .6s, top .6s, background-color 0s;
		-moz-transition: -moz-transform .6s, top .6s, background-color 0s;
		transition: transform .6s, top .6s, background-color 0s;
	}
	.cd-header::before, .cd-header:after {
		left:15px;
		-webkit-transition: -webkit-transform 1.6s, top 1.6s, background-color 0s;
		-moz-transition: -moz-transform 1.6s, top 1.6s, background-color 0s;
		transition: transform 1.6s, top 1.6s, background-color 0s;
	}
	.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
	  content: '';
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  background-color: white;
	  right: 0;
	  -webkit-transition: -webkit-transform .6s, top .6s, background-color 0s;
	  -moz-transition: -moz-transform .6s, top .6s, background-color 0s;
	  transition: transform .6s, top .6s, background-color 0s;
	}
	.cd-primary-nav-trigger .cd-menu-icon::before {
	  top: -7px;
	}
	.cd-primary-nav-trigger .cd-menu-icon::after {
	  top: 7px;
	}
	.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
	  background-color: rgba(255, 255, 255, 0);
	}
	.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, 
	.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	  background-color:#09bbfd;
	}
	
	.line-menu.is-clicked {
	  background-color:#09bbfd;
	}
	.line-menu.is-clicked::before, 
	.line-menu.is-clicked::after {
	  background-color:#09bbfd;
	}
	
	.xiondev-logo.is-clicked {
		background:url(images/xiondev-logo-2.png) no-repeat;
	}
	.xiondev-logo.is-clicked::before, 
	.xiondev-logo.is-clicked::after {
		background:url(images/xiondev-logo-2.png) no-repeat;
	}
	
	.cd-header.is-clicked {
		left: 30px;
	}
	.cd-header.is-clicked::before, 
	.cd-header.is-clicked::after {
		left: 30px;
	}
	
	
	.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
	  top: 0;
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -ms-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	  transform: rotate(135deg);
	}
	.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	  top: 0;
	  -webkit-transform: rotate(225deg);
	  -moz-transform: rotate(225deg);
	  -ms-transform: rotate(225deg);
	  -o-transform: rotate(225deg);
	  transform: rotate(225deg);
	}
	
	.cd-primary-nav {
	  position: fixed;
	  left: 0;
	  top: 0;
	  height: 100%;
	  width: 285px;
	  background:#fff;
	  z-index: 2;
	  text-align: center;
	  padding: 50px 0;
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  overflow: auto;
	  -webkit-overflow-scrolling: touch;
	  -webkit-transform: translateX(-100%);
	  -moz-transform: translateX(-100%);
	  -ms-transform: translateX(-100%);
	  -o-transform: translateX(-100%);
	  transform: translateX(-100%);
	  -webkit-transition-property: -webkit-transform;
	  -moz-transition-property: -moz-transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.8s;
	  -moz-transition-duration: 0.8s;
	  transition-duration: 0.8s;
	}
	.cd-primary-nav li {
	  font-size: 22px;
	  font-size: 1.675rem;
	  font-weight: 300;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  margin: .2em 0;
	  text-transform: capitalize;
	}
	.cd-primary-nav a {
	  display: inline-block;
	  padding: .4em 1em;
	  border-radius: 0.25em;
	  -webkit-transition: background 0.2s;
	  -moz-transition: background 0.2s;
	  transition: background 0.2s;
	}
	.no-touch .cd-primary-nav a:hover {
	  background-color: #e36767;
	}
	.cd-primary-nav .cd-label {
	  color: #06446e;
	  text-transform: uppercase;
	  font-weight: 700;
	  font-size: 14px;
	  font-size: 0.875rem;
	  margin: 2.4em 0 .8em;
	}
	.cd-primary-nav .cd-social {
	  display: inline-block;
	  margin: 0 .4em;
	}
	.cd-primary-nav .cd-social a {
	  width: 44px;
	  height: 44px;
	  padding: 0;
	  background-image: url("../img/cd-socials.svg");
	  background-repeat: no-repeat;
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
	}
	.cd-primary-nav .cd-facebook a {
	  background-position: 0 0;
	}
	.cd-primary-nav .cd-instagram a {
	  background-position: -44px 0;
	}
	.cd-primary-nav .cd-dribbble a {
	  background-position: -88px 0;
	}
	.cd-primary-nav .cd-twitter a {
	  background-position: -132px 0;
	}
	.cd-primary-nav.is-visible {
	  -webkit-transform: translateY(0);
	  -moz-transform: translateY(0);
	  -ms-transform: translateY(0);
	  -o-transform: translateY(0);
	  transform: translateY(0);
	}	

}

@media (max-width: 643px) {



}

/* for 480px or less (Mobile Landscape) */
@media screen and (max-width: 500px) {



}

/* for 320px or less (Mobile Portrait) */
@media screen and (max-width: 340px) {

			

}

@media print {

	.author-avatar,
	.site-footer,
	.comment-respond,
	.comments-area .comment-edit-link,
	.comments-area .reply,
	.comments-link,
	.entry-meta .edit-link,
	.page-links,
	.site-content nav,
	.widget-area,
	.main-navigation,
	.navbar,
	.more-link {
		display: none;
	}

}