@charset "utf-8";

@media (min-device-width:320px) and (max-width:689px),
(max-device-width:480px) {

    input[type="button"],
    input[type="submit"] {
        vertical-align: middle;
        cursor        : pointer
    }

    input[type=button],
    input[type=text],
    input[type=password] {
        -webkit-appearance: none;
        outline           : none
    }

    article,
    aside,
    dialog,
    footer,
    header,
    section,
    footer,
    nav,
    figure,
    menu {
        display: block;
        margin : 0 auto
    }
	
	video {
		object-fit: cover;
		height: auto;
	}

    /*top*/
    .w1280,
    .w1000 {
        width: 10rem;
    }

    .w900 {
        width  : 9rem;
        padding: 0 0.5rem;
    }

    .main {
        width: 10rem
    }

    .img100 img {
        width        : 100%;
        height       : auto;
        border-radius: 0;
    }

    /*Header*/
    .Header {
        height        : auto;
        padding-bottom: 0.1rem;
        padding-top   : 15px;
    }

    .Header .w1280 {
        width: 10rem !important;
    }

    .Header .logo {
        margin-bottom: 0;
    }

    .Header .logo .logo-img {
        width       : 27%;
        height      : auto;
        margin-left: 0.4rem;
    }

    .Header .logo .tit0-img {
        width        : 40%;
        height       : auto;
        margin-bottom: 7px;
    }

    .Header .col-2 {
        display: none;
    }

    .Header .col-1 {
        width       : 99%;
        text-align  : right;
        margin-top  : -13px;
        margin-right: 1%
    }

    .nav_grid li.menu {
        display        : block;
        background     : url(../images/menu.png) no-repeat;
        width          : 28px;
        height         : 26px;
        float          : left;
        margin-top     : 6.5%;
        margin-left    : 5%;
        background-size: 65% auto;
    }

    .slide_mask {
        position          : fixed;
        z-index           : 2;
        left              : 0;
        top               : 0;
        width             : 100%;
        height            : 100%;
        background        : transparent;
        display           : none;
        overflow          : hidden;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition   : all 0.3s ease-out;
        -ms-transition    : all 0.3s ease-out;
        -o-transition     : all 0.3s ease-out;
        transition        : all 0.3s ease-out;
    }

    .nav_grid li.nav_grid_first {
        height: 100%;
    }

    .sidenav {
        display    : block;
        position   : absolute;
        top        : 0;
        left       : 0;
        bottom     : 0;
        background : #f5f5f7;
        width      : 5.9rem;
        padding-top: 1.6em;
        transform  : translateX(-5.9rem);
        z-index    : 999;
        height     : 100%;
        max-height : 100%;
    }

    .sidenav li.sou {
        margin       : 0 auto;
        width        : 5.493rem;
        position     : relative;
        margin-bottom: 10px;
    }

    .sidenav li.sou input.s1 {
        width        : 5.393rem;
        height       : 0.773rem;
        text-indent  : 1.2em;
        border       : 1px solid #c1c1c2;
        border-radius: 0.373rem;
        padding-right: 1rem;
    }

    .sidenav li.sou input.s2 {
        width   : 10%;
        height  : auto;
        top     : 0.3em;
        right   : 0.4em;
        position: absolute;
    }

    .sidenav li.nav_items {
        line-height  : 1.2rem;
        font-size    : 0.6rem;
        padding      : 10px 0 10px 1.2em;
        border-bottom: 1px solid #c9c9ca;
        text-align   : left;
        font-weight  : 500;
    }

    .sidenav li:last-child {
        border-bottom: none;
    }

    .sidenav li a {
        text-decoration: none;
    }

    .sidenav.moved {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform   : translate3d(0, 0, 0);
        -ms-transform    : translate3d(0, 0, 0);
        -o-transform     : translate3d(0, 0, 0);
        transform        : translate3d(0, 0, 0);
    }

    .sidenav.moved li.nav_items span {
        transform : perspective(100px) rotateX(0) translateZ(24px) scale(1);
        transition: all .4s;
        opacity   : 1;
    }

    .sidenav li.nav_items span {
        transform: perspective(100px) rotateX(90deg) translateZ(24px) scale(1.5);
        opacity  : 0;
    }

    .sidenav li.nav_items:nth-child(1) span {
        transition-delay: .08s;
    }

    .sidenav li.nav_items:nth-child(2) span {
        transition-delay: .16s;
    }

    .sidenav li.nav_items:nth-child(3) span {
        transition-delay: .24s;
    }

    .sidenav li.nav_items:nth-child(4) span {
        transition-delay: .32s;
    }

    .sidenav li.nav_items:nth-child(5) span {
        transition-delay: .40s;
    }

    .sidenav li.nav_items:nth-child(6) span {
        transition-delay: .48s;
    }

    .sidenav li.nav_items:nth-child(7) span {
        transition-delay: .56s;
    }

    .sidenav li.nav_items:nth-child(8) span {
        transition-delay: .64s;
    }

    .sidenav li.nav_items:nth-child(9) span {
        transition-delay: .72s;
    }

    .sidenav li.nav_items:nth-child(10) span {
        transition-delay: .80s;
    }

    .sidenav li.nav_items:nth-child(11) span {
        transition-delay: .88s;
    }

    .sidenav li.nav_items:nth-child(12) span {
        transition-delay: .96s;
    }

    .sidenav li.nav_items:nth-child(13) span {
        transition-delay: 1.04s;
    }

    .sidenav li.nav_items:nth-child(14) span {
        transition-delay: 1.12s;
    }

    .sidenav li.nav_items:nth-child(15) span {
        transition-delay: 1.20s;
    }

    .Header .col-1 img {
        margin: 22px 8px 0 8px;
    }

    .facebook {
        width : 0.4rem;
        height: auto;
    }

    .twitter {
        width : 0.45rem;
        height: auto;
    }

    .instagram {
        width : 0.45rem;
        height: auto;
    }

    .prev1,
    .next1 {
        top: 30%;
    }

    .prev1,
    .next1 {
        width   : 35px;
        height  : 35px;
        z-index : 98;
        position: absolute;
    }

    /*foreign_nav*/
    .foreign_nav {
        display: none;
    }

    /*p1Con*/
    .foreign_tit1 {
        margin: 20px auto
    }

    .foreign_tit1 h1 {
        font  : bold 0.6rem/1.5rem 'Noto Nastaliq Urdu';
        width : 9.2rem;
        margin: 0 auto;
    }

    .foreignP1Con .col-1,
    .foreignP1Con .col-2 {
        float: none;
        width: 10rem;
    }

    .foreign_pic1,
    .foreign_pic1 .swiper-container {
        width : 10rem;
        height: 9rem;
    }

    .foreign_pic1 .swiper-slide img {
        width        : 10rem;
        height       : 6.5rem;
        border-radius: 0;
    }

    .foreign_pic1 .swiper-slide span {
        font-size  : .4rem;
        line-height: 1rem;
        width      : 9.5rem;
		text-align: right;
		padding: 0;
		margin: 0 auto;
    }

    .pagination1 {
        top: 63%;
    }

    .foreign_pic2 {
        display: none;
    }

    .foreign_list1 {
        height: auto;
        width : 9.2rem;
        margin: 0 auto;
        float : none;
    }
	
	.foreign_list1 li {
		font-size: 0.4rem;
    	line-height: 1rem;
	}
	
    .foreign_list1 li:last-child {
        border-bottom: none;
    }

    .btn_vbg {
        top    : 143px;
        z-index: 9999;
    }

    .tvplayshow video {
        width : 100%;
        height: auto;
    }

    .foreign_close {
        z-index: 99999;
        color  : #fff
    }

    #mob_no {
        display: none;
    }

    .foreign_line1,
    .foreign_box1 {
        width : 9.2rem;
        margin: 0 auto
    }

    /*banner*/
    .foreign_ban1 {
        padding-top: 0;
        margin-top : 10px;
        border-top : none;
    }

    .foreign_ban1,
    .foreign_ban1 .swiper-container {
        height: 1.6rem;
    }

    .foreign_ban1 .img100 img {
        width        : 100%;
        height       : 80%;
        border-radius: 0;
    }

    .foreign_ban3 {
        margin-top: 10px;
    }

    .foreign_ban3 img {
        width : 100%;
        height: auto;
    }

    /*p2Con*/
    .foreignP2Con {
        border-top : none;
        padding-top: 0;
    }

    .foreignP2Con .col-1,
    .foreignP2Con .col-2 {
        float: none;
        width: 10rem;
    }

    .foreignP2Con .col-2 {
		margin-right: 0;
		margin-top: 1rem;
    }

    .foreignP2Con .col-3 {
        display: none;
    }

    .foreign_tit2 {
        position: relative;
        width   : 9.4rem;
        margin  : 0 auto;
        clear   : both;
        overflow: hidden;
    }

    .foreign_tit2::before {
        position  : absolute;
        content   : '';
        width     : 5px;
        height    : 40px;
		top: 0.4rem;
        background: #c53c3c;
		right: 0;
    }

    .foreign_tit2 h3 {
        margin-right: 0.4rem;
    }

    .foreign_tit2 h3::after {
        display: none;
    }

    .foreign_more {
        display   : block;
        margin-top: 0.6rem;
        cursor    : pointer;
    }

    .foreign_more a {
        background : url(../images/ico6.png) no-repeat;
        width      : 19px;
        height     : 19px;
        display    : inline-block;
        margin-left: 8px;
    }

    .foreign_pic8_con {
        padding-left: 0;
    }

    .foreign_pic8_con p {
        width    : 9.2rem;
        margin   : 8px auto 0 auto;
        font-size: 18px;
		line-height: 2.3;
    }

    .foreign_pic8 {
        height: auto;
    }

    .foreign_pic8_con .foreign_list3 {
        display: none;
    }

    .foreign_pic9 {
        display: block;
        width  : 9.2rem;
        margin : 15px auto 0 auto;
    }

    .foreign_pic9 li {
        font-size  : 20px;
        line-height: 24px;
        clear      : both;
        border-top : 1px solid #f3f3f3;
        padding    : 20px 0;
    }

    .foreign_pic9 li img {
        width       : 2.93rem;
        height      : 1.95rem;
        float       : left;
        margin-right: 8px;
    }

    .foreign_list3 {
        width : 9.2rem;
        margin: 15px auto 0 auto;
    }

    .foreign_list3 li {
        font-size: 20px;
    }

    .foreign_mt20 {
        margin-top: 20px;
    }

    .foreign_md20 {
        margin-bottom: 20px;
    }

    /*p3Con*/
    .foreignP3Con {
        border-top : none;
        padding-top: 0;
    }

    .foreign_pic3 {
        margin: 20px auto 0 auto;
        width : 9.2rem;
    }

    .foreign_pic3 li {
        width : 9.2rem;
        float : none;
        margin: 5px 0 0 0;
    }

    .foreign_pic3 li:nth-child(2n+1) {
        margin-left: 0;
    }

    .foreign_pic3 li img {
        border-radius: 0px;
        width        : 100%;
        height       : auto
    }

    .foreign_pic3 li p {
        margin   : 8px 0;
        font-size: 18px;
    }

    /*p4Con*/
    .foreignP4Con {
        border-top : none;
        padding-top: 0;
    }

    .foreignP4Con .col {
        float: none;
        width: 10rem;
    }

    .foreignP4Con .col-1,
    .foreignP4Con .col-2 {
        padding-right: 0;
        border-right : none;
    }

    .foreignP4Con .col-2 {
        padding-left: 0;
    }

    .foreignP4Con .col-3 {
        margin-top: 20px
    }

    .foreign_tit2c {
        padding-left: 0;
        margin-top  : 20px
    }
	
	.foreign_pic4 {
		height: auto;
	}

    .foreign_pic4 p {
        font-weight: 800;
        width      : 9.2rem;
        margin     : 8px auto 0 auto;
    }

    /*p5Con*/
    .foreignP5Con {
        display: none;
    }

    .foreignVideo {
        display   : block;
        margin-top: 20px;
    }

    video {
        width : 100%;
        height: auto;
    }

    .foreign_pic6 {
        margin-top: 20px;
    }

    .foreign_pic6 p {
        width      : 9.2rem;
        margin     : 8px auto 0 auto;
        font-size  : 18px;
        line-height: 22px;
        font-weight: 800;
    }

    /*bottom*/
    .foreign_link {
        display: none;
    }

    #copyright {
        font-size: 12px;
    }

    .foreign_bottom {
        padding: 0px 0 30px 0
    }

    .foreign_bottom2 {
        padding: 0
    }

    /*d2txt*/
    .route {
        background   : #f5f5f7;
        border-bottom: none;
    }

    .d2txtCon h1,
    .origin,
    .date,
    .d2txtCon p {
        width : 9rem;
        margin: 20px 0.5rem 0 0.5rem
    }

    .d2txtCon h1 {
        font-size  : 24px;
        line-height: 2.3;
    }

    .d2txtCon p {
        margin-top: 0px;
        padding   : 5px 0
    }

    .d2txtCon p img,
    .f_pic img {
        max-width: 98% !important;
        height   : auto !important;
    }

    .share_txt {
        width : 7.5rem;
        margin: 15px auto 0 auto;
    }

    #copyright {
        background: none;
        padding   : 0px 0 30px 0
    }

    #copyright {
        width  : 100%;
        padding: 15px 0;
    }

    .foreign_list4 {
        border-top: none;
        margin-top: 0;
    }

    .editor,
    .foreign_list4 ul {
        width: 9.2rem;
    }

    .foreign_list4 li {
        margin-bottom: 20px;
    }

    .foreignP3Conb {
        border-bottom: none;
    }

    .foreign_pic3b {
        width : 9.2rem;
        margin: 20px auto 0 auto
    }

    .foreign_pic3b li {
        margin-bottom: 20px;
        width        : 9.2rem;
        margin-left  : 0;
    }

    .foreign_pic3b li:nth-child(2n+1) {
        margin-left: 0
    }

    .foreign_pic3b li img {
        width       : 40%;
        float       : left;
        margin-right: 18px;
    }

    /*d2tu*/
    .foreign_d2nav {
        line-height: 45px;
    }

    .page_n a {
        padding: 5px 10px;
    }

    .foreign_pic13 {
        width: 9.2rem;
    }

    .foreign_pic13 li {
        float        : none;
        padding-left : 0;
        padding-right: 0;
        width        : 100%;
    }

    .foreign_pic13 li img {
        width : 100%;
        height: auto;
    }

    .foreign_pic13 li:nth-child(3n+1) {
        padding-left: 0;
    }

    .foreign_pic13 li i {
        left: 3%
    }

    .foreign_pic14 {
        width: 9.2rem;
    }

    #tiles li {
        float  : none;
        width  : 9.2rem;
        border : none;
        margin : 0;
        padding: 0;
        left   : 0 !important
    }

    #tiles li img {
        width : 100%;
        height: auto;
    }

    #tiles li:nth-child(5n) {
        height: auto;
    }

    #tiles li:nth-child(3n) {
        height: auto;
    }

    .f_pic table {
        width: 10rem
    }

    /*d2list*/
    .foreign_d2nav {
        line-height: 45px;
    }

    .foreign_d2list {
        margin-top: 15px;
    }

    .foreign_d2list .col-1 {
        width: 10rem;
        float: none
    }

    .foreign_d2list .col-2 {
        display: none;
    }

    .foreign_d2list .col-1 h3 {
        line-height : 2.8;
        font-size   : 24px;
        padding-left: 10px;
    }

    .page_n a {
        padding: 5px 10px;
    }

    .foreign_list6 {
        width : 9.2rem;
        margin: 0 auto
    }

    .foreign_list6 li img {
        width        : 45%;
        height       : auto;
        margin-bottom: 3px;
    }

    /*change*/
    .foreign_change {
        display        : block;
        width          : 9rem;
        margin         : 30px auto;
        display        : flex;
        flex-direction : row;
        align-items    : center;
        justify-content: space-around;
    }

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

    .languageBox ul {
        position: absolute;
        bottom  : 49px;
        left    : 0;
        width   : 100%;
        display : none;
        z-index : 1000;
    }

    .languageBox ul li {
        height       : 43px;
        font-size    : 16px;
        width        : 100%;
        line-height  : 43px;
        text-align   : center;
        border       : 1px solid #e5e5e5;
        border-bottom: none;
        background   : #fff;
    }

    .languageBox span,
    .foreign_btn1 span {
        cursor     : pointer;
        background : #c12828;
        height     : 50px;
        display    : flex;
        color      : #fff;
        font-size  : 16px;
        line-height: 2.2;
        text-align : center;
        padding    : 0 20px;
    }

    .languageBox span i {
        background : url(../images/ico8.png) no-repeat;
        width      : 22px;
        height     : 12px;
        margin-top : 18px;
        margin-left: 5px;
    }

    .foreign_btn1 i {
        background     : url(../images/ico7.png) no-repeat;
        width          : 29px;
        height         : 28px;
        margin-top     : 12px;
        margin-right   : 5px;
        background-size: 80% auto;
    }

    #pc_add {
        display: none;
    }

    /*top back*/
    .foreign_ico {
        position : fixed;
        _position: absolute;
        display  : block;
        width    : 30px;
        right    : 3%;
        _right   : -52px;
        bottom   : 15%;
        z-index  : 99;
    }

    .go_top {
        background: url(../images/home.png) no-repeat;
        width     : 30px;
        height    : 30px;
        display   : block;
        margin-top: 20px
    }

    .go_back {
        background: url(../images/back.png) no-repeat;
        width     : 30px;
        height    : 30px;
        display   : block;
    }

    /*20221015*/
    #pvlive_cctven {
        width      : 100% !important;
        height     : 100% !important;
        line-height: normal !important;
    }
	
	/* 20240212 */
	.d2txtCon .text-content .left {
		display: none;
	}
	
	/*250507*/
	.foreign_pic8 {
		height: auto;
	}
}