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

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

    /* Common */

    .sh-hosting-wrapper .inline-block.sh-mbg,
    .sh-hosting-features-content h2 span.left-sep,
    .sh-hosting-includes h2 span.left-sep,
    .sh-hosting-faqs h2 span.left-sep,
    .sh-hosting-wrapper .hosting-select:before,
    .sh-hosting-features-content h2 span.right-sep,
    .sh-hosting-includes h2 span.right-sep,
    .sh-hosting-faqs h2 span.right-sep,
    .sh-hosting-wrapper .hosting-select:after,
    .sh-pricing-data-content .lfloat div.sh-mbg,
    .sh-hosting-faqs,
    .banner-addons-wrapper
    { display: none; }

    .sh-hosting-meta-content,
    .sh-pricing-data-content,
    .sh-hosting-features-content,
    .sh-hosting-includes-content,
    .sh-hosting-faqs-content,
    .sh-hosting-wrapper .country_specific_tabs,
    .sh-hosting-wrapper .server_loc_tabs,
    .money-back-note,
    .sh-hosting-wrapper .ui-subheading.hosting-select
    { margin: 0 auto; width: 87.5%; }

    /* Containers */

    .sh-hosting-banner h1,
    .sh-hosting-features-content h2,
    .sh-hosting-incudes-content h2,
    .sh-hosting-includes h2,
    .sh-hosting-faqs h2,
    .sh-hosting-wrapper h2.hosting-select,
    .sh-hosting-wrapper h2.hosting-select em
    { font-family: 'montserrat-bold', Arial; font-size: 20px; font-weight: normal; }


    /* Banner */

    span.left-text, span.right-text
    { font-size: 22px; text-align: left;  line-height:28px;  top:0; }

    span.left-text
    { left: 9%; width: 90px; }

    span.right-text
    { right: 6%; width: 123px; }

    .sh-hosting-banner-content { margin: 0 auto; width: 98.75%; }

    .sh-hosting-banner h1
    { margin: 0 0 9px 0; }

    .sh-hosting-banner-content p{ font-size: 14px; }

    .sh-hosting-banner-content .switch.windows { margin: 17px auto 0 auto; }

    .sh-hosting-banner-content .sh-banner-img
    {  background: url("../../../../css/hosting/../../sh-hosting-banner-img-mobile.png") no-repeat; margin: 27px auto 0 auto; height: 215px; width: 316px; }

    /* Meta */

    .sh-hosting-meta { padding: 15px 0; }

    .sh-hosting-meta-content p { font-family:"montserrat-bold", Arial; font-size: 14px; font-weight: normal; color:#000; }

    .sh-hosting-meta-content .sub-text { font-family:"proxima_nova", Arial; font-size:14px; font-weight:100; margin: 8px 0 7px 0; }

    .sh-pricing-data-content .lfloat, .sh-pricing-data-content .rfloat { float: none; display: block; text-align: center; }

    .sh-pricing-data-content span { font-family:"proxima_nova", Arial; font-size:20px; font-weight:600; }

    .sh-hosting-meta-content .sh-hosting-supports
    { background: url("../../../../css/hosting/../../sh-hosting-supports-mobile.png") no-repeat; height: 120px; margin: 5px auto 10px auto; width: 280px; }

    .sh-pricing-data-content .lfloat
    { margin: 0 10px }

    .sh-pricing-data-content .lfloat div {  margin: -4px 0 -13px 0;  }

    .sh-pricing-data-content .view-plans { font-size: 15px; padding: 9.5px 19.5px; }

    .sh-pricing-data-content span.value
    { font-family: 'proxima_nova', Arial; font-size: 23px; font-weight: 600;  }

    .sh-pricing-data-content span.symbol, .sh-pricing-data-content span.valid
    { font-family: 'proxima_nova', Arial; font-size: 14px; font-weight: 400;  }

    .sh-pricing-data-content span.valid
    { font-family: 'proxima_nova', Arial; font-size: 15px; font-weight: 400;  }

    .sh-pricing-data-content .view-plans { margin: 20px 0 14px 0; }

    .sh-pricing-data { background: #222; }

    /* Features & Includes */

    .sh-hosting-features-content h2
    { margin: 16px auto 5px auto; }

    .sh-hosting-features-content ul { margin-bottom: -14px; }

    .sh-hosting-features-content ul li,
    .sh-hosting-includes-content div.includes
    { padding: 0; position: relative; margin: 0; width: 100%; }

    .sh-hosting-includes-content div.includes, .sh-hosting-features-content ul li, .sh-hosting-includes-content div.includes:last-child
    { border: 1px solid #ddd; }

    .sh-hosting-features-content ul li { text-align: left; margin-bottom: -1px  }

    .sh-hosting-features-content ul li:first-child, .sh-hosting-includes-content div.includes:first-child
    { border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; }

    .sh-hosting-features-content ul li:last-child, .sh-hosting-includes-content div.includes:last-child
    { border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; }

    .sh-hosting-features-content ul li .feature-icon,
    .sh-hosting-features-content ul li h3
    { display: inline-block; vertical-align: middle; }

    .sh-hosting-features-content ul li p { font-size: 14px; text-align: left; padding: 12px; }

    .sh-hosting-features-content ul li .feature-icon {
        background: url('../../../../css/hosting/../../images/sh-features-icons.png') no-repeat;
        background-size: 98px 30px;
        margin: 12px 10px 12px 11px;
    }
    .sh-hosting-features-content ul li .feature-icon.speed { background-position: 0 0; height: 30px; width: 31px; }

    .sh-hosting-features-content ul li .feature-icon.email {  background-position: -36px 0; height: 30px; width: 31px; }

    .sh-hosting-features-content ul li .feature-icon.cpanel {  background-position: -70px 0;  width: 31px;  height: 30px;  }

    .sh-hosting-features-content ul li .feature-icon.uptime {
        background: url('../../../../css/hosting/../../images/sh-windows-uptime.png') no-repeat; background-size: 26.5px 30px;
        height: 30px; margin: 12px 10px 12px 11px;  width: 31px;
    }

    .sh-hosting-features-content ul li h3,  .sh-hosting-includes-content h3
    { font-size: 14px; font-weight: 400; }

    .sh-hosting-features-content ul li h3
    { margin: 0; }

    .sh-hosting-features-content ul li p
    { border-top: 1px solid #ddd; }

    .sh-hosting-features-content ul li p, .sh-hosting-includes-content ul li span
    { font-size: 14px; font-weight: 100; line-height: 18px; }

    .sh-hosting-features-content ul li p, .sh-hosting-includes-content ul
    { display: none; }

    .sh-hosting-includes { padding: 0 0 30px 0; margin-bottom: -50px; }

    .sh-hosting-includes h2 {  padding: 25px 0;  margin: 0;  }

    .sh-hosting-includes-content div.includes { min-height: 0; margin: -1px auto 0 auto;  border-bottom:0  }

    .sh-hosting-includes-content h3 { padding: 16px 0 16px 10px; border-bottom:1px solid #ddd; }

    .sh-hosting-includes-content ul {  margin: 6px 13px 6px 28px; border-bottom:1px solid #ddd;  }

    .sh-hosting-includes-content ul:last-child  { border-bottom: 0; }

    .sh-content-toggle
    { background: url('../../../../css/hosting/../../sh-feat-inc-toggle-mobile.png') no-repeat;
        position: absolute; right:13px; top:15px; height: 19px; width: 19px;
    }

    .sh-content-toggle.minus { height: 1px; background-position: 0 -9px; top:25px; }

    .sh-hosting-includes-content div.includes:last-child h3 { margin-bottom: -1px; }


    /* Plans */

    .sh-hosting-wrapper .server_loc_tabs { margin: 11px 0 25px 0; text-align: center; width: 100%; }

    .sh-hosting-wrapper #plans-container br { display: none; }

    .sh-hosting-wrapper .server_loc_tabs li
    {   background-position: 8px 14px; background-size: 16px 11px;
        font-family: 'proxima_nova', Arial;  font-size: 12px;  font-weight: 600;
        padding: 0 10px 0 28px;
    }

    .sh-hosting-wrapper .plans-columns-wrp .sliderbullets { width: 100%; text-align: center; margin: 10px auto 0 auto; }

    .sh-hosting-wrapper .plans-columns-wrp .sliderbullets li
    {  background: #ccc; display: inline-block; height:10px; margin: 0 8px 0 0; width: 10px;
        border-radius: 20px;  -moz-border-radius: 20px; -webkit-border-radius: 20px; cursor: pointer;
    }

    .sh-hosting-wrapper .plans-columns-wrp .sliderbullets li.current-slide { background: #0893d8; }

    .sh-hosting-wrapper .plans-columns-wrp .sliderbullets li:last-child { margin: 0;  }

    .sh-hosting-wrapper .plans-columns-wrp .plans-columns { position: relative; }

    .sh-hosting-wrapper .plans-columns-wrp .plans-columns .prev,
    .sh-hosting-wrapper .plans-columns-wrp .plans-columns .next
    { cursor: pointer; position: absolute; top:62.3%; height: 26px; width: 26px; z-index: 999; }

    .sh-hosting-wrapper .plans-columns-wrp .plans-columns .prev
    { left: 8px; background: url('../../../../css/hosting/../../sh-slider-prev.png') no-repeat #fff; }

    .sh-hosting-wrapper .plans-columns-wrp .plans-columns .next
    { right: 8px; background: url('../../../../css/hosting/../../sh-slider-next.png') no-repeat #fff; }

    .sh-hosting-wrapper .plans-columns-wrp .plans-columns .prev.leftendofslider,
    .sh-hosting-wrapper .plans-columns-wrp .plans-columns .next.rightendofslider
    { background: none; }

    .sh-hosting-wrapper .plan-list { width: 100%; }

    .sh-hosting-wrapper .p-feat, .sh-hosting-wrapper .p-feat strong, .sh-hosting-wrapper li.p-dropdown select { font-size: 14px; }

    .sh-hosting-wrapper li.p-dropdown select { width: 100%; }

    .sh-hosting-wrapper .p-name { font-size: 18px; padding: 13px 0 12px 0; }

    .sh-hosting-wrapper .plan-list { 
/*        margin: 0; */
    }

    .sh-hosting-wrapper .p-pricing { font-size: 24px; font-weight: 600; padding: 15px 0; }

    .sh-hosting-wrapper .p-duration { text-transform: lowercase; }

    .sh-hosting-wrapper .p-currency { font-size: 15px; font-weight: 400; top:-4px; }

    .sh-hosting-wrapper .server_loc_tabs ul li.sel .sel_tab { left:20px !important;  }

    .sh-hosting-wrapper .server_loc_tabs ul li.sel:last-child .sel_tab { left:12.5px !important;  }

    .sh-hosting-wrapper .server_loc_tabs ul li.sel:first-child .sel_tab { left:25px !important;  }

    .money-back-note p, .money-back-note span.money-back-icon
    { font-family: 'proxima_nova', Arial; font-size: 14px; font-weight: 400; line-height: 21px; }

    .money-back-note p
    { margin: 7px 0 0 0; width: 81%; }

    .money-back-note span.money-back-icon { margin: 0 6px 0 0; }

    .sh-hosting-wrapper .p-button .txt-button,
    .sh-hosting-wrapper .plan-featured li.p-button .txt-button
    { width: 92%;  padding: 8px 0;  font-size: 15px; }

    /* Hide prev for 1st plan - hack */

    .hidefirstprev
    { background: #fff; display: block; height: 28px; left: -32px; position: absolute; top:58.3%; width: 46px; z-index: 999;  }

    .hidefirstprev .onepxborder
    { display: block; width: 1px; background: #dedcdc; height: 28px; margin-left: 31px; }

}

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

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

    /* Common */

    .sh-hosting-wrapper .inline-block.sh-mbg,
    .sh-hosting-features-content h2 span.left-sep,
    .sh-hosting-includes h2 span.left-sep,
    .sh-hosting-faqs h2 span.left-sep,
    .sh-hosting-wrapper .hosting-select:before,
    .sh-hosting-features-content h2 span.right-sep,
    .sh-hosting-includes h2 span.right-sep,
    .sh-hosting-faqs h2 span.right-sep,
    .sh-hosting-wrapper .hosting-select:after,
    .money-back-note
    { display: none; }

    /* Containers */

    .sh-hosting-banner-content,
    .sh-hosting-meta-content,
    .sh-pricing-data-content,
    .sh-hosting-features-content,
    .sh-hosting-includes-content,
    .sh-hosting-faqs-content,
    .sh-hosting-wrapper .country_specific_tabs,
    .sh-hosting-wrapper .server_loc_tabs,
    .money-back-note,
    .sh-hosting-wrapper .ui-subheading.hosting-select
    { margin: 0 auto; width: 95%; }


    /* Banner, Features & Includes */

    span.left-text, span.right-text
    { font-size: 29px; line-height:35px;  top:20px; }

    span.left-text
    { left: -10px; width: 120px; }

    span.right-text
    { right: -10px; width: 160px; }


    .sh-hosting-banner-content .sh-banner-img
    { background: url("../../../../css/hosting/../../sh-hosting-banner-img-tablet.png"); height: 218px; margin: 26px auto 0 auto; width: 730px; }

    .banner-addons-content
    { background: url("../../../../css/hosting/../../banner-addons-bg-tablet.png") no-repeat; width: 730px; }


    .sh-hosting-wrapper.windows .banner-addons-content
    { background: url("../../../../css/hosting/../../banner-addons-bg-windows-tablet.png") no-repeat; }

    .addon-txt.left { left: 63px; }

    .addon-txt.right { right: 75px; }

    .sh-hosting-meta-content .sh-hosting-supports
    { background:url("../../../../css/hosting/../../sh-hosting-supports-tablet.png") no-repeat; height: 72px; margin: 17px auto 0 auto; width: 728px;  }

    .sh-hosting-features-content ul li
    { margin: 0 7.5% 0 0;  width: 28%;  }

    .sh-hosting-includes { text-align: center; }

    .sh-hosting-includes-content h3 { text-align: left; }

    .sh-hosting-includes-content div.includes, .sh-hosting-includes-content div.includes:first-child
    { border-right: 0; width: 27%; margin: 0 8.5% 0 0; padding: 0; }

    .sh-hosting-includes-content div.includes:last-child{ margin: 0; }

    .sh-hosting-wrapper .plan-list, .sh-hosting-wrapper .plan-list.plan-featured { width: 23%; margin: 0 1% 0 0; vertical-align: top; }

    .sh-hosting-banner h1
    { font-family: 'montserrat-bold', Arial; font-size: 26px; font-weight: normal; padding: 48px 0 0 0; line-height: 26px; }

    .sh-hosting-banner-content p
    { font-family:"proxima_nova", Arial; font-size:15px; font-weight:100; margin: 9px 0 2px 0; }

    .sh-hosting-meta-content p { font-size: 18px; margin: -12px auto 0 auto }

    .sh-hosting-meta-content .sub-text { font-size: 16px; margin: 9px 0 24px 0; }

    .sh-hosting-meta-content .sh-hosting-supports { margin: 0 auto; }

    .sh-hosting-meta { padding: 30px 0 0 0; }

    .sh-pricing-data-content span { font-size: 24px; }

    .sh-mbg span, .sh-mbg strong
    {  color: #cccbcb; font-family: 'proxima_nova', Arial; font-size: 12px; font-weight: 100; line-height: 18px;  }

    .sh-mbg strong, .sh-mbg .d
    { font-weight:400; }

    .sh-pricing-data-content span.symbol
    { margin: 0 0 0 6px; position: relative; top:4px; }

    .sh-pricing-data-content .lfloat { margin: 0; }

    .sh-pricing-data-content .lfloat .inline-block { margin: 15px 0 0 0; }

    .sh-pricing-data-content .lfloat .inline-block span { margin-top: 0; }

    .sh-hosting-features-content h2,
    .sh-hosting-incudes-content h2,
    .sh-hosting-includes h2,
    .sh-hosting-faqs h2,
    .sh-hosting-wrapper h2.hosting-select,
    .sh-hosting-wrapper h2.hosting-select em
    { font-family: 'montserrat-bold', Arial; font-size:22px; font-weight: normal; }

    .sh-hosting-features-content h2 { margin: 35px auto -5px auto; }

    .sh-hosting-features-content ul li h3,
    .sh-hosting-includes-content h3
    { font-size: 16px; }

    .sh-hosting-features-content ul li h3 { margin: 0 0 10px 0; }

    .sh-hosting-features-content ul li .feature-icon
    { margin: 9px auto 17px auto }

    .sh-hosting-includes-content ul li { padding: 0 0 7px 0; }

    .sh-hosting-features-content ul { margin: 0 0 -21px 0; }

    .sh-hosting-features-content ul li p,
    .sh-hosting-includes-content ul li span
    { font-size: 14px; }

    .sh-hosting-includes h2
    { padding: 25px 0 21px 0; }


    /* Plans */
    .server_loc_tabs li.tab_US,
    .server_loc_tabs li.tab_UK,
    .server_loc_tabs li.tab_TR,
    .server_loc_tabs li.tab_HK,
    .server_loc_tabs li.tab_IN,
    .server_loc_tabs li.tab_CN
    { background-position: 10px 13px; }


    .server_loc_tabs li.CN {
        background: url("../../../../css/hosting/../../ic-small-cn.png") no-repeat 10px 13px #fff;
    }

    .sh-hosting-wrapper .server_loc_tabs li { background-size: 18px 13px; font-size: 13px; padding: 0 10px 0 40px; }

    .sh-hosting-wrapper .p-name { font-size: 16px; }

    .sh-hosting-wrapper .p-feat,
    .sh-hosting-wrapper .p-feat strong,
    .sh-hosting-wrapper li.p-dropdown select
    { font-size: 14px; padding: 0 0 12px 0; margin:0; }

    .sh-hosting-wrapper li.p-dropdown select
    { padding: 0 20px 0 10px; width: 98%; }

    .sh-hosting-wrapper li.p-dropdown
    { margin: 3px 13px 0 13px; }

    .sh-hosting-wrapper .p-button .txt-button,
    .sh-hosting-wrapper .plan-featured li.p-button .txt-button
    { font-size: 14px; font-weight: 100; padding: 8px 0; width:91%; }

    .sh-pricing-data-content .view-plans
    { padding: 0; width: 135px; height: 50px; text-align: center; line-height: 50px; }

    .sh-hosting-wrapper .p-pricing { font-size: 24px; }

    .sh-hosting-wrapper .p-duration { font-size: 12px; text-transform: lowercase; }

    .sh-hosting-wrapper .p-currency { font-size: 14px; top:-5px; }

    .sh-hosting-wrapper #plans-container .plans-columns
    { margin: 35px auto 10px auto; }

    .sh-hosting-wrapper .ui-subheading.hosting-select
    { margin: 25px auto -14px auto; }

    /* FAQs */
    .sh-hosting-faqs-content h4,
    .sh-hosting-faqs-content p
    { font-size: 14px; }

    .sh-hosting-faqs h2
    { margin: 35px auto 27px auto; padding: 0; }



}