/* Mobile device */
@media (max-width: 767px) {
    .container {
        max-width: 760px;
    }
}

@media (max-width: 480px) {
    .container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .col-category .img-responsive{
        border-radius:0;
    }
    .title-main{
        font-size:20px;
        line-height:24px;
    }
    .processing {
        padding-left: 15px;
        padding-right: 15px;
    }

    .popup-oth .modal-body .congratulation h3.ttl-join {
        font-size: 14px !important;
    }

    #popup .modal-body .congratulation .img_join {
        max-width: 240px;
        margin-bottom: 10px;
    }

    #popup .modal-body .congratulation .btn-wider-join {
        margin-top: 0;
    }

    #browse-categories .categories-wrap {
        padding: 0;
    }

    #browse-categories .categories-wrap .col-category {
        padding: 0 5px;
    }

    .container .row,
    #browse-categories .categories-wrap .row {
        margin-right: -4px;
        margin-left: -4px;
    }

    #browse-categories .col-category a {
        font-size: 12px;
        border-radius:0;
    }

    .myanmar3 #browse-categories .col-category a,
    .zawgyi #browse-categories .col-category a {
        padding: 0px 5px;
        font-size: 12px;
    }
    #footer .container {
        padding: 0;
    }

    #footer .bottom-menu a {
        line-height: 10px;
        padding: 0 5px;
        font-family: Azo-Bold;
    }

    .zawgyi #footer .bottom-menu a {
        font-family: ZawgyiOne;
    }

    .myanmar3 #footer .bottom-menu a {
        font-family: Myanmar3;
    }

    .zawgyi #footer .bottom-menu a {
        padding: 0 10px;
    }

    #joinBen .col-jn a {
        width: 100%;
    }

    .btn3d {
        width: 80%;
    }

    .imgProfileUser a {
        width: 100px;
        height: 100px;
    }

    .imgProfileUserDetail {
        padding-top: 0;
        margin-left: 10px;
        width: 66%;
        font-size: 12px;
    }

    .myAccountWrap a.btnMyStash {
        width: 96%;
    }

    .detailPageDesc img:nth-child(1) {
        margin-top: 0;
    }

    #popup-join-buy .col-xs-6 .btn-wider-join {
        font-size: 14px;
        padding: 13px 0px 10px 0px;
    }

    #popup-join-buy .modal-body h3.ttl-join {
        font-size: 23px;
    }

    .btn-benefit-join {
        font-size: 24px;
    }

    #pageEx {
        min-height: 450px;
    }

    #slide_offset2 .item span {
        font-size: 10px;
        font-family: Azo-Bold;
    }

    .zawgyi #slide_offset2 .item span {
        font-family: ZawgyiOne;
    }

    .myanmar3 #slide_offset2 .item span {
        font-family: Myanmar3;
    }

    #slide_offset2 .item {
        padding: 10px 0;
    }

    #slide_offset2 .item .img-slide img {
        width: 60px;
    }

    #specPage .slideDesc {
        font-size: 12px;
    }

    .editorPicks .btnEditor a {
        padding-top: 10px;
        padding-bottom: 6px;
    }

    #onlineGamePart .col-category a {
        font-size: 12px;
        font-family: Azo-Bold;
    }

    .zawgyi #onlineGamePart .col-category a {
        font-family: ZawgyiOne;
    }

    .myanmar3 #onlineGamePart .col-category a {
        font-family: Myanmar3;
    }

    #onlineGamePart .col-category a img {
        margin-right: 5px;
        width: 20px;
    }

    #onlineGamePart .col-category a span {
        display: inline-block;
    }

    #pixarPage .owl-carousel .item .col-lo {
        min-height: 260px;
    }

    #footer.foot-pixar .bottom-menu a {
        border-left: 1px solid #000;
    }

    #footer.foot-pixar .bottom-menu a:nth-child(1) {
        border-left: 0;
    }

    #footer .copyright,
    .brough {
        font-size: 10px;
    }

    .detailPage h4 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .myanmar3 h2,
    .zawgyi h2 {
        font-size: 18px;
    }

    .zawgyi #footer .copyright,
    .zawgyi .brough {
        font-size: 7px;
    }

    .moduleWrap .inside_module {
        margin-top: 50px;
    }

    .myanmar3 #browse-categories .col-category a,
    .zawgyi #browse-categories .col-category a {
        padding: 0px 5px;
        font-size: 9px;
    }
     #slide_offset3 .iteme span {
        font-size: 10px;
    }
     #browse-categories .col-category a span{
         padding-left:50px;
     }
     #browse-categories .col-category.img{
         border-radius:0;
     }
     #header8el .container .col-xs-8 a{
         width:50%;
     }
     #header8el .container .nussa-brand a{
         width:auto;
     }
}

