*, *:before, *:after {
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
@font-face {
    font-family: "Mogul GroticCn";
    src: url('../fonts/MogulGroticCn.ttf');
}
/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,400,500,700,900');*/
body , html{
    font-family: 'Roboto', 'sans-serif';
    /*background: #f8f8f8;*/
    height: 100%;
    margin: 0;
}
.leftcharacter {
    position: fixed;
    bottom: 3%;
    left: 2%;
    width: 7%;
    height: auto;
    z-index: 20;

}
.rightcharacter {
    position: fixed;
    bottom: 3%;
    right: 2%;
    width: 7%;
    height: auto;
    z-index: 20;
}
.bodym .container {
    background: #fff;
}
.navbar-fixed-top {
    left: initial;
    right: initial;
    margin-left: -15px;
    padding-bottom: 4px;
}
.containerfull {
    background-image: url("../../img/yolobg.jpg");
    /* Full height */
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: -1;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bodym {
    margin-top: 60px !important;
    font-family: "Roboto", sans-serif;

}

.separator-white {
    display: inline-block;
    border-right: 3px solid white;
    height: 48px;
    float: left;
    opacity: 0.7;
}
.swiper-sum {
    position: absolute;
    width: 120px;
    height: 20px;
    z-index: 99999;
    right: 10px;
    font-size: 20px;
    color: rgb(255, 255, 255);
    top: 10px;
}

.swiper-sum a {
    display: block;
    float: left;
    opacity: 0.7;
}

.swiper-sum a:hover {
    opacity: 1;
}

@viewport {
    zoom: 0.9;
    min-zoom: 0.5;
    max-zoom: 3;
    user-zoom: fixed;
}

@font-face {
    font-family: 'MAKChoc';
    src: url('../fonts/MAKChoc.eot?#iefix') format('embedded-opentype'), url('../fonts/MAKChoc.woff') format('woff'), url('../fonts/MAKChoc.ttf') format('truetype'), url('../fonts/MAKChoc.svg#MAKChoc') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fblikeright {
    float: right;
}
.cata:hover .catheader {
    margin-left: 10px;
    text-decoration: none;
    color: #000000;
}
.setguulchimg,.setguulchinfo {
    display: inline-block;
    vertical-align: top;
}
.setguulchimg img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    /*border: 1px solid #efefef;*/
    float: left;
    margin-right: 7px;
    margin-top: 2px;
}
input[type="radio"] {
    display: none;
}

input[type="radio"] + label {
    background-image: url('../../img/checkno.png');
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 15px;
    padding-right: 20px;
}

input[type="radio"]:checked + label {
    background-image: url('../../img/check.png');
    background-repeat: no-repeat;
}

.sharebutton:hover img {
    -webkit-animation: bounceIn .5s alternate;
    -moz-animation: bounceIn .5s alternate;
    -ms-animation: bounceIn .5s alternate;
    -o-animation: bounceIn .5s alternate;
    animation: bounceIn .5s alternate;
}

.eventshretw {
    background-image: url('../../img/twitterlogo.png');
    display: block;
    width: 20px;
    background-size: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.eventimg {
    width: 100%;;
    height: 152px;
    background-size: auto 100%;
    background-position: center center;
    position: relative;
}

.eventshrefb {

    background-image: url('../../img/facebooklogo.png');
    display: block;
    width: 20px;
    background-size: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 35px;
    cursor: pointer;

}

.eventlocation {
    width: 38%;
    display: inline-block;
    text-align: center;
    cursor: default
}

.img-circle {
    height: 50px;
}

.cata {
    background-image: url('../../img/cata.png');
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    float: left;
    color: #000000;
    background-size: 60px;
}
.logoword {
    font-family: "Mogul GroticCn", "Roboto Condensed";
    font-size: 16px;
    line-height: 25px;
    display: block;
    padding-left: 20px;
    color: #000;
}
.cata1 {
    border-left: 4px solid #F8E71C;
    padding-left: 10px;
    line-height: 22px;
    font-size: 22px;
}
.catheader1 {
    font-family: "Mogul GroticCn", "Roboto Condensed";
    font-size: 20px;
    line-height: 22px;
    display: inline-block;
    margin: 0px;
    text-transform: uppercase;
}

.catheader {
    transition: 2s;
    background-image: url('../../img/catheader.png');
    background-repeat: no-repeat;
    font-family: MAKChoc;
    font-size: 30px;
    text-transform: uppercase;
    padding-left: 75px;
    float: left;
    margin: 0;
    padding-right: 40px;
    background-position: 65px 0;
}

.authorheader {
    transition: 2s;
    font-family: MAKChoc;
    font-size: 30px;
    padding-left: 75px;
    float: left;
    margin: 0;
    padding-right: 40px;
    background-position: 65px 0;
}
.authorlink {
    color: #3fb9ee;
    font-size: 15px;
    line-height: 25px;
}
.authorlink:hover, .authorlink:active, .authorlink:focus {
    color: #3fb9ee;
    text-decoration: none;
}
.authornews .cata {
    background-image: none;
}
.authorsectionimage img {
    width: 62px;
    height: 62px;
    border-radius: 42px;
    border: 1px solid #efefef;
    float: left;
    margin-right: 7px;
    margin-top: 2px;
}
.authornews .catheader {
    padding-left: 0px;
    line-height: 62px;
}
.table-responsive .table {
    max-width: none;
    -webkit-overflow-scrolling: touch !important;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}
.table-responsive {
    overflow: -moz-scrollbars-vertical;
    overflow-x: scroll;
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

@-moz-keyframes bounceIn {

    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes bounceIn {

    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0.6;
        -webkit-transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@-o-keyframes bounceIn {

    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@-o-keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@-webkit-keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@-o-keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

@-moz-keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

@-o-keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0, -4px, 0);
    }
}

@-moz-keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -moz-transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -moz-transform: translate3d(0, -30px, 0);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -moz-transform: translate3d(0, -15px, 0);
    }

    90% {
        -moz-transform: translate3d(0, -4px, 0);
    }
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
    }
}

@-o-keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}

@keyframes fadeInUp {
    from {
        /*opacity: 0;*/
        transform: translate3d(0, 100%, 0);
    }

    to {
        /*opacity: 1;*/
        transform: none;
    }
}

@-moz-keyframes fadeInUp {
    from {
        /*opacity: 0;*/
        transform: translate3d(0, 100%, 0);
    }

    to {
        /*opacity: 1;*/
        transform: none;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        /*opacity: 0;*/
        transform: translate3d(0, 100%, 0);
    }

    to {
        /*opacity: 1;*/
        transform: none;
    }
}

@-o-keyframes fadeInUp {
    from {
        /*opacity: 0;*/
        transform: translate3d(0, 100%, 0);
    }

    to {
        /*opacity: 1;*/
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

@-moz-keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

@-moz-keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

@-o-keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

@-o-keyframes zoomIn {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@keyframes zoomIn {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@-webkit-keyframes zoomIn {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@-moz-keyframes zoomIn {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

.zoomIn {
    animation-name: zoomIn;
}

.pulse {
    animation-name: pulse;
}

.bounceIn {
    animation-name: bounceIn;
}

.form-control {
    border-radius: 0px;
}

.mejs-overlay-button {
    visibility: visible !important;
}

/* ================ MENU ===================== */

#navnana {
    width: 100%;
    height: 55px;
    background-color: #ececec;
    color: #000000;
    overflow: hidden;
    position: relative;
}

.navtriangle {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #fffb00;
    margin: 0 auto;
}

.navulna {
    list-style: none;
}

.navulna > li {
    display: inline-block;
    margin-left: 40px;
}

.navulna > li h5 {
    padding-top: 12px;
    margin: 0;
    font-family: MAKChoc;
    text-transform: uppercase;
    font-size: 18px
}

.navulna > li a {
    text-decoration: none;
    color: #000000;
}

.navulna > li a:hover {
    -webkit-animation: fadeInUp .4s alternate;
    -moz-animation: fadeInUp .4s alternate;
    -ms-animation: fadeInUp .4s alternate;
    -o-animation: fadeInUp .4s alternate;
    animation: fadeInUp .4s alternate;
}

#neeh > li a {
    width: 185px;
    background-repeat: no-repeat;
    height: 75px;
}

a.wishlist {
    background-image: url('../../img/menu_wishlist.png');
    width: 270px !important;
    background-position: 55px 8px;
}

a.shop {
    background-image: url('../../img/menu_shop.png');
    background-position: 40px 9px;
}

a.medee {
    background-image: url('../../img/menu_medee.png');
    background-position: 50px 3px;
}

a.search {
    background-image: url('../../img/menusearch.png');
    background-position: 50px 9px;
}

a.fb {
    background-image: url('../../img/menufb.png');
    background-position: 60px 9px;
    width: 190px !important;
}

#neeh > li a:hover {
    background-color: #fffb00;
    transition: background-color 0.5s ease;
}

a.wishlist:hover {
    background-position: 55px -61px;
}

a.wishlist.active {
    background-position: 55px -61px;
}

a.medee.active {
    background-color: #fffb00;
    background-position: 50px -90px;
}

#neeh > li a.active {
    background-color: #fffb00;
}

a.shop:hover {
    background-position: 40px -60px;
}

a.medee:hover {
    background-position: 50px -90px;
}

a.search:hover {
    background-position: 50px -72px;
}

a.fb:hover {
    background-position: 60px -53px;
}

.eventcon {
    margin-bottom: 40px;
}

a.medmeer {
    background-repeat: no-repeat;
    background-position: 0 -71px;
    width: 90px;
    height: 65px;
    background-image: url('../../img/medmeer.png');
}

a.medmeer:hover {
    background-position: 0 -4px;
}

.imgbig {
    width: 100% !important;
    height: auto !important;
}

.imgmarginright {
    margin-right: 10px;
}

.footerul {
    width: 100%
}

.footerul li {
    width: 15%;
    text-align: center;
    color: #fffb00;
    float: right;
    height: 50px;

}

.footermanu {
    float: left;
    width: 100%;
    margin-top: 25px;
}

.footermanu a {
    text-decoration: none;
    text-transform: uppercase;
    float: left;
    display: block;
    width: 100%;
    height: 45px;
    padding-left: 20px;
    text-decoration: none !important;
    color: #000000;
    padding-top: 11px;
}
#surtalchilgaa {
    color: #ffff00;
}

#surtalchilgaa:hover {
    background-color: #fffb00;
    color: #000000;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

#surtalchilgaa.active {
    background-color: #fffb00;
    color: #000000;
    cursor: pointer;
}

