/*in query we trust!!!*/

/*global grid styles*/
@media only screen and (max-width:1170px) {

.wrapper {max-width:1170px; width:100%; min-width:290px;}
.smartposition .site-header-wrapper {min-width:290px;}

.header-holder,
.site-footer,
lsp-live,
.lsp-live-wrapper {min-width:320px;}

/*header*/
.logo-icon {background-image:url(../site_images/logo_smaller.png); width:36px; height:32px;}
.logo-title {font-size:24px;}
.logo-title-desc {font-size:14px; display:none;}

.header-watch-video a {background:none !important;}
.header-watch-video .watch-video-wrapper {padding:0; width:42px; height:42px; line-height:42px; text-indent:-9999px;}
.header-watch-video .play-shape {width:100%; height:100%; left:0; top:0; margin:0;}
.header-watch-video .play-shape .play-shape-arrow {border-bottom-width:9px; border-top-width:9px; border-left-width:15px; left:16px; top:12px;}

.smartposition .site-header {position:relative;}
.smartposition .site-header-container {}
.smartposition .site-header-wrapper {}

/*live*/
.lsp-live-2 .lsp-live-content-layout {display:block !important;}
.lsp-live-2 .lsp-live-actions-layout {flex-direction:row;}
.lsp-live-2 .lsp-live-actions-layout .watch-video, 
.lsp-live-2 .lsp-live-actions-layout .download-button {width:auto; text-align:left;}

}

@media only screen and (max-width: 980px) {

/*header*/
.no-flexbox .site-header {height:50px;}
.header-holder-layout {height:50px;}
.logo-icon-holder {padding:0;}
.logo-content {display:none;}

.main-menu-toggle {display:block;}
.main-menu-list {position:absolute; right:0; top:90%; visibility:hidden; opacity:0; background:#fff; border:1px solid #42baff; box-shadow:0 0 3px rgba(0,0,0, 0.4); width:220px;}
.main-menu ul {padding:5px 5px 0 5px;}
.main-menu ul li {float:none; padding:0 0 5px 0;}
.main-menu ul li a {height:auto; line-height:1.5; padding:4px 12px;}
.main-menu-active .main-menu-list {visibility:visible; top:100%; opacity:1;}
	
/*live*/
lsp-live-actions,
.lsp-live-2 lsp-live-actions {padding:0 0 30px 0; display:block; text-align:center; font-size:0;}
.lsp-live-actions-layout {font-size:0; text-align:center;}
.no-flexbox .lsp-live-actions-layout .watch-video, 
.no-flexbox .lsp-live-actions-layout .download-button {display:inline-block; text-align:left;}
lsp-live-view {margin:0; width:auto; height:auto;}
.lsp-live-view-img {max-width:640px; width:100%; height:auto; box-sizing:border-box; background-size:100% 100%; padding:28px;}	
.lsp-live-view-bg {margin:0 auto;}
.lsp-live-view-img #seo_video {height:auto;}

/*full features*/
.no-flexbox lsp-full-features-group {font-size:0; text-align:center;}
lsp-full-feature {width:49.9%;}
.no-flexbox lsp-full-feature {display:inline-block;} 
.lsp-full-features-2 lsp-full-features-group {margin:0 0 -40px 0;}
.lsp-full-features-2 lsp-full-feature {padding:0 20px; text-align:center;}
.lsp-full-features-2 .lsp-full-feature-layout {flex-direction:column;}
.no-flexbox .lsp-full-features-2 .lsp-full-feature-layout {display:block;}
.lsp-full-features-2 .lsp-full-feature-img {margin:0 auto 50px;}

/*fancy*/
.fancybox-close {}
	
}

/* 
#Tablet (Portrait)
================================================== 
*/

@media only screen and (min-width: 768px) and (max-width: 980px) {


}

/*  
#Mobile (Portrait)
================================================== 
*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
/*live*/	
.lsp-live-title {font-size:30px;}
.lsp-live-description {font-size:15px; line-height:1.6;}

/*full features*/
.lsp-full-features-title {font-size:18px;}
.lsp-full-features-desc {font-size:14px;}
lsp-full-features-group {margin:0 0 -15px 0;}
lsp-full-feature,
.lsp-full-features-2 lsp-full-feature {width:49.9%;}
lsp-full-feature {margin:0 0 30px 0;}
.lsp-full-feature-img,
.lsp-full-features-2 .lsp-full-feature-img {width:120px; height:120px; line-height:120px; margin:0 auto 20px;}
.lsp-full-feature-title {font-size:18px; padding:0 0 10px 0;}
.lsp-full-feature-content {font-size:14px;}

}

/* 
#Mobile (Landscape)
================================================== 
*/

@media only screen and (max-width: 480px) {

/*buttons*/
.button {text-transform:none; width:100%;}
.button-logo .button-icon {display:none;}
.button-logo .button-content {padding:0 16px;}

/*live*/	
lsp-live .lsp-live-actions-layout .watch-video, 
lsp-live .lsp-live-actions-layout .download-button {width:100% !important;}
.lsp-live-actions-layout .watch-video a {display:block; width:100%; box-sizing:border-box;}
.lsp-live-wrapper {padding:30px 0;}
.lsp-live-title {font-size:18px;}
.lsp-live-description {font-size:14px; line-height:1.4; display:none;}
.lsp-live-description-hidden {display:block;}
.lsp-live-view-img {padding:12px;}

/*full features*/
.lsp-full-features-title {font-size:16px;}
.lsp-full-features-desc {font-size:13px;}
lsp-full-features-group {margin:0 0 -15px 0;}
lsp-full-feature,
.lsp-full-features-2 lsp-full-feature {width:100%;}
lsp-full-feature {margin:0 0 30px 0;}
.lsp-full-feature-img {width:120px; height:120px; line-height:120px; margin:0 auto 20px}
.lsp-full-features-2 .lsp-full-feature-img {margin:0 auto 20px;}
.lsp-full-feature-title {font-size:16px; padding:0 0 10px 0;}
.lsp-full-feature-content {font-size:13px;}

}

.hot_to_install.watch-video.rounded a .watch-video-wrapper {
    padding: 0 10px 0 12px;
}

.hot_to_install.watch-video.rounded a .watch-video-wrapper {
    height: 40px;
    line-height: 40px;
}

.how_to_install_wrapper {
    text-align: center;
    margin-top: 25px;
}

.hot_to_install #hot_to_install {
    border: 2px solid rgb(66, 186, 255);
    color: #46bf49;
}

.hot_to_install.white_template_text #hot_to_install {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 24px;
}

.hot_to_install.white_template_text.watch-video.rounded a .watch-video-wrapper {
    height: 56px;
    line-height: 56px;
    text-align: center;
}

.hot_to_install.white_template_text.watch-video.rounded #hot_to_install {
    border: 2px solid rgba(255,255,255, 0.2);
}

.hot_to_install_tooltip.ui-tooltip {
    max-width: 435px;
    text-align: center;
}

.lsp-live-view-img {
    position: relative;
}

.live_video_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
    padding: 38px 28px;
    border-radius: 5px;
}


@media only screen and (max-width: 980px) {
    .lsp-live-view-img .live_video_overlay {
        height: auto;
        padding: 28px;
    }
}

@media only screen and (max-width: 480px) {
    .lsp-live-view-img .live_video_overlay {
        padding: 12px;
    }

    .lsp-live-description.lsp-live-description-black {
        color: #545960;
    }
}