489495df MSV FM

MSV FM

Path : /home3/mandnweb/support.mandnweb.com/
File Upload :
Current < : /home3/mandnweb/support.mandnweb.com/Video-Backgrounds.html

<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
  <meta charset="utf-8" />
  <!-- v19044 -->

  <title>Video Backgrounds&ndash; M&N Web Support</title>

  <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="C:\xampp\htdocs\s\style.css" />

  <link rel="canonical" href="https:http://support.mandnweb.com/categories/360003107213-Getting-Started" />
<link rel="alternate" hreflang="en" href="https:http://support.mandnweb.com/categories/360003107213-Getting-Started" />
<link rel="alternate" hreflang="es" href="https:http://support.mandnweb.com/hc/es-419/categories/360003107213-Introducci%C3%B3n" />
<link rel="alternate" hreflang="pt" href="https:http://support.mandnweb.com/hc/pt-br/categories/360003107213-Introdu%C3%A7%C3%A3o" />

  <link rel="stylesheet" media="all" href="http://support.mandnweb.com/style3.css" id="stylesheet" />
    <!-- Entypo pictograms by Daniel Bruce — www.entypo.com -->
    <link rel="stylesheet" media="all" href="/STYLE2.CSS" />
  <link rel="stylesheet" type="text/css" href="/style.css" />

  <link rel="shortcut icon" type="image/x-icon" href="/favicon.png" />

    <script src="//static.zdassets.com/hc/assets/jquery-d5395f0b7ac5027403fc17855c46dbfc.js"></script>
    <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-7265702-1', 'auto');
ga('send', 'pageview');

</script>


  <!-- add code here that should appear in the document head -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="yMnWevXuYeFZaYlCbLARWsCmIB4P49BfutMw7C-QGlE" />
<meta name="google-site-verification" content="lhnotTD1lFQyygdB0p4zoTwEJt54b6hxRsT2esJWo1Q" />
<meta class="swiftype" name="source" data-type="string" content="Support Portal" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,600,700" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!-- swiftype assets -->
  <script src="//theme.zdassets.com/theme_assets/71353/98a6a38ac0f676c4097971de1733c09909d2c4b1.js" charset="utf-8" async defer></script>
	<script src="//theme.zdassets.com/theme_assets/71353/37f4c3e76225b8449028b41fd489f11a907e71d9.js" async defer charset="utf-8"></script>
    <script type="text/javascript" src="//theme.zdassets.com/theme_assets/71353/f36d7b1b3c94475c1d07d525e1ccd309deaec1cc.js"></script>
    <script type='text/javascript' src='//theme.zdassets.com/theme_assets/71353/ac77a77748e4f2ef16af3113e1dbd098490ce2ac.js'></script>
    <script type="text/javascript" src="//theme.zdassets.com/theme_assets/71353/5fb9d31e4258f8aea8a952fc0948d3da76bd8abe.js"></script>

<!--testing localize.js -->
<script src="https://global.localizecdn.com/localize.js"></script>
<script>!function(a){if(!a.Localize){a.Localize={};for(var e=["translate","untranslate","phrase","initialize","translatePage","setLanguage","getLanguage","detectLanguage","getAvailableLanguages","untranslatePage","bootstrap","prefetch","on","off"],t=0;t<e.length;t++)a.Localize[e[t]]=function(){}}}(window);</script>
<script>
 Localize.initialize({
  key: 'xHdDnaYF6jmCt',
  rememberLanguage: true
 });
</script>
<!--testing localize.js -->
  <script type="text/javascript" src="//p23.zdassets.com/hc/theming_assets/71353/360003507153/script.js?digest=360659752193"></script>
 
