/*

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

NOTE: This file contains the styling for responsive Template.

*/

/*****************
================================================
 (  Media Queries  )
================================================
 *******************/
@media(min-width:1601px) { }
@media(max-width:1399px) {
	.your-room .room-alexa { height: 70vh; }
	.alexa-info h1 { font-size: 62px; }
	.choose-watch .img-fluid.fade-in { width: 70%; }
	.feature-list li p { margin-bottom: 0; }
	.feature-list li { width: 15%; margin: 0 15px 30px; }
	.panorama:after { bottom: -39px; }
	.smart-home .smart-tab {top: 65%;}
}

@media(max-width:1441px) {
.banner { margin-top: 40px; }

    .alexa-title.atright {
    text-align: right;
    padding: 0 110px 0 80px;
    }
   
   .alexa-title.atleft {
    text-align: left;
    padding: 0 110px 0 80px;
    }
}

@media(max-width:1440px) {

    .alexa-title.atright {
    text-align: right;
    padding: 0 90px 0 60px;
    }
   
   .alexa-title.atleft {
    text-align: left;
    padding: 0 90px 0 60px;
    }
}



@media(max-width:1365px) {
	.your-room .room-alexa { height: 60vh; }
	.set-up-box, .iq-feature-01 { padding: 0 15px; }
	.chat { width: 80%; margin: 30px auto; }
	.banner { margin-top: 60px; }
	.circle-ripple { width: 12em; height: 12em; }
	#fullpage .container-fluid { padding: 0 30px; }
	.tabs-block .nav-tabs li { width: 17.5%; }
	.panorama:after {bottom: -45px;}
	
}

@media(max-width:1199px) {
	.alexa-info h1 { font-size: 46px; }
	.re-mt-40 { margin-top: 40px; }
	.info-chat h2 { font-size: 34px; }
	.tabs-block .nav-tabs li { width: 16%; }
	.panorama:after { bottom: -60px; }
	.compatible-device li:nth-child(1) { left: -25%; }
	.compatible-device li:nth-child(2) { right: 0; top: 0; }
	.smart-home .smart-tab {top: 57%;}
	.iq-fancy-box-01 h4{font-size: 20px; margin: 4px 0 0;}
	.iq-fancy-box-01.text-right i{font-size: 40px;}
	.iq-amazing-tab .tab-content{padding: 74px 30px 82px 36px;}
	.iq-amazing-tab .nav-tabs li{margin-top: 20px;}
	.iq-fancy-box-01 i{font-size: 40px;}
	.iq-bannerr .bannerr-img{top: 46%;}
	.iq-bannerr .banner-text h1{font-size:42px;line-height: 50px;}
	.smart-tab{left: 29%;}
	.tabs-block .nav-tabs li a{min-height: 190px; padding: 45px 15px;}
	.banner { margin-top: 50px; }
	.banner .rev-scroll-btn.revs-dark {min-width: 35px !important; max-width: 35px !important; min-height: 55px !important; max-height: 55px !important;font-size:16px !important;}
	.banner .tp-caption.smcap {letter-spacing: 14px !important;}
	
		.alexa-title.atright {
    text-align: right;
    padding: 0 60px 0 30px;
    }
    
    .alexa-title.atleft {
    text-align: left;
    padding: 0 60px 0 30px;
    }

}


@media(max-width:1024px) {
	.banner .tp-caption.smcap {letter-spacing: 13px !important;}
	.banner { margin-top: 65px; }
	.banner .rev-scroll-btn.revs-dark { min-width: 30px !important; max-width: 30px !important; min-height: 50px !important; max-height: 50px !important; font-size: 15px !important; }
}