.footermanu1 {
    float: left;
    margin-top: 40px;
    background-color: #ffffff;
    width: 20%;
    margin-right: 2%;
    height: 500px;
    background-image: url(' ../../img/yolologofooter.png');
    background-repeat: no-repeat;
    background-position: center 390px;
}

#map {
    margin-top: 40px;
    width: 100%;
    height: 400px;
    background-color: #CCC;
}

.footermanu2 {
    margin-top: 40px;
    background-color: #ffffff;
    width: 78%;
    padding: 30px 50px 50px 50px;
    float: left;
    font-family: 'Roboto', sans-serif !important;
}

.footermanu a:hover {
    background-color: #fbf9f9;
    border-left: 2px solid #cc0075;
    cursor: pointer;
    color: #000000;
}

.footermanu a.active {
    background-color: #fbf9f9;
    border-left: 2px solid #cc0075;
    cursor: pointer;
    color: #000000;
}

.eventblock {
    margin-bottom: 10px;
}

.footerul li a {
    margin: 5px;
    color: #fffb00 !important;
    margin-top: 10px;
    font-family: MAKChoc;
    text-transform: uppercase;
    font-size: 16px;
}

.footerul li a:hover {
    background-color: #fffb00;
    color: #000000 !important;
    cursor: pointer;
    transition: background-color 0.5s ease;

}

.footerul li a:active {
    background-color: #fffb00;
    color: #000000;
    cursor: pointer;
}

.wishaddimg {
    width: 100%;
    background-color: #fffb00;
    height: 90px;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../../img/shapeimg.png');
}

.wishaddimg:hover {
    background-image: url('../../img/subbabababa.png');
}

#huselt:hover {
    background-color: #fffb00;
    color: #000000;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

#huselt.active {
    background-color: #fffb00;
    color: #000000;
    cursor: pointer;
}

#nohtsol:hover {
    background-color: #fffb00;
    color: #000000;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

#nohtsol.active {
    background-color: #fffb00;
    color: #000000;
    cursor: pointer;
}



#zarchim:hover {
    background-color: #fffb00;
    color: #000000;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

#zarchim.active {
    background-color: #fffb00;
    color: #000000;
    cursor: pointer;
}

a.medmeer.active {
    background-position: 0 -4px;
}

a.asuumaar {
    background-repeat: no-repeat;
    background-position: 0 -71px;
    width: 90px;
    height: 60px;
    background-image: url('../../img/asuumaar.png');
}

a.asuumaar:hover {
    background-position: 0 -4px;
}

a.asuumaar.active {
    background-position: 0 -4px;
}

a.turshmaar {
    background-repeat: no-repeat;
    background-position: 0 -71px;
    width: 100px;
    height: 60px;
    background-image: url('../../img/turshmaar.png');
}

a.turshmaar:hover {
    background-position: 0 -4px;
}

a.turshmaar.active {
    background-position: 0 -4px;
}

a.sonihmoor {
    background-repeat: no-repeat;
    background-position: 0 -71px;
    width: 115px;
    height: 60px;
    background-image: url('../../img/sonihmoor.png');
}

a.sonihmoor:hover {
    background-position: 0 -4px;
}

a.sonihmoor.active {
    background-position: 0 -4px;
}

a.gaihuulmaar {
    background-repeat: no-repeat;
    background-position: 0 -71px;
    width: 118px;
    height: 60px;
    background-image: url('../../img/gaihuulmaar.png');
}

a.gaihuulmaar:hover {
    background-position: 0 -4px;
}

a.gaihuulmaar.active {
    background-position: 0 -4px;
}

a.menu:hover {
    background-position: 0 -52px;
}

.menu-collapse {
    margin-left: 25px;
}
.navbar-default .navbar-nav > li > a {
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    padding: 38px 11px 10px;
    font-weight: 300;
    transition: all 0.3s linear;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #F8E71C;
}
.menu-collapse a {
    color: #000 !important;
    font-family: "Mogul GroticCn", "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    padding: 15px !important;
}
.searchicon {
    color: #F8E71C;
    padding: 38px 10px;
    cursor: pointer;
}
.fa-sign-in {
    font-size: 18px;
    color: #3b5998;
    padding: 38px 10px;
}

/* ================ Hit ===================== */

.hithome {
    width: 100%;
}

.hitcat {
    width: 25%;
    float: left;
}

.hitcat .head {
    height: 80px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fffb00;
}

.hitcat .content {
    background-color: #000000;
    width: 100%;
    padding-bottom: 25px;
    margin-top: -5px;
}

.singer {
    padding: 10px 10px 0px 20px;
    width: 100%;
    height: 60px;
    margin-top: 5px;
}

.video iframe {
    border: medium none;
}

.video h1 {
    float: left;
    font-family: Calibri, 'sans-serif';
    font-size: 24px
}

.video .share {
    float: right;
    margin-top: 20px;
    margin-bottom: 10px;
}

.video .share a {
    margin-right: 15px;
}

.video .share a:hover img {
    -webkit-animation: bounce .5s alternate;
    -moz-animation: bounce .5s alternate;
    -ms-animation: bounce .5s alternate;
    -o-animation: bounce .5s alternate;
    animation: bounce .5s alternate;
}

.singer a h1 {
    display: none;
    font-family: MAKChoc;
    font-size: 30px;
    color: #000000;
    position: absolute;
    text-align: center;
    line-height: 55px;
    top: 0;
    left: 0px;
    width: 50px;
    height: 50px;
    margin: 0;
    /*background-color: #fffb00;*/
}

.singer a:hover h1 {
    display: block;
    background-color: #fffb00;
    opacity: 0.8;
    filter: alpha(opacity=80); /*For IE8 and earlier*/
}

.singer .name {
    float: left;
    padding-left: 20px;
    width: 170px;
    padding-top: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.singer h3 {
    padding: 0;
    margin: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Calibri", "Lato", Calibri, Arial, sans-serif;
}

.singer h6 {
    color: #FFFFFF;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: "Calibri", "Lato", Calibri, Arial, sans-serif;
}

.head h2 {
    font-family: MAKChoc;
    font-size: 45px;
    color: #000000;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    padding-left: 50px;
    padding-top: 20px;
    float: left;
}

.ssesss {
    font-size: 25px;
    height: 75px;
    width: 800px;
    line-height: 1.42857;
    color: #FFFC00;
    background-color: #000;
    background-image: none;
    padding: 6px 12px;
    display: block;
    border: 0;
    margin-left: 35px;
    margin-right: 20px;
}

#searchclose {
    color: #FFFFFF;
}

.backcolorchange {
    cursor: url('../../img/wishlist-ic6.png') 0 16, default;
    float: left;
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center center;
}
.mobilecolorchange .backcolorchange {
    width: 40px;
    height: 40px;
}

.profilediv {
    width: 220px;
    float: left;
}

.profilebackimg {
    background-image: url('../../img/wishlist-ic6.png');
}

.colochage {
    width: 100%;
    height: 44px;
    border-top: 1px solid #ffffff
}

.profilediv .div-header {
    position: relative;
    width: 100%;
    text-align: center;
    height: 220px;
    background-repeat: no-repeat;
    background-position: center center
}

.div-header img {
    width: 91px;
    height: 91px;
    border-radius: 50%;
    margin-top: 30%;
}

.div-header h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin: 0;
    color: #ffffff;
    margin-top: 10px
}

.profilediv .aaa {
    width: 100%;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left: 45px;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    padding-top: 18px;
    display: block;
    text-decoration: none;
    position: relative;
}

.profilediv .aaa .ard {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    opacity: 0.2;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    display: none;
}

.profilediv .aaa h1 {
    font-size: 14px;
    margin: 0;
}

.wisanaldiv {
    width: 100%;
    font-family: "Calibri", 'Lato', Calibri, Arial, sans-serif;
}

.profilediv .aaa:hover {
    border-left: 2px solid #fffb00;
}

.profilediv .aaa:hover .ard {
    display: block;
}