@media (max-width: 375px) {
   
    /* .brough span{
		display:block;
	} */
    .editor-pick-list .item img{
		width:100%;
	}
    #footer .copyright,
    .brough {
        font-size: 9px;
    }

    .moduleWrap .inside_module {
        margin-top: 10px;
    }
    .title-main{
        font-size:18px;
    }
    #browse-categories .col-category a span{
        padding-left:45px;
    }
}

@media (max-width: 360px) {
    .myanmar3 #footer .bottom-menu a,
    .zawgyi #footer .bottom-menu a {
        font-size: 10px;
    }
    #browse-categories .col-category a span{
         padding-left:45px;
     }
    .acc-full a {
        top: 40px;
        left: 60px;
        width: 90px;
    }
    .title-main{
        font-size:16px;
    }
    .btn-wider-join {
        margin-top: 10px;
        margin-bottom: 5px;
        padding: 10px 0px 7px 0px;
    }

    .category-page .category-list .btn-col-tab button {
        width: 46%;
        min-height: 40px;
        font-size: 10px;
    }

    .category-page .category-name {
        font-size: 20px;
    }

    #slide_offset3 .iteme span {
        font-size: 9px;
    }

    .addOth:nth-child(2) {
        padding: 0 10px;
    }

    #onlineGamePart h2 {
        font-size: 16px;
    }

    #onlineGamePart .col-category a {
        padding: 0px 10px;
    }

    #slide_offset2 .item {
        padding: 5px 0;
    }

    #pageEx {
        min-height: 390px;
    }

    #pageEx.bg-pixar {
        background-position: bottom center;
    }

    #header8el .container .language-option ul {
        padding: 0 10px;
    }

    .imgProfileUserDetail {
        width: 64%;
    }

    .timing span a {
        padding: 10px 10px 7px 10px;
    }

    .timing span {
        width: 50%;
    }

    .benefitPage .titCenter {
        font-size: 28px;
        margin-top: 30px;
    }

    .btn-benefit-join {
        font-size: 18px;
        line-height: 20px;
    }

    .btn-wider {
        padding: 7px 0px 0px 0px;
    }

    .btn-get {
        padding: 12px 0px 10px 0px;
    }

    #specPage .slideDesc p {
        font-size: 12px;
    }

    h2 {
        font-size: 20px;
    }

    .zawgyi h2 {
        font-size: 16px;
    }

    .selLangNew {
        font-size: 11px;
    }

    #browse-categories .col-category a {
        font-size: 11px;
    }

    .myanmar3 #browse-categories .col-category a,
    .zawgyi #browse-categories .col-category a {
        padding: 0px 5px;
        font-size: 9px;
    }

    .home-img {
        width: 190px;
        display: inline-block;
    }

    .titCenter {
        font-size: 32px;
    }

    .wifi_notify .titCenter {
        font-size: 24px;
    }

    .myAccountWrap {
        font-size: 14px;
    }

    .myAccountWrap span {
        font-size: 16px;
    }

    .myAccountWrap p {
        line-height: 24px;
    }

    .myAccountWrap span .ico-coin {
        width: 22px;
        height: auto;
    }
    /* 	#browse-categories .col-category a span img{
		height:20px;
	} 
	#browse-categories .col-category a span{
		width:25px;
	}*/

    .moduleWrap .inside_module {
        margin-top: 20px;
    }

    .marvel-brand-item .iteme .img-slide {
        margin-bottom: 0px;
    }
}

