.main-container-wrapper #mini-panel-product_menu {
    background: transparent;
}
.joinatalk{
padding: 7px 20px !important;
}
#mini-panel-product_menu .menu-icon-help-header .product-title a, .main-container-wrapper #mini-panel-product_menu .menu-icon-help-header + .product-nav-links li a,#mini-panel-product_menu .product-nav-links li .nolink {
    color: #FFF;
}
.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header + .product-nav-links .dropdown-menu li a{color:#000;}
.expanded.dropdown .caret {background-position: 0 -48px;}
.column-block {
			float: left;
		}

            body {
                font: 14px 'Open Sans', Arial, Helvetica, sans-serif;   
                background: #fafcff;
                line-height: 24px;
            }
            .hero-section {
                background: url(https://zoho.com/showtime/images/how-it-works-top-banner.jpg) no-repeat center center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://zoho.com/showtime/images/ms-pp-hero-section-bg.png', sizingMethod='scale');
                -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://zoho.com/showtime/images/ms-pp-hero-section-bg.png', sizingMethod='scale')";
                -webkit-box-shadow: 0px -10px 21px 0px rgba(0, 0, 0, 0.118);
                -moz-box-shadow: 0px -10px 21px 0px rgba(0, 0, 0, 0.118);
                box-shadow: 0px -10px 21px 0px rgba(0, 0, 0, 0.118);
            }
            .hero-section .content-wrap {
                padding: 50px 50px 120px;
                text-align: center;
                color: #fff;
            }
            .hero-section h1.margin-bottom-0 {
                padding-top: 150px;
            }  
            .hero-section h1 {
                font-size: 50px;
                font-weight: 600;
                color: #fff;
                letter-spacing: -0.5px;
                line-height: 60px;
                max-width: 600px;
                margin: 0 auto 20px;
            }
            .hero-section p {
                color: #fff;
                max-width: 690px;
                margin: 0 auto 40px;
                font-size: 16px;
            }

            .page-nav-wrap {
                height: 65px;
                margin-bottom: 100px;
            }
            .page-nav {
                padding: 10px 0px;
                display: block;
                overflow: hidden;
                -webkit-transition: background 200ms ease;
                -moz-transition: background 200ms ease;
                -o-transition: background 200ms ease;
                transition: background 200ms ease;
            }
            .page-nav.sticky {
                position: fixed;
                top: 53px;
                width: 100%;
                background: #fff;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                border-bottom: 1px solid #efefef;
                z-index: 1;
            }
            .page-nav .content-wrap {
                text-align: center;
            }
            .page-nav a {
                position: relative;
                display: inline-block;
                color: #2e4052;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }
            .page-nav a.active {
                color: #0EBEED;
            }
            .nav-icon-wrap {
                position: relative;
                display: block;
                height: 40px;
            }
            .nav-icon {
                position: absolute;
                display: block;
                width: 50px;
                height: 40px;
                margin: 0 auto;
                background: url(https://zoho.com/showtime/images/ms-pp-sprite.png) no-repeat -268px -122px;
                left: 50%;
                margin-left: -25px;
                -webkit-transition: all 300ms ease;
                -moz-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
            }
            .nav-sep {
                display: inline-block;
                border-bottom: 1px solid #000;
                width: 50px;
                position: relative;
                top: -30px;
                margin: 0px 30px;
            }
            .nav-icon.alt {
                background-position: -266px -74px;
                visibility: hidden;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                filter: alpha(opacity=0);
                -moz-opacity: 0;
                -khtml-opacity: 0;
                opacity: 0;
            }
            .viewer .nav-icon {
                background-position: -326px -76px;
            }
            .viewer .nav-icon.alt {
                background-position: -326px -126px;
            }

            .active .nav-icon {
                visibility: hidden;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                filter: alpha(opacity=0);
                -moz-opacity: 0;
                -khtml-opacity: 0;
                opacity: 0;
            }
            .active .nav-icon.alt {
                visibility: hidden;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                filter: alpha(opacity=100);
                -moz-opacity: 1;
                -khtml-opacity: 1;
                opacity: 1;
                visibility: visible;
            }

            
            .section .content-wrap {
                overflow: hidden;
                margin-bottom: 100px;
                max-width: 960px;
            }
            .section .img-section {
                width: 40%;
                margin-right: 5%;
            }
            .alt-section .img-section {
                float: right;
                margin-right: 0px;
                text-align: right;
            }
            .alt-section .content-section {
                float: left;
                margin-right: 5%;
            }
            .section .content-section {
                width: 55%;
            }
            .section h3 {
                font-size: 30px;
                font-weight: 600;
                margin-bottom: 20px;
                line-height: 1.2;
                letter-spacing: -1px;
            }
            .section p {
                margin-bottom: 20px;
            }
            .section ul {
                list-style-image: url(https://zoho.com/showtime/images/mobile-apps-list.png);
                padding-left: 25px;
                margin-bottom: 30px;
            }
            .section ul li {
                margin-bottom: 15px;
                padding-left: 5px;
            }
            .section h6 {
                font-size: 16px;
                font-weight: 600;
            }
            .qr-code {
                float: left;
                margin-right: 20px;
            }
            .app-store-btn {
                float: left;
            }
            .g-play-btn,
            .iphone-btn {
                display: block;
                width: 125px;
                height: 42px;
                background: url(https://zoho.com/showtime/images/ms-pp-sprite.png) no-repeat 1px -75px;
                margin-bottom: 15px;
            }
            .iphone-btn {
                background-position: -142px -75px;
                margin-bottom: 0px;
            }
            
            /* ==========================================================================
               Helper classes
               ========================================================================== */
          .field-body  .row,
            .section {
                overflow: hidden;
            }
            /*****************************************

            ******************************************/
            @media screen and (max-width: 1140px) {
                .page-nav.sticky {
                    top: 0px;
                }
            } 
            @media (min-width: 768px) and (max-width: 979px) {

            }
            /* =========================================================================
                                                MOBILE 320
            ========================================================================= */
            @media only screen and (max-width: 767px) {
.main{
    margin-top: 77px;
}
.main-container-wrapper #mini-panel-product_menu{
background: #fff;
}

                .hero-section .content-wrap {
                    padding: 30px 20px 70px;
                }
                .column-block {
                    float: none;
                    width: 100%;
                    margin-bottom: 40px;
                }
                .pp-showtime .column-block:nth-child(2) {
                    border-right: none;
                    border-left: none;
                }
                .hero-section h1 {
                    font-size: 25px;
                    line-height: 35px;
                }
                .hero-section p {
                    line-height: 22px;
                }
                .section .column-block {
                    float: none;
                    width: 100%;
                }
                .section .img-section {
                    text-align: center;
                }
                .section h3 {
                    font-size: 25px;
                    line-height: 30px;
                    margin-bottom: 20px;
                }
                .page-nav.sticky {
                    position: relative;
                    top: auto;
                    left: auto;
                }
                .nav-sep {
                    width: 30px;
                }
                .hero-section h1.margin-bottom-0 {
                    padding-top: 50px;
                }
            }