/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		header .logo{margin-left:0px}
		header .navigation{margin-right:20px}
		header .navigation li{margin-right:20px}
		.info {margin-top:120px !important}
		.home .background, .home, .ok .background {height:570px !important}
		.home .info .logotipo object {margin:2em auto 0; width:310px}
		.home .info {padding:35px 10px 0;position:relative;text-align:center;width:100%!important; margin-top:140px !important}
		.home .info div.download li:last-child{margin:0}
		.contact .form{float:left;padding-left:20px;width:364px}
		.og-grid {width: 768px !important}
		.og-expanded {min-height:600px;height:auto !important;}
		.container .five.columns {margin-right: 0px !important}
		.container .five.columns img {width:90% !important}
		ul.slides {margin-left:50px}
		ul.slides li {margin-right:30px}
		.container .three.columns {width:160px}
		input[type="text"], input[type="password"], input[type="email"], textarea, select, .contact button {width: 100%}
		.galeria .screenshots .slides li {height: 240px !important;width: 235px !important;}
		.galeria .screenshots .slides li img {height: 220px;width: 220px}
		.galeria .screenshots .flex-direction-nav .flex-prev{background-image:url(../img/misc/arrow-left-light.png) !important;background-position:center center;background-repeat:no-repeat;background-size:15px 28px;text-indent:-9999px}
		.galeria .screenshots .flex-direction-nav .flex-next{background-image:url(../img/misc/arrow-right-light.png) !important;background-position:center center;background-repeat:no-repeat;background-size:15px 28px}
		.flex-direction-nav .flex-prev {left:15px;}
		.flex-direction-nav .flex-next {right:0px;}
		.drones .background, .drones{height:250px !important}
	}

	/* Tablet Landscape size to standard 960 (devices and browsers) */
	@media only screen
	  and (min-device-width: 768px)
	  and (max-device-width: 1024px)
	  and (orientation: landscape)
	  and (-webkit-min-device-pixel-ratio: 1) {

		.home .background, .home, .ok .background {height:600px !important}
		.drones .background, .drones{height:250px !important}
	}


	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		body {
		}

		h1 { font-size: 36px; line-height: 56px; margin-bottom: 8px; }
		h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
		h3 { font-size: 24px; line-height: 34px; margin-bottom: 7px; }
		h4 { font-size: 20px; line-height: 30px; margin-bottom: 4px; }
		h5 { font-size: 17px; line-height: 24px; }
		h6 { font-size: 14px; line-height: 21px; }

		.title {line-height: 30px;}
		header{background-color:#000!important;height:70px}
		header .logo{position:absolute;height:25px;width:20%;left:0;top:5px}
		header .menu{display:block;position:absolute;right:10px;top:25px}
		header .navigation{background-color:#000!important;display:none;margin:0;position:absolute;top:0;left:0;right:0;bottom:0}
		header .navigation ul{display:block}
		header .navigation li{color:#fff;font-family:"Montserrat";font-weight:400;font-size:18px;display:block;margin:0 auto;padding:8px 5px;text-align:center}
		header .navigation li:last-child{border-bottom:none}
		.home .info .logotipo object {margin:2em auto 0; width:310px}
		.home .info, .ok .info{padding:35px 10px 0;position:relative;text-align:center}
		.home .info .welcome{line-height:30px;margin-bottom:10px;margin-top:20px;width:100%}
		.home .info .logotipo object {margin:1em auto 0; width:310px}
		.home .info div.download{margin-top:40px}
		.home .info button{padding:10px 20px}
		.home .info button.download{margin-bottom:20px;margin-right:5px}
		.home .info div.download li{background-size:24px 24px;height:48px;margin:0 15px 0 0;width:48px}
		.home .info div.download li:last-child{margin:0}
		.features .main .feature{margin-bottom:50px}
		.features .more .feature{text-align:center}
		.features .more .feature .icon{float:none;margin:0 auto 15px}
		.features .more .feature .text{margin-left:0}
		.featured .item {margin: 0px auto 40px !important;	}
		.contact .offset{padding:100px 0 75px!important}
		.contact .phone{display:none}
		.contact .form{margin-top:0;padding-top:0}
		footer .offset{padding:50px 0!important}
		footer .social{padding-top:0}
		footer .social li{height:40px;margin:0 5px;width:40px}
		footer .arrow{margin:0 auto 40px}
		.drones .background, .drones{height:250px !important}
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		header {height:auto; min-height: 50px}
		header .logo {margin-top:0px !important; height:25px}
		header .logo-ok {margin-top:5px !important; height:25px}
		.home, .home .background {height: 400px !important}
		.ok .background, .ok {height: 768px !important}
		.home .info .logotipo object {margin:2em auto 0 !important; width:225px !important}
		.info {margin-top:1em !important}
		.ok .info {margin-top:3em !important}
		.logotipo {width:60% !important;}
		.welcome {font-size:1em !important; line-height: 21px !important;margin-top:0 !important}
		.logo {top:10px !important}
		.menu {top:15px !important}
		.navigation ul {margin-top:60px !important; font-size:0.9em}
		.btn, .btn1, .buttonbg {padding:12px;font-size:1em}
		ul.og-grid li {width:44%;}
		.main {padding:30px 0}
		.divider {margin:0 auto 20px}
		.servicios .main .servicio {padding:10px; height:180px}
		.servicios .main .servicio .icon object {width:110px; height:100px}
		.quote {background-size: 60%;}
		.quote blockquote {margin: 30px auto;}
		.contact .contact img {display:none}
		.clientesmobile {width:140px !important; display:inline-block !important; margin-bottom:15px !important;}
		.clientesmobile img {width:110px}
		.contact input[type="text"], .contact input[type="password"], .contact input[type="email"], .contact textarea { text-align: center;width:80%}
		.contact button {width: 80%; text-align: center}
		.og-expanded img, .og-expanded small {display:none !important}
		.og-expanded a {font-size:1.2em !important}
		.og-grid li {height: 185px;}
		.og-details img {width:90% !important }
		.mright0 {margin-right:15px !important}
		form {margin-top:20px}
		form p {margin:0 auto; text-align: center}
		.galeria .screenshots .slides li {width:250px !important;margin-right:25px;display:inline-block !important; float:left !important}
		.galeria .screenshots .slides li img {width:250px !important;height:250px !important;}
		.galeria .screenshots .flex-direction-nav .flex-prev{background-image:url(../img/misc/arrow-left-light.png) !important;background-position:center center;background-repeat:no-repeat;background-size:15px 28px;text-indent:-9999px}
		.galeria .screenshots .flex-direction-nav .flex-next{background-image:url(../img/misc/arrow-right-light.png) !important;background-position:center center;background-repeat:no-repeat;background-size:15px 28px}
		.flex-direction-nav .flex-prev {left:15px;}
		.flex-direction-nav .flex-next {right:0px;}

		h2 {font-size:24px; line-height: 26px}
		h3 {font-size:17px;}
		h5 {margin-bottom:20px;}
		.alignleft, .alignright {text-align:center}
		.drones .background, .drones{height:200px !important}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		header {height:auto; min-height: 55px}
		header .logo {margin-top:0 !important; height:30px}
		header .logo-ok {margin-top:10px !important; height:30px}
		.home, .home .background {height: 520px !important}
		.ok, .ok .background {height: 650px !important}
		.ok .info {margin-top:3em !important}
		.info {margin-top:1em !important}
		.logotipo {width:80% !important;}
		.home .info .logotipo object {margin:2em auto 0 !important; width:225px !important}
		.welcome {font-size:1.1em !important; line-height: 27px !important;margin-top:0 !important}
		.logo {top:10px !important}
		.menu {top:15px !important}
		.navigation ul {margin-top:90px !important; font-size:0.9em}
		.btn, .btn1, .buttonbg, .btn-1c {padding:12px !important;font-size:1em !important}
		ul.og-grid li {width:100%; }
		.main {padding:30px 0}
		.divider {margin:0 auto 20px}
		.servicios .main .servicio {padding:10px}
		.servicios .main .servicio .icon object {width:110px; height:auto}
		.quote {background-size: 80%;}
		.quote blockquote {margin: 30px auto;}
		.clientesmobile {width:130px !important; display:inline-block !important; margin-bottom:15px !important;}
		.clientesmobile img {width:110px}
		.contact input[type="text"], .contact input[type="password"], .contact input[type="email"], .contact textarea {width:100%}
		.contact button {width: 100%}
		.og-expanded {height:980px !important;}
		.og-expanded img, .og-expanded small {display:none !important}
		.og-grid li {height: 185px;}
		.og-details img {width:90% !important }

		.galeria .screenshots .slides li {width:300px !important;display:inline-block !important; float:left !important}
		.galeria .screenshots .flex-direction-nav .flex-prev{background-image:url(../img/misc/arrow-left-light.png) !important;background-position:center center;background-repeat:no-repeat;background-size:15px 28px;text-indent:-9999px}
		.galeria .screenshots .flex-direction-nav .flex-next{background-image:url(../img/misc/arrow-right-light.png) !important;background-position:center center;background-repeat:no-repeat;background-size:15px 28px}
		.flex-direction-nav .flex-prev {left:5px;}
		.flex-direction-nav .flex-next {right:15px;}

		h2 {font-size:28px; line-height: 30px}
		h3 {font-size:21px;}
		h5 {margin-bottom:30px;}
		.alignleft, .alignright {text-align:center}
		.drones .background, .drones{height:200px !important}
	}