.profilediv .aaa.active {
    border-left: 2px solid #fffb00;
}

.profilediv .aaa.active .ard {
    display: block;
}

.sidebars-profile {
    margin-top: 20px;
    width: 50px;
    margin-left: 10px;
}

.sidemm {
    margin-top: 10px;
    margin-left: 10px;
    text-align: center;
    font-family: MAKChoc;
    text-transform: uppercase;
    font-size: 16px;

}

.loading {
    position: absolute;
    top: 30%;
    left: 42%;
    width: 200px;
    height: 200px;
    z-index: 2
}

.sidemm span {
    color: white
}

.sidemm a {
    color: white;
    text-decoration: none;
}

.icon-bar {
    background-color: #000 !important;
}

.menu-button {
    margin-top: 15px;
    background-color: transparent !important;
    border: none;
    border-radius: 0
}

#medeedada ul {
    font-size: 18px;
}
.imagecontainer {

}
.imagecaption {
    background: #747474;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    width: 100%;
}
.fbloginlink {
    padding: 0px !important;
}
.nav > .searchfield {
    display: none;
}
.searchfield {
    padding: 30px 15px;
}
@media (min-width: 1640px){
    .leftcharacter {
        position: fixed;
        bottom: 3%;
        left: 5%;
        width: 11%;
        height: auto;
        z-index: 20;
    }
    .rightcharacter {
        position: fixed;
        bottom: 3%;
        right: 5%;
        width: 11%;
        height: auto;
        z-index: 20;
    }
}
@media (max-width: 767px) {
    .leftcharacter {
        position: fixed;
        bottom: auto;
        top: 3%;
        left: 26%;
        width: 7%;
        height: auto;
        z-index: 1031;
    }
    .rightcharacter {
        position: fixed;
        bottom: auto;
        top: 3%;
        left: 36%;
        width: 7%;
        height: auto;
        z-index: 1031;
    }
    .navbar-fixed-top {
        left: 0;
        right: 0;
        margin-left: 0px;
    }
    .bodym .container {
        background: initial;
    }
    #show {
        display: none !important;
    }

    .nav-pills > li > a {
        font-size: 10px;
    }

    .mongoltop {
        display: block;
    }
}

/* MENU END*/

.aaaaaaaa {
    display: inline-block;
    padding: .20rem;
    width: 99%;
}

.aaaaaaaa2 {
    display: block;
    padding: .20rem;

    /*margin-left: 10px;*/

}

.grid-sizer {
    width: 220px;
}

.aaaaaaaa1 {
    float: left;
    width: 19%;
    margin-right: 11px;
}

.parallaxheads {
    padding-top: 76px;
    height: 700px;
    overflow: hidden;
    background-size: 100% !important;
    background-position: center 75px !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

.bannerimg:hover {
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.bannerimg {
    -ms-filter: "alpha(opacity=70)";
    filter: alpha(opacity=70);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear;
}

.modal {
    font-family: "Calibri", 'Lato', Calibri, Arial, sans-serif;
    z-index: 1050 !important;
}

.social {
    position: fixed;
    z-index: 100;
    right: 20px;
}

.homequiz {
    height: 313px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    margin-top: 8px;
}

.subpageheader {

}

.homebanner {
    padding-right: 0;
    margin-top: 8px;
}

.juma-ul-main {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -18px;
}
.popupbannertext {
    padding: 15px 20px;
    font-size: 16px;
    line-height: 26px;
    font-family: Roboto, sans-serif;
}
#popuphomebanner a:hover {
    text-decoration: none;
    color: #000;
}
.juma-ul-main li {
    float: left;
    margin-left: 17px
}

.juma-ul-main li img {
    width: 200px
}

.quizmkd {
    font-family: 'Roboto', 'sans-serif';
    width: 100%;
    margin-bottom: 10px;
}

.quizmkd h3 {
    font-size: 24px;
    margin-top: 0;
}

.quizmkd img {
    width: 100%;
}

.quizmkd h4 {
    text-align: left;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.image-list {
    list-style: none;
    padding-left: 0;
}

#image {
    cursor: move;
}

#viewport {
    cursor: move;
    position: absolute;
    top: 50px;
    left: 50px;
    width: 400px;
    height: 150px;
    border: solid 2px blue;
}

.quiztop {
    width: 60%;
    float: left;
    padding: 10px;
    background-color: #FFFFFF;
    margin-top: 10px;
}

.quizdanger {
    display: none;
    font-size: 25px;
    background-image: url('http://dev.yolo.mn:888/stat/app/img/hailt_girl.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: 515px;
    text-align: center;
}

.thumbnail img {
    width: 100%;
}

.friendnone {
    display: none;
}

.friendblock {
    display: block;
}

.wishmodalhead {
    position: static;
    width: 80%;
    margin-left: 15%;
    height: 150px;
    overflow: hidden;
}
.fbloginlink img {
    padding: 35px 10px 25px 10px;
    cursor: pointer;
}
.wishmodalhead .tuuz {
    position: absolute;
    top: 0;
    left: 7%
}

.wishmodalhead .headzurag {
    width: 100%;
    height: auto;
}

.wishmodalbody {
    position: relative;
    width: 93%;
    margin-left: 2%;
    /*height: 240px;*/
    /*overflow: hidden;*/
    margin-top: 10px
}

.timesdfssdf {
    position: absolute;
    top: 120px;
    right: 0;
}

.wishmodalbody .imgs {
    width: 100%;
    height: auto;
    padding-left: 70px;
}

.user-ic {
    width: 45px;
    position: absolute;
    top: 0;
    left: 0;
}

.wishmodalAdd {
    position: relative;
    width: 93%;
    margin-left: 2%;
    height: 240px;
    overflow: hidden;
    margin-top: 10px;
}
#ihunshisan1 {
    padding-top: 100px;
    margin-top: -100px;
}
.caption h5 {
    color: #000000;
    font-weight: 100;
    font-size: 14px;
    margin-bottom: 20px;
    font-family: 'Roboto', 'sans-serif';
}

.caption b {

    color: #000000;
    font-weight: 100;
    font-size: 12px;
}
#ontslohnews {
    margin-top: 10px;
}
#iwjahaa {
    font-weight: 100;
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
    color: #000000;
    background-color: #f4f4f4;
    text-decoration: none;
    padding: 5px 32px;
}

#iwjahaa:hover {
    background-color: #fffb00;
    color: #b8b400;
    border-bottom: 1px solid #dfdb00;

}

#wishlist_submit {
    font-weight: 100;
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    border-bottom: 1px solid #dfdb00;
    color: #b8b400;
    background-color: #fffb00;
    text-decoration: none;
    padding: 5px 32px;
    border-right: 0;
    border-top: 0;
    border-left: 0;
}

.caption {
    font-family: 'Roboto', 'sans-serif';
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.29);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.29);
}

.caption h4 {
    height: 70px;
    overflow: hidden;
    font-weight: 600;
    line-height: 1.5;
    font-size: 14px;
}
.headlinenews p {
    height: 90px;
    overflow: hidden;
    font-family: "Roboto Condensed",sans-serif;
    color: #9B9B9B;
    font-weight: 300;
}
.caption .heart {
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.thumbnail .header {
    width: 100%;
    height: auto;
    position: relative;

}
.hitimg {
    width: 791px;
    display: inline-block;
    padding: 0px;
    overflow: hidden;
}
.hitimg img {
    height: 415px;
    width: auto;
}
.hitlist {
    width: 349px;
    display: inline-block;
    padding: 0px;
    background: #fff;
    height: 415px;
    overflow: hidden;
}
.hitnumber {
    padding: 0px 5px;
    display: inline-block;
}
.hittext {
    display: inline-block;
    width: 80%;
    overflow: hidden;
    position: absolute;
    height: 20px;
}
.hiticon {
    float: right;
    display: inline-block;
    color: #F8E71C;
    padding: 0px;
    font-size: 20px;
}
.hiticon span:nth-child(2) {
    padding: 0 0 0 5px;
}
#hitchart li {
    font-family: "Roboto Condensed",sans-serif;
    background: #f8e71c;
}
.glyphicon-play-circleplay{
    position: absolute;
    top:45%;
    z-index: 2;
    left: 45%;
    color: #fff;
    font-size: 48px;
}
.glyphicon-play-circleplay:hover {
    color: #F8E71C;
}
#hitchart li a {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.29);
    box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.29);
}
#hitchart li a:hover {
    background-color: inherit;
    border-color: inherit;
    border: 1px solid #fff;
    background: #fff;
}
.hitiframe {
    display: none;
    height: 415px;
}
.hitcontainer {
    padding: 10px 15px 30px 15px;
}
.hitname {
    font-family: "Roboto Condensed",sans-serif;
    font-size: 16px;
    padding: 12px 0px;
    border-left: 5px solid #fff;
    cursor: pointer;
}
.hitname:hover {
    border-left: 5px solid #F8E71C;
}
#hitchart {
    float: right;
    width: 349px;
}
#hitTabContent .tabpanel div.img {
    display: none;
}
#hitTabContent .tabpanel div.img:first-child {
    display: block;
}
#hitTabContent .hitname {
    font-size: 13px;
}
#thumbimg {
    background-size: cover !important;
    height: 213px;
    width: 100%;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.caption h4 a {
    font-family: "Roboto Condensed",sans-serif;
    font-size: 16px;
    font-weight: normal;
}
.thumbnail .header img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.successstorytextarea {
    background-color: #f4f4f4;
    height: 100px !important;
    border: 1px solid #e9e9e9;
    resize: none;
}

