@media only screen and (max-width: 3000px) and (min-width: 800px)
{
  .mobileInsights
  {
    display  :  none;
  }
}

@media only screen and (max-width: 1400px) and (min-width: 1200px)
{
  /*add css for 110% browser width*/

  #Header #HeaderDiv
  {
    width   :  1180px;
  }

  #Banner, #Footer, #Body, #MainDiv.insightsPg, #AccountBottomSection
  {
    width   :  1200px;
  }

  #Footer #FooterDiv
  {
    width  :  1150px;
  }

  #Body #BodyDiv, #MainDiv.insightsPg #Body #BodyDiv
  {
    width  :  1150px;
  }

}


@media all and (max-width : 768px) 
{
  #Body #BodyDiv, #BannerContent, #AboutDiv, #FeaturesDiv, #HowItWorksDiv, #CardsDiv, #ServiceDiv, #TestimonialsDiv, #PricingDiv, #FaqDiv, #BlogDiv, #NewsletterDiv, #MapDiv, #ContactDetailsDiv, #FooterDiv, #CompaniesDiv, #Footer #FooterDiv, #Body, #Banner, #Header, #Footer, #AccountBottomSection, #MainDiv.insightsPg
  {
    width        :  96%;
    margin-left  :  2%;
  }

  #Body, #Banner, #Header, #Footer, #AccountBottomSection, #MainDiv.insightsPg
  {
    width        :  100%;
    margin-left  :  0;
  }
  
  #Banner p, .aboutRightDiv p, #CardsDiv .rightSide p, .serviceDetails p, .testimonialDetails p, .pricingDetails p, .faqLeft p, .faqLeft a, .faqLeft p, .faqDetail .answer p, .contactInfo p, #FooterDiv p, .aboutRightDiv span, #HowItWorks span, #ServiceDiv span.top, #TestimonialsDiv span.top, #PricingDiv span.top, #FaqDiv span.top, #BlogDiv span.top, .contactInfo span, .featureDetails span, .testimonialDetails table span:nth-of-type(1), .testimonialDetails table span:nth-of-type(2), .pricingContent span, #Copyright span, #Copyright a, a.buttonLink, .faqDetail .question a, .blogDetails a, #FooterDiv a 
  {
    font-size    :  12px; 
    line-height  :  16px;
    width        :  100%;
  }

  #Companies span, label, input.textbox, textarea, select, .aboutContent span, .aboutContent p, #Retail p, #Retail.corporate p, #Retail.howItWorks p   
  {
    font-size    :  12px; 
    line-height  :  16px;
  }

  #Header #HeaderDiv
  {
    width         :  99%;
    margin-right  :  1%;
    margin-left   :  0;
  }

  .scroll td 
  {
    width  :  auto;
  }
  
  #BannerContent
  {
    margin-top  :  0;
    top         :  27%;
    padding     :  4% 20px;
    width       :  25%;
    height      :  32%;
  }
  
  #BannerDiv
  {
    position  :  relative !important;
  }

  h1
  {
    font-size   :  22px;
    line-height :  26px;
  }

  h2, #CardsDiv .rightSide p span
  {
    font-size    :  20px;
    line-height  :  24px;
  }

  h4, .aboutContent h2, #Retail h2, #Retail.corporate h2, #Retail.howItWorks h2
  {
    font-size    :  18px;
    line-height  :  26px;
  }

  h5
  {
    font-size    :  16px;
    line-height  :  24px;
  }

  h6
  {
    font-size    :  14px;
    line-height  :  22px;
  }

 
  #NavigationDiv, #RegisterAccount
  {
    display  :  none;
  }
	
  #MobileNavigation
  {
    display     :  block;
    position    :  absolute;
    top         :  23px;
    right       :  -112px;
    cursor      :  pointer;
    z-index     :  1000;   
  }

  #NavigationDiv
  {
    position    :  fixed;
    width       :  220px !important;
    height      :  auto;
    top         :  0px;
    bottom      :  0px;
    left        :  0px;
    margin      :  0px !important;
    padding     :  0px !important;
    background  :  #0ACDB8;
    z-index     :  11111111111111;
    overflow-y  :  auto;
  }

  #MobileNavigation
  {
    position  :  absolute;
    right     :  15px;
    top       :  20px;
  }

  #NavigationDiv
  {
    right  :  -54px;
  }

  .navigation 
  {
    width  :  10%;
  }

  #Header a img 
  {
    width  :  165px;
  }

  #Header #Navigation ul li 
  {
    display     :  block;
    padding     :  5px 15px; 
    text-align  :  left;
  }

  #Header #Navigation ul li a 
  {
    color  :  #fff;
  }

  a.buttonLink
  {
    width      :  115px;
    font-size  :  11px;
  }

  #Banner a.buttonLink
  {
    margin-top  :  10px;

    position    :  absolute;
    bottom      :  18px;
  }

  .pricingDetails a.buttonLink, #BlogDiv a.buttonLink, #NewsletterDiv .rightSide input.buttonLink, #frmContact input.buttonLink
  {
    width  :  125px;
  }

  /*
  #Banner 
  {
    height         :  298px;
    margin-bottom  :  0;
    margin-top     :  0px;
  }
  */

  #Companies 
  {
    margin-top  :  2%;
  }

  /*
  #BannerContent
  {
    margin-top  :  40px;
    width       :  120px !important;
    padding     :  25px 20px;
  }
  */
  
  #BannerDiv img, #BannerF1
  {
    width   :  100% !important; 
    height  :  auto !important;
  }


  #Banner p 
  {
    width          :  45%;
    margin-top     :  20px;
    margin-bottom  :  25px;
  }

  .aboutLeftDiv, .aboutRightDiv
  {
    width  :  100%;
  }

  .aboutRightDiv
  {
    margin-left  :  0;
  }

  .aboutRightDiv p
  {
    margin-top  :  20px;
  }

  .otherSideLeft 
  {
    margin-right  :  0%;
    margin-top    :  50px;
  }

  .otherSideRight 
  {
    margin-bottom  :  50px;
  }

  .secondDiv 
  {
    margin-top  :  30px;
  }

  #FeaturesDiv
  {
    margin-top  :  60px;
  }

  .featureDetails img 
  {
    height  :  30px;
  }

  .featureDetails span
  {
    margin-top  :  18px;
    height      :  50px;
  }

  #HowItWorksDiv 
  {
    height  :  300px;
  }

  #HowItWorksDiv a img 
  {
    top    :  105px;
    width  :  300px;
  }

  #CardsDiv
  {
    margin-top  :  60px;
    height      :  260px;
  }

  #CardsDiv .rightSide 
  {
    margin-top  :  35px;
  }

  #CardsDiv .rightSide p span 
  {
    width  :  auto;
    top    :  2px;
  }

  #CardsDiv .rightSide p:nth-of-type(1) span 
  {
    margin-right  :  20px;
  }

  #CardsDiv .rightSide p:nth-of-type(2) span 
  {
    margin-right  :  15px;
  }

  #CardsDiv .rightSide p:nth-of-type(3) span 
  {
    margin-right  :  15px;
  }

  #ServiceDiv, #PricingDiv, #BlogDiv, #ContactDetailsDiv
  {
    margin-top     :  60px;
    margin-bottom  :  60px;
  }

  .serviceDetails
  {
    width          :  41.2%;
    border-radius  :  0 !important;
  }

  .serviceDetails:nth-of-type(1)
  {
    border-bottom  :  0;
  }

  .serviceDetails:nth-of-type(2) 
  {
    border-right  :  1px solid #0ACDB8;
  }

  .serviceDetails p 
  {
    min-height  :  48px;
  }

  #TestimonialsDiv h2 
  {
    width          :  35%; 
    margin-bottom  :  40px;
  }

  .testimonialDetails
  {
    width          :  41.2%;
    border-radius  :  0 !important;
    padding        :  30px 4% 30px 4%;
    height         :  auto;
  }

  .testimonialDetails p 
  {
    margin-bottom  :  26px;
    min-height     :  144px;
    max-height     :  144px;
  }

  .testimonialDetails table img 
  {
    width         :  53px;
    margin-right  :  5px;
  }

  .testimonialDetails img.rating 
  {
    width  :  85px;
  }

  .pricingDetails
  {
    width          :  41.2%;
    border-radius  :  0 !important;
  }

  .pricingDetails:nth-of-type(1)
  {
    border-bottom  :  0;
  }

  .pricingDetails:nth-of-type(2) 
  {
    border-right  :  1px solid #0ACDB8;
  }

  .pricingDetails:nth-of-type(3) 
  {
    border-left  :  1px solid #0ACDB8;
  }

  .pricingDetails p 
  {
    min-height  :  48px;
  }

  .pricingContent .plusMinus 
  {
    top  :  19px;
  }

  .faqLeft, .faqRight
  {
    width  :  100%;
  }

  .faqRight
  {
    margin-top  :  30px;
  }

  .faqRight a img
  {
    float  :  right;
  }

  #BlogDiv a.buttonLink
  {
    top  :  16px;
  }

  .blogDetails 
  {
    width          :  48.6%;
    margin-top     :  0;
    margin-bottom  :  45px;
  }

  .blogDetails:nth-of-type(2n)
  {
    margin-right  :  0;
  }

  .blogDetails:nth-of-type(3n)
  {
    margin-right  :  2%;
  }

  .blogDetails a 
  {
    margin-bottom  :  8px;
  }

  #NewsletterDiv
  {
    margin-bottom  :  60px;
  }

  #NewsletterDiv .leftSide
  {
    width  :  100%;
  }

  #NewsletterDiv .rightSide
  {
    width  :  100%;
  }

  #NewsletterDiv .rightSide input.textbox 
  {
    height  :  40px;
    width   :  200px;
    top     :  0;
  }

  #Map iframe 
  {
    height  :  500px;
  }

  #frmContact 
  {
    width    :  185px;
    padding  :  30px 15px 25px 15px;
    top      :  45px;
    height   :  auto;
  }

  #frmContact td.subject a img 
  {
    float  :  right;
  }

  img.location 
  {
    top    :  222px;
    left   :  calc(50% - 13px);
    width  :  42px;
  }

  .contactInfo img 
  {
    width  :  38px;
  }

  .contactInfo 
  {
    width          :  41.6%;
    border-radius  :  0 !important;
  }

  .contactInfo:nth-of-type(1)
  {
    border-right   :  0;
    border-bottom  :  0;
  }

  .contactInfo:nth-of-type(2)
  {
    margin-top  :  0px;
  }

  #FooterDiv .footerContent 
  {
    margin-left  :  6%;   
    top          :  39px;
    width        :  94%;
  }

  #SocialLinks 
  {
    margin-top: 125px;
  }

  #SocialLinks a img 
  {
    width  :  33px;
  }

  #Copyright 
  {
    margin-top  :  35px;
  }

  #Copyright a 
  {
    margin-right  :  10px;
    width         :  auto !important;
  }

  .pricingContent span 
  {
    padding-left  :  26px;
  }

  .blogDetails img 
  {
    margin-bottom  :  15px;
  }

  .blogDetails span:nth-of-type(1) 
  {
    margin-bottom  :  10px;
  }

  .contactInfo span 
  {
    width  :  auto !important;
  }

  .emailInfo img, .emailInfo p  
  {
    top :  0;
  }

  .emailInfo span, .contactInfo span 
  {
    top :  -14px;
  }

  .contactInfo:nth-of-type(3) p 
  {
    margin-top     :  20px;
    display        :  block;
    margin-bottom  :  5px;
  }

  .scroll
  {
    width       :  100% !important;
    overflow-x  :  auto !important;
  }

  .scroll table
  {
    min-width  :  800px !important;
  }

  #frmMemberLogin, #frmPassword, #frmCompanyLogin, #frmCompanyPassword, #frmRegister, #frmCompanyRegister, .contactUsPg #frmContact
  {
    width  :  100%;
  }

  .contactUsPg #frmContact table table td:nth-of-type(1) 
  {
    width         :  120px;
    margin-right  :  10px;
    display       :  inline-block;
  }

  .contactUsPg img#Captcha
  {
    top  :  0;
  }
  
  #Body #BodyDiv
  {
    padding-top  :  5px;
  }

  .postsPg, .blogsPostPage .posts
  {
    width         :  100%;
    margin-right  :  0;
  }

  .postsPg a.title, .blogsPostPage a.title
  {
    font-size  :  16px;
  }

  .postsPg a.category, .blogsPostPage a.category
  {
    width  :  75%;
  }

  .postsPg span, .blogsPostPage span
  {
    width       :  25%;
    text-align  :  right;
  }

  span.comments 
  {
    text-align  :  left;
  }

  .postsPg .blogDetails
  {
    margin-bottom  :  15px;
  }

  .blogRightPanel
  {
    width  :  96%;
  }

  #Comments
  {
    margin-top  :  0;
  }

  #Comments #frmComments
  {
    width          :  96%;
    margin-right   :  2%;
    padding-left   :  0;
    padding-right  :  0;
  }

  #frmComments td:nth-of-type(2) 
  {
    display  :  none;
  }

  #frmComments td:nth-of-type(1), #frmComments td:nth-of-type(3) 
  {
    width  :  48%;
  }

  #frmComments input.textbox
  {  
    width          :  92%;
    padding-left   :  4%;
    padding-right  :  4%;
  }

  #frmComments textarea 
  {
    padding-left   :  2%;
    padding-right  :  2%;
    width          :  96%;
  }

  #UserLinksDiv
  {
    width         :  96%;
    margin-right  :  2%;
  }

  #UserLinksDiv a
  {
    display         :  inline-block;
    vertical-align  :  top;
    width           :  auto;
  }

  #Copyright span 
  {
    display     :  block;
    margin-top  :  20px;
    font-size   :  11px;
  }

  #Copyright a
  {
    position   :  relative;
    top        :  -45px;
    font-size  :  11px;
  }

  #NewsletterDiv .rightSide 
  {
    margin-top  :  20px;
  }

  #NewsletterDiv .rightSide input.textbox 
  {
    top  :  -4px;
  }

  #UserLinksDiv a 
  {
    font-size  :  12px;
  }

  #frmSettings, #frmMyPassword, #frmRecord, #frmFolderRecord
  {
    width  :  100%;
  }

  #frmSettings textarea, #frmMyPassword textarea, #frmRecord textarea, #frmFolderRecord textarea
  {
    width  :  94% !important;
  }

  #Account table tr td:nth-child(2n-1) 
  {
    width  :  20%;
  }

  #colorbox, #cboxContent
  {
    width       :  98% !important;
    overflow-x  :  scroll;  
  }

  #cboxLoadedContent  
  {
    width       :  98% !important;
    overflow-x  :  scroll; 
  }

  #cboxWrapper  
  {
    width  :  100% !important;  
  }

  #colorbox 
  {
    left  :  2.3% !important; 
  }

  #LandingPage 
  {
    width  :  96%;
  }

  #LinkProfile, #SectionsTable
  {
    width  :  100%;
  }

  #LandingPage #SocialMedia 
  {
    float           :  none;
    right           :   0;
    padding-top     :  10px;
    padding-bottom  :  25px;
  }

  #LandingPage #Sections
  {
    width         :  96% !important;
    padding-left  :  2%;
  }

  a.shopButton
  {
    margin-right  :  0;
    font-size     :  11px;
    padding       :  5px 12px;
  }

  #Header #HeaderDiv
  {
    padding         :  0px 0px 30px 0;
    padding-bottom  :  0;
    padding-top     :  10px;
  }

  #HeaderDiv table td 
  {
    width  :  auto;
  }

  #CompaniesDiv ul li a img 
  {
    width   :  auto;
    height  :  46px;
  }

  #CompaniesDiv ul li 
  {
    margin-right  :  20px;
  }

  #About
  {
    height  :  232px;
  }

  .aboutContent
  {
    margin-top  :  5px;
    width       :  90%;
  }

  .aboutContent h2
  {
    margin-top     :  -17px;
    margin-bottom  :  -27px;
    width          :  50%;
  }

  .aboutContent p
  {
    max-height  :  96px;
    overflow    :  hidden;
  }

  .aboutContent p, #Retail p, #Retail.corporate p, #Retail.howItWorks p
  {
    width  :  100%;
  }

  #Retail .leftSide, #Retail .rightSide, #Retail.corporate .leftSide, #Retail.corporate .rightSide, #Retail.howItWorks .leftSide, #Retail.howItWorks .rightSide
  {
    width         :  100%;
    margin-left   :  0;
    margin-right  :  0;
  }

  #Retail .rightSide, #Retail.corporate .leftSide, #Retail.howItWorks .leftSide
  {
    width        :  90%;
    margin-left  :  5%;
  }

  #Retail h2, #Retail.corporate h2, #Retail.howItWorks h2
  {
    margin-top     :  35px;
    margin-bottom  :  -15px;
  }

  #Retail a.buttonLink, #Retail.corporate a.buttonLink, #Retail.howItWorks a.buttonLink 
  {
    margin-top     :  5px;
    margin-bottom  :  40px;
  }

  #Retail.howItWorks 
  {
    display     :  flow-root;
    background  :  #EAEAEA;
  }

  .works 
  {
    margin-top  :  40px;
  }

  #Retail.howItWorks .leftSide
  {
    z-index  :  111;
  }

  #Retail.howItWorks .rightSide
  {
    margin-top  :  -90px;
  }

  #Footer .footer
  {
    width           :  49.6% !important;
    float           :  none !important;
    display         :  inline-block;
    vertical-align  :  top;
    margin-bottom   :  30px;
  }

  .footerSocial li 
  {
    margin-right  :  5px;
  }

  #Footer #FooterDiv
  {
    min-height  :  auto;
    padding     :  30px 0px;
  }

  #MobileNavigation 
  {
    right    :  -3px;
    top      :  55px;
    display  :  none;
  }

  #MainDiv.dashboardPg h2 
  {
    font-size  :  14px !important;
  }

  #Banner.innerBannerPg div.innerBanner 
  {
    width   :  100% !important;
    height  :  auto !important;
  }

  #StoresList ul, section.box .button
  {
    width    :  92%;
    padding  :  15px 4%;
  }

  #StoresList ul li a
  {
    width    :  92%;
    padding  :  15px 4%;
  }

  #StoresList ul li a img 
  {
    width  :  100%;
  }

  #MainDiv.loginPages .rightSide h2
  {
    font-size    :  22px;
    line-height  :  27px;
  }

  #MainDiv.loginPages label, #MainDiv.loginPages input.textbox, #MainDiv.loginPages textarea, #MainDiv.loginPages .formFooter .remember label, #MainDiv.loginPages .formFooter a, #MainDiv.loginPages .rightSide span 
  {
    font-size    :  12px !important; 
    line-height  :  16px !important;
  }

  #MainDiv.loginPages h3
  {
    font-size    :  20px;
    line-height  :  25px;
  }

  #MainDiv.loginPages .rightSide
  {
    height  :  315px;
  }

  #MainDiv.loginPages .rightSide h2 
  {
    margin-top  :  100px;
  }

  #MainDiv.loginPages .loginFormsDiv
  {
    width   :  100%;
    height  :  790px;
  }

  #MainDiv.registerPage .loginFormsDiv 
  {
    height  :  1185px;
  }

  #MainDiv.accountPg .loginFormsDiv.accountSetting .rightSide
  {
    height  :  385px;
  }

  #MainDiv.accountPg .loginFormsDiv.accountSetting .rightSide h2 
  {
    margin-top  :  135px;
  }

  #MainDiv.loginPage .loginFormsDiv.forgotPasswordPage .leftSide
  {
    height  :  285px;
  }

  #MainDiv.loginPages .leftSide
  {
    width           :  90%;
    display         :  inline-block;
    vertical-align  :  top;
  }

  #MainDiv.loginPages .rightSide
  {
    width           :  100%;
    display         :  inline-block;
    vertical-align  :  top;
  }

  #MainDiv.loginPages textarea 
  {
    width  :  88% !important;
  }

  .formFooter a 
  {
    width     :  auto;
    position  :  relative;
    top       :  5px;
  }
  
  .contactUsPg #frmContact 
  {
    padding   :  0px 0 20px 0;
    position  :  relative;
    top       :  0px;
  }
  
  #Navigation, .mobile
  {
	  display  :  block;  
  }

  .desktop
  {
	  display  :  none !important;  
  }

  a.logoOuterDiv 
  {
    width  :  auto;
  }

  .loginNewPages 
  {
    width  :  100%;
  }

  #MainDiv.loginPages textarea.full 
  {   
    width  :  94% !important;
  }

  .loginNewPages td 
  {
    width    :  100%;
    display  :  inline-block;
  }

  .registerNew tr:nth-of-type(2n), .accountNewSetting tr:nth-of-type(2n) 
  {
    display  :  none;
  }

  .footerSection1 
  {
    width  :  25%;
  }

  .footerSection2 
  {
    width  :  40%;
  }

  .footerSection3 
  {
    width  :  28.5%;
  }

  .footerSection6 
  {
    margin-top  :  61px;
  }

  #Footer #FooterDiv a, #Footer #FooterDiv a:hover 
  {
    font-size      :  12px;
    line-height    :  16px;
    margin-bottom  :  0;
  }

  .socialIcons img 
  {
    width  :  25px;
  }

  .socialIcons li 
  {
    margin-right  :  9px;
  }

  .footerSection5 p 
  {
    margin-top  :  5px;
  }

  .loginNewPages
  {
    width  :  70%;
  }

  a.logoOuterDiv, #MainDiv.homePage a.logoOuterDiv 
  {
    background-size  :  75px !important;
    height           :  42px !important;
  }

  a.logoOuterDiv
  {
    width  :  70px;
  }

  .logoOuter .rightArrow 
  {
    border-top   :  10px solid transparent;
    border-left  :  10px solid #CCCCCC;
    right        :  -6px;
    bottom       :  0;
  }

  #MainDiv.homePgLoginRegister .loginNew 
  {
    margin-top  :  0px;
    height      :  390px;
  }

  #Header 
  {
    margin-bottom  :  -4px;
  }

  #Banner h1 
  {
    font-size       :  20px;
    line-height     :  24px;
    letter-spacing  :  0;
    margin-left     :  10px;
    top             :  65%;
  }

  #BodyDiv h1 
  {
    font-size       :  20px;
    line-height     :  24px;
  }

  #BodyDiv h2, #MainDiv.homePgLoginRegister #Body h2, #MainDiv.homePgLoginRegister .loginNew h2, #AccountBottomSection h2, #MainDiv.dashboardPg #Contents h2
  {
    font-size    :  18px !important;
    line-height  :  22px !important;
  }

  #MainDiv.loginPages label, #MainDiv.homePgLoginRegister label, #MainDiv.loginPages input.textbox, #MainDiv.loginPages textarea, #MainDiv.homePgLoginRegister input.textbox, #MainDiv.homePgLoginRegister textarea, #MainDiv.homePgLoginRegister .loginNew form .buttonLink, input.buttonLink, button.buttonLink, .footerSection3 p, .footerSection3 h6, #FooterDiv p, #Footer #FooterDiv a, #Footer #FooterDiv a:hover, #MainDiv.dashboardPg #Contents p, #MainDiv.dashboardPg #Contents a, #MainDiv.dashboardPg #Account td, #MainDiv.dashboardPg #Account td b, #MainDiv.insightsPg table.two th, #MainDiv.insightsPg table.two td
  {
    font-size    :  14px !important;
    line-height  :  18px !important;
  }

  #MainDiv.dashboardPg #Account td, #MainDiv.dashboardPg #Account td b
  {
    font-size    :  12px !important;
    line-height  :  16px !important;
  }

  #Footer #FooterDiv .footerSectionLeft a, #MainDiv.cardsPg #Cards ul li a, #MainDiv.insightsPg .trail a 
  {
    font-size    :  16px !important;
    line-height  :  22px !important;
  }

  #MainDiv.homePgLoginRegister .loginNew label.rememberLabel, #MainDiv.homePgLoginRegister .loginNew a#ForgetPassword
  {
    font-size    :  12px !important;
    line-height  :  16px !important;
  }

  #MainDiv.loginPages input.textbox.full, #MainDiv.loginPages textarea.full, #MainDiv.homePgLoginRegister input.textbox.full, #MainDiv.homePgLoginRegister textarea.full 
  {
    padding  :  8px 3%;
  }

  #MainDiv.loginPages textarea, #MainDiv.homePgLoginRegister textarea 
  {
    min-height  :  80px;
  }

  #frmMemberLogin, #frmPassword, #frmRegister, #frmSettings, #frmMyPassword, #frmRecord, #frmFolderRecord
  {
    padding  :  10px 0 20px 0;
  }

  #MainDiv.homePgLoginRegister .loginNew h2 
  {
    padding-top  :  30px;
  }

  #MainDiv.homePgLoginRegister #BannerDiv img 
  {  
    height         :  400px !important;
    /* position       :  relative;
    top            :  -333px;
    margin-bottom  :  -340px; */
  }

  #MainDiv.homePgLoginRegister .loginNew td.rememberTd 
  {
    padding-top  :  0;
    margin-top   :  -5px;
  }

  #MainDiv.homePgLoginRegister .loginNew a#ForgetPassword
  {
    margin-top  :  4px;
  }

  #MainDiv.homePgLoginRegister #Banner 
  {
    height  :  auto;
  }

  #MainDiv.homePgLoginRegister .registerNew 
  {
    padding  :  50px 0 20px 0;
  }

  .memberCards.mobile a, .memberCards.mobile td, .memberCards.mobile td b, .memberCards.mobile div.text
  {
    color  :  #000;
  }

  #MainDiv.insightsPg .trail img 
  {
    width   :  7px;
    margin  :  0 10px;
  }

  #MainDiv.insightsPg .trail 
  {
    margin-top     :  -5px;
    margin-bottom  :  20px;
  }

  #MainDiv.insightsPg #Body #BodyDiv
  {
    width  :  96%;
  }

  .memberCards.mobile a.icon:nth-of-type(2) img 
  {
    width  :  27px;
  }

  img.globalProfile
  {
    width  :  22px;
  }

  #MainDiv.dashboardPg #Contents h2.one 
  {
    margin-top     :  -25px;
    margin-bottom  :  15px;
  }

  #MainDiv.cardsPg #Cards 
  {
    margin-top   :  -10px;
  }

  #MainDiv.dashboardPg #Contents h2.two 
  {
    margin-top  :  15px;
  }

  #HeaderDiv table td.links 
  {
    position  :  relative;
    top       :  -3px;
  }

  #frmRecord .wysiwyg-container, #frmRecord .wysiwyg-editor
  {
    width  :  97.5%;
  }

  body.setupPg #frmRecord .wysiwyg-container, body.setupPg #frmRecord .wysiwyg-editor
  {
    width  :  96.5% !important;
  }

  body.backgroundImage #cboxClose
  {
    right   :  11px;
    width   :  10px;
    height  :  15px;
    top     :  4px;
  }

  .selectedStyles .leftSide 
  {
    width  :  24.2%;
  }

  .themeStyle a 
  {
    padding       :  7px 11px;
    margin-right  :  9px;
    font-size     :  15px;
    line-height   :  26px;
  }

  .fontsStyle a
  {
    font-size     :  15px;
    line-height   :  26px;
  }

  .selectedStyles .leftSide h6 
  {
    font-size    :  15px;
    line-height  :  24px;
  }

  #frmRecord label 
  {
    font-size    :  14px;
    line-height  :  21px;
  }

  #LandingPage ul.social li.socialInfoBoxes .right input[type="text"], ul.social li.socialInfoBoxes .right input[type="text"], #SocialBox ul li .right input[type=text]
  {
    font-size  :  14px;
  }

  #ProfileBannerOuter
  {
    position  :  relative;
  }

  #LandingPage .picture
  {
    margin-top  :  25px;
  }

  body.setupPg .picture 
  {
    margin-top  :  0px;
  }

  #ProfileBannerOuter a.editProfileBanner 
  {
    padding  :  8px 15px 10px 15px;
  }

  #LandingPage .title .wysiwyg-container:nth-of-type(1) .wysiwyg-editor, #LandingPage ul.social li.aboutMeMain h5 
  {
    font-size    :  21px;
    line-height  :  25px;
  }

  #LandingPage .title .wysiwyg-container:nth-of-type(2) .wysiwyg-editor, #LandingPage ul.social li.last a, #SocialMedia, #LandingPage ul.social li.callAndEmail div a, a.previewProfile, .topHeader, .lineHeading h6
  {
    font-size    :  18px;
    line-height  :  25px;
  }

  #frmRecord label, body.themePg form label, body.themePg form input.textbox, body.themePg form select, body.themePg form textarea, .body.themePg form input#filePicture, #ProfileBannerOuter a.editProfileBanner, #frmFolderRecord label
  {
    font-size    :  14px;
    line-height  :  18px;
  }

  body.setupPg #ProfileBannerOuter 
  {
    margin-top  :  0;
  }

  #ProfileBannerOuter a.editProfileBanner
  {
    width  :  53px;
  }

  #ProfileBannerOuter a.editProfileBanner img 
  {
    left  :  9px;
  }

  #ProfileBannerOuter a.poweredBy img 
  {
    width  :  80%;
  }

  #ProfilePic img 
  {
    width  :  120px;
  }

  #LandingPage .picture, body.setupPg .picture 
  {
    width   :  120px;
    height  :  120px;
  }

  #LandingPage .title 
  {
    margin-top  :  0;
    padding     :  40px 10px;
  }

  #SocialBox 
  {
    width  :  100%;
    right  :  0;
  }

  #SelectedStyles.theme a 
  {
    width       :  54px;
    text-align  :  center;
  }

  body.landingPgHeader #cboxClose, body.themePg #cboxClose, body.setupPg #cboxClose 
  {
    right  :  6px;
  }

  #AddBlocks
  {
    width        :  96%;
    margin-left  :  2%;
  }

  #MainDiv.accountPg #Banner
  {
    width        :  100%;
    margin-left  :  0;
  }

  .logoOuter .rightArrow, .logoOuter1 .rightArrow, #MainDiv.accountPg .logoOuter .rightArrow, #MainDiv.accountPg .logoOuter1 .rightArrow
  {
    right   :  -35px;
    bottom  :  3px;
    width   :  35px;
    height  :  32px;
  }

  #MainDiv.insightsPg .logoOuter .rightArrow, #MainDiv.insightsPg .logoOuter1 .rightArrow, #MainDiv.homePage .logoOuter .rightArrow, #MainDiv.homePage .logoOuter1 .rightArrow 
  {
    right   :  -35px;
    bottom  :  3px;
    width   :  35px;
    height  :  32px;
  }

  #MainDiv.homePage .logoOuter .rightArrow, #MainDiv.homePage .logoOuter1 .rightArrow 
  {
    right   :  -35px;
    bottom  :  4px;
    width   :  35px;
    height  :  32px;
  }
  
  /*
  section.box
  {
	 width  :  92%;  
  }
  
  .dragAndDrop
  {
	 right  :  -5px;  
  }
  */

  #ReCaptcha
  {
	 width     :  210px;
	 overflow  :  hidden;
	 float     :  left;  
  }
  
  .registerNew tr:last-child
  {
    display  :  initial;
  }

  a.mobileGlobal
  {
    background     :  #4A2874;
    color          :  #ffffff;
    padding        :  5px 10px 4px 10px;
    border-radius  :  10px;
    color          :  #fff !important;
    display        :  block;
    width          :  120px;
  }

  .desktopInsights
  {
    display  :  none;
  }

  .mobileInsights 
  {
    width          :  90%;
    padding        :  5%;
    border         :  1px solid #023651;
    border-radius  :  10px;
    margin-bottom  :  5%;
    display        :  block;
    margin-top     :  15px;
  }

  #MainDiv.insightsPg td
  {
    background  :  none;
  }

  .mobileInsights a, .mobileInsights td, .mobileInsights td b, .mobileInsights div.text 
  {
    color  :  #000;
  }

  .mobileInsights td
  {
    font-family  :  'Codec Pro Regular' !important;
    width        :  50%;
  }

  #MainDiv.insightsPg .mobileInsights table.two 
  {
    margin-top  :  0;
  }

  #MainDiv.insightsPg .mobileInsights td 
  {
    background  :  none;
  }

  #Sections, section.box
  {
    width          :  100% !important;
    max-width      :  350px !important;
    padding-left   :  0px !important;
    padding-right  :  0px !important;
    margin-left    :  auto !important;
    margin-right   :  auto !important;
  }

  #Cards.leads ul li
  {
	 margin-bottom  :  10px; 
	 float          :  left; 
  }
  
  #MainDiv.cardsPg #Cards ul li a.btnFolder
  {
	font-size  :  13px !important;  
	padding    :  6px 8px 4px 8px;
  }
  
  .memberCards 
  {
    width          :  92%;
    padding        :  4%;
	background     :  #ffffff;
    border         :  1px solid #ffffff;
    border-radius  :  10px;
    margin-bottom  :  5%;
	box-shadow     :  0 4px 12px rgba(0, 0, 0, 0.1);
  }
    
  .mobileCardStatus i
  {
	color         :  #62d097;
	font-size     :  14px;
	margin-left   :  5px;
	margin-right  :  5px;
  }

  .mobileCardStatus i.inactive
  {
	color  :  #ff3d3d;
  }
  
  .mobileCardStatus
  {
	font-size      :  18px;
	font-weight    :  bold;
	margin-bottom  :  10px;
  }

  .mobileCardStatus a, .mobileCardStatus a:hover
  {
	font-size        :  18px;
	font-weight      :  bold;
	text-decoration  :  none;
  }

  .mobileCardStatus span
  {
	font-size      :  18px;
	font-weight    :  normal;
	margin-bottom  :  10px;
  }
  
  .mobileCardNumber
  {
	margin-bottom  :  25px;  
  }
  
  .mobileCardNumber a, .mobileCardNumber a:hover
  {
	font-size        :  16px; 
	color            :  #717d91; 
	text-decoration  :  none;
  }
  
  .mobileVersion ul
  {
	 margin      :  0;
	 padding     :  0;
	 border-top  :  1px solid #ebeaef;  
  }
  
  .mobileVersion ul li
  {
	margin-top  :  10px;
	float       :  left; 
	text-align  :  center; 
  }
  
  .mobileVersion ul li a
  {
	display  :  block !important;
	padding  :  0 5px !important;  
  }
  
  .mobileVersion ul li:first-child
  {
	 width         :  32%;
	 border-right  :  none !important;  
  }
  
  .mobileVersion ul li:nth-child(3) svg
  {
    width     :  15px;
    position  :  relative;
    top       :  3px;
  }
  
  .mobileVersion ul li:nth-child(2)
  {
	width         :  28%;
	border-left   :  1px solid #ebeaef;
	border-right  :  1px solid #ebeaef;
  }
    
  .mobileVersion ul li:nth-child(3)
  {
	 width  :  38%;  
  }
  
  #MainDiv.cardsPg #Cards .mobileVersion ul li.last
  {
	width          :  98%;
	padding        :  1%;
    text-align     :  center;
    border         :  1px solid #ebeaef !important;
    border-radius  :  8px;	
  }
  
  .mobileVersion ul li.last a
  {
	padding: 0 !important;  
  }
    
  #MainDiv.cardsPg #Cards .mobileVersion ul li a
  {
	font-family  :  'Codec Pro Bold', arial, verdana, sans-serif;
	font-size    :  14px !important;  
  }
  
  .mobileVersion ul li a.walletUrl span
  {
	font-size  :  10px;
	color      :  #757e8f;  
  }
  
  .mobileVersion ul li i
  {
	font-size  :  18px;
	position   :  relative;
	top        :  2px;  
  }
  
  #MainDiv.dashboardPg #Body, 
  #MainDiv.cardsPg #Body, 
  #MainDiv.accountPg #Body, 
  #MainDiv.loginPages #Body
  {
    background: #eeecf2;
  }
  
  #frmChanges #MobileSearch
  {
	width          :  65%;
	height         :  16px;
	padding        :  12px 25% 12px 8%;
	color          :  #000000;
	border         :  1px solid #e3e1e8;
	border-radius  :  13px;
	outline        :  none;
  }
  
  #frmChanges #MobileSearch::placeholder
  {
	color  :  #526078  ;
  }
  
  #SearchIcon
  {
	position   :  absolute;
	font-size  :  18px;
	left       :  2.5%;
	top        :  11px;
  }
  
  #frmChanges .mobile .popup
  {
	height         :  15px;
	background     :  #514487;
	color          :  #ffffff;	  
	position       :  absolute;
	line-height    :  18px;
	padding        :  13px 20px;
	right          :  0;
	border-radius  :  13px;
  }
  
  .productsCardPage #Body #BodyDiv
  {
    width        :  90%;
    margin-left  :  5%;	  
  }
  
}