@media (max-width: 320px) {
    .moduleWrap .inside_module {
        margin-top: 5px;
    }
    #browse-categories .col-category a span{
        padding-left:38px;
    }
    .popup-oth.popup-consent .modal-body h3.ttl-join {
        font-size: 14px !important;
        line-height: 20px;
    }

    .popup-fwf-consent .modal-body h3.ttl-join span {
        font-size: 28px;
    }

    .popup-oth.popup-fwf-consent .modal-body h3.ttl-join {
        font-size: 11px !important;
        line-height: 4px;
    }

    .popup-consent .modal-body span {
        line-height: normal;
        margin-top: 0;
    }

    .popup-oth.popup-fwf-consent .modal-body h3.ttl-join {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .popup-oth.popup-consent .modal-header {
        padding: 7px 10px 15px;
    }

    .popup-oth.popup-consent .modal-body img {
        width: 110px;
    }

    .popup-fwf-consent .modal-body p {
        margin-bottom: 0px;
    }

    .popup-consent .modal-body span,
    .popup-consent .modal-body .btn-wider-join {
        margin-top: 0;
    }

    .acc-full a {
        top: 60px;
        left: 20px;
        width: 90px;
        height: 30px;
    }

    #disneyPage .owl-carousel .item .col-lo .slideDesc {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 11px;
    }

    #disneyPage .owl-carousel .item .col-lo {
        min-height: 180px;
    }

    #slide_offset2 .item {
        padding: 0;
    }

    #pageEx {
        min-height: 340px;
    }

    #header8el .container .language-option ul {
        padding: 0 10px;
    }

    h2 {
        font-size: 18px;
    }

    #myCarouselHome .carousel-indicators li {
        margin: 1px 1px;
    }

    .btn-see-more {
        padding: 6px 6px;
    }

    #editor-pick .item .slideDesc .btn-buy {
        font-size: 12px;
        padding: 8px 0 6px 0;
    }

    #footer .bottom-menu a {
        font-size: 10px;
    }

    .imgProfileUser a {
        width: 80px;
        height: 80px;
    }

    .imgProfileUserDetail {
        font-size: 10px;
    }

        .imgProfileUserDetail a,
        .imgProfileUserDetail strong {
            font-size: 16px;
        }

    .imgProfileUserDetail {
        padding-top: 10px;
    }

    .btn-get {
        font-size: 14px;
    }

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .category-page .category-list .btn-col-tab button {
        font-size: 9px;
    }

    #popup-logout-step2 .modal-body .btn-col-tab button,
    #popup-buy-confirm .modal-body .btn-col-tab button {
        font-size: 10px;
        min-height: 40px;
    }

    .wallpaper-slider .item .slideDesc a,
    .ebookBanner .slideDesc a {
        font-size: 12px;
    }

    #editor-pick .item .slideDesc a.slide-title {
        font-size: 13px;
    }

    #editor-pick .item .slideDesc {
        font-size: 10px;
    }

    .myanmar3 #browse-categories .col-category a,
    .zawgyi #browse-categories .col-category a {
        padding: 0px 5px;
        font-size: 9px;
    }

    #editor-pick .item .slideDesc a.slide-title {
        max-height: 20px;
    }
}

/*@media (min-height: 480px) {
    .popup-oth .modal-body h3.ttl-join {
        font-size: 18px !important;
        margin-bottom: 0;
        line-height: 24px;
    }

    .myanmar3 #browse-categories .col-category a,
    .zawgyi #browse-categories .col-category a {
        padding: 0px 5px;
        font-size: 9px;
    }

    .btn-get {
        font-size: 14px;
    }

    .popup-oth .modal-body {
        padding-top: 0;
        font-size: 12px;
    }

    .btn-wider-join {
        margin-top: 10px;
        margin-bottom: 5px;
        padding: 10px 0px 7px 0px;
    }

    .home-img {
        width: 190px;
        display: inline-block;
    }

    #browse-categories .col-category a {
        font-size: 10px;
    }

    .headDefault .logo-white img {
        width: 140px;
    }
}*/

/* Tablet device */
@media (max-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) and (max-width: 1024px) {
}

/* Desktop small screen */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Desktop Small screen */
@media (max-width: 1024px) {
}

/* Desktop large screen */
@media (min-width: 1200px) {
    .container {
        width: 600px;
    }
}
