@media (max-width: 481px) {
    .hidden-xxs {
        display: none
    }
}

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

    .col-min-1,
    .col-min-2,
    .col-min-3,
    .col-min-4,
    .col-min-5,
    .col-min-6,
    .col-min-7,
    .col-min-8,
    .col-min-9,
    .col-min-10,
    .col-min-11,
    .col-min-12 {
        float: left;
    }

    .col-min-12 {
        width: 100%;
    }

    .col-min-11 {
        width: 91.66666667%;
    }

    .col-min-10 {
        width: 83.33333333%;
    }

    .col-min-9 {
        width: 75%;
    }

    .col-min-8 {
        width: 66.66666667%;
    }

    .col-min-7 {
        width: 58.33333333%;
    }

    .col-min-6 {
        width: 50%;
    }

    .col-min-5 {
        width: 41.66666667%;
    }

    .col-min-4 {
        width: 33.33333333%;
    }

    .col-min-3 {
        width: 25%;
    }

    .col-min-2 {
        width: 16.66666667%;
    }

    .col-min-1 {
        width: 8.33333333%;
    }

    .col-min-pull-12 {
        right: 100%;
    }

    .col-min-pull-11 {
        right: 91.66666667%;
    }

    .col-min-pull-10 {
        right: 83.33333333%;
    }

    .col-min-pull-9 {
        right: 75%;
    }

    .col-min-pull-8 {
        right: 66.66666667%;
    }

    .col-min-pull-7 {
        right: 58.33333333%;
    }

    .col-min-pull-6 {
        right: 50%;
    }

    .col-min-pull-5 {
        right: 41.66666667%;
    }

    .col-min-pull-4 {
        right: 33.33333333%;
    }

    .col-min-pull-3 {
        right: 25%;
    }

    .col-min-pull-2 {
        right: 16.66666667%;
    }

    .col-min-pull-1 {
        right: 8.33333333%;
    }

    .col-min-pull-0 {
        right: auto;
    }

    .col-min-push-12 {
        left: 100%;
    }

    .col-min-push-11 {
        left: 91.66666667%;
    }

    .col-min-push-10 {
        left: 83.33333333%;
    }

    .col-min-push-9 {
        left: 75%;
    }

    .col-min-push-8 {
        left: 66.66666667%;
    }

    .col-min-push-7 {
        left: 58.33333333%;
    }

    .col-min-push-6 {
        left: 50%;
    }

    .col-min-push-5 {
        left: 41.66666667%;
    }

    .col-min-push-4 {
        left: 33.33333333%;
    }

    .col-min-push-3 {
        left: 25%;
    }

    .col-min-push-2 {
        left: 16.66666667%;
    }

    .col-min-push-1 {
        left: 8.33333333%;
    }

    .col-min-push-0 {
        left: auto;
    }

    .col-min-offset-12 {
        margin-left: 100%;
    }

    .col-min-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-min-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-min-offset-9 {
        margin-left: 75%;
    }

    .col-min-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-min-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-min-offset-6 {
        margin-left: 50%;
    }

    .col-min-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-min-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-min-offset-3 {
        margin-left: 25%;
    }

    .col-min-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-min-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-min-offset-0 {
        margin-left: 0;
    }
}

.text-xs-center {
    text-align: center;
}

.text-xs-left {
    text-align: left;
}

.text-xs-right {
    text-align: right;
}

@media (min-width:768px) {
    .-sm-hide {
        display: none;
    }

    .-sm-show {
        display: block;
    }

    .text-sm-center {
        text-align: center;
    }

    .text-sm-left {
        text-align: left;
    }

    .text-sm-right {
        text-align: right;
    }
}

@media (min-width:992px) {
    .-md-hide {
        display: none;
    }

    .-md-show {
        display: block;
    }

    .text-md-center {
        text-align: center;
    }

    .text-md-left {
        text-align: left;
    }

    .text-md-right {
        text-align: right;
    }
}

@media (min-width:1200px) {
    .-lg-hide {
        display: none;
    }

    .-lg-show {
        display: block;
    }

    .text-lg-center {
        text-align: center;
    }

    .text-lg-left {
        text-align: left;
    }

    .text-lg-right {
        text-align: right;
    }
}

/*------------ margin,padding 0----------*/

.p-0 {
  padding: 0px !important;}

.pr-0 {
  padding-right: 0px !important; }

.pl-0 {
  padding-left: 0px !important; }

.pt-0 {
  padding-top: 0px !important; }

.pb-0 {
  padding-bottom: 0px !important; }

.m-0 {
  margin: 0px !important; }

.mr-0 {
  margin-right: 0px !important; }

.ml-0 {
  margin-left: 0px !important; }

.mt-0 {
  margin-top: 0px !important; }

.mb-0 {
  margin-bottom: 0px !important; }

.p-5 {
  padding: 5px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pl-5 {
  padding-left: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.m-5 {
  margin: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.p-10 {
  padding: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pl-10 {
  padding-left: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.m-10 {
  margin: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.ml-10 {
  margin-left: 10px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.p-15 {
  padding: 15px !important; }

.pr-15 {
  padding-right: 15px; }

.pl-15 {
  padding-left: 15px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.m-15 {
  margin: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mb-15 {
  margin-bottom: 15px; }

.p-20 {
  padding: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.m-20 {
  margin: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.ml-20 {
  margin-left: 20px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

/*--------------border style-----------*/
.bo {
    border: 1px #dbdbdb solid;
}

.bo-left {
    border-left: 1px #dbdbdb solid;
}

.bo-right {
    border-right: 1px #dbdbdb solid;
}

.bo-top {
    border-top: 1px #dbdbdb solid;
}

.bo-bottom {
    border-bottom: 1px #dbdbdb solid;
}

.no-bo {
    border: 0;
}

.no-bo-left {
    border-left: 0;
}

.no-bo-right {
    border-right: 0;
}

.no-bo-top {
    border-top: 0;
}

.no-bo-bottom {
    border-bottom: 0;
}

/* ------------% width style------------ */
.w-50 {
    width: 50%
}

.w-100 {
    width: 100%
}

.w-25 {
    width: 25%
}

.w-75 {
    width: 75%
}

/* ----------IOS remove shadow input------- */
textarea,
input:matches([type="email"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="url"]) {
    -webkit-appearance: none;
}

.shadow {
    height: 300px;
    overflow: hidden;
    padding: 10px;
}

@media (min-width: 768px) and (max-width:991px) {
    .container {
        width: 99.9%;
    }
}

@media (max-width: 767px) and (min-width: 481px) {
    .col-min-6 {
        width: 50%;
    }