﻿/* -------- MEDIA QUERIES -------- */

@media screen and (max-width: 1260px) {
	/* Global */
	.col{padding:0 20px;}
	
	/* Content */
	.main-intro .intro-imgs #main-img1, .main-intro .intro-imgs #main-img4{left:-10px;bottom:35px;}
	@keyframes main-img1 {
	  0%{left:-50px;opacity:0;}
	  11%{left:-10px;opacity:1;}
	  40%{opacity: 1;}
	  50%{opacity: 0;}
	  100% {opacity: 0;}
	}
	@keyframes main-img4 {
	  0%{opacity:0;}
	  11%{opacity:0;}
	  45%{opacity:0;left:-50px;}
	  55%{opacity:1;left:-10px;}
	  93% {opacity:1;}
	  100% {opacity:0;}
	}
	
	.main-intro .intro-imgs #main-img3{left:10px;top:100px;}
	@keyframes main-img3 {
	  from {left:-20px;opacity:0;}
	  to {left:10px;opacity:1;}
	}
	
	/* Modals */
	.know-more-modal{padding:50px 20px 30px 20px;width:95%;}
	.book-demo-modal h3{font-size:20px;}
	.know-more-modal h2{font-size:28px;margin:0 0 30px 0;}
	.know-more-modal h3{font-size:20px;line-height:30px;margin:0 0 30px 0;}
}

@media screen and (max-width: 1090px) {
	/* Header */
	header.main{padding:15px 0 0 0;}
	/* Content */
	.main-intro .intro-txt{padding-top:120px;}
	.main-intro .intro-imgs{padding:80px 0 0 0;}
}

@media screen and (max-width: 990px) {
	/* Buttons */
	.btn-global{min-width:115px;text-align:center;font-size:15px;padding:12px 15px;}
	.btn-lg{min-width:180px;text-align:center;font-size:18px;padding:20px 25px;border-radius:40px;}
	/* Content */
	.main-intro h1{font-size:48px;margin:0 0 40px 0;}
	.main-intro p{font-size:18px;line-height:28px;margin:0 0 22px 0;}
	.main-intro .intro-btns{padding:30px 0 0 0;}
	.main-intro .intro-imgs .main-img{max-width:350px;}
	.main-intro .intro-imgs #main-img1, .main-intro .intro-imgs #main-img4{max-width:300px;left:40px;}
	@keyframes main-img1 {
	  0%{left:0px;opacity:0;}
	  11%{left:40px;opacity:1;}
	  40%{opacity: 1;}
	  50%{opacity: 0;}
	  100% {opacity: 0;}
	}
	@keyframes main-img4 {
	  0%{opacity:0;}
	  11%{opacity:0;}
	  45%{opacity:0;left:0px;}
	  55%{opacity:1;left:40px;}
	  93% {opacity:1;}
	  100% {opacity:0;}
	}
	
	.main-intro .intro-imgs #main-img2, .main-intro .intro-imgs #main-img5{max-width:150px;right:-50px;}
	@keyframes main-img2 {
	  0%{right:-80px;opacity:0;}
	  15%{right:-50px;opacity:1;}
	  42%{opacity: 1;}
	  50%{opacity: 0;}
	  100% {opacity: 0;}
	}
	@keyframes main-img5 {
	  0%{opacity:0;}
	  105%{opacity:0;}
	  47%{opacity:0;right:-80px;}
	  57%{opacity:1;right:-50px;}
	  95% {opacity:1;}
	  100% {opacity:0;}
	}
	
	.main-intro .intro-imgs #main-img3{max-width:180px;left:65px;}
	@keyframes main-img3 {
	  from {left:0;opacity:0;}
	  to {left:65px;opacity:1;}
	}
}

@media screen and (max-width: 890px) {
	/* Content */
	.main-intro h1{font-size:44px;margin:0 0 36px 0;}
	.main-intro p{font-size:16px;line-height:26px;margin:0 0 20px 0;}
	.main-intro .video-icon{margin:15px 0 0 0;}
	.main-intro .intro-txt{padding-top:80px;}
	.main-intro .intro-imgs .main-img{max-width:300px;}
	.main-intro .intro-imgs #main-img1, .main-intro .intro-imgs #main-img4{max-width:280px;left:-10px;}
	@keyframes main-img1 {
	  0%{left:-30px;opacity:0;}
	  11%{left:-10px;opacity:1;}
	  40%{opacity: 1;}
	  50%{opacity: 0;}
	  100% {opacity: 0;}
	}
	@keyframes main-img4 {
	  0%{opacity:0;}
	  11%{opacity:0;}
	  45%{opacity:0;left:-30px;}
	  55%{opacity:1;left:-10px;}
	  93% {opacity:1;}
	  100% {opacity:0;}
	}
	
	.main-intro .intro-imgs #main-img2, .main-intro .intro-imgs #main-img5{max-width:130px;right:-40px;}
	@keyframes main-img2 {
	  0%{right:-80px;opacity:0;}
	  15%{right:-40px;opacity:1;}
	  42%{opacity: 1;}
	  50%{opacity: 0;}
	  100% {opacity: 0;}
	}
	@keyframes main-img5 {
	  0%{opacity:0;}
	  105%{opacity:0;}
	  47%{opacity:0;right:-80px;}
	  57%{opacity:1;right:-40px;}
	  95% {opacity:1;}
	  100% {opacity:0;}
	}
	
	.main-intro .intro-imgs #main-img3{max-width:160px;left:15px;}
	@keyframes main-img3 {
	  from {left:0;opacity:0;}
	  to {left:15px;opacity:1;}
	}
}


