/*

Template: Geniot - Laptop Product Landing Page
Author: iqonicthemes.in
Version: 1.0
Design and Developed by: iqonicthemes.in

*/

/*****************
================================================
 (  Media Queries  )
================================================
 *******************/

/* Displays/Screens (e.g. 24" WS @ 1920x1080) -------------- */
@media only screen and (min-width:1890px) and (max-width:2529px) { }
@media(max-width:1550px) {
	.banner .device img { width: 80%; }
	.about { padding: 300px 0 520px 0; }
}
@media(max-width:1399px) {
	.banner .device img { width: 75%; }
}
@media(max-width:1199px) {
	.banner .device { top: 160px; }
	.banner .device img { width: 70%; }
	.banner-text .v-text { left: -90px; }
	.banner-text .title { margin-left: 20px; }
	.footer-copyright { font-size: 15px; }
	.about { padding: 300px 0 400px 0; }
	.about .device-box { margin: 100px 0 70px 0; }
	.banner { padding: 200px 0 230px 0; }
}
@media (max-width:1024px) {
	header .navbar.navbar-light .navbar-nav li a { font-size: 14px; }
	header .navbar.navbar-light .navbar-nav li { margin-left: 20px; }
}
@media(max-width:992px) {
	.container { max-width: 100% !important; padding: 0px 60px; }
	.banner .device img { width: 65%; }
	.footer .footer-bottom ul li { margin-left: 20px; margin-right: 0; display: inline-block; float: inherit; }
	.footer .footer-copyright { margin-right: 0; text-align: center; }
	.title-box .sub-title { font-size: 26px; }
	.title-box .title { font-size: 50px; line-height: 70px; }
	.footer .media-box { text-align: left; }
	.footer .footer-bottom ul { text-align: center; }
	.parts .parts-box.box-2 { margin-top: 30px; }
	.navbar-light .navbar-toggler { border-radius: inherit; }
	.banner-text .v-text { top: 110px; }
	.banner { padding: 170px 0 230px 0; }
	.about { padding: 250px 0 400px 0; }
	header .navbar-nav { margin-top: 20px; background: #ffffff; -webkit-box-shadow: 2px 10px 30px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 10px 30px 5px rgba(0, 0, 0, 0.1); box-shadow: 2px 10px 30px 5px rgba(0, 0, 0, 0.1); }
	header .navbar.navbar-light .navbar-nav li a { font-size: 14px; padding: 5px 15px; }
	header .navbar.navbar-light .navbar-nav li { margin-left: 0px; }
	header .navbar.navbar-light .navbar-nav li.active a, header .navbar.navbar-light .navbar-nav li a:hover, header .navbar.navbar-light .navbar-nav li a:focus { background: #00befd; color: #ffffff; }
	header.menu-sticky { background: inherit; box-shadow: inherit; }
	.footer .footer-middel .col-lg-6 { margin-top: 30px; }
}
@media(max-width:979px) {
	.banner .device img { width: 50%; }
	.features .features-box li { width: 50%; }
	.features .features-box li:nth-child(1) { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
	.features .features-box li:nth-child(2) { border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-right: none; }
	.features .features-box li:nth-child(6) { border-right: none; }
	.about { padding: 250px 0 220px 0; }
	.about .device-box { margin: 80px 0 100px 0; }
	.about .about-text p, .discover .title-box p { padding: 0; }
	.banner { padding: 170px 0 150px 0; }
	.banner-text .video-box { bottom: -250px; }
}
@media(max-width:767px) {
	.features .title-box p { padding: 0; }
	.power .title-box .sub-title { font-size: 20px; }
	.system ul { margin: 70px 0 0 0; }
	.system .system-text p { padding: 0; font-size: 18px; line-height: 28px; }
	.footer .contact ul li { font-size: 16px; }
	.footer .media-box { margin: 30px 0 0 0; }
	.container { padding: 0px 30px; }
	.system { padding: 100px 0 150px 0; }
	.banner-text .video-box { position: inherit; bottom: 0; }
	.banner .device img { margin-right: 20px; }
	.banner { padding: 150px 0 80px 0; }
	.about { padding: 137px 0 220px 0; }
	.title-box .sub-title { font-size: 20px; line-height: 28px; }
}
@media(max-width:575px) {
	.footer .media-box { text-align: left; margin-top: 30px; }
	.system ul li img { width: 46px; }
	.system .system-text p { font-size: 18px; line-height: 30px; padding: 0; }
	.system-box img { width: 100%; }
	.system-box .btn-waves.right { right: -5%; }
	.system-box .btn-waves.left { left: -5%; }
	.title-box .title { font-size: 45px; line-height: 65px; }
	.title-box .light-title { font-size: 120px; }
	.banner .device img { width: 40%; }
	.title-box .sub-title { letter-spacing: 15px; margin-top: 15px; }
	.power .title-box .sub-title { font-size: 22px; }
	.about .about-text p { padding: 0 15px; }
	.banner .device img { -webkit-animation: inherit; }
	.banner-text .title { font-size: 55px; }
	.banner .device img { display: none; }
	.banner-text .v-text { left: -80px; font-size: 20px; top: 40px; }
	.discover .title-box p { padding: 0; }
	.footer .footer-middel .title { margin-top: 20px; }
	header { padding: 15px 0 0 0; }
	header .navbar .navbar-brand img { height: 40px; }
	.banner:before { border-top: 210px solid #ffffff; border-right: 200px solid transparent; }
	.footer .footer-bottom ul li { font-size: 15px; }
	.footer .footer-copyright { margin-top: 10px; }
	.footer .contact ul li { font-size: 16px; }
	.features .title-box p, .about .about-text p, .system .system-text p, .facelock .title-box p, .discover .title-box p, #power .title-box p, .banner-text p { font-size: 14px; }
	.about .device-box { margin: 80px 0 100px 0; }
	.system ul li { width: 33.33%; margin: 10px 0; }
	.footer .newsletter .button { padding: 5px 24px; }
	.footer .newsletter .form-control { height: 45px; }
	.navbar-toggler:not(:disabled):not(.disabled) { margin-right: 15px; }
	.features { padding: 120px 0 100px 0; }
	.system ul { margin: 40px 0 0 0; }
	.system-box .btn-waves.left, .system-box .btn-waves.right { top: 46%; }
	.system-box .btn-waves { width: 150px; height: 150px; }
	.system-box .btn-waves .waves { width: 150px; height: 150px; }
	.discover { padding: 120px 0 100px 0; }
	.container { padding: 0px 30px; }
}
@media(max-width:479px) {
	.parts .parts-box .title-box .title { font-size: 24px; line-height: 44px; }
	.container { padding: 0px 30px; }
	.power .title-box .sub-title { font-size: 18px; }
	.footer .newsletter .button { padding: 5px 25px; }
	.footer .newsletter .form-control { width: 50%; }
	.footer .contact ul li { font-size: 16px; }
	.title-box .title { font-size: 30px; line-height: 50px; }
	.title-box .light-title { font-size: 90px; }
	.features .features-box li { width: 100%; }
	.features .features-box li:nth-child(1), .features .features-box li:nth-child(5), .features .features-box li:nth-child(7) { border-right: none; }
	.features .features-box li:nth-child(3) { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
	.system ul li { margin: 10px 0; width: 50%; }
	.footer .footer-copyright { padding: 0 13px; line-height: 24px; font-size: 14px; margin-top: 20px; }
	.footer .footer-bottom ul li { margin-left: 10px; font-size: 14px; }
	.system-box .btn-waves.right { right: 0; }
	.system-box .btn-waves.left { left: 0; }
	.slider .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 20px; }
	.features .features-box { margin: 30px 0 0 0; }
	.banner-text .v-text { top: 70px; }
	.about .about-text p { padding: 0; }
	.about .device-box { margin: 50px 0 50px 0; }
	.coming-soon .input-form-mail { width: 100%;}
	.coming-soon .input-group-btn {top: 0; float: inherit;}
	.coming-soon .form-email .input-form-mail { border-radius: 2rem;}
	.coming-soon .form-email .btn-color {width: 100%; border-radius: 2rem; margin-top: 10px;}
}