@media(max-width:1023px) {
	.section.fp-section .watch-bg-right, .section.fp-section .watch-bg-left { height: 55%; top: 50%; margin-top: -200px; }
	.tab-content.smart-tabs { right: 49px; margin-top: -114px; width: 233px; }
	.watch-features .tab-content.smart-tabs { right: 53px; margin-top: -116px; width: 232px; }
	.watchs-face .tab-content.smart-tabs { right: 46px; margin-top: -111px; width: 225px; }
	.stay-connected .tab-content.smart-tabs { right: 60px; margin-top: -113px; width: 211px; }
	.info-chat h2 { font-size: 30px; }
	.error p { padding: 0; }
	.tooltip-item { margin: -15px 0 0 -8px; }
	.tooltip:first-child { left: 30%; }
	.tooltip:nth-child(4) { right: 32%; }
	.tabs-block .nav-tabs li a { padding: 50px 15px; }
	.tv-banner .chat { width: 28%; }
	.iq-command .overview-block-ptb.parallax { padding: 0; }
	.alexa-Client #animated_div img { margin-top: 33%; }
	.setup-box img { width: 100%; }
	.alexa-title { position: relative; }
	.info-chat img { width: 100%; }
	.how-to-use img { margin-bottom: 80px; }
	.how-to-use .scrollme-01 { bottom: 0; }
	.nav-pills .nav-link.home-link{width: 80px;height: 80px;}
	.nav-pills .nav-link.home-link i{font-size: 30px; line-height: 42px;}
}
@media(max-width:992px) {
	header { z-index: 9999; }
	h1 { font-size: 42px; font-style: normal; line-height: 52px; }
	h2 { font-size: 34px; font-style: normal; line-height: 44px; }
	.navbar-light .navbar-toggler { box-shadow: none; border: none !important; background: #010203; border-radius: 2px !important; float: right; padding: 0 10px; color: #fff; font-size: 28px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; height: 48px; line-height: 54px; top: 16px; position: relative; }
	.container-fluid.mobmenu { padding: 0 30px 0 20px !important;}
	header.menu-sticky  .navbar-toggler { font-size: 28px; }
	header .navbar .navbar-brand img { height: 48px; }
	header .navbar .navbar-brand {left:0;top:16px;margin: 0;}
	header .navbar .navbar-brand img.lglogo { display:none !important; }
	header .navbar .navbar-brand img.moblogo { display: inline-block !important; }
	header.menu-sticky .navbar .navbar-brand img {height: 48px;}
	.banner { margin-top: 55px; }
	
	
	.your-room .room-info { padding: 60px; }
	.your-room .room-alexa { height: 36vh; }
	.your-room .room-alexa img { bottom: -31%; }
	.re-9-mt-40 { margin-top: 40px !important; }
	.re-9-mb-40 { margin-bottom: 40px !important; }
	.set-up-box.stap-left:before, .set-up-box.stap-right:before { display: none; }
	.set-up-box h4 { margin-top: 15px; }
	.iq-feature.first-l { margin-right: 0; margin-top: 0; }
	.iq-feature.second-l { margin-right: 0; }
	.iq-feature.first-r { margin-left: 0; margin-top: 0; }
	.iq-feature.second-r { margin-left: 0; }
	#animated_div { background-size: inherit; }
	header#header-fullpage { background: #fff; }
	.panorama:after { bottom: -64px; }
	.hands-block, .hands-block h2 { color: #fff; }
	#features .col-md-4{max-width: 50%; flex: none;}
	.iq-amazing-tab .nav-tabs li a.nav-link.active.round-right .iq-fancy-box-01:before{display: none;}
	.iq-amazing-tab .nav-tabs li a.nav-link.active.round-right .iq-fancy-box-01:after{display: none;}
	.iq-amazing-tab .nav-tabs li a.nav-link.active .iq-fancy-box-01:before{display: none;}
	.iq-amazing-tab .nav-tabs li a.nav-link.active .iq-fancy-box-01:after{display: none;}
	.iq-bannerr .banner-text h1{font-size: 38px; line-height: 48px;}
	.iq-bannerr .bannerr-img{top: 52%;}
	.nav-pills .nav-link.home-link{ line-height: 83px;}
	.iq-por{overflow: hidden;}
	
	  p.infdet {
    max-width: 250px;
    margin-right: auto;
    margin-left: auto;
    color: #1E1F1F;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 5px;
    }
	

}


@media(max-width:991px) {
	
	header .navbar.navbar-light .navbar-nav li { padding: 0; margin-left: 0; }
	header .navbar.navbar-light .navbar-nav li a { font-size: 16px; padding: 14px 30px 14px 50px; color: #f5f5f5; font-family: 'Open Sans', sans-serif; height: unset; line-height: 1; letter-spacing: .2px; font-weight: 400; background: #010203; }
	.navbar-nav { z-index: 999;display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; padding-top: 22px; background: #010203; top: 80px; position: absolute; padding-bottom: 22px; right: -15px; text-align: right; -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 30px 20px 0px rgba(0, 0, 0, 0.1); }
	.container-fluid.mobmenu { padding: 0 15px !important;}
	
	.alexa-title.atleft {
    text-align: center;
    padding: 60px 0 55px 0;
    max-width: 510px;
    margin-right: auto;
    margin-left: auto;
    }
    
    .alexa-title.atright {
    text-align: center;
    padding: 60px 0 55px 0;
    max-width: 510px;
    margin-right: auto;
    margin-left: auto;
    }
    
    .title-boxpg h2 {
    font-size: 36px;
    color: #3D3E3E;
    line-height: 60px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    }
    
    .info-chat.padnew {
    padding-top: 50px;
    }
    
    p.sub-battery {
    max-width: 550px;
    margin-right: auto;
    margin-left: auto;
    color: #1E1F1F;
    margin-bottom: 0;
    }
    
    .overview-block-pt {
    padding: 60px 0 0 !important;
    }
  
   .learn .title-box {
    margin-bottom: 40px;
   }
    
    .set-up-box h4 {
    margin-top: 15px;
    margin-bottom: 6px;
    font-size: 23px;
    line-height: 30px;
    }
    
    .iq-mt-60.hwuse {
    margin-top: 50px;
    }
	
}
@media(max-width:979px) {
	.alexa-tv .scrollme-01 { bottom: 0px; }
	.tooltip-item { margin: -8px 0 0 -15px; }
	.section.fp-section .watch-bg-right, .section.fp-section .watch-bg-left { height: 45%; margin-top: -240px; }
	.tab-content.smart-tabs { right: 39px; margin-top: -96px; width: 178px; }
	.watch-features .tab-content.smart-tabs { right: 44px; margin-top: -86px; width: 174px; }
	.watchs-face .tab-content.smart-tabs { right: 38px; margin-top: -158px; width: 170px; }
	.stay-connected .tab-content.smart-tabs { right: 49px; margin-top: -94px; width: 158px; }
	.tooltip:first-child { left: 25%; }
	.tooltip:nth-child(4) { right: 26%; }
	.tabs-block .nav-tabs li { margin: 0px 5px; }
	.panorama:after { bottom: -75px; }
	.compatible-device li:nth-child(3) { width: 50%; }
	.compatible-device li:nth-child(2) { width: 38%; }
	.info-share li { margin: 0 3px; }
	#features .col-md-4{max-width: 50%; flex: none;}
	.smart-home .smart-tab{top: 50%; left: 28%;}
	.iq-por .nav-tabs  li a{font-size: 0px;}
	.tabs-block .nav-tabs li a i{font-size: 50px;}
	.tabs-block .nav-tabs li a{    min-height: 150px; padding: 40px 15px; line-height: 0px;}
	.banner .tp-caption.smcap { letter-spacing: 12px !important; font-size: 17px !important; color: #323434 !important; }
	.banner { margin-top: 63px; }
	.banner .rev-scroll-btn.revs-dark { min-width: 28px !important; max-width: 28px !important; min-height: 46px !important; max-height: 46px !important; font-size: 14px !important; }
	.overview-block-pt.learn {padding: 70px 0 0;}
	.features .features-box li:nth-child(1) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .features .features-box li {
    width: 50%;
    }
    .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;
    }
	
	
}


@media(max-width:767px) {
	 header{position:fixed;}
	 .info-chat{overflow: hidden;}
	 .banner { margin-top: 62px; }
	 .nav-pills .nav-link.home-link{line-height: 44px;}
	 .iq-amazing-tab .nav-tabs li:first-child{margin-top:20px;}
	.full-width .container-fluid { padding: 0 15px; }
	.your-room .room-info { padding: 60px 0; }
	.info-chat .row .col-sm-6.align-self-center { padding: 40px 15px; }
	.alexa-tv .tv-box { padding-bottom: 40px; }
	.chat { width: 100%; }
	.re-4-mt-40 { margin-top: 40px !important; }
	.section.fp-section { padding: 100px 0 0; }
	.section.fp-section.section-video, .section.footer.fp-section { padding: 100px 0; }
	.slide-in-bottom .iq-feature-02 { border: none !important; margin-bottom: 40px; }
	.section.fp-section .watch-bg-right, .section.fp-section .watch-bg-left { height: auto; margin-top: 0; width: 100%; opacity: 0; animation: none !important; }
	.fp-section, .fp-slide, .fp-tableCell { height: auto !important; text-align: center; }
	.fp-section .text-right { text-align: center !important; }
	.bg-effect img { opacity: 1; }
	.fade-in-right, .slide-in-bottom, .section.fp-section.active .fade-in { animation: none !important; }
	.tab-content.smart-tabs { right: 0; width: 243px; left: -18px; margin: -119px auto 0; }
	.watch-features .tab-content.smart-tabs { right: 0; width: 233px; left: -24px; margin: -116px auto 0; }
	.watchs-face .tab-content.smart-tabs { right: 0; width: 230px; left: -2px; margin: -114px auto 0; }
	.stay-connected .tab-content.smart-tabs { right: 0; width: 219px; left: -12px; margin: -118px auto 0; }
	.choose-watch .img-fluid.fade-in { width: 100%; }
	.feature-list li { width: 42%; }
	.nav-tabs.smart-tabs { border: none; margin: 20px 0; text-align: center; display: inline-block; width: 100%; }
	.nav-tabs.smart-tabs .nav-item { display: inline-block; }
	.chat-banner { position: absolute; margin: 20px auto 0; width: 70%; }
	.chat { font-size: 14px; line-height: 24px; width: 76%; right: 15px; }
	.alexa-title { padding: 0 15px 10px; }
	.tooltip:first-child { left: 19%; }
	.tooltip:nth-child(4) { right: 19%; }
	.tooltip-item { margin: -18px 0 0 -20px; }
	.tabs-block .nav-tabs li a { padding: 35px 10px 0; font-size: 0; }
	.tabs-block .nav-tabs li a i { font-size: 22px; }
	.tabs-block .nav-tabs { flex-direction: inherit !important; }
	.tabs-block .nav-tabs li { width: 18%; }
	.tabs-block .nav-tabs li:last-child { margin-right: 0; }
	#animated_div { background-size: 100%; }
	.alexa-Client #animated_div img { margin-top: 10%; width: 50%; }
	.panorama:after { bottom: -93px; }
	.compatible-device li:nth-child(1) { width: 23%; }
	#features .col-md-4{max-width: 92%; flex: none;}
	.iq-amazing-tab .nav-tabs li a{left:25px;}
	.iq-amazing-tab .nav-tabs li a.nav-link.active, .iq-amazing-tab .nav-tabs li a.nav-link.active:hover, .iq-amazing-tab .nav-tabs li a.nav-link.active:focus{left: 25px;}
	.iq-bannerr .bannerr-img{width: 16%;}
	.nav-pills .nav-link.home-link{width: 40px;height: 40px;}
	.smart-home .smart-tab{left: 30%; top: 47%;}
	.smart-home .smart-tab .nav-link {padding: 0;}
	.nav-pills .nav-link.home-link i{font-size: 16px;}
	.overview-block-ptb{padding: 50px 0;}
	.overview-block-pb{padding-bottom: 50px}
	.overview-block-pt{padding-top:50px;}
	.tabs-block .nav-tabs li a{min-height:92px;}
	.tips-box .list-inline-item:not(:last-child){margin-right: .5rem;}
	.pulse-button { width: 50px; height: 50px; line-height: 50px; color: #fff; font-size: 10px; }
	.banner .tp-caption.smcap { letter-spacing: 10px !important; font-size: 16px !important; color: #323434 !important; text-align: center !important;position: relative; top: 4px; }
    .banner .rev-scroll-btn.revs-dark { position: relative; top: 5px; min-width: 26px !important; max-width: 26px !important; min-height: 44px !important; max-height: 44px !important; font-size: 12px !important; }
    .overview-block-pt.learn { padding: 40px 0 0; }
    .spin-me img {max-width: 500px;}
    .spin-me-round { height: 340px; width: 340px; top: 120px; }
    .spin-me { width: 500px; height: 510px;}
   
    p.sub-battery {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
    color: #1E1F1F;
    margin-bottom: 0;
    line-height: 28px;
    }
    
    .title-boxpg h2 {
    font-size: 36px;
    color: #3D3E3E;
    line-height: 60px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    }
    
    .overview-block-pt {
    padding: 50px 0 0 !important;
    }
    
    .overview-block-pt.learn {
    padding: 30px 0 0 !important;
    }
    
    .overview-block-pt.setupb {
    padding: 50px 0 0 !important;
    }

    
    .title-box .title {
    font-size: 48px;
    color: #0a0a0a;
    letter-spacing: -0.5px;
    line-height: 60px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    }
    
   .title-box .light-title {
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 3px;
    color: #B7B8B8;
    position: relative;
    z-index: 1;
    line-height: 10px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 6px;
    }
    
    .title-box .sub-title {
    color: #F39016;
    margin-top: 0px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 5px;
    font-weight: 600;
    letter-spacing: 0.7px;
    }
    .learn .title-box {
    margin-bottom: 20px;
    }
    
    .overview-block-pt {
    padding: 40px 0 0 !important;
    }
    
    .alexa-title p {
    color: #141515;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 27px;
    }
    
    .alexa-title.atleft {
    text-align: center;
    padding: 50px 15px 50px 15px;
    max-width: 510px;
    margin-right: auto;
    margin-left: auto;
    }
    
    .alexa-title.atright {
    text-align: center;
    padding: 50px 15px 50px 15px;
    max-width: 510px;
    margin-right: auto;
    margin-left: auto;
    }
    
    .info-chat h2 {
    font-size: 28px;
    }
}

@media(max-width:639px) {
	.banner { margin-top: 73px; }
	.banner .tp-caption.smcap { letter-spacing: 8px !important; font-size: 14px !important; color: #323434 !important; text-align: center !important; position: relative; top: 2px; }
	.banner .rev-scroll-btn.revs-dark { position: relative; top: 2px; min-width: 24px !important; max-width: 24px !important; min-height: 40px !important; max-height: 40px !important; font-size: 11px !important; }
	.spin-me img { max-width: 450px; }
	.spin-me { width: 450px; height: 460px; }
	.spin-me-round { height: 300px; width: 300px; top: 100px; }
}

@media(max-width:530px) {
	.banner { margin-top: 75px; }
	.banner .tp-caption.smcap { letter-spacing: 6px !important; font-size: 14px !important; color: #323434 !important; text-align: center !important; position: relative; top: 1px; }
	.banner .rev-scroll-btn.revs-dark { position: relative; top: 5px; min-width: 20px !important; max-width: 20px !important; min-height: 34px !important; max-height: 34px !important; font-size: 10px !important; }
	.spin-me img { max-width: 400px; }
	.spin-me { width: 400px; height: 410px; }
	.spin-me-round { height: 280px; width: 280px; top: 80px; }
}


@media(max-width:479px) {
	.panorama:after{bottom: -103px;}
	.tabs-block .nav-tabs .nav-item{margin-bottom: 20px;}
	.tabs-block .nav-tabs li{margin-right: 30px;}
	.tv-banner .chat.ct4{bottom: 12px;}
	h2{font-size: 28px; line-height:38px;}
	h3{font-size: 26px; line-height:36px;}
	.dummy.dummy-image { display: none; }
	.alexa-info h1 { font-size: 28px; }
	.line-height-36 { line-height: 30px; }
	.tab-content.smart-tabs { right: 0; width: 215px; left: -14px; margin: -105px auto 0; }
	.watch-features .tab-content.smart-tabs { right: 0; width: 205px; left: -21px; margin: -103px auto 0; }
	.watchs-face .tab-content.smart-tabs { right: 0; width: 205px; left: -2px; margin: -102px auto 0; }
	.stay-connected .tab-content.smart-tabs { right: 0; width: 193px; left: -12px; margin: -106px auto 0; }
	.feature-list li { width: 100%; margin: 0 0 30px; }
	.login-form { padding: 20px 20px 20px; }
	.login-form .info-share li { width: 28%; }
	.tv-banner .chat.ct3 { bottom: 0; }
	.tv-banner .chat.ct3 { bottom: 0; }
	.tabs-block .nav-tabs li { width: 21%; }
	.chat { font-size: 14px; line-height: 26px; padding: 5px 5px; }
	.chat-banner { margin: 0 auto 0; width: 80%; }
	.smart-home .smart-tab{top: 32%; left: 22%;}
	.overview-block-ptb{padding: 50px 0;}
	.overview-block-pb{padding-bottom: 50px}
	.overview-block-pt{padding-top:50px;}
	.iq-fancy-box-01{padding: 10px 18px;}
	.smart-home .smart-tab{top: 44%;}
	.iq-amazing-tab .nav-tabs li a.nav-link.active, .iq-amazing-tab .nav-tabs li a.nav-link.active:hover, .iq-amazing-tab .nav-tabs li a.nav-link.active:focus{left: 14px;}
	.banner { margin-top: 78px; }
	.banner .tp-caption.smcap { letter-spacing: 5px !important; font-size: 13px !important; color: #323434 !important; text-align: center !important; position: relative; top: 0; }
	.spin-me img { max-width: 350px; }
	.spin-me { width: 350px; height: 360px; }
	.spin-me-round { height: 220px; width: 220px; }
	.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 {
    width: 100%;
    }
    .features .features-box li:nth-child(3) {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .features {
    position: relative;
    padding: 80px 0 50px 0;
    margin-top: 70px;
    }
    .features .title-box .title {
    color: #D6D7D7;
    font-size: 50px;
    z-index: 99;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    }
    
    .features .title-box p {
    padding: 0;
    margin: 10px auto 20px auto;
    color: #8E9090;
    font-size: 15px;
    line-height: 24px;
    max-width: 210px;
    }
    
    .features .features-box {
    padding: 0;
    margin: 10px 0 0 0;
    }
    
    .overview-block-pt.setupb {
    padding: 40px 0 0 !important;
   }
   
   .overview-block-pt.contbl {
    padding: 60px 0 60px 0 !important;
    }
    
    .contbl h2 {
        margin-bottom: 0;	
    }
	
}