/* Mobile View (above 320px and below 768px) */

@media screen and (min-width: 320px) and (max-width: 767px) {

    .ee-lite-highlights,
    .ee-lite-plan-divider,
    .ee-upsell,
    .ee-lite-faqs
    { display: none !important; }

    #ee-lite-wrapper, .ee-lite-banner, .ee-lite-banner-content, .ee-lite-plans, .ee-lite-features, .ee-lite-faqs
    { width: 100%; }

    .ee-lite-banner p img
    { height: 125px; width: 87.5%; }


    /* Banner CSS */

    .ee-lite-banner { padding: 25px 0 0 0; }

    .ee-lite-banner h1.ee-lite-description
    { font-family: 'Open Sans', sans-serif !important; font-size: 20px; font-weight: bold;
      line-height: 27px; margin: 0 auto; width: 235px;
    }

    .ee-lite-banner-content { position: relative;  }

    .ee-lite-banner-content p
    { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400;
      line-height: 20px; margin: 7px auto 0 auto; width: 275px;
    }

    .ee-lite-banner-content div.rfloat
    {    float:none; position: absolute; left: 50%; margin-left:-60px; top:-220px;  height: 35px; width: 120px; }

    .ee-lite-banner-content div.rfloat p
    { margin:0; width: 120px; }

    .ee-lite-banner-content div.rfloat p a
    {
        background: url('../../../../css/hosting/../..//eelite-preview-mobile.png') no-repeat 28px 11px;
        border:1px solid #000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
        font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; color:#000;
        margin: 37px 0 0 0; padding: 0 0 0 20px; line-height: 30px; height: 30px; text-align: center; width: 100px;
    }


    .ee-lite-banner-content p img { margin: 80px 0 -6px 0; }

    .ee-lite-banner-links { margin: 0; }

    .ee-lite-banner-links .lfloat { height: auto; margin: 0; width: 100%; }

    .ee-lite-banner-links .lfloat p span { font-size: 18px; font-weight: 600; }

    .ee-lite-banner-links p .white-text
    { font-size: 16px !important; font-weight: 400 !important; }

    .ee-lite-banner-links .lfloat p
    { font-size: 14px !important; font-weight: 400 !important; margin: 0; padding: 6px 0; text-align: center; width: 100%; }

    .ee-lite-banner-links .lfloat p sup { vertical-align: top; }

    @-moz-document url-prefix() {
        .ee-lite-banner-links .lfloat p sup { vertical-align: text-top; }
    }

    .ee-lite-banner-img{ height: 121px; width:275px }


    /* Plans CSS */

    .ee-lite-plans { margin-top: 25px; }

    .ee-lite-plans h2, .ee-lite-features h2
    { font-family: 'Open Sans', sans-serif !important; font-size: 20px; font-weight: bold;
      line-height: 26px; color:#000; width: 87.5%; margin: 0 auto 25px auto;
    }

    .ee-lite-plans-form
    { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 auto; width: 87.5%; text-align: center;  }

    .ee-lite-input-wrapper, .ee-lite-select-wrapper, .ee-lite-total-wrapper, .ee-lite-submit-wrapper, .ee-lite-total-wrapper .total-value
    { background: #fff; display: block; padding: 20px 0 0 0; margin: 0 auto; width: 85%;
      border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: left;
    }

    .ee-lite-select-wrapper { padding: 8px 0 0 0; }

    .ee-lite-submit-wrapper { width: 85% !important; text-align: center; }

    .ee-lite-total-wrapper .total-value{ width: 100%; margin: 6px auto 0 auto; }

    .ee-lite-input-wrapper label, .ee-lite-select-wrapper label, .ee-lite-total-wrapper label
    { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; color:#000; }

    .ee-lite-total-wrapper .total-value
    { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; color:#1b1b1b; }

    .ee-lite-total-wrapper .total-value .currency_symbol { margin: 0 0 0 10px; }

    .ee-lite-input-wrapper input, .ee-lite-submit-wrapper #purchase_button
    { margin: 0; width: 100%; }

    .ee-lite-submit-wrapper #purchase_button
    { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; color:#fff; margin: 0 0 -2px 0;  }

    .ee-lite-total-wrapper .total-value {
    /* background: #f0f0f0; */
    padding: 0;
}

    .ee-lite-input-wrapper input.frm-field { margin: 6px 0 0 0; padding: 6px 0 6px 4%; text-align: left; width: 96%; }

    .eelite-per-account-space
    { color:#434343; font-family: 'Open Sans', sans-serif !important; font-size: 10px !important; font-weight: 400;  }

    .frm-select#ee-value, .ee-lite-input-wrapper input.frm-field
    { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; color:#1b1b1b; border:1px solid #ddd; box-shadow: none;  }

    .frm-select#ee-value, .ee-lite-input-wrapper input.frm-field, .ee-lite-total-wrapper .total-value
    {  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

    .ee-lite-plan-details { margin: 10px auto 0 auto; }

    .ee-lite-plan-details{ line-height: 17px; width: auto; }


    /* Select Domain Modal */

    #select-domain-modal h1.ms-modal-title
    { font-size: 18px; padding: 0 0 12px 0; }

    #select-domain-modal { width: 87.5%; margin-left:6%; z-index: 10000 !important }

    #select-domain-modal .use-existing input[type="text"],
    #select-domain-modal .register-new input[type="text"]
    { width: 205px; }

    #select-domain-modal p label.frm-label
    { font-size: 13px; margin: 0; }

    #select-domain-modal .continue-button-container input#continue_action
    { font-size: 15px !important; padding: 0 42px; }

    #select-domain-modal .inner-content p.purchase-security label
    { font-size: 14px; font-weight: 400; width: 75%; }

    #select-domain-modal .inner-content p
    { font-size: 13px; }

    #select-domain-modal .gray-bgcolor .inner-content p
    { width: 80%; }

    #select-domain-modal .gray-bgcolor .inner-content h2
    { font-size: 14px;   }

    .purchase-codeguard
    { margin-top:20px; }


    /* Features CSS */

    .ee-lite-features { margin-top: 45px; }

    .ee-lite-features ul { margin:0 auto; width: 87.5%; }

    .ee-lite-features ul li, .ee-lite-features ul li.no-margin
    { border: 1px solid #ddd; margin: 0 0 -1px 0 !important; padding: 10px 0; text-align: left; position: relative; }

    .ee-lite-features ul li h3
    {   display:inline-block; *display:inline; zoom: 1;
        font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400;
        margin:0 0 0 8px; line-height: 21px; text-align: left; vertical-align: middle;
    }

    .ee-lite-features ul li h3, .ee-lite-features ul li h3.small-heading
    { width: 68%; }

    .ee-lite-features ul li p
    {   border-top:1px solid #ddd; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400;
        line-height: 18px; margin: 10px 0 0 0; padding: 10px 12px 0 12px; text-align: left; display: none;
    }

    #ee-lite-design,
    #ee-lite-spam,
    #ee-lite-backup,
    #ee-lite-security,
    #ee-lite-contacts,
    #ee-lite-social
    { background: url('../../../../css/hosting/../..//eelite-features-mobile.png') no-repeat; vertical-align: middle; margin: 0 0 0 11px; }

    #ee-lite-design
    { width:30px; height:29px; background-position:0 0; }

    #ee-lite-spam
    { width:30px; height:29px; background-position:0 -34px; }

    #ee-lite-backup
    { width:30px; height:29px; background-position:0 -69px; }

    #ee-lite-storage
    { background-size: 33px 32px; height: 32px; width: 33px; vertical-align: middle; margin: 0 0 0 11px; }

    #ee-lite-security
    { width: 30px; height: 31px; background-position: 0 -103px; }

    #ee-lite-contacts
    { width:28px; height:29px; background-position:0 -140px; }

    #ee-lite-social
    { width:27px; height:29px; background-position:0 -176px; }

    .ee-lite-features .show-hide-feature, .ee-lite-features .minus
    { background: url('../../../../css/hosting/../..//eelite-features-accordion.png') no-repeat 0 -4px; cursor: pointer;
      display: inline-block; float: right; height:19px; position: absolute; right: 14px; top:15px; width: 19px; z-index: 1001;
    }

    .ee-lite-features .minus
    { background-position: 0 0; height: 1px; top:24px; }

    .ee-lite-features ul li:first-child h3 .show-hide-feature, .ee-lite-features ul li:nth-child(5) .show-hide-feature
    { top:18px; }

    .ee-lite-features ul li:first-child h3 .minus, .ee-lite-features ul li:nth-child(5) .minus
    { top:27px; }

    .ee-lite-features ul li { width: 100%; }

    .ee-lite-submit-wrapper { height: auto; padding: 20px 0 15px 0; }

    .ee-lite-total-wrapper { padding: 18px 0 0 0; }

    .ee-lite-banner-links { z-index: 999; }
}


/* Tablet View (above 768px and below 1000px) */

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

    .ee-upsell { display: none; }

    #ee-lite-wrapper, .ee-lite-banner, .ee-lite-banner-content, .ee-lite-plans, .ee-lite-features, .ee-lite-faqs
    { width: 100%; margin: 0; padding: 0; }

    #ee-lite-wrapper { margin: -20px 0 0 0; }

    /* Banner */

    #ee-lite-wrapper h1
    { font-family: 'Open Sans', sans-serif !important; font-size: 26px; font-weight: bold;
      line-height: 26px; padding: 50px 0 0 0;
    }

    .ee-lite-banner p { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; margin: 2px 0 0 0; }

    .ee-lite-banner p.ee-lite-highlights span { font-size: 18px; margin: 0 22px; }


    /* Banner Links */
    .ee-lite-banner-links .rfloat
    { margin-right: 20px; width: 20%;  }

    .ee-lite-banner-links .lfloat
    { margin: 28px 0 28px 20px; }

    .ee-lite-banner-links p .white-text
    { font-family: 'Open Sans', sans-serif; font-size: 24px !important; font-weight: 400 !important; }



    /* Plans */

    .ee-lite-plans { position: relative; }

    .ee-lite-plans h2 { margin:43px auto -5px auto; width: 470px; }

    #enterpriseemail_lite_form { margin: 0 auto; width: 94%; }

    #ee-lite-wrapper label
    { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400;
      display: inline-block; width: 100%; white-space: nowrap
    }

    #ee-lite-wrapper input, #ee-value
    { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; color:#1b1b1b; }

    #ee-lite-wrapper input
    { width: 100%; padding: 6px 0; box-shadow: none; border:1px solid #D3D3D3; }

    .ee-lite-input-wrapper
    { width: 17%; }

    .ee-lite-input-wrapper
    { padding: 28px 0 25px 3%; }

    .ee-lite-select-wrapper
    { padding: 16px 0 40px 3.9%; width: 27.5%; }

    #ee-value {  box-shadow: none; border:1px solid #D3D3D3; }

    .ee-lite-total-wrapper
    {  padding: 16px 16px 40px 3.9%;  width: 17.5%;  margin: 0 0 0 -5px }

    .ee-lite-total-wrapper .total-value
    { color: #1b1b1b; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; width: 130px; }

    .ee-lite-submit-wrapper { width: 172px !important; height: 139px; position: absolute; right:0; }

    .ee-lite-submit-wrapper #purchase_button { font-size: 15px; height: 35px; line-height: 35px; width: 108px; }

    .ee-lite-plan-details em
    { color: #434343; font-family: 'Open Sans', sans-serif; font-size: 10px !important; font-weight: 400; line-height: 15px;
      display: block; width: 150px;
    }

    .ee-lite-plan-divider { left: auto; right: 172px; height: 139px; }


    .ee-lite-features ul, .ee-lite-faqs ul
    { margin: 0 auto; width: 96.5% !important; }

    .ee-lite-features h2, .ee-lite-faqs h2, .ee-lite-plans h2
    { background: none; font-family: 'Open Sans', sans-serif !important; font-size: 26px;font-weight: bold; }

    .ee-lite-plan-details { margin: 10px 0 0 10px; width: 150px; }

    .ee-lite-submit-wrapper #purchase_button { margin: 35px 0 0 35px }

    /* Features */

    .ee-lite-features ul { text-align: center; }

    .ee-lite-features h2
    { margin: 44px 0 26px 0; }

    .ee-lite-features ul li
    { margin: 0 55px 26px 0; width: 27%; }

    .ee-lite-features ul li h3
    { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; }

    .ee-lite-features ul li p
    { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 21px; }


    /* FAQ's */
    .ee-lite-faqs ul
    { border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

    .ee-lite-faqs ul li
    { border-bottom: 1px solid #ddd; margin: 0 !important; padding: 10px 0 0 0; position: relative; text-align: left; }

    .ee-lite-faqs ul li:last-child
    { border-bottom: 0; }

    .ee-lite-faqs ul li h4
    {   display:inline-block;
        font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400;
        margin:0; line-height: 21px; text-align: left; vertical-align: middle; width: 723px; padding: 15px 0px 14px 18px  !important;
    }

    .ee-lite-faqs ul li p
    {   border-top:1px solid #ddd; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400;
        line-height: 18px; margin: 0; padding: 10px 12px 10px 12px; text-align: left; display: none;
    }

    .ee-lite-faqs .show-hide-feature, .ee-lite-faqs .minus
    { background: url('../../../../css/hosting/../..//eelite-features-accordion.png') no-repeat 0 -4px; cursor: pointer;
        display: inline-block; height:19px; position: absolute; right: 20px; top:11px; width: 19px; z-index: 1001;
    }

    .ee-lite-faqs .minus
    { background-position: 0 0; height: 1px; top:20px; }


    /* Select Domain Modal */

    #select-domain-modal { margin-left: -345px; }

    .ee-lite-banner-links { z-index: 999; }


}