.form-control:focus {
    border-color: #e9e9e9;
    box-shadow: inset 0 1px 1px #e9e9e9, 0 0 8px #e9e9e9;
}

.hovermaaaa {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    background-color: transparent;
    /*opacity: 0.8;*/
    /*filter: alpha(opacity=80); *//*For IE8 and earlier*/
    display: none;
}

.thmus:hover .hovermaaaa {
    display: block;
    -webkit-animation: fadeInUp .1s alternate;
    -moz-animation: fadeInUp .1s alternate;
    -ms-animation: fadeInUp .1s alternate;
    -o-animation: fadeInUp .1s alternate;
    animation: fadeInUp .1s alternate;
    z-index: 1;
}

.thmus:hover .ard {
    display: block;
    -webkit-animation: fadeInUp .1s alternate;
    -moz-animation: fadeInUp .1s alternate;
    -ms-animation: fadeInUp .1s alternate;
    -o-animation: fadeInUp .1s alternate;
    animation: fadeInUp .1s alternate;
    z-index: 1;
}

@keyframes socialspin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotateY(90deg);
    }
}

@-moz-keyframes socialspin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotateY(90deg);
    }
}

@-webkit-keyframes socialspin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotateY(90deg);
    }
}

@-o-keyframes socialspin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotateY(90deg);
    }
}

/*.newsimg {*/
/*-webkit-transform: scale(1);*/
/*}*/

/*.thmus:hover .newsimg {*/
/*-o-transform: scale(1.1);*/
/*-webkit-transform:scale(1.1)*/
/*}*/

.dan {
    width: 15px;
}

.dan:hover {
    -webkit-animation: bounceIn .8s steps(4) infinite;
    -moz-animation: bounceIn .8s steps(4) infinite;
    -ms-animation: bounceIn .8s steps(4) infinite;
    -o-animation: bounceIn .8s steps(4) infinite;
    animation: bounceIn .8s steps(4) infinite;
}

.dagag {
    -webkit-animation: rotateIn .4s alternate;
    -moz-animation: rotateIn .4s alternate;
    -ms-animation: rotateIn .4s alternate;
    -o-animation: rotateIn .4s alternate;
    animation: rotateIn .4s alternate;
}

.ard {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80); /*For IE8 and earlier*/
    display: none;
}

.dadadada {
    width: 33.3333333333%;
    float: left;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.dadadada a img {
    padding: 12px;
    width: auto;
    height: auto;
}

.wishlist-add-btn {
    float: right;
    background-color: #fff800;
    padding: 8px 15px 8px 15px;
    text-decoration: none;
}

.wishlist-add-btn:hover {
    text-decoration: none;
    color: #000000;
}

.wishlist-notification {
    float: right;
    margin-right: 10px;
    margin-top: 1px;
    background-color: #000000;
    padding: 7px 10px;
}

/*.wishlist-bell {*/
/*margin-right: 8px;*/
/*margin-top: 11px;*/
/*}*/

.dadadada:hover {
    background-color: #fffa74;
    opacity: 1 !important;
    filter: alpha(opacity=100); /* For IE8 and earlier */

}

.dadadada:hover a img {
    -webkit-animation: bounceIn .5s alternate;
    -moz-animation: bounceIn .5s alternate;
    -ms-animation: bounceIn .5s alternate;
    -o-animation: bounceIn .5s alternate;
    animation: bounceIn .5s alternate;
}

.hitain {
    width: 75%;
    padding-right: 10px;
    float: left
}

.category {
    position: absolute;
    width: 40px;
    height: 45px;
    background-repeat: no-repeat;
    bottom: 20px;
    right: 10px;
}

.removewishlist {
    position: absolute;
    width: 30px;
    height: 25px;
    background-repeat: no-repeat;
    bottom: 8px;
    right: 0px;
}

.llllllllnews {
    /*-moz-column-width: 220px;*/
    /*-webkit-column-width: 220px;*/
    /*-moz-column-gap: 10px;*/
    /*-webkit-column-gap: 10px;*/
    /*margin-right: 0;*/
    /*margin-left: 0;*/
    /*margin-top: 45px;*/
    /*font-family: "Calibri", 'Lato', Calibri, Arial, sans-serif;*/

}

.llllllllnews1 {

    margin-right: -15px;
    margin-left: 0;
    margin-top: 45px;
    font-family: "Calibri", 'Lato', Calibri, Arial, sans-serif;
}

.bbbbbbb {
    position: relative;
    display: block;
}

.lastnewsback {
    background-image: url('../../img/yolosuuldnemegdsen.png');
    background-repeat: no-repeat;
}

.unelgeeback {
    background-image: url('../../img/yolounelgee.png');
    background-repeat: no-repeat;
}

.socialback {
    background-image: url('../../img/yolosocialodod.png');
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.quizback {
    background-image: url('../../img/yolosonjoo.png');
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.eventback {
    background-image: url('../../img/yolouilyavdal.png');
    background-repeat: no-repeat;
    background-repeat: no-repeat;
}

.shopback2 {
    background-image: url('../../img/yolodelguur.png');
    background-repeat: no-repeat;
}

.wishlistback {
    background-image: url('../../img/husliin_jagsaalt.png');
    background-repeat: no-repeat;
    background-size: 30%;
}

.chartback1 {
    background-image: url('../../img/yolohit.png');
    background-repeat: no-repeat;
    background-size: 15%;
}

.minihusel {
    background-image: url('../../img/minihusel.png');
    background-repeat: no-repeat;
    background-size: 15%;
}

.swiper-button-next-sub ,  .swiper-container-rtl swiper-button-next-sub {
    background: url(../../img/yolo_arrows.png) !important;
    background-position: -40px 0px !important;
    width: 40px !important;
    height: 45px !important;
}
.swiper-button-next-sub:hover ,  .swiper-container-rtl swiper-button-next-sub:hover {
    background-position: 40px 0px !important;
}

.swiper-button-prev-sub ,  .swiper-container-rtl swiper-button-prev-sub {
    background: url(../../img/yolo_arrows.png) !important;
    background-position: 0px 0px !important;
    width: 40px !important;
    height: 45px !important;
}
.swiper-button-prev-sub:hover ,  .swiper-container-rtl swiper-button-prev-sub:hover {
    background-position: 80px 0px !important;
}

.sanalbolgoh {
    background-image: url('../../img/sanalbolgoh.png');
    background-repeat: no-repeat;
    background-size: 15%;
}

.wishlistbacksub {
    background-image: url('../../img/husliin%20jagsaalt.png');
    background-repeat: no-repeat;
    background-size: 30%;
}

.wishlistimg {
    background-color: rgb(255, 248, 0);
    color: #000000;
    border-color: #000000;
}

.wishlistimgbutton {
    background-color: #36c36e;
    border: none;
    border-radius: 0;
}

.wishlistimgop {
    background-color: rgb(255, 248, 0);
    color: #000000;
    border-color: #000000;
    opacity: 0;
    height: 100px
}

.topm {
    margin-top: 0;
}

.navbar-default {
    background-color: #fff;
    border-color: #fff;
}

.thumb {
    width: 100%;
    border: 5px solid #ffffff;
    overflow: hidden;
    box-shadow: 1px 1px 3px rgba(136, 136, 136, 0.16);
}

.thumb .box1 {
    position: absolute;
    width: 50%;
    height: 50%;
    border: 3px solid #fff;
    border-radius: 50%;
    top: 25%;
    right: 25%;
    background-color: #fff801;
}

.thumb .bm {
    width: 60%;
    /*float: left*/
    display: inline-block
}

.sicola {
    width: 220px;
    float: left;
    margin-left: 10px;
    margin-bottom: 20px;
}

.thumb .box {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    top: 17%;
    right: 25%;
    background-color: #fff801;
}

.thumb .text1 {
    height: 125px;
    width: 100%;
    position: relative;
}

.shopxxx {
    margin-top: 10px
}

.shopxxx .smallbox {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-top: 2%
}

.navbar-inner {
    text-align: center;
}

.navbar .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}

.navbar .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    border: none;
}

.nav > li > a {
    padding: 5px 10px;
}

.bm .dandan {
    width: 40px;
    display: inline-block;
    color: #000000 !important;
    text-align: center;
}

.bm .dandan b {
    font-weight: 400;
    font-size: 24px;
    color: #000000 !important;
}

.text1 .name {
    position: absolute;
    top: 70px;
    width: 100%;
    height: 75px;
    left: 25px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 500;
    color: #000000 !important;
}

.text1 .aaaa {
    top: 5px;
    left: 0;
}

.text1 .social {
    position: absolute;
    top: 105px;
    left: 30px;
}

.text1 .position {
    position: absolute;
    top: 70px;
    width: 100%;
    height: 50px;
    overflow: hidden;
    font-size: 12px;
}

.subbody {
    font-family: 'Roboto', 'sans-serif' !important;
    margin-right: auto;
    margin-left: auto;
    /*width: 1024px;*/
    margin-bottom: 30px;
    background-color: #fff !important;
    padding-top: 10px;
}


.containerm {
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
}
#subemotical {
    margin-top: 60px;
}
.asuultiinshar {
    float: right;
    border: 7px solid #FFF801;
    border-radius: 15px;
    width: 80%;
    color: #A300B2;
    padding: 10px;
    font-size: 20px;
    line-height: 1.4;
    margin: 10px 10px 10px 10px;
    font-family: 'Roboto', 'sans-serif';
    margin-left: 300px;
}

