@charset "utf-8";

/* Responsive css created by ESOLZ TECHNOLOGY */


/*@media (min-width: 1200px) {}
@media (min-width: 991px) {}
@media (min-width: 768px) {}
@media (max-width: 1199px) {}
@media (max-width: 990px) {}
@media (max-width: 767px) {}
@media (max-width: 568px) {}
@media (max-width: 420px) {}*/


/****************************************************/

@media (max-width: 1225px) {

}


/****************************************************/

@media (max-width: 991px) {
    body{
        min-width:inherit !important;
    }
}


/****************************************************/

@media (min-width: 768px) {}


/****************************************************/

@media (max-width: 1400px) {
    .box-outer h2{
        font-size: 20px;
    }
    /*    .box-outer h3{
            font-size: 11px;
        }*/
}
@media (max-width: 1342px){
    .box-outer h3{
        font-size: 14px;
    }
}
@media (max-width: 1231px){
    .box-outer h3{
        font-size: 14px;
    }
}
@media (max-width: 1218px){
    .box-outer h3{
        font-size: 14px;
    }
}
@media (max-width: 1173px){
    .box-outer h3{
        font-size: 12px;
    }
}
@media (max-width: 1077px) {
    .box-outer h3 {
        font-size: 12px;
    }
}
@media (max-width: 1062px) {
    .box-outer h3 {
        font-size: 10px;
    }
}
@media (max-width: 800px) {
    .box-outer h3 {
        font-size: 10px;
    }
}
@media (max-width: 785px) {
    .box-outer h3 {
        font-size: 10px;
        padding-top: 25px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .box-outer h2{
        min-height: 42px;
    }
    .box-outer h3{
        width: 50%;
    }
    .box-top{
        font-size: 18px;
    }
    .box-inn h2 small{
        display: block;
    }
    .btn-sign{
        font-size: 13px;
        padding:8px 10px;
        width: 80%;
    }
}
/****************************************************/

@media (max-width: 991px) {

}


/****************************************************/

@media (max-width: 767px) {

    .member-benefit ul {
        width: auto;
        float: none;
        margin-bottom: 15px;
    }
    .member-benefit {
        margin-bottom: 10px;
    }
    .remove-back-color{
        margin-bottom: 5px;
        padding-top: 0;
    }
    .box-outer {
        width: auto;
        float: none;
    }
    .pricingPageWrapper {
        max-width: 100%;
        padding: 0 20px;
    }
    .header-inner {
        width: 100%;
    }
    .header-inner img {
        max-width: 100%;
    }
    /*    current plan responsive starts 11.02.16*/
    .free-storage {
        float: none;
        width: auto;
    }
    .free-storage-cont {
        margin-left: 0;
    }
    .storage-box {
        float: none;
        padding: 15px;
        width: auto;
    }
    .current-plan {
        margin-top: 15px;
    }
    .box-half .box-outer {
        width: 100%;
        margin-bottom: 30px;
    }
    .box-inn .btn-sign {
        padding: 15px 93px;
    }
    .mobile .box-inn a.btn-sign.btn .btn-primary,
    .box-inn a#registerButton,
    .mobile .box-inn .btn-special {
        background-color: #4a4a4a !impotant;
        color: #fff !imortant;
    }
    .box-mrge {
        margin-bottom: 30px;
    }
    .btn-sign {
        width: auto;
    }
    .box-5 .box-outer {
        width: 100%;
    }
    .box-half .box-inn .btn-sign {
        padding: 15px 119px;
    }
    .storage-box:first-child {
        margin: 0;
    }
    .member-benefit {
        padding-bottom: 10px;
    }
    .remove-back-color{
        margin-bottom: 5px;
        padding-top: 0;
    }
    .member-benefit ul {
        position: relative;
    }
    .member-benefit ul li i {
        position: absolute;
        left: 22px;
    }
    .member-benefit ul li {
        padding-left: 22px;
    }
    .box-outer {
        width: 100%;
    }
    .box-half .box-inn {
        height: auto;
    }
    .box-half .box-inn .btn-sign {
        padding: 15px 78px;
    }
    .box-half .box-outer h3 {
        font-size: 20px;
    }
    .box-half ul.ad-list li {
        padding-left: 22px;
        position: relative;
    }
    .box-half ul.ad-list li i  {
        position: absolute;
        left: 2px;
        top: 1px;
    }
    .box-half .box-outer.active .btn-sign {
        position: static;
        transform: none;
    }
    /*    current plan responsive closed 11.02.16   */
}


/****************************************************/

@media (max-width: 568px) {

}
@media (min-width: 944px) and (max-width: 991px){


    .box-outer h3 {
        font-size: 11px;
    }

}/****************************************************/

@media (max-width: 420px) {
    .banner-text h1 {
        font-size: 27px;
    }
    .current-block {
        margin-bottom: 15px;
    }
}


/****************************************************/