/*
Template: Geniot - Earphone 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) {
#fot {background-image: url('../images/bg_large.jpg'); background-position: center; background-size: cover;}	
}
@media(max-width:1890px) { 
#fot {background-image: url('../images/bg_large.jpg'); background-position: center; background-size: cover;}
}
@media(max-width:1784px) { 
#napis {display: none;}
}
@media(max-width:1470px) { 
#fot {background-image: url('../images/bg_large.jpg'); background-position: center; background-size: cover;}
}
@media(max-width:1399px) {
	#fot {background-image: url('../images/bg_large.jpg'); background-position: center; background-size: cover;}
#features ul { margin-top: 20px; }
#features h2 { font-size: 35px; line-height: 45px; }
#spe-features .content-box1 { left: 4%; }
#spe-features .content-box2 { left: 40%; }
}
@media(max-width:1199px) {
	#fot {background-image: url('../images/bg_large.jpg'); background-position: center; background-size: cover;}
#fullpage .container-fluid { padding: 0 80px; }
#features h2 { font-size: 36px; line-height: 50px; }
#features ul li .img-bg { width: 70px; height: 70px; line-height: 70px; }
#features ul li .img-bg img { width: 32px; }
#about .text-box { padding-left: 10px; padding-right: 0; }
#spe-features .heading-box { padding: 0 30px; margin-bottom: 30px;}
#spe-features .heading-box .sub-title { padding: 0; font-size: 14px; line-height: 26px; margin-top: 15px; }
#earthird .toolbox-items span b { font-size: 36px;}
#earthird .toolbox-items p {  font-size: 14px; line-height: 24px;}
@media(max-width:1079px) {
	#fot {background-image: url('../images/bg_small.jpg'); background-position: center; background-size: cover;}
#features h2 { font-size: 32px; line-height: 46px; }
#features ul li { width: 22%; }
#features ul li .img-bg { width: 60px; height: 60px; line-height: 60px; }
#spe-features .content-box1 { left: 2%; }

}
@media(max-width:1024px) {
	#fot {background-image: url('../images/bg_small.jpg'); background-position: center; background-size: cover;}
#spe-features p { font-size: 14px !important; }
.ear-footer .footer-copyright { font-size: 14px; }
#spe-features .content-box2 .title{ padding-top: 0; margin-top: 0; }
.about .text-box{padding-top: 50px;}
.title .cross-text{position: relative; top: 0;}
.spe-features .content-box1{left: 0;}
.spe-features .content-box2{left: 40%;}
}
@media(max-width:994px) {
header .header-bottom .navbar-nav { margin-right: 0; 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 .header-bottom .navbar.navbar-light .navbar-nav li { margin-left: 0; }
header .header-bottom .navbar.navbar-light .navbar-nav li a { padding: 15px 0 15px 15px; line-height: 16px; }
header .header-bottom .navbar.navbar-light .navbar-nav li.active a, header .header-bottom .navbar.navbar-light .navbar-nav li a:hover, header .header-bottom .navbar.navbar-light .navbar-nav li a:focus { background: #0f8f3b; color: #ffffff; }
#features p, #features ul li span { color: #000000; }
header .header-top { padding: 10px 60px; }
header .header-bottom { padding: 15px 50px; }
#features ul li { width: 24%; }
header .header-bottom .navbar .navbar-brand img { height: 40px; }
header .header-bottom .navbar-toggler { border-radius: 0; color: #222222; border-color: #222222; }
#about .text-box { margin-top: 40px; }
#about .text-box .title { font-size: 28px; line-height: 36px; }
#about p { margin-top: 20px; font-size: 14px; line-height: 24px;}
#spe-features .content-box1 p, #spe-features .content-box2 p, #spe-features .content-box3 p { font-size: 14px; line-height: 24px; }
#spe-features .content-box1 { width: 100%; float: left; left: inherit; top: inherit; position: inherit; padding-right: 0; }
#spe-features .content-box2 { width: 100%; float: left; left: inherit; bottom: inherit; position: inherit; padding-left: 0; }
#spe-features .content-box3 {width: 100%; position: inherit;  left: inherit;  top: inherit; }
#spe-features .content-box4 { left: inherit; width: 100%; position: inherit; bottom: inherit;}
#spe-features .content-box1 .title, #spe-features .content-box2 .title, #spe-features .content-box3 .title, 
#spe-features .content-box4 .title { margin: 0; padding-top: 15px;}
h2.title,.title h2, #colors h2, #colorstwo h2, #colorsthree h2 { font-size: 24px; line-height: 36px; padding: 0;}
.title .cross-text { font-size: 14px; line-height: 20px;}
#colors span, #colorstwo span, #colorsthree span { text-transform: uppercase; font-size: 18px; line-height: 24px;}
#colors p, #colorstwo p, #colorsthree p {margin-top: 15px; font-size: 14px;}
#colors .title, #colorstwo .title, #colorsthree .title {padding-top: 5px;}
#spe-features .img { margin-top: 10px; }
#spe-features .col-lg-4.col-sm-6.text-center { display: none; }
#about .owl-carousel .row { padding: 0 0; }
#about .earphone-grey-bg img { margin-right: 0; width: 50%; margin-left: 25%; margin-right: 0; }
#three-box .toolbox-items h3 { margin: 20px 0 10px 0; font-size: 16px; line-height: 24px; }
#three-box .toolbox-items p { font-size: 14px; line-height: 24px; }
#earsecond .col-lg-6 .text-right { text-align: left !important; width: 100%; margin: 40px 0 20px 0; }
#earthird .heading-box .title { font-size: 30px; line-height: 42px; }
.ear-footer .media-box { text-align: left; margin-top: 30px; }
.ear-footer .footer-bottom ul { text-align: center; }
.ear-footer .footer-bottom ul li { float: inherit; display: inline-block; }
.ear-footer .footer-copyright { text-align: center; }
.ear-footer .footer-middel .title { padding-top: 0; margin: 10px 0; }
#about .owl-carousel .owl-nav button.owl-prev { left: -50px; }
#about .owl-carousel .owl-nav button.owl-next { right: -50px; }
.section.fp-section {padding: 40px 0;}
#three-box .heading-box .sub-title {font-size: 14px; line-height: 24px; padding: 0;}
#charger .heading-box { padding: 0; }
#spe-features h5.title{padding-top: 15px;}
#earthird .toolbox-items { margin: 0;}
#earthird .heading-box .sub-title { margin-bottom: 40px;}
#unbox ul li {    font-size: 14px;
margin: 10px 0 0 0;
line-height: 20px;}
#unbox ul li:hover { font-size: 14px; font-weight: inherit;}
.about .earphone-grey-bg img{margin-bottom: 30px;}
.spe-features .content-box1{position:relative; display: inline-block; right:0; top: 0; width: 45%; padding-right: 30px; }
.spe-features .content-box2{position:relative; display: inline-block; right: 0; left: 0; top: 0; width: 45%; }
.spe-features .content-box3{position:relative; display: inline-block; left: 0; top: 0; width: 45%; padding-right: 30px; }
.spe-features .content-box4{position:relative; display: inline-block; right: 0; top: 0; width: 45%; }
.spe-features .img{display: none; }
.banner-text{background: rgba(255, 255, 255, 0.0) ;padding: 10px 20px; margin-top: 100px;}
.banner-text h2{margin-top: 0px !important;}
.unbox ul{margin-left: 0px;}
}
@media(max-width:979px) { 
#fot {background-image: url('../images/bg_small.jpg'); background-position: center; background-size: cover;}
}
@media(max-width:767px) {
	#fot {background-image: url('../images/bg_small.jpg'); background-position: center; background-size: cover;}
header .header-top, header .header-bottom { padding: 15px 2px; }
#fullpage .container-fluid { padding: 0 30px; }
#about p { font-size: 14px; line-height: 24px !important; }
#about .text-box .title { font-size: 24px; line-height: 32px; }
#about .owl-carousel .owl-nav button.owl-prev { left: 0; top: 20%; margin-top: 0; }
#about .owl-carousel .owl-nav button.owl-next { right: 0; top: 20%; margin-top: 0; }
#spe-features .heading-box { padding: 0; }
#spe-features .heading-box .sub-title { font-size: 14px; line-height: 24px; margin-top: 10px; }
#three-box .toolbox-items h3 { font-size: 20px; line-height: 32px; margin: 0 0 6px 0; }
#three-box .toolbox-items { margin: 20px 0; }
.ear-footer .footer-bottom ul li { margin-left: 20px; margin-right: 0; }
#earthird .text-right {text-align: center !important;}
#earthird img.two-earphone, #unbox img {margin-top: 60px;}
.about .owl-carousel .row{padding: 0 60px;}
.spe-features .heading-box .sub-title{padding: 0 50px;}
.spe-features .heading-box{padding: 0 30px;}
.spe-features .content-box1{width: 80%; padding-right: 0; padding-left: 85px;}
.spe-features .content-box2{width: 80%; padding-right: 0; padding-left: 85px;}
.spe-features .content-box3{width: 80%; padding-right: 0; padding-left: 85px;}
.spe-features .content-box4{width: 80%; padding-right: 0; padding-left: 85px;}

}
@media(max-width:575px) {
#fot {background-image: url('../images/bg_small.jpg'); background-position: center; background-size: cover;}
header .header-top ul li { margin-right: 10px; }
header .header-top .text-right ul li { margin-left: 10px; }
header .header-top .col-sm-6 { width: 60%; }
header .header-top .col-sm-6.text-right { width: 40%; }
#about .text-box .title { font-size: 20px; line-height: 32px; }
#about .owl-carousel .owl-nav button.owl-next i, #about .owl-carousel .owl-nav button.owl-prev i { display: none; }
#earthird .toolbox-items{margin-top: 30px;}
}
@media(max-width:479px) {
header .header-top .col-sm-6 { display: none; }
header .header-top .col-sm-6.text-right { width: 100%; display: block; text-align: center !important; }
header .header-top .text-right ul li { margin: 0 10px; }
header .header-top .text-right ul li:first-child { margin-right: inherit; }
#features ul li { width: 46%; }
#features h2 { font-size: 24px; line-height: 32px; }
#features p { font-size: 14px; line-height: 20px; }
#unbox { padding: 30px; }
.ear-footer p { font-size: 14px; line-height: 24px; }
.ear-footer .contact ul li { font-size: 14px; }
.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;}
.charger .heading-box{padding: 0;}
.spe-features .heading-box .sub-title{padding: 0;}
.spe-features .heading-box{padding: 0;}
.spe-features .content-box1{width: 100%; padding-left: 30px;}
.spe-features .content-box2{width: 100%; padding-left: 30px;}
.spe-features .content-box3{width: 100%; padding-left: 30px;}
.spe-features .content-box4{width: 100%; padding-left: 30px;}
.three-box .heading-box .sub-title{padding: 0;}
.about .owl-carousel .row{padding:15px;}
.about .owl-carousel .owl-nav button.owl-prev{left: -21px;}
.about .owl-carousel .owl-nav button.owl-next i{right: -53px; position: absolute;}
.about .text-box{padding: 30px;}
.features ul li .img-bg img{width: 30px;}
.features ul li{width: 48%;}
.features ul li .img-bg { width: 60px; height: 60px; border-radius: 100%; line-height: 60px; }
.features ul li .img-bg img{width: 30px;}
}