/*
File Name: show-responsive.css
Author: Zoho Show Design
Purpose: Compatibility styles for show and show relevant pages only
*/

/*media query styles start*/
@media screen and (max-width: 1150px) {
.footer-desk {
	width: 70%;
}
.footer-banner {
	width: 30%;
}
}
@media only screen and (max-width:959px) {
.one-col{
	overflow:visible;
}
.main .two-col > div{
	text-align:center;
}
.two-split-col > div p{
	padding:0;
}
.testimonial-section .content-wrap{
	padding:20px 0;
}
.bouncing_menu{
	text-align:center;
}
.banner.show.work-online{
	width:auto;
	min-height:inherit;
}
.banner h1{
	font-size:32px;
	line-height:40px;
	padding-left:15px;
	padding-right:15px;
}
.banner h1, .banner p{
	padding-left:15px;
	padding-right:15px;
}
.one-col, .two-col{
	padding:40px 5% 30px !important
}
.lock-slide.two-col .left-panel, .lock-slide.two-col .right-panel{
	padding:0 0 30px;
	float:none;
	width:100%;
}
.banner p, .sub-heading h2 span, .one-col p, .main .two-col > div p{
	font-size:14px !important;
	line-height:22px !important;
}
.show-slider{
	min-height:480px;
}
.sec-title{
	width:100%;
}
.banner.show{
	width:auto;
}
.table-header-top{
	display:none;
}
.footer-desk {
	width: 100%;
}
.footer-banner {
	width: 100%;
}
.footer-desk-inner {
	margin: 0 auto;
}
.footer-common {
	text-align: center;
}
.footer-common ul {
	margin: 0 auto 15px;
}
.footer-banner {
	padding-top: 70px;
	min-height:100px;
}
}
@media only screen and (max-width:900px) {
/*.main{
	margin:0 !important;
}*/
.product-header-inner{
	min-height:50px;
}
.share-publish p.graphics{
	padding:30px 0;
}
.banner.share-publish h2{
	padding-top:0;
	font-size:32px !important;
	line-height:45px !important;
	padding-bottom:20px;
}
.product-header-inner{
	overflow:visible !important;
}
}
@media only screen and (max-width:767px) {
.product-logo.show {
    background-size: auto auto;
    padding: 0 0 0 75px;
}
.product-logo.show{
	background-image:url(../images/show/show-sprite.png);
	background-position:2px -158px;
	background-size:auto;
	padding:0 20px 0 78px;
}
.one-col, .two-col, .sub-heading, .main .two-split-col, .main .two-split-col > div > div, .main .one-col > div p, .main .two-col > div p, .main .two-col > div{
	text-align:center !important;
}
.works-with-powerpoint .two-split-col{
	padding:0;
}
.testimonial-section:before, .testimonial-section:after{
	background-size:270px auto;
	width:80px;
	height:55px;
}
.testimonial-section:before{
	left:20px;
	background-position:-8px 0;
}
.testimonial-section:after{
	right:20px;
	background-position:-94px 0;
	bottom:-7px;
}
.pager{
	display:none;
}
.show-slider{
	min-height:430px;
}
.main .sub-feature{
	width:90%;
	margin:0 auto;
}
ul.sharing-options li{
	padding:10px 0 0;
	display:block;
}
.banner.share-publish h2{
	padding-top:0;
	font-size:32px !important;
	line-height:45px !important;
}
.share-publish p.graphics{
	padding:30px 0;
}
.whats-new{
	width:100%;
}
.heading-area em{
	margin-bottom:20px;
}
.whats-new h1{
	font-size:32px;
}
.whats-new .year-area{
	background:none;
}
.whats-new .year-area h2{
	padding:0 0 15px 15px;
	font-size:32px;
}
.whats-new .new-updates{
	width:calc(100% - 30px);
	float:none;
	margin:0 15px;
}
.whats-new .year-area h3{
	margin:0;
	padding:0;
	background:#f9f9f9;
	font-size:18px;
	font-weight:400;
}
.month-names span{
	background:none;
}
.leftalign-month{
	position:inherit;
}
.whats-new .new-updates-content{
	margin:5px 0 25px 0 !important;
}
.new-updates-content .show-slider li{
	max-width:90%;
	padding:0 5%;
}
.new-updates-content .show-slider{
	min-height:220px;
}
.new-updates-content .more-details iframe {
	width:100%;
	padding:0 !important;
	border:none !important;
}
.footer-desk {
	padding-left: 10%;
	padding-right: 10%;
}
.footer-desk-inner > ul {
	width: 45%;
}
.show.native-app__banner{
	background-size:auto 150px;
}
}
@media only screen and (max-width:599px) {
.main .two-split-col > div > div{
	padding:40px 0 20px;
	width:100%;
	margin:0;
}
.testimonial-section .img_pan{
	display:block;
	text-align:center;
}
.testimonial-section .img-wrap{
	margin:0 auto 20px;
}
.testimonial-section .wrote_by{
	text-align:center;
	padding:0;
}
.testimonial-section blockquote{
	font-size:16px;
	line-height:24px;
	text-align:center;
}
.banner.show{
	width:auto;
	padding:30px 0 0;
}
.banner.show .show-screen-inner p{
	padding-top:15px;
}
.share-publish p.graphics{
	padding:10px 0 0;
}
.banner.share-publish h2{
	padding-top:0;
	font-size:24px !important;
	line-height:32px !important;
	padding-bottom:20px;
}
}
@media screen and (max-width: 550px) {
.footer-desk-inner > ul {
	width: 100%;
}
}
@media only screen and (max-width:479px) {
.show-slider{
	min-height:280px;
}
}
@media only screen and (min-width:320px) and (max-width:479px) {
.btn_whatsnew{
	bottom:50px;
}
.banner h1{
	font-size:32px;
	line-height:40px;
}
.banner.work-online{
	min-height:inherit;
}
.main .two-col.lock-slide{
	padding:0 !important;
	width:100%;
}
.forget-memory .getstarted-box, .one-col.migrate .getstarted-box{
	text-align:center;
}
.lock-slide.two-col .left-panel h3, .lock-slide.two-col .right-panel h3{
	font-size:18px;
}
.maintain h4.qm a{
	font-size:16px;
}
.main .three-columns .sub-feature{
	width:90%;
	padding-left:5%;
	padding-right:5%;
	margin:0 auto;
}
.drive-discussions h2{
	margin-top:10px;
}
}
@media only screen and (max-width:320px) {
.show-slider{
	min-height:220px;
}
}
@media only screen and (min-width:480px) and (max-width:599px) {
.btn_whatsnew{
	bottom:40px;
}
.one-col, .two-col{
	padding-left:6% !important;
	padding-right:6% !important;
}
.two-split-col > div p{
	padding:0;
}
.all-features li a{
	width:40% !important;
}
.testimonial-section .img-wrap{
	margin:-1px 0 0;
}
.testimonial-section .img_pan{
	display:flex;
}
.testimonial-section .wrote_by{
	text-align:left;
	padding:0 0 0 15px;
}
.main .sub-feature{
	width:90%;
	margin:0 auto;
}
}
@media only screen and (min-width:600px) and (max-width:767px) {
.btn_whatsnew{
	bottom:60px;
}
.testimonial-section .wrote_by{
	text-align:left;
	padding:0 0 0 15px;
}
.testimonial-section blockquote{
	font-size:18px;
	line-height:28px;
	text-align:center;
}
.footer .one-liner{
	padding:30px 5%;
}
.banner.share-publish h2{
	font-size:28px !important;
	line-height:40px !important;
}
}
@media only screen and (min-width:768px) and (max-width:980px) {
.whats-new{
	width:96%;
}
.whats-new .year-area{
	background-position:14% center;
}
.whats-new .year-area h2{
	padding-left:0;
	font-size:32px;
}
.whats-new .year-area h3{
	font-size:21px;
}
.whats-new .month-names{
	width:14%;
}
.whats-new .new-updates{
	width:100%;
}
.whats-new .new-updates-content{
	width:74%;
	float:right;
}
.new-updates-content .show-slider li{
	max-width:90%;
	padding:0 5%;
}
.new-updates-content .show-slider{
	min-height:320px;
}
.new-updates-content .more-details iframe {
	width:100%;
	padding:0 !important;
	border:none !important;
}
}
@media only screen and (min-width:900px) and (max-width:959px) {	
.show-slider{
	min-height:540px;
}
.banner.share-publish h2{
	padding-top:0;
	font-size:32px !important;
	line-height:45px !important;
	padding-bottom:20px;
}
}
@media only screen and (min-width:960px) and (max-width:1140px) {
.table-header-top{
	top:0;
}
.banner.show.share-publish{
	padding-left:4%;
	padding-right:4%;
	width:92%;
}
.banner.share-publish h2{
	padding-top:0;
	font-size:36px !important;
	line-height:45px !important;
	padding-bottom:20px;
}
}
@media only screen and (min-width:960px) {
.banner p{
	font-size:16px;
}
}
@media only screen and (min-width: 1440px) {
.new-updates-content  ul.unorderlist li, .banner p {
	font-size: 16px;
}
.banner.share-publish p.graphics{
	max-width:1100px;
}
}