@media screen and (max-width: 768px) {
	/* Header */
	.logo a{width:150px;height:37px;}
	/* Content */
	.main-intro .intro-txt{padding-top:30px;}
	.main-intro .video-icon{margin:0 0 0 15px;}
	.main-intro .intro-btns{padding:30px 0;}
	
	.main-intro .intro-imgs{text-align:center;padding:40px 0 0 0;}
	.main-intro .intro-imgs .main-img{max-width:350px;}
	
	.main-intro .intro-imgs #main-img2, .main-intro .intro-imgs #main-img5{max-width:130px;right:30px;}
	@keyframes main-img2 {
	  0%{right:-30px;opacity:0;}
	  15%{right:30px;opacity:1;}
	  42%{opacity: 1;}
	  50%{opacity: 0;}
	  100% {opacity: 0;}
	}
	@keyframes main-img5 {
	  0%{opacity:0;}
	  105%{opacity:0;}
	  47%{opacity:0;right:-30px;}
	  57%{opacity:1;right:30px;}
	  95% {opacity:1;}
	  100% {opacity:0;}
	}
	
	.row{flex-wrap:wrap;flex-grow:1;flex-wrap:wrap-reverse;}
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{width:100%;}
	
	header .row{flex-wrap:nowrap;}
	header .col-lg-6{width:50%;}
	
	/* Modals */
	.col-half{flex-wrap:wrap;flex-grow:1;}
	.col-half div.txtcnt{width:100%;}
	.know-more-modal .rightpad, .know-more-modal .leftpad{padding:0;}
	.reverse{flex-wrap:wrap-reverse;}

	/* Footer */
	footer.main-footer p{font-size:12px;text-align:left;line-height:18px;}
	.footer-links{margin:0 0 25px 0;}
}

@media screen and (max-width: 540px) {
	/* Content */
	.main-intro .intro-imgs #main-img2, .main-intro .intro-imgs #main-img5{max-width:130px;right:-10px;top:120px;}
	@keyframes main-img2 {
	  0%{right:-50px;opacity:0;}
	  15%{right:-10px;opacity:1;}
	  42%{opacity: 1;}
	  50%{opacity: 0;}
	  100% {opacity: 0;}
	}
	@keyframes main-img5 {
	  0%{opacity:0;}
	  105%{opacity:0;}
	  47%{opacity:0;right:-50px;}
	  57%{opacity:1;right:-10px;}
	  95% {opacity:1;}
	  100% {opacity:0;}
	}
	
	/* Footer */
	footer.main-footer p{text-align:left;line-height:18px;}
}

@media screen and (max-width: 440px) {
	/* Content */
	.main-intro h1{font-size:40px;margin:0 0 32px 0;}
	.main-intro .video-icon{margin:15px 0 0 0;}
	.main-intro .intro-imgs .main-img{max-width:280px;}
	.main-intro .intro-imgs #main-img1, .main-intro .intro-imgs #main-img4{max-width:220px;left:-10px;bottom:15px;}
	@keyframes main-img1 {
	  0%{left:-30px;opacity:0;}
	  11%{left:-10px;opacity:1;}
	  40%{opacity: 1;}
	  50%{opacity: 0;}
	  100% {opacity: 0;}
	}
	@keyframes main-img4 {
	  0%{opacity:0;}
	  11%{opacity:0;}
	  45%{opacity:0;left:-30px;}
	  55%{opacity:1;left:-10px;}
	  93% {opacity:1;}
	  100% {opacity:0;}
	}
	
	.main-intro .intro-imgs #main-img2, .main-intro .intro-imgs #main-img5{max-width:130px;right:-40px;}
	@keyframes main-img2 {
	  0%{right:-80px;opacity:0;}
	  15%{right:-40px;opacity:1;}
	  42%{opacity: 1;}
	  50%{opacity: 0;}
	  100% {opacity: 0;}
	}
	@keyframes main-img5 {
	  0%{opacity:0;}
	  105%{opacity:0;}
	  47%{opacity:0;right:-80px;}
	  57%{opacity:1;right:-40px;}
	  95% {opacity:1;}
	  100% {opacity:0;}
	}
	
	.main-intro .intro-imgs #main-img3{max-width:140px;left:5px;top:50px;}
	@keyframes main-img3 {
	  from {left:-10px;opacity:0;}
	  to {left:5px;opacity:1;}
	}
}