@media all and (max-width : 500px)
{

  .footerSectionLeft 
  {
    margin-top     :  30px;
    margin-bottom  :  30px !important;
  }

  .footerSectionLeft a 
  {
    margin-left  :  0px; 
  }

  .footerSection4
  {
    margin-top  :  30px;
  }

  .footerSection3
  {
    margin-top  :  -10px;
  }

  #LinkProfile li 
  {
    margin  :  0 12px;
  }

  #Banner h1 
  {
    top  :  50%;
  }

  #FooterDiv
  {
    height  :  auto;
  }

  .footerSection5
  {
    margin-top     :  20px;
    margin-bottom  :  16px !important;
  }

  .footerSection6
  {
    margin-top     :  0px;
    margin-bottom  :  25px;
  }

  .footerSection6 a 
  {
    display         :  inline-block;
    vertical-align  :  top;
    width           :  50% !important;
  }

  .footerSection1, .footerSection2, .footerSection3, .footerSection4, .footerSection5, .footerSection6 
  {
    width          :  96%;
    padding-left   :  2%;
    padding-right  :  2%;
  }

  .footerSection2
  {
    margin-bottom: 50px;
  }

  .footerSection1 img 
  {
    width  :  55px;
  }

  .socialIcons img 
  {
    width  :  31px !important;
  }

  #frmSections #FontFamily td
  {
    width    :  auto;
    display  :  block;
  }

  #frmSections #FontFamily input#filePicture
  {
    width  :  96%;
  }

  #BannerContent 
  {
    padding  :  4% 15px;
    width    :  33%;
  }

  #Banner a.buttonLink 
  {
    bottom  :  12px;
  }

  #MobileNavigation 
  {
    right  :  -1px;
    top    :  52px;
    width  :  26px;
  }

  #Footer #FooterDiv 
  {
    padding  :  30px 0px 0px 0;
    height   :  100%;
  }

  #Footer h2 
  {
    font-size      :  13px;
    margin-bottom  :  14px;
  }

  #Footer .footer 
  {
    width  :  49.4% !important;
  }

  #Footer .footer:nth-of-type(3), #Footer .footer:nth-of-type(4) 
  {
    width  :  100% !important;
  }

  .works a img 
  {
    width  :  33px !important;
  }

  .works a 
  {
    margin-right  :  -4px;
  }

  #Retail.howItWorks .rightSide 
  {
    margin-top  :  -60px;
  }


  h4, .aboutContent h2, #Retail h2, #Retail.corporate h2, #Retail.howItWorks h2 
  {
    font-size    :  15px;
    line-height  :  20px;
  }

  .aboutContent h2
  {
    width          :   60%;
    margin-top     :  -16px;
    margin-bottom  :  -23px;
  }

  #CompaniesDiv ul li a img 
  {
    width   :  auto;
    height  :  36px;
  }

  #CompaniesDiv ul li 
  {
    margin-right  :  10px;
  }

  /*
  #Banner 
  {
    height         :  200px;
    margin-bottom  :  0px;
    margin-top     :  0px;
  }

  #BannerContent 
  {
    width    :  120px !important;
    padding  :  13px 10px;
  }
  */

  a.buttonLink 
  {
    width           :  95px;
    font-size       :  10px;
    height          :  14px;
    padding-top     :  5px;
    padding-bottom  :  7px;
  }

  #Banner a.buttonLink 
  {
    margin-top  :  -5px;
  }

  #Header a img 
  {
    width  :  100px;
  }

  a.shopButton 
  {
    font-size  :  10px;
    padding    :  3px 3px;
  }

  #MainDiv.insightsPg a.shopButton 
  {
    padding  :  3px 3px;
  }

  #colorbox, #cboxContent
  {
    width       :  98% !important;
    overflow-x  :  scroll; 
  } 

  #cboxTopCenter, #cboxBottomCenter 
  {
    width  :  98% !important;
  }

  #cboxLoadedContent 
  {
    width  :  97% !important;
  }

  #Account table td
  {
    padding  :  10px 2%;
  }

  #Account table tr td:nth-of-type(1), #Account table tr td:nth-of-type(4), #Account table tr td:nth-of-type(7), #Account table tr td:nth-of-type(10)
  {
    width          :  32%;
    padding-right  :  2% !important;
    padding-left   :  2% !important;
    height         :  30px;
  }

  #Account table tr td:nth-of-type(2), #Account table tr td:nth-of-type(5), #Account table tr td:nth-of-type(8), #Account table tr td:nth-of-type(11) 
  {
    width       :  57.5%;
    margin-left: -4px;
    height      :  30px;
    overflow    :  hidden;
  }

  #Account table tr td:nth-of-type(4), #Account table tr td:nth-of-type(5)
  {
    margin-top: 20px;
  }

  #Account table tr td.centerTd
  {
    display  :  none;
  }

  #Account table tr td
  {
    width    :  50%;
    display  :  inline-block;
  }


  #Tab .ui-state-default
  {
    padding  :  7px 2px !important;
  }

  #Tab .ui-state-default a 
  {
    font-size    :  11px !important;
    line-height  :  15px !important;
  }
    

  .postsPg a.category, .blogsPostPage a.category
  {
    width  :  65%;
  }

  .postsPg span, .blogsPostPage span
  {
    width       :  35%;
    text-align  :  right;
  }

  .blogRightPanel
  {
    width  :  91%;
  }

  #Banner p 
  {
    width          :  57%;
    margin-bottom  :  16px;
  }

  .featureDetails
  {
    width          :  27%;
    margin-bottom  :  25px;
  }

  .featureDetails:nth-of-type(3n) 
  {
    border-right  :  0;
  }

  #FeaturesDiv 
  {
    margin-top  :  30px;
  }

  #HowItWorksDiv a img 
  {
    top    :  117px;
    width  :  200px;
  }

  #CardsDiv
  {
    height  :  525px;
  }

  #CardsDiv .leftSide, #CardsDiv .rightSide
  {
    width  :  100%;
  }

  #CardsDiv .rightSide 
  {
    margin-top  :  0;
  }

  #ServiceDiv h4 
  {
    margin-bottom  :  25px;
  }

  .serviceDetails 
  {
    padding  :  20px 4% 30px 4%;
  }

  .serviceDetails img 
  {
    width  :  63px;
  }

  .serviceDetails h6 
  {
    margin-top     :  15px;
    margin-bottom  :  15px;
  }

  .serviceDetails p 
  {
    min-height  :  64px;
    max-height  :  64px;
  }

  #TestimonialsDiv h2 
  {
    width  :  58%;
  }

  .testimonialDetails p
  {
    margin-top     :  15px;
    margin-bottom  :  25px;
  }

  .testimonialDetails table img 
  {
    width  :  35px;
  }

  .testimonialDetails table span:nth-of-type(1) 
  {
    margin-bottom  :  3px;
  }

  .testimonialDetails p 
  {
    max-height  :  208px;
    min-height  :  208px;
  }

  #TestimonialsDiv a.buttonLink 
  {
    margin-top  :  30px;
  }

  .pricingDetails a.buttonLink, #BlogDiv a.buttonLink, #NewsletterDiv .rightSide input.buttonLink, #frmContact input.buttonLink 
  {
    width  :  105px;
  }

  .pricingContent span 
  {
    padding-left  :  19px;
  }

  .pricingContent .plusMinus img
  {
    top    :  -2px;
    width  :  15px;
  }

  .pricingDetails p 
  {
    min-height     :  62px;
    margin-bottom  :  20px;
  }

  .pricingDetails a.buttonLink
  {
    margin-top  :  20px;
  }

  #PricingDiv h4 
  {
    margin-bottom  :  63px;
  }

  .faqLeft p 
  {
    margin-top     :  25px;
    margin-bottom  :  25px;
  }

  .blogDetails 
  {
    width          :  48.4%;
    margin-bottom  :  35px;
  }

  #BlogDiv
  {
    margin-bottom  :  20px;
  }

  #NewsletterDiv .rightSide 
  {
    margin-top  :  50px;
  }

  #NewsletterDiv .rightSide input.textbox 
  {
    width  :  156px;
    top    :  -5px;
    right  :  10px;
  }

  #NewsletterDiv .leftSide 
  {
    margin-bottom  :  -20px;
  }

  img.location 
  {
    left  :  calc(50% + 85px);
  }

  .contactInfo 
  {
    width  :  41.5%;
  }

  .contactInfo span 
  {
    left  :  5px;
  }

  .contactInfo p 
  {
    font-size  :  11px;
  }

  #FooterDiv .footerContent 
  {
    margin-left  :  4%;
    top          :  25px;
    width        :  92%;
  }

  #FooterDiv p 
  {
    width       :  100% !important;
    margin-top  :  10px;
  }

  #FooterDiv 
  {
    height  :  300px;
  }

  #SocialLinks a img 
  {
    width  :  28px;
  }

  #SocialLinks 
  {
    margin-top  :  190px;
  }

  #Copyright span 
  {
    display  :  block;
    margin-top   :  25px;
  }

  #Copyright a 
  {
    position  :  relative;
    top       :  -45px;
  }
   
  
  #ReCaptcha
  {
	 width     :  210px;
	 overflow  :  hidden;
	 float     :  left;  
  }


}