.hariultiinshar {
    float: left;
    border: 7px solid #fff801;
    border-radius: 15px;
    width: 80%;
    padding: 10px;
    font-size: 20px;
    line-height: 1.4;
    margin: 10px 10px 10px 10px;
    font-family: 'Roboto', 'sans-serif';
    margin-right: 300px;
    color: green;
}

.subbody p {
    font-size: 18px;
    line-height: 1.8;
}

.swipersa {
    width: 100%;
    height: 500px;
    background-color: #2a2a2c;
}

.loaddisplayblock {
    display: block;
    /*width: 97px;*/
}

.loadp {
    position: absolute;
    top: 40%;
    left: 40%
}

.loaddisplaynone {
    display: none;
    /*width: 97px;*/
}
.catname {
    padding-bottom: 10px;
}
.catname a{
    background: #F8E71C;
    font-size: 10px;
    line-height: 12px;
    padding: 2px 5px;
    font-family: "Roboto Condensed",sans-serif;
    border-radius: 5px;
    margin: 10px 0px;
    font-weight: 700;
}
.wishzurag {
    display: block;
    height: 100%;
    width: 100%;
    background-size: auto 100%;
    background-position: center center;
}

.subbody h2 {
    font-size: 28px;
    font-weight: 400;
    font-family: "Roboto Condensed",sans-serif;
}

.month p {
    margin: -10px 0 0;
}

.box1 hr {
    margin-top: 64px;
    border: 0;
    border-top: 1px solid #040404;
    margin-left: 10px;
    margin-right: 10px;
}

a.fblogin {
    background-repeat: no-repeat;
    background-position: 0 10px;
    width: 180px;
    height: 60px;
    margin-left: 60px;
}

.wishlistmargin input {
    margin-left: 15px;
}

.wishlistmargin label {
    margin-left: 5px;
}

.wishlistbutton {
    width: 220px;
    height: 25px
}

.text1 .fb {
    margin-left: 8%;
}

.text1 .tw {
    margin-left: 65%
}

.tabcont .text {
    height: 27%;
    overflow: hidden;
}

.tabcont .text h5 {
    padding-left: 10px;
    padding-top: 10px
}

.tabcont .love {
    height: 10%;
}

.tabcont .love h5 {
    padding-left: 10px;
    float: left;
}

.right {
    float: right;
    padding-right: 20px;
}

.left {
    padding-left: 20px;
}

.thumbnail > img {
    /* margin-right: auto; */
    /* margin-left: auto; */
    width: 100%;
}

.lalalalanews {
    padding: 0;
    border-radius: 0;
    border: 0;
}

.rowright {
    height: 36px;
}

.rowright1 {
    height: 36px;
}

.rowright2 {
    height: 36px;
}

.rowright3 {
    height: 36px;
}
.rowright4 {
    height: 36px;
}
.bottom {
    margin-bottom: 15px;
}

.leftback {
    background-position: 20px;
}

.button {
    color: #000000;
    border: 1px solid;
    border-color: #000000;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #000000;
    border: 1px solid;
    border-color: #000000;
    color: #FFFFFF;
}

.nav-pills > li > a {
    border-radius: 0;
}

h3.chartorder {
    font-size: 55px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 4px;
    left: 35px;
    text-transform: uppercase;
    font-family: MAKChoc;
}

.artist {
    font-weight: 600;
    float: left;
    font-size: 18px;
    text-transform: uppercase;
    font-family: MAKChoc;
}

.audio {
    float: left;
    font-size: 14px;
    font-family: MAKChoc;
    text-transform: uppercase;
}

.chart {
    width: 300px;
    padding-left: 85px;
    padding-top: 28px;
}

.chartback {
    width: 325px;
    height: 100px;
    background-image: url('../../img/backbaba.png');
    background-repeat: no-repeat;
    position: absolute;
    top: 333px;
    right: 30px
}

.mejs-overlay-button {
    visibility: hidden;
}

.mejs-controls {
    visibility: hidden;
}

.loadingyellow {
    background: url('../../img/loading-yellow.gif');
    background-size: 128px;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 128px;
    padding: 20px 0px;
    display: none;
    position: absolute;
    bottom: 0px;
    z-index: 2000;
}

a {
    color: black;
}

.mejs-poster {
    background-size: cover;
}

.twocol {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -moz-column-gap: 56px;
    -webkit-column-gap: 56px;
    -o-column-gap: 56px;
    column-gap: 56px;
    -webkit-column-rule-style: solid;
    -moz-column-rule-style: solid;
    -o-column-rule-style: solid;
    column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    -moz-column-rule-width: 1px;
    -o-column-rule-width: 1px;
    column-rule-width: 1px;
    -webkit-column-rule-color: #000;
    -moz-column-rule-color: #000;
    -o-column-rule-color: #000;
    column-rule-color: #000;
    margin-bottom: 20px;
}

.wall-item {
    display: block;
    margin: 0 0 30px;
    padding: 12px;
    background: none repeat scroll 0 0 #FFF;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transition: all 220ms ease 0s;
    border: 2px solid;
    border-color: #fff800;
}

.wall-item:hover {
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
    transition: all 220ms;
}

.wall-item > img {
    display: block;
    width: 100%;
    margin: 0 0 24px 0;
}

.wall-item h2 {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 12px 0;
}

blockquote {
    border: none;
    padding-top: 80px;
    padding-right: 250px;
    padding-left: 150px;
    font-size: 22px;
    text-align: justify;
    width: 100%;
    background-color: #fffc00;
    height: 331px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.block-eregtei {
    background-image: url('../../img/quote.jpg');
}

.orgontavi {
    width: 50%
}

.orgonzuu {
    width: 100%
}

.block-emegtei {
    background-image: url('../../img/quoteem.jpg');
}

.wall {
    display: block;
    position: relative;
}

.wall-column {
    display: block;
    position: relative;
    width: 20%;
    float: left;
    padding: 0 12px;
    box-sizing: border-box;
}

.tabcont {
    padding-top: 20px;
}

.displayflex {
    display: flex;
}

.displayblock {
    display: block;
}

.displaynone {
    display: none !important;
}

.menuphone {
    vertical-align: middle !important;
    padding-right: 40px;
}

.divquiz {
    width: 39%;
    margin-left: 1%;
    float: left;
    height: auto;
    margin-top: 10px;
    overflow: hidden;;
}

.bigquiz {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    margin-right: 5px;
    background-color: #ffffff;
    padding: 5px;
    box-shadow: 1px 1px 3px rgba(136, 136, 136, 0.16);
}

.header-textquiz {
    width: 210px;
    height: 80px;
}

.quiztooengiin {
    color: #000000;
    background-color: #FFFFFF;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
    border-radius: 20%;
    width: 20px;
    height: 20px;
    border: 1px solid #fffb00;
    text-align: center;
}

.quiztoodef {
    color: #fffb00;
    background-color: #000000;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
    border-radius: 20%;
    width: 20px;
    height: 20px;
    border: 1px solid #000000;
    text-align: center;
}

.quiztooclick {
    color: #000000;
    background-color: #fffb00;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
    border-radius: 20%;
    width: 20px;
    height: 20px;
    border: 1px solid #fffb00;
    text-align: center;
}

.header-textquiz p {
    color: #FFFFFF;
    text-align: center;
    font-family: 'Roboto', 'sans-serif';
    font-size: 14px;
    padding: 15px;
}

.quizall {
    text-align: center;
    height: 20%;
    width: 100%;
    padding-top: 15px;
    background-color: #ffffff;
}

.quizans {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
}

.quizans img {
    height: 40px;
}

.quizans-desc {
    background-color: rgba(0, 0, 0, 0.55);
    height: 100%;
    width: 100%;
    position: static;
    text-align: center;
}

.quizans-desc a {
    padding-bottom: 50px;
    display: block;
}

.quizans h4 {
    text-align: justify;
    text-shadow: 0 0 2px #000;
    -moz-text-shadow: 0 0 2px #000;
    -webkit-text-shadow: 0 0 2px #000;
    padding: 85px;
    padding-bottom: 0px;
    font-size: 20px;
    color: rgb(255, 255, 255);
    font-family: 'Roboto', 'sans-serif';
    line-height: 1.5
}

.quizall p {
    text-decoration: none;
    font-size: 18px;
    color: rgb(0, 0, 0);
    font-family: 'Roboto', 'sans-serif';
}

.menuphone li {
    float: right;

}

.bla {
    width: 446px;
    line-height: 0;
    position: relative;
}

.bla img {
    border: none;
    width: 446px;
}

.pointer {
    position: absolute;
    width: 446px;
    height: 150px;
    overflow: hidden;
    top: 78px;
    left: 0;
    cursor: pointer;
}

.pointer2 {
    position: absolute;
    width: 446px;
    height: 200px;
    overflow: hidden;
    top: 78px;
    left: 0;
    cursor: pointer;
}

#show {
    height: 55px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: 0 12px;
}

