@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .footer {
        /*background: rgb(204, 108, 187);*/
        background: rgb(237,19,128);
    }
    .navbar {
        /*background-color: rgb(204, 108, 187);*/
        background: rgb(237,19,128);
    }
    .locked > img {
      opacity:0.6;
    }

    .iPrimeBtn {
        background-color: rgb(101, 196, 216);
        border: none !important;
        color: rgb(255, 255, 255) !important;
        padding: 5px 15px;
        text-align: center;
        text-decoration: none !important;
        font-size: large;
        font-weight: bold;
        display: inline-block;
        margin: 0px 2px;
        cursor: pointer;
        border-radius: 30px !important;
        text-transform: capitalize;
    }

        .iPrimeBtn:hover {
            background-color: rgb(101, 196, 216);
            color: rgb(255, 255, 255) !important;
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) !important;
        }

        .iPrimeBtn.left, .iPrimeBtn.right {
            width: 18%;
            margin: 7px;
        }

        .iPrimeBtn.left {
            background-color: rgba(197, 46, 46, 0.7411764705882353)
        }

        .iPrimeBtn.right {
            background-color: rgba(36, 160, 74, 0.7411764705882353);
            float: right;
        }
        .iPrimeBtn.middle {
            background-color: rgba(36, 160, 74, 0.7411764705882353);
            margin:auto;
        }
    .iSecBtn {
        background-color: #8455bd;
        border: none;
        color: rgb(255, 255, 255) !important;
        padding: 2px 12px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 0px 2px;
        cursor: pointer;
        border-radius: 30px;
    }

        .iSecBtn.right {
            float: right;
            background: #99ffd6;
            font-weight: bold;
        }

            .iSecBtn.right:hover {
                background: #2da942;
            }


        .iSecBtn > img {
            width: 32px;
        }
    .con-wrap, .box-wrap {
        background: #ccf2ff;
    }

    select::-ms-expand {
        display: none;
    }
    

}
    @media all and (max-width:767px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        body {
            background: yellow;
        }
    }

    @media all and (min-width:768px) and (max-width:1024px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        body {
            background: green;
        }
    }


    @media all and (min-width:1025px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .ipad {
            display: none;
        }

        .logo-ahs {
            width: 35%;
            margin-top: 1%;
        }

        .logo-bear {
            width: 18%;
            margin-left: 3%;
            margin-top: 1%;
            /*margin-top: 2%;
        width: 15%;
        margin-left: 3%;*/
        }

        .logo-heart {
            width: 19%;
            margin-left: 25px;
            margin-top: 2%;
        }

        .modal-img-li {
            width: 25%;
        }

        .story-temp {
            padding: 3rem 0rem;
        }

        .mobile, nav.navbar > form, button.navbar-toggler {
            display: none !important;
        }

        .card.gedf-card {
            margin-bottom: 5rem;
        }

        .openspace {
            padding-top: 3%;
        }

        .box {
            border: 3px dashed #dab2d3;
            padding-top: 3%;
            width: 20%;
            padding-bottom: 4%;
            border-radius: 10%;
        }

        #toUserinfo, #toKid {
            display: none;
        }

        #btn_Reg {
            display: block;
        }

        .card.step1.col-lg-12.reg {
            border-bottom: none;
            border-radius: 5px 5px 0px 0px;
        }

        .card.step2.col-lg-12.reg {
            border-top: none;
            border-radius: 0px 0px 5px 5px;
        }

        .card.step3.col-lg-12.reg {
            margin-top: 5%;
            margin-bottom: 5%;
        }

        .card-body.reg {
            padding-right: 7%;
            padding-left: 7%;
        }

        .col-lg-12.reg {
            padding-top: 3%;
            padding-left: 6%;
            padding-right: 6%;
            background: rgba(0, 123, 255, 0.12156862745098039);
        }

        .col-lg-12.col-md-6.reg {
            padding: 3% 1%;
        }

        .col-lg-12.reg {
            /*width:30%;*/
            display: inline;
        }

        .step1, .step2, .step3 {
            /*width: 33%;*/
            margin: 0 !important;
            background: transparent !important;
            border: none;
        }

        .m_back {
            width: 0px;
            display:none;
        }

        h2.reg.h2 {
            padding: 3%;
        }

        button#btn_Reg, h2.reg.h2 {
            margin: auto;
            left: 50%;
        }

        .box.center {
            margin-right: 1%;
        }

        a.box.center > img {
            margin-bottom: 3%;
        }

        .box.center:last-child {
            margin-right: 0px;
        }

        .box.center > a {
            text-decoration: none;
        }

        .box.center:hover {
            background: #ebd6e8;
            cursor: pointer;
            border: 3px solid #dab2d3;
        }

        .carousel-inner {
            background: #131212;
            vertical-align: middle;
            height: 452px;
        }

        .input-group .usericon {
            height: 40px;
            width: 40px;
        }

        .pill.comment {
            width: 90%;
        }

        .usericon {
            width: 35px;
            height: 35px;
        }


        .container.ad > .row {
            text-align: center;
            float: none;
            margin: 0 auto;
        }

        /*.col-lg-6.col-md-4.m_contant,*/
        .col-lg-6.col-md-8.m_contant {
            position: relative;
            left: 20%;
            right: auto;
            margin-top: 5%;
            padding: 2% 4%;
            border-radius: 20px;
            background: #B0E0E6;
        }

        .col-lg-6.col-md-8.m_contant {
            padding-right: 0px !important;
            padding-left: 0px !important;
        }

        #btn_d_reg, #btn_login {
            border-radius: 25px;
            background: #65c4d8;
            color: rgb(255, 255, 255);
            font-weight: 700;
            padding: 1% 5%;
            margin-right: 10%;
            margin-left: 10%;
            border: none;
        }

        .form-group > input {
            border: 1px solid #000;
            border-top: none;
            border-left: none;
            border-right: none;
            box-shadow: none;
            border-radius: 0px;
        }

            .form-group > input:hover {
                border-bottom-color: rgb(1, 172, 189);
                box-shadow: 0px 2px 0px 0px rgba(1, 172, 189, 0.1803921568627451);
            }

        .h2.iFont.iFont-light {
            background: rgb(230, 174, 207);
            padding: 2% 3%;
            margin: 2% 15% 5% 15%;
            border-radius: 25px;
        }

        .h3.iFont.iFont-light {
            padding: 2%;
            border-radius: 10px;
            margin-left: 10%;
            margin-right: 10%;
            text-align: center;
            color: rgb(101, 80, 80);
            margin-bottom: 17%;
        }

        #btn_Reg {
            background-color: #65c4d8;
            border: none;
            color: rgb(255, 255, 255) !important;
            padding: 5px 15px;
            text-align: center;
            text-decoration: none;
            font-size: large;
            font-weight: bold;
            display: inline-block;
            margin: 0px 2px;
            cursor: pointer;
            border-radius: 30px;
        }

            #btn_Reg:hover {
                background-color: #65c4d8;
                color: rgb(255, 255, 255) !important;
                box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
            }

        .h4.iFont.iFont-light {
            padding: 3% 0%;
            margin: 5% 15%;
            font-weight: bold;
            margin-top: 0px;
        }

        .h4.iFont.iFont-dark {
            font-weight: bold;
        }

        .box-wrap-title-full {
            font-weight: bold;
            margin-top: 0px;
            width: 100%;
            border-radius: 15px 15px 0px 0px !important;
            margin: 0px !important;
            margin-bottom: 5% !important;
        }

            .box-wrap-title-full.sec {
                background: #b7dde0 !important;
            }

        .box-wrap-footer-full.sec {
            margin: 5% 0px 0px 0px !important;
            background-color: #d4cccc !important;
            border-radius: 0px 0px 10px 10px !important;
            padding: 7px !important;
        }

        .box-wrap {
            padding-top: 0px;
            padding-left: 0px;
            padding-right: 0px;
        }

            .box-wrap > .form-group:first-child {
                padding-top: 2%;
            }



        .tab {
            margin: 0px 15%;
        }

        .tab-head {
            width: 60%;
        }

        .form-group > .form-control {
            max-width: 80%;
            margin-left: 10%;
        }

        .con-wrap {
            /*margin: 0px 25%;*/
            margin: 0px;
        }

        .s-col, .m-col {
            margin-left: 1%;
            padding-left: 1%;
        }

        .s-col {
            position: relative;
            width: 10%;
            text-align: center;
        }

        .m-col {
            width: 35%;
            text-align: center;
        }

        input[type=number]::-webkit-inner-spin-button {
            opacity: 1;
        }

        input#txtemail, .popinput {
            border: 2px solid lightslategray !important;
            border-radius: 25px !important;
            width: 80% !important;
            margin-top: 5% !important;
        }

        .table.admin > tbody > tr > td,
        .table.admin > tbody > tr > th,
        .table.admin > tfoot > tr > td,
        .table.admin > tfoot > tr > th,
        .table.admin > thead > tr > td,
        .table.admin > thead > tr > th {
            padding: 8px;
            line-height: 1.42857143;
            vertical-align: middle;
            border-top: 1px solid #ddd;
            display: inline-block;
        }

        .table.admin > tbody > tr > td,
        .table.admin > tfoot > tr > td,
        .table.admin > thead > tr > td {
            border: none;
        }

        .table.admin > tbody > tr > td {
            text-align: left;
        }

            .table.admin > tbody > tr > td:last-child {
                text-align: center;
            }

        .reg.h2.iFont.iFont-light {
            margin-top: 3%;
        }
    }

    @media print {
    }