@media only screen and (min-device-width: 320px) and (max-device-width: 900px){
.getstarted-box, .signing{
	display:none;
}
.signing.account{
	display:block;
}
.table-header-top{
	display:none;
}
.compatibility-list{
	overflow:scroll !important;
	width:100%;
}
.compatibility-list .table-header{
	overflow:visible;
}
}
@media screen and (device-width: 320px) and (device-width: 900px){
.getstarted-box, .signing{
	display:none;
}
.signing.account{
	display:block;
}
.table-header-top{
	display:none;
}
}
/* Galaxy Tab */
@media (min-device-width: 320px) and (max-device-width: 900px){
.getstarted-box, .signing{
	display:none;
}
.signing.account{
	display:block;
}
.table-header-top{
	display:none;
}
}
/* iPad mini, iPad 1 and 2 */
@media only screen and (min-device-width: 320px) and (max-device-width: 900px) and (-webkit-device-pixel-ratio: 1){
.getstarted-box, .signing{
	display:none;
}
.signing.account{
	display:block;
}
.table-header-top{
	display:none;
}
}
/* Kindle Fire */
@media only screen and (min-device-width: 320px) and (max-device-width: 900px) and (-webkit-device-pixel-ratio: 1.5){
.getstarted-box, .signing{
	display:none;
}
.signing.account{
	display:block;
}
.table-header-top{
	display:none;
}
}
/* iPad 3, 4, iPhone 4, 4S, 5, 5S, 6 */
@media only screen and (min-device-width: 320px) and (max-device-width: 900px) and (-webkit-device-pixel-ratio: 2){
.getstarted-box, .signing{
	display:none;
}
.signing.account{
	display:block;
}
.table-header-top{
	display:none;
}
}
/* iPhone 6+ and HTC */
@media only screen and (min-device-width: 320px) and (max-device-width: 900px) and (-webkit-device-pixel-ratio: 3){
.getstarted-box, .signing{
	display:none;
}
.signing.account{
	display:block;
}
.table-header-top{
	display:none;
}
}
/* Galaxy S3 */
@media screen and (device-width: 320px) and (device-width: 900px) and (-webkit-device-pixel-ratio: 2){
.getstarted-box, .signing{
	display:none;
}
.signing.account{
	display:block;
}
.table-header-top{
	display:none;
}
}
/* Asus Nexus 7 */
@media screen and (device-width: 320px) and (device-width: 900px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332){
.getstarted-box, .signing{
	display:none;
}
.signing.account{
	display:block;
}
.table-header-top{
	display:none;
}
}