#hide {
    height: 55px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: 0 12px;
}

.pmenu {
    height: 55px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: 0 12px;
    display: none !important;
}

#searchbox {
    display: none;
    border: 1px solid green;
    width: 200px;
    height: 30px;
    margin-top: 14px;
    float: right;
    position: static;
    margin-right: 450px;

}

.quizcon {
    margin-bottom: 30px;
}

.nevtrehmod {
    width: 450px;
    margin-top: 300px;
}

.nevtrehzurag {
    position: absolute;
    width: 160px;
    left: -65px;
    top: -22px;
}

.hiiframe {
    height: 450px;
}

.hitbaigal {
    width: 25%;
    padding-left: 20px;
    float: left
}

.quizcont {
    display: block;
    width: 32%;
    margin-right: 1%;
    float: left
}

.quizgaduur {
    height: 380px;
    overflow: hidden;
}

.bon-bom {
    width: 910px;
}

.wishlistprofand {
    width: 600px;
    background-color: #FFFFFF;
    height: auto;
    padding: 10px
}

.icon-user {
    display: none;
}

input {
    -webkit-appearance: none;
    box-shadow: none !important;
    outline: none
}

.quizindicator {
    position: relative;
    width: 100%;
    height: 40px;
    text-align: center
}

.quizheaderdiv {
    position: relative;
    height: 45px;
}

.quizheaderdiv h3 {
    font-family: 'Roboto', sans-serif;
    float: left;
    margin-top: 0;
    text-decoration: underline;
}

.comingsoonshop {
    position: absolute;
    width: 100%;;
    height: auto;
    top: 350px
}

.stuff {
    position: fixed;
    z-index: 100;
    height: 70px;
    bottom: 60px;
    left: 10px;
    border: 2px solid rgb(255, 251, 0);
    border-radius: 50%;
    width: 70px;
    text-align: center;
    background-color: rgb(255, 251, 0);
}

.stuff a {
    font-family: MAKChoc;
    text-decoration: none;
    color: #000000;
    font-size: 16px;
    margin-top: 12px;
    display: block;

}

.swiper-banner
{
    width: 100%;
    margin: auto;
}
.swiper-pagination-banner
{
    bottom: 20px !important;
    right: 15px;
    position: absolute;
    z-index: 10;
    left: initial !important;
    width: initial !important;
}
.swiper-pagination-banner .swiper-pagination-bullet
{
    width: 10px;
    height: 10px;
    line-height: 10px;
    opacity: 0.8;
    margin: 0px 5px;
    background: #FFFFFF;
}

.swiper-pagination-banner .swiper-pagination-bullet-active
{
    color: transparent;
    color: black;
    background-color: #fffb00;
    background-repeat: no-repeat;
    background-position: 15px 9px;
}

.menuheaderimg {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.menuheaderimg img {
    width: 100%;
}

.wishlist-add-div {
    width: 59%;
    float: left
}

.wishlist-add-div2 {
    width: 70%;
    height: 390px;
    padding: 25px 35px;
    background-color: rgb(255, 255, 255);
    font-family: 'Roboto', 'sans-serif';
}

.juma-back-color {
    background-color: #00c0e4;
    width: 45% !important;
    color: #FFFFFF;
}

.submenu:hover {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #000000;
    transition: background-color 0.5s ease;
}

.submenu-selected:hover {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #000000;
    transition: background-color 0.5s ease;

}

.submenu {
    border: 1px solid #000000;
    padding: 5px 20px;
    text-transform: uppercase;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}

.submenu-selected {
    border: 1px solid #000000;
    text-transform: uppercase;
    padding: 5px 20px;
    color: #FFFFFF;
    background-color: #000000;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}
.searchmobi {
    display: none;
}
.searchiconmobi {
    display: none;
}
.ontslohmobile {
    display: none !important;
    margin-left: 9.3px !important;
}
.medeeeeee {
    float: right;
    display: inline-block;
}
.medeeeetab a,.medeeeetab {
    cursor: pointer;
}

.medeeeetab1.medeeeetab-most {
    background: #f8e71c;
}

#back-top {
    position: fixed;
    bottom: 60px;
    right: 25px;
    z-index: 999999;
}
#back-top a {
    visibility: hidden;
    display: block;
    text-align: center;
    font: 9px/100% Roboto;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}
#back-top span {
    width: 55px;
    height: 55px;
    display: block;
    margin-bottom: -17px;
    background: #ddd url('../../img/up-arrow.png') no-repeat center 8px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    background-color: #ffff00;
    opacity: 0.3;
}
#back-top a:hover span {
    opacity: 1;
}
.mani {
    width: 100%;
    height: 650px;
    overflow: hidden;
    display: none;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.close-adsense {
    display: none;
    width: 55px;
    height: 55px;
    z-index: 10000;
    overflow: hidden;
    top: 20px;
    right: 30px;
    position: absolute;
    cursor: pointer;
    background: url('../../img/close.png') no-repeat center;
}
#adsense img {
    width: 100%;
    height: auto;
}
#surtalchilgaa a {
    margin-top: 0px;
    font-size: 15px;
    padding: 5px 10px;
    color: #000 !important;
    font-family: "Mogul GroticCn", "Roboto Condensed",sans-serif;
}
.footerul li a {
    color: #000 !important;
    padding: 5px 10px !important;
}
.wishprofilelist {
    float: left;
}
.navbar-brand {
    padding: 15px 10px;
}
.swiper-button-next-home {
    background: url(../../img/right-arrow.png);
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.swiper-button-prev-home {
    background: url(../../img/left-arrow.png);
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-right: 30px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.event-arrows {
    float: right;
    padding: 0px 15px;
}



/* 
* New word style start 
*/

#toast-container {
    background: none !important;
    right: 30px;
}

#toast-container>.toast-success {
    background: none !important;
    background: rgb(70,210,231, 0.7) !important;
    opacity: 0.8 !important;
    border-radius: 20px 8px 8px 8px;
    box-shadow: none !important;
    height: auto !important;
    width: 300px;
    box-shadow: none;
    transition: all 0.3s ease;
    overflow: visible;
    padding: 20px 20px 10px 20px;
}

.toast-success {
    display:flex;
    margin: 20px;
    position:relative;
    align-items:center;
    justify-content:center;
}

.toast-success:hover {
    z-index: 1;
}

.toast-success:before,
.toast-success:after {
    content:"";
    background-color:rgba(70,210,231, 1);
    border-radius:50%;
    display:block;
    position:absolute;
    z-index: 999999;
}
.toast-success:before {
    width:44px;
    height:44px;
    top:-24px;
    left:28px;
    box-shadow:-50px 30px 0 -12px rgba(244,0,45, 1);
}
.toast-success:after {
    bottom:-10px;
    right:26px;
    width:30px;
    height:30px;
    box-shadow:40px -34px 0 0 rgba(247,142,33,1),
               -28px -6px 0 -2px rgba(248,231,28,1),
               -24px 17px 0 -6px rgba(244,0,47,1),
               -5px 25px 0 -10px rgba(247,136,176,1);
}

.toast-success .toast-progress {
    bottom: -5px;
}

/*Time to finalise the cloud shape*/
.toast-success {
	position: relative;
}

/* .toast-success:before, .toast-success:after {
	content: '';
	position: absolute; 
	background: #bbb;
	width: 100px; height: 80px;
	position: absolute; top: -15px; left: 10px;
	border-radius: 100%;
    z-index: -1;
}

.toast-success:after {
	width: 200px; height: 160px;
	top: -60px; left: auto; right: 25px;
} */

.toast-success .toast-message {
    color: #000;
}

.toast-bottom-right {
    bottom: 15px;
    right: 0;
    transform: translateX(120%);
    transition: all 0.5s linear;
}

.toast-bottom-right.slide-in {
    transform: translateX(0);
}

/* .toast-bottom-left.slide-down {
    transform: translateY(100px);
} */

.toast-close-button {
    position: absolute;
    right: 10px;
    top: 3px;
    color: #000;
}

.left-bg {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -999;
}

.right-bg {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: -999;
}



/* 
    Submenu
*/
.navbar-default .navbar-nav > li:hover > .navbar__sub-menu {
    display: block;
}

.navbar__sub-menu {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0 0 4px 4px;
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    min-width: 200px;
    transition: all 0.1s linear;
}

.navbar__sub-menu .sub-menu__link {
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 17px;
    font-weight: 300;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0;
    padding: 5px 11px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.navbar__sub-menu .sub-menu__link:hover {
    color: #fbf177;
    text-decoration: none;
}

.responsive-child {
    overflow: hidden;
    /* height: 0; */
}

.responsive-child.show {
    height: auto;
}

.responsive-child__link {
    color: #444;
    display:block;
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    margin: 0 0 0 15px;
}

@media (max-width: 600px) {
    #toast-container>div {
        min-width: 100%;
    }
    .toast-bottom-left {
        left: 0;
        right: 0;
    }
    .toast-bottom-left.slide-up {
        transform: translateY(0);
    }
}

/* New word style end */

