/* Mobile */
@media only screen and (min-width: 320px) and (max-width: 767px)
{

    .wrp.bg-banner, .wrp
    { margin: 0 auto; width: 87.5% !important; }

    .sslc-banner .content-wrp, .sslc-banner h2
    { text-align: center; width: 100%; }

    .sslc-banner p,
    .title2:before, .title2:after,
    .sslc-plans .div-spacer,
    .sc-plans .price
    { display: none; }

    .title2 { font: 20px/26px 'Open Sans', sans-serif; padding: 0;  }

    /* Banner */


    .sslc-banner .bg-banner { min-height: 335px;  }

    .sslc-banner { padding:0; }

    .sslc-banner .bg-banner { background: url("../../../../css/digital-certificate/../../ssl-bg-banner-mobile.png") no-repeat center bottom -9px; }

    .sslc-banner h1 { padding: 30px 0 0 0; display: block; text-align: center; }

    .sslc-banner h1 img { height: 30px; width: 130px; }

    .sslc-banner h2 {  font: bold 20px/26px 'Open Sans', sans-serif; margin: -5px 0 0 0; }

    .sslc-price-row { padding: 13px 0 20px 0; }

    .sslc-price-row	h3 {  font: 600 20px 'Open Sans', sans-serif; }

    .sslc-price-row .price {  font: 600 23px 'Open Sans', sans-serif;  }

    .sslc-price-row .currency{  font: 400 14px 'Open Sans', sans-serif;  }

    .sslc-price-row .duration {font:  400 15px 'Open Sans', sans-serif; }

    .sslc-price-row .lfloat, .sslc-price-row .rfloat
    { float: none; display: block; text-align: center; margin: 0 auto; padding: 0; width: 87.5%; }

    .sslc-price-row .rfloat {  font: 400 15px 'Open Sans', sans-serif; margin: 13px auto 0 auto; padding: 10px 0; }

    .sslc-plans .title2 { margin: 0 auto 18px auto; }


    /* Feature */

    .sslc-features .title2 { margin: 30px auto 25px auto; }

    .features-block
    { width: 100%; }

    .features-block p { text-align: left; }

    .features-block .block1, .features-block .block2, .features-block .block3,
    .features-block .block4, .features-block .block5
    { background-position: left top; min-height: 0; padding: 0 0 0 60px;  text-align: left; width: 80%; }

    .features-block .block1 { background-size: 42px 50px; }

    .features-block .block2 { background-size: 42px 46px; }

    .features-block .block3 { background-size: 44px 45px; }

    .features-block .block4 { background-size: 44px 54px; }

    .features-block .block5 { background-size: 49px 37px; }

    .features-block h4 {  font: 600 15px 'Open Sans', sans-serif; }

    .features-block p {  font: 400 14px/21px 'Open Sans', sans-serif; margin: 4px 0 0 0;  padding: 0 0 32px 0; }


    /* Plans */

    .sslc-plans { padding: 0 0 70px 0; }

    .sc-plans,
    .sc-plans .plan-block {  margin: 0; width: 100% }

    .sc-plans .plan-block
    { margin: 0 0 30px 0 }

    .sc-plans h2 {  font: 600 18px/21px 'Open Sans', sans-serif; padding: 10px 0 7px 0; }

    .sc-plans .feature li, .sc-plans .ui-button2, .sc-plans .plan-duration, .sc-plans .spacer
    {  font: 400 14px 'Open Sans', sans-serif; width: 85%; margin: 0 auto; }

    .sc-plans .plan-duration
    { -moz-appearance: none; -webkit-appearance: none; appearance: none;
        background: url('../../../../css/digital-certificate/../../sh-hosting-plans-dd.png') right center no-repeat #fff;
        border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
        padding: 4.5px 0 4.5px 8px; margin: 18px 0 0 0;
    }

    .sc-plans .ui-button2
    { margin: 20px 0 0 0; padding: 10px 0; }

    .sc-plans .feature { margin: 15px 0 13px 0; }

    .sc-plans .feature li:before
    { border:1px solid #c33c29; content: "";
      border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
      font: 400 14px 'Open Sans', sans-serif;
      display: inline-block; height: 6px; margin: 3px 5px 0 0; vertical-align: top; width: 6px;  }

    .sc-plans .feature li { text-align: left; padding: 6px 0; }


    /* FAQ's */

    .feq-wrp .ssl-tabs {  display: block; width: 100%; text-align: left;  margin: 13px auto 0 auto;  }

    .feq-wrp .ssl-tabs a.active, .feq-wrp .tab-content-wrp { border: 0; }

    .feq-wrp, .feq-wrp .tab-content-wrp { padding: 0; width: 100%; }

    .feq-wrp .tab-content-wrp { padding: 25px 0 0 0; }

    .tab-content-wrp { margin: 0; }

    .feq-wrp .ssl-tabs a { padding: 0; position: static; }

    .feq-wrp { border-bottom:1px solid #ddd; position: relative; }

    .feq-wrp .que
    { border-top:1px solid #ddd; cursor: pointer; font: 400 14px/21px 'Open Sans', sans-serif; padding:7px 40px 6px 0; position: relative; }

    .feq-wrp .ans
    { border-bottom:1px solid #ddd;  display: none; font: 400 14px/18px 'Open Sans', sans-serif;
      margin: 0 0 -1px 0; padding: 0 0 15px 15px;
    }
    .faq-cont.tab-cont .que .plus
    { background: url("../../../../css/digital-certificate/../../ssl-faqs-plus.png") no-repeat; cursor: pointer; display: block; position: absolute;
        height: 19px; top: 50%;  transform: translate(0,-50%); right: 0; width: 19px;
    }

    .faq-cont.tab-cont .que .plus.minus
    { background-position: 0 -9px; height:1px; top: 50%;  transform: translate(0,-50%); width: 19px;   }


    /* Tabs */

    .sslc-banner { position: relative; }

    .tabs-txt
    {  height: 35px; background: #f8f8f8; border-bottom: 1px solid #f0f0f0;  width: 100%;  position: absolute; bottom:-35px; z-index: 99; }

    .tabs-txt span
    {  font: 400 13px/22px 'Open Sans', sans-serif; color: #000; text-transform: uppercase; line-height: 35px; display: inline-block; }

    .tabs-txt-content { width: 100%; margin: 0 auto; text-align: center; }

    .tabs-txt span { padding: 0 25px; }

    .tabs-txt span:first-child { float: left; }

    .tabs-txt span:last-child { float: right; text-align: right; }

    .tabs-txt span.clicked { border-bottom: 2px solid #bf2e1a; }

    /* Extra View Plans Button */

    .blue-view-plans
    {  background: #0893d8; border: 1px solid #044bbc; display: block;
       font: 400 15px 'Open Sans', sans-serif; color: #fff;
       border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
       padding: 10px 0; text-align: center;    width: 100%;  position: absolute;  bottom: -70px;
    }

    #select-domain-wrapper { width: 100% }

    #select-domain-modal{
     width: 100%!important; }

    #select-domain-modal .inner-content div.lfloat,
    #select-domain-modal .inner-content .purchase-sitelock.lfloat
    { width: 100%; margin: 0; padding: 0; }

    #select-domain-modal .inner-content .purchase-codeguard.lfloat
    { margin-top: 20px; }

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

}


/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1000px)
{

    /* Banner */

    .sslc-banner
    { padding:40px 0 0 0; width: 100%; }

    .wrp.bg-banner, .wrp
    { margin: 0 auto; width: 95.5% !important; }

    .sslc-banner .bg-banner
    { background: url(../../../../css/digital-certificate/../../ssl-bg-banner-tab.png) no-repeat right -10px bottom -45px; }

    .sslc-banner h1 { padding: 10px 0 0 0; }

    .sslc-banner h2
    { font:bold 26px/32px 'Open Sans', sans-serif; padding: 3px 0 10px; width: 80%; }

    .sslc-banner p
    { font: 400 15px/22px 'Open Sans', sans-serif; margin: 7px 0 0 0; padding-bottom: 43px; width: 390px; }

    .sslc-banner .content-wrp img { height: 34px; width: 144px; }

    .sslc-price-row {
        padding: 20px 0; }
    
    .sslc-price-row	h3
    { font: 400 24px 'Open Sans', sans-serif; }

    .sslc-price-row .price {  font: 400 30px 'Open Sans', sans-serif;  }

    .sslc-price-row .currency, .sslc-price-row .duration
    { font: 400 18px 'Open Sans', sans-serif; }

    .sslc-price-row .ui-button2
    { font: 400 18px 'Open Sans', sans-serif; }


    /* Features */

    .features-block { width: 100%; }

    .features-block p {  font: 400 14px/21px 'Open Sans', sans-serif; padding: 0;  }

    .features-block h4 {    font: 600 16px/22px 'Open Sans', sans-serif; }

    .title2 { font: 600 22px/32px 'Open Sans', sans-serif; margin: 15px 0 18px 0; padding: 0;  }

    .title2:before, .title2:after { display: none; }

    .sslc-features{ margin: 0 0 20px 0; }

    .blurb-fea.block1, .blurb-fea.block2, .blurb-fea.block3, .blurb-fea.block4, .blurb-fea.block5
    { min-height: 0; }

    .blurb-fea.block1, .blurb-fea.block2, .blurb-fea.block3
    { padding: 76px 33px 0 0; width: 210px; }

    .blurb-fea.block3 { padding-right: 0;  width: 240px; }

    .blurb-fea.block4, .blurb-fea.block5
    { padding: 80px 45px 0 0; margin: 33px 0 0 0; width: 225px;   }


    /* Plans */

    .sc-plans { margin: 0 auto -75px auto; width: 75%; }

    .sc-plans .plan-block { width: 31%; }

    .plan-block.plan3 { margin: 0; }

    .sc-plans h2 {  font: 600 16px 'Open Sans', sans-serif; padding: 10px 0; }

    .sc-plans .price {  font: 400 24px 'Open Sans', sans-serif; padding: 15px 0; }

    .sc-plans .duration, .sc-plans .currency {  font: 400 14px 'Open Sans', sans-serif;  }

    .sc-plans .feature li, .sc-plans .ui-button2, .sc-plans .plan-duration, .sc-plans .spacer
    {  font: 400 14px 'Open Sans', sans-serif; width: 92%; margin: 0 auto; }

    .sc-plans .plan-duration
    { -moz-appearance: none; -webkit-appearance: none; appearance: none;
      background: url('../../../../css/digital-certificate/../../sh-hosting-plans-dd.png') right center no-repeat #fff;
      border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
      padding: 4.5px 0 4.5px 8px;
    }

    .sc-plans .ui-button2
    { margin: 20px 0 0 0; padding: 10px 0; }

    .sc-plans .spacer {  margin: 15px auto 23px auto;  }

    .sc-plans .feature li { padding: 6px 0; }

    /* FAQ's */

    .feq-wrp .ssl-tabs a.active, .feq-wrp .tab-content-wrp { border: 0; }

    .feq-wrp { margin: 40px auto 0 auto; }

    .feq-wrp .tab-content-wrp { margin: 0; padding: 0; }

    .feq-wrp .ssl-tabs a { display: block; padding: 0 0 28px 0; text-align: center;  }

    .faq-cont.tab-cont .que, .faq-cont.tab-cont .ans{ border: 1px solid #ddd; margin: -1px 0 0 0;  }

    .feq-wrp .ans { padding: 15px 20px 10px 20px; font: 400 14px/21px 'Open Sans', sans-serif; display: none; }

    .faq-cont.tab-cont .que { cursor: pointer; padding: 15px 20px; position: relative; }

    .faq-cont.tab-cont .que .plus
    { background: url("../../../../css/digital-certificate/../../ssl-faqs-plus.png") no-repeat; cursor: pointer; display: block; position: absolute;
      height: 19px; top:16px; right: 20px; width: 19px;
    }

    .faq-cont.tab-cont .que .plus.minus
    { background-position: 0 -9px; height:1px; top:25px; width: 19px;   }

    /* Select Domain Modal */

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

}