</head>
<body class="">
  
  

  <header class="header">
    <div class="clearfix header-nav">
        <div class="logo" role="banner"><a href="https://www.mandnweb.com"><img src="/imagess/mnn.png"  style="margin-top:-3%;"><defs><style>.support-cls-1{fill:#f66035;}.support-cls-2{fill:#fff;}</style></defs><path class="support-cls-1" d="M216.42,85.27a10.13,10.13,0,0,1-10.2,10.08H10.2A10.14,10.14,0,0,1,0,85.27V10.09A10.15,10.15,0,0,1,10.2,0h196a10.14,10.14,0,0,1,10.2,10.09Z"/><path class="support-cls-2" d="M55.36,59.63v-5.7c-.48-3.93-3-6.24-7.47-6.92q-8.52.68-9.59,8.75.36,9.84,9.59,10.2c4.51-.71,7-2.82,7.47-6.33m10-38.28V74h-10V71.23A13.6,13.6,0,0,1,47.54,74q-8.17,0-13-5.27a18.17,18.17,0,0,1,0-24.61q4.8-5.26,13-5.27,5.33.34,7.82,2.85V21.32Z"/><path class="support-cls-2" d="M95.47,61.56V38.86h10V74h-10v-3.2A12.44,12.44,0,0,1,87,74q-6.76,0-10.31-4a13.67,13.67,0,0,1-3.55-9.31V38.86H83V58.19a7.75,7.75,0,0,0,1.77,5.44,7.26,7.26,0,0,0,5.37,2q3.09-.21,5.29-4.11"/><path class="support-cls-2" d="M137.79,59.63v-5.7q-.71-5.9-7.46-6.92-8.54.68-9.59,8.75.35,9.84,9.59,10.2,6.75-1.06,7.46-6.33m10-38.28V74h-10V71.23A13.58,13.58,0,0,1,130,74q-8.16,0-13-5.27a18.17,18.17,0,0,1,0-24.61q4.78-5.26,13-5.27c3.56.23,6.16,1.18,7.82,2.85V21.32Z"/><path class="support-cls-2" d="M176.7,63.5v-4q-1.42-2.7-6.75-2.7-6.4.7-6.75,4.92.35,4.18,6.75,4.53,5.33,0,6.75-2.77M157.16,43.11a28.89,28.89,0,0,1,15.63-4.22q6.39,0,10.13,3.51T186.65,53V74h-10V71.23Q172.37,74,168.88,74q-7.11,0-10.66-3a10.19,10.19,0,0,1-3.55-8.26A13,13,0,0,1,158,54q3.36-3.86,10.85-3.86a18.27,18.27,0,0,1,7.82,2.11V51.19c0-2.57-1.94-4-5.69-4.22q-6.39,0-9.95,2.11Z"/><path class="support-cls-2" d="M244.7,73.17a21.31,21.31,0,0,1-7.86-4l3-6.64a23.45,23.45,0,0,0,6.94,3.65A25.29,25.29,0,0,0,255,67.58q5.13,0,7.66-1.64a5,5,0,0,0,2.53-4.35,4.2,4.2,0,0,0-1.41-3.25,9.8,9.8,0,0,0-3.59-2c-1.44-.48-3.42-1-5.92-1.64a70.7,70.7,0,0,1-8.52-2.5,14.08,14.08,0,0,1-5.59-3.92,10.54,10.54,0,0,1-2.34-7.2,12.28,12.28,0,0,1,2.08-6.94,14,14,0,0,1,6.25-5,25.26,25.26,0,0,1,10.23-1.84,33.17,33.17,0,0,1,8.29,1.05,23.07,23.07,0,0,1,7,3L269,38a27.1,27.1,0,0,0-6.31-2.7,23.89,23.89,0,0,0-6.39-.92q-5.07,0-7.53,1.71a5.27,5.27,0,0,0-2.47,4.54,4.1,4.1,0,0,0,1.42,3.23,10.24,10.24,0,0,0,3.58,2q2.17.72,5.92,1.64A63,63,0,0,1,265.65,50a14.41,14.41,0,0,1,5.63,3.92,10.29,10.29,0,0,1,2.34,7.1,12.07,12.07,0,0,1-2.08,6.91,14.09,14.09,0,0,1-6.28,4.94A25.71,25.71,0,0,1,255,74.69,35.08,35.08,0,0,1,244.7,73.17Z"/><path class="support-cls-2" d="M313.65,38.9V74h-7.83V69.56a13.23,13.23,0,0,1-4.94,3.65,16,16,0,0,1-6.38,1.28q-7,0-11.09-3.91t-4-11.62V38.9h8.22V57.84q0,4.74,2.14,7.08a7.85,7.85,0,0,0,6.09,2.33,9.21,9.21,0,0,0,7-2.73q2.6-2.73,2.6-7.86V38.9Z"/><path class="support-cls-2" d="M351.08,40.74a16.19,16.19,0,0,1,6.35,6.31,18.88,18.88,0,0,1,2.3,9.41,19,19,0,0,1-2.3,9.44,16.09,16.09,0,0,1-6.35,6.35,18.68,18.68,0,0,1-9.18,2.24q-7.11,0-11.25-4.74v17h-8.23V38.9h7.83v4.6a12.66,12.66,0,0,1,5-3.75,17,17,0,0,1,6.61-1.25A18.68,18.68,0,0,1,351.08,40.74Zm-2.64,23.68a10.92,10.92,0,0,0,2.93-8,10.93,10.93,0,0,0-2.93-8,9.92,9.92,0,0,0-7.46-3,10.65,10.65,0,0,0-5.33,1.34,9.79,9.79,0,0,0-3.75,3.85,12.75,12.75,0,0,0,0,11.58,9.72,9.72,0,0,0,3.75,3.85A10.56,10.56,0,0,0,341,67.45,9.93,9.93,0,0,0,348.44,64.42Z"/><path class="support-cls-2" d="M394.78,40.74a16.19,16.19,0,0,1,6.35,6.31,18.88,18.88,0,0,1,2.3,9.41,19,19,0,0,1-2.3,9.44,16.09,16.09,0,0,1-6.35,6.35,18.68,18.68,0,0,1-9.18,2.24q-7.11,0-11.25-4.74v17h-8.23V38.9H374v4.6a12.66,12.66,0,0,1,5-3.75,17,17,0,0,1,6.61-1.25A18.68,18.68,0,0,1,394.78,40.74Zm-2.64,23.68a10.92,10.92,0,0,0,2.93-8,10.93,10.93,0,0,0-2.93-8,9.92,9.92,0,0,0-7.46-3,10.65,10.65,0,0,0-5.33,1.34,9.79,9.79,0,0,0-3.75,3.85,12.84,12.84,0,0,0,0,11.58,9.72,9.72,0,0,0,3.75,3.85,10.56,10.56,0,0,0,5.33,1.35A9.93,9.93,0,0,0,392.14,64.42Z"/><path class="support-cls-2" d="M416.38,72.19a16.82,16.82,0,0,1-6.67-6.42,18,18,0,0,1-2.41-9.31,17.85,17.85,0,0,1,2.41-9.27,16.89,16.89,0,0,1,6.67-6.39,21.35,21.35,0,0,1,19.28,0,16.91,16.91,0,0,1,6.68,6.39,17.94,17.94,0,0,1,2.4,9.27,18.11,18.11,0,0,1-2.4,9.31,16.85,16.85,0,0,1-6.68,6.42,21.35,21.35,0,0,1-19.28,0Zm17.11-7.77a10.9,10.9,0,0,0,3-8,10.91,10.91,0,0,0-3-8,10,10,0,0,0-7.5-3,9.92,9.92,0,0,0-7.47,3,11,11,0,0,0-2.93,8,11,11,0,0,0,2.93,8,9.93,9.93,0,0,0,7.47,3A10,10,0,0,0,433.49,64.42Z"/><path class="support-cls-2" d="M471.37,38.5v7.83a10.61,10.61,0,0,0-1.91-.2,10,10,0,0,0-7.5,2.8q-2.68,2.79-2.69,8.06V74H451V38.9h7.83V44Q462.43,38.5,471.37,38.5Z"/><path class="support-cls-2" d="M500,72.12a9.74,9.74,0,0,1-3.52,1.78,16,16,0,0,1-4.37.59q-5.81,0-8.95-3T480,62.65V45.74h-5.79V39.16H480v-8h8.22v8h9.41v6.58h-9.41V62.45a5.55,5.55,0,0,0,1.25,3.91,4.7,4.7,0,0,0,3.62,1.35,7.27,7.27,0,0,0,4.61-1.44Z"/></svg></a>
        </div>
        <nav class="user-nav" role="navigation">
            <ul class="nav">
              <li class="menu-item uni"><a href="http://support.mandnweb.com/ComingSoon.html" target="_blank" rel="noopener">M&N Web University</a></li>
              <li class="menu-item submit-a-request">
                
                <a class="submit-a-request" href="https://www.mandnweb.com/contact">Submit a Request</a>
              </li>
              <li class="menu-item user-login">  <a class="login" data-auth-action="signin" role="button" rel="nofollow" title="Opens a dialog" href="https://www.mandnweb.com/sign-in">Sign in</a>
</li>
              <li class="menu-item menu-trial"><a class="rootLink item-start colorize show-for-notlogged" href="https://www.mandnweb.com/signup" redirecturl="domain" ga-event="" event-category="Link" event-action="Click" event-label="Support_FreeTrial_Nav">Start Free Trial</a></li>
              
              
             
                
            </ul>
        </nav>
    </div>
  	<div class="home-hero" style="text-align:center;"><img src="//theme.zdassets.com/theme_assets/71353/f817d1a5cf552927031b3751f33d57d802c71f88.png" height="139" width="382" alt=""></div>
    <div class="clearfix header-search">
        <div class="header-inner">
      		<div class="title"><a title="Home" href="#">M&N Web Support</a></div>
          <div class="header-search-form">
            
              <form role="search" class="search" data-search="" data-instant="true" autocomplete="off" action="http://support.mandnweb.com/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" /><input type="search" name="query" id="query" placeholder="What can we help you with?" autocomplete="off" aria-label="What can we help you with?" />
<input type="submit" name="commit" value="Search" /></form>
              
              
            
          </div>
          
        </div>
    </div>
</header>

  <main role="main">
    <div class="clearfix breadcrumbs">
    <nav class="sub-nav clearfix category-breadcrumbs" role="navigation" aria-label="breadcrumbs">
      <div class="clearfix wrap">
      <ol class="breadcrumbs">
  
    <li title="M&N Web Support">
      
        <a href="#">M&N Web Support</a>
      
    </li>
  
    <li title="Getting Started">
      
        Getting Started
      
    </li>
  
</ol>

      </div>
    </nav>
</div>
<div class="clearfix row categories">
    <div class="clearfix wrap last-content-row">
       <div class="column-main columns">
            <section class="clearfix section-area">
              <article class="main-column">
                <header class="article-header clearfix">
                  <h1>
                   
                  Video Backgrounds
                  </h1>
                </header>
            
                <div class="subtle-wrap">
                   
                    
                  
                    
                  
                    
                  
                  
                  
                    
                  
                    
                  
                    
                  
                  
                  
                    
                  
                    
                  
                    
                  
                  <div class="content-body article-body">
                  <div role="main" id="mc-main-content"><p><a name="kanchor210"></a>Use Video Backgrounds to quickly add a video from YouTube, Vimeo or Dailymotion as a site background. Video backgrounds can catch a visitor's eye with moving content and add a stylish modern look to any site.</p><p></p><div class="imessage inote"><div class="imessage-name">Note</div><div class="imessage-content"><p>Any file (text, image, video, and so on) uploaded to the system is publicly available. No personal and/or confidential information should be uploaded. To remove the file completely, delete the file from the picker.</p></div></div><p></p><div class="imessage itip"><div class="imessage-name">Tip</div><div class="imessage-content"><p>All YouTube background videos display the video title and uploader before the video starts on load. There is no way to remove these items without manually changing the CSS. Due to this change, YouTube videos are not recommended for background video.</p></div></div><ol><li value="1">To add a video background to your site, obtain the YouTube, Vimeo or Dailymotion URL you want to use.</li><li value="2">Right-click the row or column you would like to add this background to, then click <b>Edit Design</b>.	</li><li value="3">Click the <b>Video</b> tab. You have the following options:<ul><li>Click <b>Upload Video</b> and select the video you want to upload. You can upload up to 200MB in all formats. You can upload video from your device, Facebook, Instagram, Dropbox, Google Drive or record a video using your webcam.<br></li><div class="imessage inote"><div class="imessage-name">Note</div><div class="imessage-content"><p>This feature is still in development and will gradually be released to all customers.</p></div></div><li>Paste the URL of the video you would like to use into the YouTube, Vimeo or Dailymotion URL textbox.	</li></ul></li></ol><h2>Considerations</h2><ul><li>YouTube videos are not supported on mobile as they do not auto-play on iOS devices.</li><li>Background videos will not play sound.</li><li>Videos can take time and bandwidth to load, and can distract users from important links or text on your page, so use videos sparingly.</li><li>Consider reducing the opacity of the video background to make the effect more subtle.</li><li>When adding a Dailymotion video that is part of a playlist, make sure to only add the direct link to the video (and omit the playlist parameter, which looks something like this:?playlist=x1x2f3). If your video’s URL has this parameter, just remove it. For example: https://www.dailymotion.com/video/x60ktex?playlist=x5x6f2 would be https://www.dailymotion.com/video/x60ktex</li></ul></div>
                  </div>
            
                  <div class="article-attachments">
                    <ul class="attachments">
                      
                    </ul>
                  </div>
                <footer>
                    <!-- comments -->
                    
                    <!-- votes -->
                    
                      <div class="article-votes">
                        <span class="article-votes-question">Was this article helpful?</span>
                        <div class="article-votes-controls" role="radiogroup">
                          <a class="button article-vote article-vote-up" data-auth-action="signin" aria-selected="false" role="radio" rel="nofollow" title="Yes" href="http://support.mandnweb.com/signin?return_to=https%3A%2F%2F/support.mandnweb.com%2Fhc%2Fen-us%2Farticles%2F1500001499001-Video-Backgrounds"></a>
                          <a class="button article-vote article-vote-down" data-auth-action="signin" aria-selected="false" role="radio" rel="nofollow" title="No" href="http://support.mandnweb.com/signin?return_to=https%3A%2F%2F/support.mandnweb.com%2Fhc%2Fen-us%2Farticles%2F1500001499001-Video-Backgrounds"></a>
                        </div>
                        <small class="article-votes-count">
                          <span class="article-vote-label">0 out of 0 found this helpful</span>
                        </small>
                      </div>
                    
                </footer>
               
                <div class="article-comments" id="article-comments">
                  <section class="comments">
                    <header class="comment-overview">
                      <h3 class="comment-heading">
                        
                        Feedback on this article
                      </h3>
                      <p class="comment-callout">0 comments</p>
                      
                    </header>

                    <ul id="comments" class="comment-list">
                      
                    </ul>

                    

                    

                    <p class="comment-callout">Please <a data-auth-action="signin" rel="nofollow" href="http://support.mandnweb.com/signin?return_to=https%3A%2F%2F/support.mandnweb.com%2Fhc%2Fen-us%2Farticles%2F1500001499001-Video-Backgrounds">sign in</a> to leave a comment.</p>
                  </section>
                </div>
          
                <!-- eof added -->
                  
                </div>       
              </article>
            
              <aside class="article-sidebar side-column">
                
                
  <section class="related-articles">
    
      <h3 class="related-articles-title">Related articles</h3>
    <ul>
      
    
        <li>
          <a href="http://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCFF3Dj9dAToYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCHl3Dj9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSI7L2hjL2VuLXVzL2FydGljbGVzLzE1MDAwMDE0OTg5NjEtSW1hZ2UtU2l6ZS1HdWlkZWxpbmVzBjsIVDoJcmFua2kG--1ef0bf02a52be45f781850420c9d59b1f3754fde" rel="nofollow">Image Size Guidelines</a>
        </li>
      
        <li>
          <a href="http://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCAlqXNVTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCHl3Dj9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSIxL2hjL2VuLXVzL2FydGljbGVzLzM2MDA2MTg4OTAzMy1WaWRlby1XaWRnZXQGOwhUOglyYW5raQc%3D--0ee14b33d0c645a06ef13932444d6f66ded5b24b" rel="nofollow">Video Widget</a>
        </li>
      
        <li>
          <a href="http://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCCFrXNVTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCHl3Dj9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSJBL2hjL2VuLXVzL2FydGljbGVzLzM2MDA2MTg4OTMxMy1Ucm91Ymxlc2hvb3RpbmctVmlkZW8tV2lkZ2V0BjsIVDoJcmFua2kI--9abab6af3654cf0ab565eb78cefd4d38886ce33f" rel="nofollow">Troubleshooting Video Widget</a>
        </li>
      
        <li>
          <a href="http://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCAI4QdVTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCHl3Dj9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSI5L2hjL2VuLXVzL2FydGljbGVzLzM2MDA2MDEwNjc1NC1Vc2UtdGhlLUNvbG9yLVBpY2tlcgY7CFQ6CXJhbmtpCQ%3D%3D--6ad8e744abd8ed2a657140dda8fb22a088526cc2" rel="nofollow">Use the Color Picker</a>
        </li>
      
        <li>
          <a href="http://support.mandnweb.com/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCCVsXNVTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCHl3Dj9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSJIL2hjL2VuLXVzL2FydGljbGVzLzM2MDA2MTg4OTU3My1Ib3ctZG8tSS1JbmNyZWFzZS1Hb29nbGUtUGFnZVNwZWVkLQY7CFQ6CXJhbmtpCg%3D%3D--7453ceecb1a70e9ac6f07134f0ee1ea755e9fb82" rel="nofollow">How do I Increase Google PageSpeed?</a>
        </li>
      
    </ul>
  </section>


                
              </aside>
             
            </section>
        </div>
        <!-- menu col -->
        <div class="column-menu columns">
               
          <nav>
       <div class="sidenav">
	  <button class="dropdown-btn">  <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.26px;" onclick="window.location.href='https:/support.mandnweb.com';">  GETTING STARTED    </span>  </i>
  </button>
  <div class="dropdown-container">
    <a href="http://support.mandnweb.com/Intro.html" style="MARGIN-LEFT: 7px; font-size:12px;">Introduction</a>
  </div>
    <button class="dropdown-btn">  <i class="fa fa-angle-down" aria-hidden="true"><span  style="font-family:Montserrat;color: #3C3F44;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/GoingLive.html';">   GOING LIVED   </span>  </i>
  </button>
 
 <div class="dropdown-container">
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Publishing Sites</a>
  </div>
  
  <button class="dropdown-btn">  <i class="fa fa-angle-down" aria-hidden="true"><span  style="font-family:Montserrat;color: #3C3F44;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/AccountandBilling.html':"> ACCOUNT AND BILLING    </span>  </i>
  </button>
  <div class="dropdown-container">
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px; font-size:12px;">Introduction</a>
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Billing and Payments</a>
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Account Information</a>
	<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Statistics and Analysis</a>
  </div>
  <button class="dropdown-btn">  <i class="fa fa-angle-down" aria-hidden="true"><span  style="font-family:Montserrat;color: #3C3F44;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/WhiteLabel.html';">   WHITE LABEL AND  CLIENT <BR>&nbsp;&nbsp;&nbsp;&nbsp;MANAGEMENT    </span>  </i>
  </button>
  <div class="dropdown-container">
    <a href="http://support.mandnweb.com/ClientInvitation.html" style="MARGIN-LEFT: 7px;font-size:12px;margin-top:12px;">White Label</a>
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Team Coillaboration</a>
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Client Management</a>
  </div>
     <button class="dropdown-btn">  <i class="fa fa-angle-down" aria-hidden="true"><span  style="font-family:Montserrat;color: #3C3F44;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/WebsiteBuilder.html';"> WEBSITE BUILDER    </span>  </i>
  </button>
  <div class="dropdown-container">
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">General Site Editor</a>
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Global Design</a>
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Header and Footer</a>
	<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Pages and Popups</a>
	<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Content</a>
	<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Dynamic Pages and Collections</a>
	<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Personalization Rules</a>
	<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Blog</a>
	<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Custom Code</a>
	<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">M&N Web on the Go</a>
	<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Site Settings</a>
  </div>
   <button class="dropdown-btn">  <i class="fa fa-angle-down" aria-hidden="true"><span  style="font-family:Montserrat;color: #3C3F44;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/Widgets.html';">  WIDGETS   </span>  </i>
  </button>
  <div class="dropdown-container">
    <a href="http://support.mandnweb.com/Add-Widgets.html" style="MARGIN-LEFT: 7px;font-size:12px;">Widget Overview</a>
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Basic Widgets</a>
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Media Widgets</a>
	<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Business Widgets</a>
	<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Social Widgets</a>
	<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Advances Widgets</a>
  </div>
    <button class="dropdown-btn">  <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/eCommerce.html';">   ECOMMERCE   </span>  </i>
  </button>
  
  <div class="dropdown-container">
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Storefront Overview</a>
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Storefront COnfiguration</a>
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Sales Channels</a>
	<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Manage Customers</a>
  </div>
     <button class="dropdown-btn">  <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/AppStore.html';">   APP STORE   </span>  </i>
  </button>
  
  <div class="dropdown-container">
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Overview</a>
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Apps</a>
  </div>
     <button class="dropdown-btn">  <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/TroubleshootingandFaqs.html';">   TROUBLESHOOTING AND <br>&nbsp;&nbsp;&nbsp;&nbsp;FAQS   </span>  </i>
  </button>
  
  <div class="dropdown-container">
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;margin-top:12px;">How to Go Live</a>
    <a href="http://support.mandnweb.com/What-is-the-Difference-Between-Site-and-Account-Plans.html" style="MARGIN-LEFT: 7px;font-size:12px;">Account and Billing FAQS</a>
    <a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">General FAQS</a>
	<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Custom Code Troubleshooting</a>
	<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Store FAQS</a>
	<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">SEO and Site Settings FAQS</a>
	<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">University and Certification FAQS</a>
  </div>
</div>
    </nav>
        </div>
        </div>
        
        
    </div>
        <!-- eof menu col -->
    </div>
</div>
<script>
/* Loop through all dropdown buttons to toggle between hiding and showing its dropdown content - This allows the user to have multiple dropdowns without any conflict */
var dropdown = document.getElementsByClassName("dropdown-btn");
var i;

for (i = 0; i < dropdown.length; i++) {
  dropdown[i].addEventListener("click", function() {
  this.classList.toggle("active");
  var dropdownContent = this.nextElementSibling;
  if (dropdownContent.style.display === "block") {
  dropdownContent.style.display = "none";
  } else {
  dropdownContent.style.display = "block";
  }
  });
}
</script>
  </main>
  

  <footer id="priority-support" class="clearfix footer">

  
  <!-- M&N Web footer -->
  <div class="footer-wrap">
<div class="row">
<div class="small-12 columns">
  <div class="lists">
    <li>
      <ul class="dropdown-btn">
        <li class="uppercase"><strong>ABOUT US</strong></li>
        <li><a href="https://www.mandnweb.com/about">Our Story</a></li>
        <li><a href="https://www.mandnweb.com/press">Press</a></li>
		</ul>

      <ul class="dropdown-btn st1">
        <li class="uppercase"><strong>Solutions</strong></li>
        <li><a href="https://www.mandnweb.com/solutions/agencies">M&N Web for Agencies</a></li>
        <li><a href="https://www.mandnweb.com/solutions/saas-platforms">M&N Web for SaaS Platforms</a></li>
        <li><a href="https://www.mandnweb.com/solutions/hosts">M&N Web for Hosts</a></li>
      
      </ul>  
    </li>
    
    <li>
	 <ul class="dropdown-btn">
        <li class="uppercase"> <strong> Compare </strong> </li>
        <li><a href="https://www.mandnweb.com/mandnweb-vs-wordpress">M&N Web vs Wordpress</a></li>
        <li><a href="https://www.mandnweb.com/mandnweb-vs-squarespace">M&N Web vs Squarespace</a></li>
        <li><a href="https://www.mandnweb.com/mandnweb-vs-wix">M&N Web vs Wix</a></li>
		</ul>
    </li>
	<li>
      <ul class="dropdown-btn">
	  <li class="uppercase"><strong>Key Features</strong></li>
       
        <li><a href="https://www.mandnweb.com/website-builder/templates">Templates</a></li>
        <li><a href="https://www.mandnweb.com/website-builder/personalization">Website Personalization</a></li>
        <li><a href="https://www.mandnweb.com/plans">For Enterprise </a></li>
        
      </ul>
      </li>
	     </li>
    <li>
      <ul class="dropdown-btn">
        <li class="uppercase"> <strong> Support </strong> </li>
	  <li> <a href="https://www.mandnweb.com/blog"> Blog </a> </li>
        <li> <a href="https://mandnelearning.com/"> M&N Web University </a> </li>
        <li> <a href="https://resources.mandnweb.com/product-updates"> Product Updates </a> </li>
		<li> <a href="https://www.mandnweb.com/resources/marketing-materials"> Marketing Materials </a> </li>
		<li> <a href="https://www.mandnweb.com/developers-portal"> Developer Portal</a> </li>
		<li> <a href="https://www.mandnweb.com/fulfillment-channel"> Fullfillment Channel </a> </li>
         <li> <a href="https://www.mandnweb.com/covid-19"> COVID-19 Updates </a> </li>
		  
   </ul>
   </li>
   <li>
   <ul class="dropdown-btn st">
        
    <li class="uppercase"> <strong> Platform </strong> </li>
        <li> <a href="https://www.mandnweb.com/website-builder">Website Builder </a> </li>
        <li> <a href="https://www.mandnweb.com/team-collaboration"> Team Collaboration Tools </a> </li>
        <li>  <li> <a href="https://www.mandnweb.com/client-management">Client Management</a> </li>
		<li>  <li> <a href="https://www.mandnweb.com/website-builder/design-control">Full Feature Index</a> </li>
   
    </li>
      </ul>
   </li>
    </li>
    <li>
      <ul class="dropdown-btn st" >
        <li class="uppercase"> <strong> Support </strong> </li>
		 <li><a href="https://www.mandnweb.com/website-builder/white-label">White Label</a></li>
        <li> <a href="https:/support.mandnweb.com"> Support Portal </a></li> 
        
      </ul>
    </li>
   
  </div>
</div>

  
  
              
             		
  

<div class="columns large-12 show-for-large"><hr style="margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0,0,0,.1); border-color: #606060;
"></div>
<div class="columns large-12">
      <div class="show-for-large">
        <div class="social-icons"> <a href="https://www.facebook.com/MANDNWEB" class="icon facebook"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> <a href="https://twitter.com/MANDNWEB" class="icon twitter"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> <a href="https://www.linkedin.com/company/mandnweb/" class="icon linkedin"> <i class="fa fa-linkedin" aria-hidden="true"></i> </a> <a href="https://www.youtube.com/channel/UC75ZWQXtLjfXhjjkb5Z_i6Q" class="icon youtube"> <i class="fa fa-youtube-play" aria-hidden="true"></i> </a> </div>
      </div>
      <div class="copyrights">Copyright ©<span id="year">2020</span> M&N Web Company Powered by <a href="https://www.mandnweb.com/" style="color:white;">M&N WEB&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></div>
      <div class="copyrights"><a href="https://www.mandnweb.com/legal/privacy"><span style="color:white;margin-left: 108%;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Privacy</a></span><span class="separate">|</span><a href="https://www.mandnweb.com/legal/terms"><span style="color:white;">Terms</a></span><span class="separate">|</span><a href="https://www.mandnweb.com/general-data-protection-regulation-GDPR-Compliance-Information-and-Resources"><span style="color:white;">GDPR</a></span></div>
      
	  <div class="hide-for-large">
        <div class="social-icons"><a href="https://www.facebook.com/M&N Web" class="icon facebook"> <i class="fa fa-facebook" aria-hidden="true"></i> </a><a href="https://twitter.com/mandnwebmobile" class="icon twitter"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> <a href="https://www.linkedin.com/company/M&N Web" class="icon linkedin"> <i class="fa fa-linkedin" aria-hidden="true"></i> </a> <a href="https://www.youtube.com/user/mandnwebmobile" class="icon youtube"> <i class="fa fa-youtube-play" aria-hidden="true"></i> </a> </div>
      </div>
    </div>
  </div>
</div>
  <!-- eof M&N Web footer --> 
</footer>
<div class="reveal-modal small text-center" data-reveal id="mustLoginModal"> <img src="//du-cdn.multiscreensite.com/mandnweb_website/img/support/lock.png" alt=""> <a class="close-reveal-modal" aria-label="Close">&#215;</a>
  <h3>Please Log in as a Pro</h3>
  <p>Priority Phone Support is available exclusively to Pros. Log in to your Pro account now to see our international support numbers. </p>
  <!-- <a href="https://my.mandnweb.com/login?redirectTo=https://www.mandnweb.com/support" class="button uppercase">Log In</a> --> 
  <a href="https://my.mandnweb.com/login?redirectTo=https://help.mandnweb.comhttp://support.mandnweb.com/requests/new?callback_request=true" class="button uppercase">Log In</a>
  <div class="bottom-modal-msg">Not a Pro? <a class="f-orange" href="https://www.mandnweb.com/plans" target="_blank">Purchase a Pro plan!</a></div>
</div>
<div class="reveal-modal-bg"></div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.1.0/jquery.fitvids.min.js"></script> 
<script>
  $(document).ready(function(){
    $(".article-body").fitVids();
  });
</script> 



  <!-- / -->

  
  <script src="//static.zdassets.com/hc/assets/en-us.32d3fbfa1027c24e46e6.js"></script>
  <script src="https://d1support.zendesk.com/auth/v2/host.js" data-brand-id="360003507153" data-return-to="https:http://support.mandnweb.com/categories/360003107213-Getting-Started" data-theme="hc" data-locale="en-us" data-auth-origin="360003507153,true,true"></script>

    <script type="text/javascript">
  /*

    Greetings sourcecode lurker!

    This is for internal Zendesk and legacy usage,
    we don't support or guarantee any of these values
    so please don't build stuff on top of them.

  */

  HelpCenter = {};
  HelpCenter.account = {"subdomain":"d1support","environment":"production","name":"M&N Web Support"};
  HelpCenter.user = {"identifier":"da39a3ee5e6b4b0d3255bfef95601890afd80709","email":null,"name":null,"role":"anonymous","avatar_url":"https://assets.zendesk.com/hc/assets/default_avatar.png","is_admin":false,"organizations":[],"groups":[]};
  HelpCenter.internal = {"asset_url":"//static.zdassets.com/hc/assets/","web_widget_asset_composer_url":"https://static.zdassets.com/ekr/snippet.js","current_session":{"locale":"en-us","csrf_token":null,"shared_csrf_token":null},"settings":{},"usage_tracking":{"event":"category_viewed","data":"BAh7CDoQY2F0ZWdvcnlfaWRsKwiNedvRUwA6C2xvY2FsZUkiCmVuLXVzBjoGRVQ6Cl9tZXRhews6D2FjY291bnRfaWRpA7kWAToTaGVscF9jZW50ZXJfaWRsKwgtgbbRUwA6DWJyYW5kX2lkbCsI0ZPh0VMAOgx1c2VyX2lkMDoTdXNlcl9yb2xlX25hbWVJIg5BTk9OWU1PVVMGOwdUOwZJIgplbi11cwY7B1Q=--ce3193091996751c3a3ddf223493d3e9910cb738","url":"https:http://support.mandnweb.com/hc/tracking/events?locale=en-us"},"current_record_id":null,"current_record_url":null,"current_record_title":null,"search_results_count":null,"current_text_direction":"ltr","current_brand":{"account_id":71353,"brand_id":360003507153,"brand_url":"https:/support.mandnweb.com","url":"https://mandnwebmobile.zendesk.com/api/v2/brands/360003507153.json","name":"M&N Web  Support","logo":"","subdomain":"d1support","host_mapping":"/support.mandnweb.com","help_center_state":"enabled","ticket_form_ids":"","active":false,"default":false,"has_help_center":false,"created_at":"2019-11-05T16:45:52Z","updated_at":"2020-11-04T18:04:30Z","id":360003507153,"route_id":3083787},"current_brand_url":"https://d1support.zendesk.com","current_host_mapping":"/support.mandnweb.com","current_path":"http://support.mandnweb.com/categories/360003107213-Getting-Started","authentication_domain":"https://d1support.zendesk.com","show_autocomplete_breadcrumbs":false,"rollbar_config":{"enabled":false,"endpoint":"https://rollbar-us.zendesk.com/api/1/item/","accessToken":"731a5a953e9a4b7ab6cac9623f50c732","captureUncaught":true,"captureUnhandledRejections":true,"payload":{"environment":"production","client":{"javascript":{"source_map_enabled":false,"code_version":"fdcf0d0c9f175c8e14714a92ed3f5f84e19d16f6","guess_uncaught_frames":false}}}},"user_info_changing_enabled":false,"has_user_profiles_enabled":true,"has_end_user_attachments":true,"user_aliases_enabled":false,"has_anonymous_kb_voting":false,"has_multi_language_help_center":false,"mobile_device":false,"mobile_site_enabled":false,"show_at_mentions":false,"embeddables_config":{"embeddables_web_widget":false,"embeddables_connect_ipms":false},"base_domain":"zendesk.com","answer_bot_subdomain":"static","manage_content_url":"https:/support.mandnweb.com","arrange_content_url":"https:http://support.mandnweb.com/hc/admin/arrange_contents?locale=en-us","general_settings_url":"https:http://support.mandnweb.com/hc/admin/general_settings?locale=en-us","user_segments_url":"https://d1support.zendesk.com/knowledge/user_segments?brand_id=360003507153","has_gather":true,"has_community_enabled":false,"has_community_badges":false,"has_user_segments":true,"has_answer_bot_web_form_enabled":true,"has_answer_bot_web_form_modal_v2":false,"billing_url":"/access/return_to?return_to=https://d1support.zendesk.com/admin/billing/subscription","has_answer_bot":true,"has_block_answer_bot_embeddable":false,"answer_bot_management_url":"/access/return_to?return_to=https://d1support.zendesk.com/agent/admin/answer_bot","is_account_owner":false,"theming_cookie_key":"hc-da39a3ee5e6b4b0d3255bfef95601890afd807091-preview","is_preview":false,"has_guide_user_segments_search":true,"has_alternate_templates":true,"arrange_articles_url":"https://d1support.zendesk.com/knowledge/arrange?brand_id=360003507153","article_verification_url":"https://d1support.zendesk.com/knowledge/verification?brand_id=360003507153","has_article_verification":true,"guide_language_settings_url":"https:http://support.mandnweb.com/hc/admin/language_settings?locale=en-us","docs_importer_url":"https://d1support.zendesk.com/knowledge/import_articles?brand_id=360003507153","community_badges_url":"https://d1support.zendesk.com/knowledge/community_badges?brand_id=360003507153","community_settings_url":"https://d1support.zendesk.com/knowledge/community_settings?brand_id=360003507153","gather_plan_state":"subscribed","search_settings_url":"https://d1support.zendesk.com/knowledge/search_settings?brand_id=360003507153","has_multibrand_search_in_plan":true,"theming_api_version":1,"has_pci_credit_card_custom_field":true,"current_brand_id":360003507153,"help_center_restricted":false,"current_brand_active":true,"is_assuming_someone_else":false,"flash_messages":[]};
</script>

  <script src="//static.zdassets.com/hc/assets/moment-f6f8513da6ab17eadada59a1a4edb536.js"></script>
  <script src="//static.zdassets.com/hc/assets/hc_enduser-b13c2932f10d69bae5b69408f2b7f1a7.js"></script>
  <script src="//static.zdassets.com/hc/assets/moment-f6f8513da6ab17eadada59a1a4edb536.js"></script>
  <script src="//static.zdassets.com/hc/assets/hc_enduser-b13c2932f10d69bae5b69408f2b7f1a7.js"></script>
   <script type="text/javascript">function add_chatinline(){var hccid=13250679;var nt=document.createElement("script");nt.async=true;nt.src="https://www.mylivechat.com/chatinline.aspx?hccid="+hccid;var ct=document.getElementsByTagName("script")[0];ct.parentNode.insertBefore(nt,ct);}
add_chatinline();</script>
     <script type="text/javascript">
      $(document).ready(function(){
        // Video 1
        $('#mn-web-video').on('shown.bs.modal', function (event) {
          $('#mn-web-video')[0].play();
        });
        $('#mn-web-video').on('hidden.bs.modal', function (event) {
          $('#mn-web-video')[0].pause();
        });
      });
    </script>
    <script src="https://mandnweb.com/css/frontend/lightbox/js/lightbox.min.js"></script>
</body>
<style>



/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
display: block;
    line-height: 2.5;
    padding: 0 0 1.2em 1rem;;
  text-decoration: none;
  font-size: 16px;
  color:#313131;
  display: block;
  border: 0;
  font-weight:600px;
  letter-spacing:0.25px;
  
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;

}