@media (max-width: 1280px) {
    .mani {
        height: 400px;
    }
    .logoword {
        font-size: 17px;
        padding-left: 20px;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 16px;
        padding: 38px 5px;
    }
}
@media (max-width: 1024px) {
    #hitheader {
        margin-bottom: 10px !important;
    }
    #hitchart {
        width: 100%;
    }
    .mani {
        height: 300px;
    }
}
/* utas */
@media (max-width: 767px) {
    .navbar-brand img {
        width: 80px;
    }
    .menu-collapse a {
        padding: 10px 0px !important;
    }
    .wishprofilelist {
        float: none;
    }
    #hitheader .cata1 {
        margin-bottom: 15px !important;
    }
    .hitiframe {
        height: 315px;
    }
    #hitchart li a {
        padding: 5px;
    }
    .hitimg {
        width: 100%;
        height: auto;
    }
    .hitimg img {
        width: 100%;
        height: auto;
    }
    .hitlist {
        width: 100%;
        height: auto;
    }
    .close-adsense {
        width: 30px;
        height: 30px;
        background-size: 30px;
        top: 10px;
        right: 10px;
    }
    .submenu {
        display: none;
    }
    .ontslohmobile {
        display: inline-block !important;
    }
    .chartback {
        width: 150px;
        height: 50px;
        background-image: url('../../img/backbaba.png');
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: 20px;
        left: 20px;
    }
    .artist {
        font-size: 12px;
    }
    .audio {
        font-size: 8px;
        font-family: Roboto,sans-serif;
    }
    h3.chartorder{
        font-size: 24px;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 15px;
        left: 10px;
        margin-top: 0;
    }
    .chart {
        width: 160px;
        padding-left: 25px;
        padding-top: 10px;
        line-height: 15px;
    }
    .authorlink {
        font-size: 12px;
    }
    .mCustomScrollbar {
        margin-bottom: 20px;
    }
    .mCSB_horizontal.mCSB_inside > .mCSB_container {
        margin-bottom: 20px;
    }
    /* .ontslohblock {
        width: 46% !important;
    } */
    .sugeestblock {
        width: 46% !important;
    }
    .loadingyellow {
        height: 64px;
        background-size: 64px;
    }
    .searchiconmobi {
        position: relative;
        float: right;
        margin: 23px 15px 0px 0px;
        padding: 5px 10px;
        font-size: 20px;
        color: #F8E71C;
        display: block;
    }
    .medeeeeee {
        float: none;
        padding: 15px 0px 0px 0px;
    }

    .juma-back-color {
        width: 100% !important;
    }

    .wishlist-add-div {
        width: 100%;
    }

    .wishlist-add-div2 {
        width: 100%;
    }

    ul.token-input-list {
        width: 90%;
    }

    .menuheaderimg {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .menuheaderimg img {
        width: 100%;
    }

    .stuff {
        display: none;
    }

    #medeedada ul {
        font-size: 12px;
    }

    .twocol {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        -o-column-count: 1;
        column-count: 1;
        -moz-column-gap: 56px;
        -webkit-column-gap: 56px;
        -o-column-gap: 56px;
        column-gap: 56px;
        -webkit-column-rule-style: solid;
        -moz-column-rule-style: solid;
        -o-column-rule-style: solid;
        column-rule-style: solid;
        -webkit-column-rule-width: 1px;
        -moz-column-rule-width: 1px;
        -o-column-rule-width: 1px;
        column-rule-width: 1px;
        -webkit-column-rule-color: #000;
        -moz-column-rule-color: #000;
        -o-column-rule-color: #000;
        column-rule-color: #000;
        margin-bottom: 20px;
    }

    .footermanu2 ul {
        font-size: 10px !important;
        padding-left: 10px;
    }

    .footermanu1 {
        display: none;
    }

    .footermanu2 {
        width: 100%;
        font-size: 10px;
    }

    .mejs-overlay-button {
        display: none;
    }

    .comingsoonshop {
        display: none;
    }

    .mani {
        width: 100%;
        display: none;
        height: 200px;
        background-repeat: no-repeat;
        background-size: 100%;

    }

    .mejs-container {
        width: 100% !important;
        height: 230px !important;
    }

    #testidi {
        width: 100% !important;
        height: 230px !important;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
    }

    .grid-sizer {
        width: 124px;
    }

    .quizheaderdiv {
        height: 25px;
    }

    .quizheaderdiv h3 {
        font-size: 14px;
    }

    .quizindicator {
        display: none;
    }

    .icon-user {
        display: block;
    }

    .din-din-din {
        display: block;
        padding: 20px 0px;
    }

    .wishlistprofand {
        width: 100%;
    }

    .bon-bom {
        width: 100%;
    }

    .profilediv {
        display: none;
    }

    .juma-ul-main {
        width: 90%;
        overflow: hidden;
    }

    .juma-ul-main li {
        margin-left: 0;
    }

    .quizgaduur {
        height: 150px;
    }

    .quizcont {
        width: 100%;
        margin-right: 0;
    }

    .subbody p > img {
        max-width: 100% !important;
        height: auto !important;
    }

    .containerm p > iframe {
        width: 100%;
        height: 200px;
    }

    .swiper-pagination-banner
    {
        bottom: 10px !important;
        right: 15px;
        position: absolute;
        z-index: 10;
        left: initial !important;
        width: initial !important;
    }
    .swiper-pagination-banner .swiper-pagination-bullet
    {
        width: 8px;
        height: 8px;
        line-height: 8px;
        opacity: 0.8;
        margin: 0px 5px;
        background: #FFFFFF;
    }

    .swiper-pagination-banner .swiper-pagination-bullet-active
    {
        color: transparent;
        color: black;
        background-color: #fffb00;
        background-repeat: no-repeat;
        background-position: 15px 9px;
    }
    #subemotical {
        margin: 0px ;
    }
    .sanal-bolgoh {
        padding: 0px;
    }
    .sanal-bolgoh .rowright1, .sanal-bolgoh .llllllllnews, .sanal-bolgoh hr  {
        display: none;
    }
    .rowright4 {
        height: auto;;
    }

    .img-holder {
        display: block;
    }
    .block-emegtei {
        background-image: none;
    }
    .block-eregtei {
        background-image: none;
    }

    blockquote {
        border: none;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 15px;
        padding-left: 15px;
        font-size: 18px;
        text-align: justify;
        width: 100%;
        background-color: #fffc00;
        height: auto;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    #subnewsswiper {
        height: 200px
    }

    .containerm {
        width: 80%;
        overflow: hidden;
    }

    .hitbaigal {
        width: 100%;
        padding-left: 0;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .eventblock {
        margin-left: 40px;
    }

    .hitarchive {
        display: none;
    }

    /*  MENU */
    #socialicons {
        display: none;
    }

    #adsense {
        display: none;
    }

    #footer {
        display: none;
    }

    /* Home */
    .wishlistback {

        background-size: 65%;
    }

    .chartback1 {
        background-size: 50%;
    }

    .minihusel {
        background-size: 100%;
    }

    .sanalbolgoh {
        background-size: 100%;
    }

    .wishlistbacksub {
        background-size: 100%;
    }

    .homequiz {
        height: 190px;
    }

    .quizall p {
        font-size: 18px;
    }

    .homebanner {
        padding-left: 0px;
        display: block;
        padding-bottom: 20px;
    }

    .topm {
        margin-top: 0px;
    }

    .rowright {
        height: 85px;
        margin-bottom: 0 !important;
    }

    .video h1 {
        font-size: 20px;
    }

    .nav-pills > li > a {
        font-size: 8px;
    }

    .swipersa {
        height: 200px;
    }

    .swiper-pagination-bullet {
        width: 17px;
        height: 17px;
        line-height: 15px;
        font-size: 12px;
    }

    .loading {
        position: absolute;
        top: 30%;
        left: 35%;
        width: 100px;
        height: 100px;
        z-index: 2;
    }

    .tabcont {
        margin-bottom: 20px;
    }

    .catheader {
        padding-right: 00px;
    }

    /* Quiz */
    .quiztop {
        width: 100%;
    }

    .quizmkd h3 {
        margin-top: 0;
        font-size: 19px;
    }

    /*.quizmkd {*/
    /*height: 250px;*/
    /*}*/
    .quizmkd img {
        height: 150px;
    }

    .quizmkd h4 {

        padding: 10px;
        font-size: 10px;
    }

    .quizcon {
        margin-bottom: 0;
    }

    .divquiz {
        width: 100%;
    }

    .header-textquiz {
        width: 100% !important;
        height: auto !important;
        padding: 20px;
        margin-bottom: 10px;
    }

    .header-textquiz p {
        font-size: 10px;
        padding: 0;
        margin: 0;
    }

    .active li {
        width: 100%;
    }

    .quizans {
        background-size: auto 100%;
    }

    .quizans h4 {
        padding: 22px;
        font-size: 10px;
    }

    .quizans img {
        height: 20px;
    }

    /* sub page */
    .aaaaaaaa1 {
        width: 48%;
        margin-right: 8px;
    }
    .parallaxheads {
        height: 220px;
        background-position: 0 96px !important;
    }
    .bodym {
        margin-top: 20px !important;
    }

    .asuultiinshar {
        /*display: none;*/
        font-size: 14px;
    }

    .hariultiinshar {
        /*display: none;*/
        font-size: 14px;
    }

    .subbody h2 {
        font-size: 20px;
    }

    .subbody p {
        font-size: 12px;
    }

    .llllllllnews {
        /*-moz-column-width: 110px;*/
        /*-webkit-column-width: 110px;*/
        /*-moz-column-gap: 5px;*/
        /*-webkit-column-gap: 5px;*/
        /*margin-right: 0;*/
        /*margin-left: 0;*/
        /*margin-top: 10px;*/
        /*font-family: "Roboto", 'sans-serif';*/
    }

    .headlinenews {
        display: none;
    }

    .ontslohmedee {
        margin-top: 20px;
        padding-top: 25px !important;
    }

    .caption h4 {

        font-size: 12px;
    }

    .caption h5 {

        font-size: 10px;
        margin-bottom: 0;
    }

    .cata {
        background-size: 45px;
    }

    .catheader {
        font-size: 20px;
        padding-left: 55px;
    }

    /* Event */
    .eventcon {
        margin: 0;
    }

    .wishlistbutton {
        width: 100%;
        text-align: center;
        height: 55px;
    }

    .wishbusad {
        display: none;
    }

    #iwjahaa {
        display: inline-block;
        margin-bottom: 5px;
        padding: 5px 25px;
        font-size: 10px;

    }

    .nevtrehmod {
        width: 100%;
    }

    .nevtrehzurag {
        display: none;
    }

    .socialcon {
        display: none;
    }

    .hitcat {
        width: 100%;
        margin-bottom: 15px;
    }

    .hitain {
        width: 100%;
        padding-right: 0px;
    }

    .hiiframe {
        height: 200px;
    }
}
@media (max-width: 420px) {
    .fblikeright {
        float: left;
    }
    #hitchart li a {
        font-size: 12px;
    }
    .hitiframe {
        height: 200px;
    }
    #hitchart li a {
        padding: 5px;
    }
    .hitimg {
        width: 100%;
        height: auto;
    }
    .hitimg img {
        width: 100%;
        height: auto;
    }
    .hitlist {
        width: 100%;
        height: auto;
    }
    .hitname {
        padding: 5px 0px;
    }
    .mani {
        height: 150px;
    }
    .logoword {
        font-size: 14px;
        line-height: 25px;
        padding-left: 10px;
    }
    .navbar-brand {
        padding-right: 0px;
    }
    .navbar-brand img {
        width: 100px;
    }
    #thumbimg {
        height: 229px;
    }
}

@media (max-width: 375px) {
    .grid-sizer {
        width: 110px !important;
    }
    #thumbimg {
        height: 207px;
    }
}

@media (max-width: 360px) {
    .grid-sizer {
        width: 162px !important;
    }
    #thumbimg {
        height: 196px;
    }
}

@media (max-width: 320px) {
    #thumbimg {
        height: 173px;
    }
    .grid-sizer {
        width: 142px !important;
    }
    .logoword {
        font-size: 12px;
    }
    .navbar-brand {
        padding-right: 0px;
    }
    .navbar-brand img {
        width: 50px;
    }
}

/* Desktop */
@media (min-width: 1025px) and (max-width: 1199px){
    .hitiframe {
        height: 415px;
    }
    #hitchart li a {
        padding: 5px;
    }
    .hitimg {
        width: 100%;
        height: auto;
    }
    .hitimg img {
        width: 100%;
        height: auto;
    }
    .hitlist {
        width: 100%;
        height: auto;
    }
    #thumbimg {
        height: 173px !important;
    }
}
@media (max-width: 1072px){
    #thumbimg {
        height: 300px !important;
    }
}

@media (max-width: 991px){
    #thumbimg {
        height: 227px !important;
    }
}

@media (max-width: 767px){
    #thumbimg {
        height: 358px !important;
    }
}

@media (max-width: 750px){
    #thumbimg {
        height: 300px !important;
    }
}

@media (max-width: 651px){
    #thumbimg {
        height: 250px !important;
    }
}

@media (max-width: 651px){
    #thumbimg {
        height: 250px !important;
    }
}

@media (max-width: 551px){
    #thumbimg {
        height: 200px !important;
    }
}

@media (max-width: 474px){
    #thumbimg {
        height: 160px !important;
    }
}

@media (max-width: 371px){
    #thumbimg {
        height: 150px !important;
    }
}

@media (max-width: 365px){
    #thumbimg {
        height: 130px !important;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .hitiframe {
        height: 415px;
    }
    #hitchart li a {
        padding: 5px;
    }
    .hitimg {
        width: 100%;
        height: auto;
    }
    .hitimg img {
        width: 100%;
        height: auto;
    }
    .hitlist {
        width: 100%;
        height: auto;
    }
    .logoword {
        font-size: 14px;
        padding-left: 10px;
    }
    .navbar-brand {
        padding-right: 0px;
    }
    .navbar-brand img {
        width: 70px;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 38px 5px;
        font-size: 12px;
    }
    .chartback {
        width: 150px;
        height: 50px;
        background-image: url('../../img/backbaba.png');
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: 280px;
        right: 100px;
    }
    .artist {
        font-size: 14px;
    }
    .audio {
        font-size: 10px;
    }
    h3.chartorder{
        font-size: 24px;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 15px;
        left: 10px;
        margin-top: 0;
    }
    .chart {
        width: 150px;
        padding-left: 35px;
        padding-top: 10px;
        line-height: 15px;
    }

    /*  MENU */
    #adsense {
        display: none;
    }

    #hailt {
        display: none;
    }

    #neeh > li a {
        width: 130px;
    }

    #socialicons {
        display: none;
    }

    .chartback {
        display: block;
    }

    #sonihmoor {
        display: none;
    }

    #gaihuulmaar {
        display: none;
    }

    /* Home */
    .homequiz {
        height: 196px;
    }

    .wishlistback {

        background-size: 100%;
    }

    .chartback1 {
        background-size: 25%;
    }

    .minihusel {
        background-size: 100%;
    }

    .sanalbolgoh {
        background-size: 100%;
    }

    .wishlistback {
        background-size: 45%;
    }

    .swipersa {
        height: 400px;
    }

    .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        line-height: 15px;
        font-size: 14px;
    }

    .quizall p {
        font-size: 20px;
    }

    .aaaaaaaa1 {
        width: 30%;
        margin-right: 20px;
    }

    /* Quiz */
    .header-textquiz {
        width: 100px;
        height: 100px;
    }

    .header-textquiz p {
        font-size: 12px;
        padding: 0;
        margin: 20px 0 0;
    }

    .quizans {
        height: 300px;
    }

    .quizans h4 {
        padding: 45px;
        font-size: 18px;
    }

    /* Sub news page*/
    #subemotical {
        display: block;
    }

    .parallaxheads {
        height: 400px;
        background-position: 0 96px !important;
    }

    .subbody h2 {
        font-size: 24px;
    }

    .subbody p {
        font-size: 14px;
    }
}

@media (max-width: 1786px) {
    #toast-container>.toast-success {
        background: none !important;
        background: rgb(70,210,231, 1) !important;
        opacity: 0.9 !important;
    }
}

@media (max-width: 960px) {
    #toast-container {
        right: 10px;
        left: 10px;
    }
    #toast-container>.toast-success {
        background: none !important;
        background: rgb(70,210,231, 1) !important;
        opacity: 1 !important;
        width: 100%;
    }
    .toast-close-button {
        right: 10px !important;
        top: 3px !important;
    }
}




.hiticon__share {
    color: #4267B2;
}


/* 
    Mobile deer menu scroll bolohgui baisang haltuurdav, uuchlaarai
*/
#bs-example-navbar-collapse-1 {
    height: 0;
    position: absolute;
    z-index: -999;
    opacity: 0;
}

#bs-example-navbar-collapse-1 .nav {
    display: none;
}

.ontslohblock {
    width: 219px;
}

@media (max-width: 1199px) {
    .ontslohblock {
        width: 233px;
    }
}

@media (max-width: 767px) {
    /* 
        Mobile deer menu scroll bolohgui baisang haltuurdav, uuchlaarai
    */
    #bs-example-navbar-collapse-1 {
        height: initial;
        position: relative;
        z-index: 999;
        opacity: 100;
        max-height: 75vh;
    }

    #bs-example-navbar-collapse-1 .nav {
        display: block;
    }

    .ontslohmedee {
        margin-top: 80px;
    }

    .ontslohblock {
        width: 49%;
    }

    .swiper-nav-container .submenu {
        display: block;
    }
}

@media (max-width: 715px) {
    .ontslohblock {
        width: 46% !important;
    }
}

@media (max-width: 560px) {
    #ontslohswiper .ontslohblock {
        width: 48.5%;
    }
}

@media (max-width: 420px) {
    #ontslohswiper .ontslohblock {
        width: 48.1% !important;
    }
}

.swiper-nav-container {
    position: relative;
    display: inline;
    /* top: 0;
    right: 0; */
}

.swiper-nav-container .swiper-nav {
    border: 1px solid #000000;
    height: auto !important;
    width: auto !important;
    padding: 5px 10px;
    position: relative;
    margin: 0;
}

.swiper-nav-container .swiper-button-next, 
.swiper-nav-container .swiper-button-prev {
    background-image: none;
}

.swiper-nav-container .swiper-button-prev {
    margin-right: 30px;
}