.st{
margin-top: -65%;
   
	}
	.st1{
margin-top: -18%;
   
	}

  /* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
  color: red;
}


/* Main content */
.main {
  margin-left: 200px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
 
}

/* Add an active class to the active dropdown button */
.active {
  color: black;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: white;
  padding-left: 8px;
   color: #3C3F44;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.26px;
}

/* Optional: Style the caret down icon */
.fa fa-angle-down {
  float: right;
  padding-right: 8px;
  padding-top: 8px;
}
.header {
	background:#3D8FE7 !important;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
  .st{
margin-top: 0;
    margin-left: 0;
	}
}
@media (max-width: 64em){
.footer .copyrights {
padding:12px 0 !important;
}


.spane{
	color: #313131;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.25px;
    padding: 0.4em 0 1.6em 1rem;
}
.body{
	font-weight:600px !important;
}
.footer .copyrights {
   
    float: right !important;
    margin-top: -2%;
	color:white;
}
a.M&N Web-link{
	    color: #000 !important;
}
.social-icons .fa-facebook {
	background-color: #e9f4fd;

}
.social-icons .icon.twitter {
	background-color: #e9f4fd;

}
.social-icons .icon.linkedin {
    background-color: #e9f4fd;
}
.social-icons .icon.youtube{
    background-color: #e9f4fd;
}

.fa-facebook-f:before, .fa-facebook:before
{
background-color:white;

	color: #2d373a;
}
.fa-twitter-f:before, .fa-twitter:before
{
	
	color: #2d373a;
}
.fa-linkedin-f:before, .fa-linkedin:before
{
	color: #2d373a;
}
.fa-youtube-play:before
{
	color: #2d373a;
}
.header-search-form .search input[type=submit]
{ background:white !important;
}
button, [role=button], [type=button], [type=submit], #zd-edit-user-close
{
box-shadow: NONE !important; */
}

.sm{
color: #3C3F44;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.26px;
	MARGIN-LEFT: 7px;
	}
.UPPERCASE
{ font-size: 16px !IMPORTANT;}

.footer .lists > li ul {
 font-size: 16px !IMPORTANT;}


</style>

</html>
mandnweb@162.241.194.38: ~ $