:root {
    --gap: 16px;
    --gap-revers:-16px;
    --a-color: #3B3B3B;
    --a-hover-color: #ED1C24;

    --suptitle-font-a:normal 18px/28px IRANSansX;
    --suptitle-font-b:normal 0.8rem/1.4rem IRANSansX;
    --suptitle-font-c:normal 0.8rem/1.4rem IRANSansX;
    --title-font-a:bold 1.2rem/2rem IRANSansX;
    --title-font-b:bold 0.8rem/1.4rem IRANSansX;
    --title-font-c:bold 0.8rem/1.4rem IRANSansX;
    --title-font-d:normal 0.8rem/1.4rem IRANSansX;
    --title-font-e:normal 14px/24px IRANSansX;
    --lead-font-a:normal 0.8rem/1.4rem IRANSansX;
    --service-font-c:normal 12px/20px IRANSansX;
    --author-font:normal 12px/22px IRANSansX;
    --date-font:normal 12px/22px IRANSansX;
    --content-font-a:normal 14px/24px IRANSansX;
}

body{font:14px Helvetica Neue, Helvetica, Arial, sans-serif; margin:0; padding:0;}
body *{box-sizing: border-box}
a{text-decoration:none; color:var(--a-color)}
a:hover{color:var(--a-hover-color)}
h1,h2,h3,h4,h5,h6{font-weight:bold; margin:0; padding:0}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{transition:all ease-out 0.15s}
figure{margin:0; padding:0}
img[loading]{opacity:0.1}
ul, ol{list-style:none; margin:0; padding:0}
ul{list-style:none; margin:0; padding:0}
p{margin:0; padding:0}
input,textarea,button,select{outline:none !important; font:14px Helvetica Neue, Helvetica, Arial, sans-serif;;}


.container{width:970px; margin:0 auto}
.container .container{width:100%}

.row{display:flex; padding:var(--gap) 0; margin-right:var(--gap-revers); margin-left:var(--gap-revers);}
[class^="col-"]{padding-right:var(--gap); padding-left:var(--gap)}
.col-start{margin-left:0; margin-right: auto}
.col-middle{margin-right:auto; margin-left:auto}
.col-end{margin-right:0; margin-left: auto}
.col-1{width:calc((100% / 12) * 1)}
.col-2{width:calc((100% / 12) * 2)}
.col-3{width:calc((100% / 12) * 3)}
.col-4{width:calc((100% / 12) * 4)}
.col-5{width:calc((100% / 12) * 5)}
.col-6{width:calc((100% / 12) * 6)}
.col-7{width:calc((100% / 12) * 7)}
.col-8{width:calc((100% / 12) * 8)}
.col-9{width:calc((100% / 12) * 9)}
.col-10{width:calc((100% / 12) * 10)}
.col-11{width:calc((100% / 12) * 11)}
.col-12{width:calc((100% / 12) * 12)}

.space-right-1{margin-right:calc((100% / 12) * 1)}
.space-right-2{margin-right:calc((100% / 12) * 2)}
.space-right-3{margin-right:calc((100% / 12) * 3)}
.space-right-4{margin-right:calc((100% / 12) * 4)}
.space-right-5{margin-right:calc((100% / 12) * 5)}
.space-right-6{margin-right:calc((100% / 12) * 6)}
.space-right-7{margin-right:calc((100% / 12) * 7)}
.space-right-8{margin-right:calc((100% / 12) * 8)}
.space-right-9{margin-right:calc((100% / 12) * 9)}
.space-right-10{margin-right:calc((100% / 12) * 10)}
.space-right-11{margin-right:calc((100% / 12) * 11)}

.space-left-1{margin-left:calc((100% / 12) * 1)}
.space-left-2{margin-left:calc((100% / 12) * 2)}
.space-left-3{margin-left:calc((100% / 12) * 3)}
.space-left-4{margin-left:calc((100% / 12) * 4)}
.space-left-5{margin-left:calc((100% / 12) * 5)}
.space-left-6{margin-left:calc((100% / 12) * 6)}
.space-left-7{margin-left:calc((100% / 12) * 7)}
.space-left-8{margin-left:calc((100% / 12) * 8)}
.space-left-9{margin-left:calc((100% / 12) * 9)}
.space-left-10{margin-left:calc((100% / 12) * 10)}
.space-left-11{margin-left:calc((100% / 12) * 11)}

.icon-sign{display:inline-block; background:url(/letter4u2024/images/leader-sign.png) no-repeat center center; width:50px; height:36px; background-size: contain; opacity:0.7}


#header{position:sticky; top:0; left:0; right:0; background:#00358f; padding-bottom:8px; z-index:999}
#header .row{padding:0}
#header .col-start{margin-right:auto}
#header .col-end{margin-left:auto; display:flex; flex-direction:column; direction:ltr; text-align:right; margin-top:5px;}
#header .besmellah{margin-top:5px; width:80px; height:30px; background:url(https://english.khamenei.ir/d/palestine-special-page/bismillah.png) no-repeat center center; margin-left:auto;}
#header .now{margin-top:8px; color:#fff; white-space:nowrap; margin-left: auto}
#header .header-items{display:flex; flex-direction: column}
#header .header-item-top{padding-top:3px; display:flex; position:relative}
#header .header-item-top:before{display: block; margin-top:-3px; color:#fff; content: 'Beta Version'; font-weight: bold; background: #cf0408; line-height: 50px; font-size: 14px; padding: 0 12px; height: 40px;}
#header .header-item-top .languages{position:relative; margin-left:8px;}
#header .header-item-top .languages button{background:transparent; border:none; height:40px; display:flex; align-items: center; cursor:pointer; color:#fff;}
#header .header-item-top .languages button.open{text-shadow:1px 1px 1px #000}
#header .header-item-top .languages button img{width:16px; height:16px; margin-right:4px;}
#header .header-item-top .languages button.open img{backdrop-filter:drop-shadow(1px 1px 1px #000)}
#header .header-item-top .languages ul{position:absolute; display:none; flex-direction:column; width:150px; text-align:center; background:rgba(0,0,0,0.5); backdrop-filter:blur(10px); margin:0; padding:0; border-radius:8px; border:1px solid rgba(255,255,255,0.3); box-shadow:3px 3px 3px rgba(0,0,0,0.5)}
#header .header-item-top .languages button.open ~ ul{display:flex;}
#header .header-item-top .languages ul li{width:100%; height:40px; line-height:40px; border-bottom:1px solid rgba(255,255,255,0.3);}
#header .header-item-top .languages ul li:last-child{border-bottom:none;}
#header .header-item-top .languages ul li a{color:#fff; display:block;}
#header .header-item-top .languages ul li a:hover{background:rgba(255,255,255,0.1)}
#header .header-item-top .icon-wrapper{width:fit-content; height:40px; margin-left:8px;}
#header .header-item-top .icon-wrapper a{display:flex; width:100%; height:100%; text-align:center; align-items:center; justify-content:center;}
#header .header-item-top .icon-wrapper img{width:18px; height:18px;}
#header .header-item-bottom{display:flex}
#header .header-item-bottom .toggle-menu{width:32px; height:24px; margin-top:-4px; margin-left:5px; background:rgba(0,0,0,0.5); border:none; border-radius:4px; cursor:pointer; display:none; flex-direction:column; justify-content: center}
#header .header-item-bottom .toggle-menu span{width:24px; height:1px; background:rgba(255,255,255,0.7); margin:2px auto}
#header .header-item-bottom .menu{margin-right:8px;}
#header .header-item-bottom .menu ul{display:flex}
#header .header-item-bottom .menu ul li{position:relative}
#header .header-item-bottom .menu ul li:after{content:""; position:absolute; right:0; width:1px; height:10px; top:50%; background:rgba(255,255,255,0.4); transform:translateY(-50%)}
#header .header-item-bottom .menu ul li a{color:#fff; padding:0 8px;}
#header .header-item-bottom .menu ul li:first-child a{padding-left: 0}
#header .header-item-bottom .menu ul li:last-child{border-right:none}
#header .header-item-bottom .menu ul li .menu-item{font-weight:normal; color:#fff; white-space:nowrap; margin:0; padding: 0; font-size:14px;}
#header .header-item-bottom .menu ul li .menu-item a{display:block; padding:0 8px; color:inherit}
#header .header-item-bottom .menu ul li .menu-item a:hover{background:rgba(255,255,255,0.1)}
#header .header-item-bottom .search{position:relative; border-radius:4px; display:flex; margin-top: -2px;}
#header .header-item-bottom .search input{height:22px; width:150px; font-size:12px; border:transparent; border-bottom:1px solid rgba(255,255,255,0.3); color:#fff; backdrop-filter:blur(5px); background:rgba(0,0,0,0.3); outline:none !important; padding:0 20px 0 4px; transition: width ease-out 0.3s}
#header .header-item-bottom .search button{height:22px; width: 22px; background:none; border:none; backdrop-filter:blur(5px); background:transparent; margin:0; padding:0; position:absolute; right:0; top:0; cursor:pointer}
#header .header-item-bottom .search button i{width:22px; height:22px;}

#main{}
#main .box{}
#main .box-header{position:relative; text-align: center; padding-bottom:8px}
#main .box-header:before{content:""; position:absolute; top:50%; left:0; right:0; height:1px; background:#959595; transform: translateY(-50%); z-index: 0}
#main .box-header .box-title{padding:0 8px; background:#fff; color:#00358f; font-size:24px; line-height:24px; position:relative; z-index:2; letter-spacing:2px;}
#main .box-stage{position:relative}

#main .box-stage #feature{width:100%; aspect-ratio: 16/9; /*height:calc(100vh - 100px); max-height:800px;*/ position:relative; overflow:hidden; border-radius:16px;}
#main .box-stage #feature:before{content:""; position:absolute; z-index:0; top:0; left:0; right:0; bottom:0; background:url(/d/letter4u2024/images/feature-background.jpg) no-repeat center center; background-size: cover; opacity:0.8}
#main .box-stage #feature .feature-design{position:absolute; top:0; left:0; bottom:0; width:30%;}
#main .box-stage #feature .feature-design .feature-letter4u-photo{position:absolute; top:50%; right:-62%; transform: translateY(-50%); width:auto; height:90%; object-fit: contain}
#main .box-stage #feature .feature-gradiant{position:absolute; top:0; right:0; bottom:0; width:70%; background:rgba(84,86,164,0.8); border-radius:16px 0 0 16px; backdrop-filter:blur(3px)}
#main .box-stage #feature .feature-stage{position:absolute; top:0; right:0; bottom:0; width:70%;}
#main .box-stage #feature .feature-stage .feature-stage-box{position:absolute; top:32px; right:32px; bottom:32px; left:30%; display:flex; flex-direction:column; flex-grow: 1}
#main .box-stage #feature .feature-stage .feature-stage-header{padding-bottom:8px; display:flex; flex-wrap: wrap; margin:0 -4px;}
#main .box-stage #feature .feature-stage .feature-stage-header button{flex-grow: 1; margin:4px; height:32px; background:#2e3192; color:#6dcff6; border:none; border-radius:16px; padding:0 8px; cursor:pointer}
#main .box-stage #feature .feature-stage .feature-stage-header button.active{background:#ffd29c; color:#2e3192}
#main .box-stage #feature .feature-stage .feature-stage-content{height:100%;}
#main .box-stage #feature .feature-stage .feature-stage-content .tab-content{display:none}
#main .box-stage #feature .feature-stage .feature-stage-content .tab-content.active{display:block}
#main .box-stage #feature .feature-stage .feature-stage-content .letter-title{display:none}
#main .box-stage #feature .feature-stage .feature-stage-content .letter-text{height:50vh;}
#main .box-stage #feature .feature-stage .feature-stage-content .letter-text>.swiper{height: inherit;}
#main .box-stage #feature .feature-stage .feature-stage-content .letter-text>.swiper>.swiper-wrapper{height:fit-content;}
#main .box-stage #feature .feature-stage .feature-stage-content .letter-text .swiper-slide{text-align:justify; color:#fff; padding-right:16px;}
#main .box-stage #feature .feature-stage .feature-stage-content .letter-text p{padding:4px 0}
#main .box-stage #feature .feature-stage .feature-stage-content .letter-text .swiper-scrollbar{background:#2e3192}
#main .box-stage #feature .feature-stage .feature-stage-content .letter-text .swiper-scrollbar-drag{background:#fff}
#main .box-stage #feature .feature-stage .feature-stage-attachments{padding-top:16px;}
#main .box-stage #feature .feature-stage .feature-stage-attachments .tab-attachments{display:none; height:30px; position:relative;}
#main .box-stage #feature .feature-stage .feature-stage-attachments .tab-attachments:before,
#main .box-stage #feature .feature-stage .feature-stage-attachments .tab-attachments:after{content:""; height:15px; width:100%; border-bottom:1px solid #2e3192}
#main .box-stage #feature .feature-stage .feature-stage-attachments .tab-attachments:before{margin-right:8px;}
#main .box-stage #feature .feature-stage .feature-stage-attachments .tab-attachments:after{margin-left:8px;} 
#main .box-stage #feature .feature-stage .feature-stage-attachments .tab-attachments.active{display:flex;}
#main .box-stage #feature .feature-stage .feature-stage-attachments .tab-attachments .attachment{width:30px; height:30px; min-width:30px; min-height:30px; background:#2e3192; margin:0 4px; border-radius:50%; overflow:hidden}
#main .box-stage #feature .feature-stage .feature-stage-attachments .tab-attachments .attachment a{display:block; width:100%; height:100%;}

#main .box-stage #poster{width:100%; aspect-ratio:9 / 7; position:relative; overflow:hidden; border-radius:16px;}
#main .box-stage #poster:before{content:""; position:absolute; z-index:0; top:0; left:0; right:0; bottom:0; background:url(/d/letter4u2024/images/poster-background.jpg) no-repeat center left; background-size: cover;}
#main .box-stage #poster .poster-stage{position: absolute; top:32px; left:32px; bottom:32px; right:65%; z-index:3; padding:16px; border-radius:16px; box-shadow:5px 5px rgba(255,255,255,0.5),3px 3px 3px rgba(0,0,0,0.9);  backdrop-filter:brightness(1.3) grayscale(0.3) blur(5px)}
#main .box-stage #poster .poster-stage-content{display:flex; flex-direction: column; height:100%}
#main .box-stage #poster .poster-stage-content .title{font-weight:bold; font-size: 33px; color:#fff; text-shadow:1px 1px #000; height:100%;}
#main .box-stage #poster .poster-stage-content .appends{display:flex; align-items:end}
#main .box-stage #poster .poster-stage-content .appends>i{margin-right:16px; opacity:1; width:100px; height:50px;}
#main .box-stage #poster .poster-stage-content .appends>a{width:100%; height:32px; background:#fff; border-radius:16px; color:#2e3192; line-height:32px; text-align:center; display:block}

#main .box-stage #video{width:100%; aspect-ratio:16 / 9; position:relative; overflow:hidden; border-radius:16px; background:#000}
#main .box-stage #video .video-stage,
#main .box-stage #video .video-stage-content{position:absolute; top:0; left:0; right:0; bottom:0}
#main .box-stage #video .video-stage-content .video-player,
#main .box-stage #video .video-stage-content .video-player .video-js{width:100%; height:100%}
#main .box-stage #video .video-stage-content .title{
    position:absolute; top:0; left:0; right:0; padding:16px; color:#fff; text-shadow:1px 1px #000; z-index:9;
    background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}
#main .box-stage #video .video-stage-content .title a{color:#fff;}
#main .box-stage #video .video-js .vjs-big-play-button{border-radius:50%; width:85px; height:85px; line-height:85px; margin-top:-43px; margin-left:-43px; border:none; backdrop-filter:blur(5px); background:rgba(255,255,255,0.5)}
#main .box-stage #video .video-js .vjs-big-play-button .vjs-icon-placeholder:before{font-size:50px;}
#main .box-stage #video .vjs-has-started .vjs-control-bar{background:rgba(0,0,0,0.2); height:55px;}
#main .box-stage #video .vjs-control-bar button *{line-height:55px; font-size:18px;}
#main .box-stage #video .vjs-control-bar .vjs-control{min-width:55px;}
#main .box-stage #video .video-js .vjs-progress-control{position: absolute; bottom:55px; left:0; right:0; width:100%; height:20px; background:rgba(0,0,0,0.2);}
#main .box-stage #video .video-js .vjs-time-control{line-height:55px; font-size:16px; padding:0 4px; font-weight:bold}
#main .box-stage #video .video-js .vjs-time-control.vjs-current-time{margin-left: auto; display:block;}
#main .box-stage #video .video-js .vjs-time-control.vjs-duration,
#main .box-stage #video .video-js .vjs-time-divider{display:block; padding:0 4px;}
#main .box-stage #video .video-js .vjs-time-divider{text-align: center}
#main .box-stage #video .video-js .vjs-time-control.vjs-remaining-time{display:none;}
#main .box-stage #video .video-js .vjs-volume-panel .vjs-volume-control{height:55px; align-items:center}

#main .box-stage #special-insight{width:100%; aspect-ratio:5 / 3; position:relative; overflow:hidden; border-radius:16px;}
#main .box-stage #special-insight .special-insight-content{position:relative; width:100%; height:100%;}
#main .box-stage #special-insight .special-insight-content .image{position:relative; top:0; left:0; width:100%; height:100%;}
#main .box-stage #special-insight .special-insight-content .image img{object-fit: cover; width:100%; height:100%;}
#main .box-stage #special-insight .special-insight-content .details{position:absolute; top:3%; left:6%; width: 36%; height:50%;color:#fff; font-size:20px;}
#main .box-stage #special-insight .special-insight-content .details .description-list{margin:16px 0;}
#main .box-stage #special-insight .special-insight-content .details .description-list dt{font-weight:bold; margin-bottom:16px;}
#main .box-stage #special-insight .special-insight-content .details .description-list dd{margin:8px 0;}
#main .box-stage #special-insight .special-insight-content .details .description-list dd:before{content:""; width:16px; height:8px; border-radius:4px; background:#f47a5c; margin-right:6px; display: inline-block; vertical-align: middle; margin-top:-3px;}
#main .box-stage #special-insight .swiper-button-next,
#main .box-stage #special-insight .swiper-button-prev{width:60px; height:60px; background:rgba(255,255,255,0.5); backdrop-filter:blur(5px); border-radius:50%; color:#fff;}
#main .box-stage #special-insight .swiper-button-next:after,
#main .box-stage #special-insight .swiper-button-prev:after{font-size:24px; font-weight:bold}
#main .box-stage #special-insight .swiper-button-next.swiper-button-disabled,
#main .box-stage #special-insight .swiper-button-prev.swiper-button-disabled{opacity:0}
#main .box-stage #special-insight .swiper-pagination{width:fit-content; top:auto; bottom:32px; left:32px;}
#main .box-stage #special-insight .swiper-pagination-bullet{width:16px; height:16px; background:rgba(255,255,255,0.7); opacity:1; position:relative}
#main .box-stage #special-insight .swiper-pagination-bullet-active{background:rgba(255,255,255,0.7)}
#main .box-stage #special-insight .swiper-pagination-bullet-active:after{content:""; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background:#333; border-radius:50%; width:10px; height:10px;}

#main .box-stage #related-posts{}
#main .box-stage #related-posts .related-posts-stage{display:flex; flex-wrap:wrap; margin:0 -8px;}
#main .box-stage #related-posts .related-post-item{width:calc((100% / 4) - 16px); margin:8px; position: relative}
#main .box-stage #related-posts .related-post-item .image{width:100%; position:relative; aspect-ratio:16 / 9; overflow:hidden; border-radius:16px; margin-bottom:8px;}
#main .box-stage #related-posts .related-post-item .image img{width:100%; height:100%; object-fit:cover}
#main .box-stage #related-posts .related-post-item .title{font-weight:normal; font-size:13px; line-height:18px;}
#main .box-stage #related-posts .related-post-item .title a{color:#666666;}
#main .box-stage #related-posts .related-post-item:hover .title a{color:#f47a5c;}
#main .box-stage #related-posts .related-post-item .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:9;}

#main .box-stage #category-content{}
#main .box-stage #category-content .category-content-stage{display:flex; flex-wrap:wrap; margin:0 -8px;}
#main .box-stage #category-content .category-content-item{width:calc((100% / 3) - 16px); margin:8px; position: relative; border-radius:16px; overflow:hidden}
#main .box-stage #category-content .category-content-item .image{width:100%; position:relative; aspect-ratio:3 / 4; overflow:hidden; border-radius:16px;}
#main .box-stage #category-content .category-content-item .image img{width:100%; height:100%; object-fit:cover; opacity:0.6}
#main .box-stage #category-content .category-content-item .details{position:absolute; top:0; left:0; right:0; bottom:0; display:flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(255,210,156,0.8)}
#main .box-stage #category-content .category-content-item .title{font-weight:normal; font-size:24px; line-height:30px;}
#main .box-stage #category-content .category-content-item .title a{color:#00358f;}
#main .box-stage #category-content .category-content-item:hover .title a{color:#f47a5c;}
#main .box-stage #category-content .category-content-item .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:9;}

#footer{position:relative; background:#00358f; padding:16px 0 0}
#footer .footer-message{padding:0 32px; color:#c7ccd6; display:flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom:64px;}
#footer .footer-message .title{font:bold 32px "Bebas Neue", Roboto, arial; text-align: center; width:100%; margin-bottom:24px;}
#footer .footer-message i.icon-sign{}
#footer .footer-message .date{}
#footer .footer-sitemap{display:flex; justify-content: center;}
#footer .footer-sitemap>ul{margin:0 auto;}
#footer .footer-sitemap>ul:first-child{margin-left: 0}
#footer .footer-sitemap>ul:last-child{margin-right: 0}
#footer .footer-sitemap>ul:before{content:attr(data-title); width:100%; color:#f4f4f4; font-weight:bold; display:block; margin-bottom:8px;}
#footer .footer-sitemap>ul li{margin:4px 0;}
#footer .footer-sitemap>ul li a{color:#c7ccd6; display:block; width:100%;}
#footer .footer-copyright-text{text-align:center; margin-top:32px; color:#c7ccd6; padding:16px 0 8px; border-top: 1px solid rgba(255,255,255,0.2)}
#footer .footer-copyright-text a{color:#f4f4f4;}

@media screen and (max-width:1060px) {
    .container{width:calc(100vw - 64px);}
    #main .box-stage #related-posts .related-post-item{width:calc((100% / 3) - 16px)}
}
@media only screen and (max-width:960px){
    .container .container{width:100%}
    #header .header-item-bottom{display:none}
    #header .bottom-bar .toggle-menu{display:flex; margin-right:16px;}
    body.show-menu #header .bottom-bar .toggle-menu span{display:none;}
    body.show-menu #header .bottom-bar .toggle-menu span:nth-child(1){display:block;}
    #header .bottom-bar .search-wrapper input{width:215px;}
    #header .bottom-bar .main-menu{display:none; position:fixed; overflow:auto; top:70px; left:0; width:100vw; height:calc(100vh - 70px); backdrop-filter:blur(5px); background:rgba(0,0,0,0.8)}
    body.show-menu #header .bottom-bar .main-menu{display:block}
    #header .bottom-bar .main-menu ul{flex-direction:column; padding:32px;}
    #header .bottom-bar .main-menu ul li{height:60px; border:none}
    #header .bottom-bar .main-menu ul li .menu-item{height:100%; width:100%}
    #header .bottom-bar .main-menu ul li .menu-item a{display:block; height:100%; text-align:center; line-height:60px; border-radius:8px;}
    #header .bottom-bar .main-menu ul li .menu-item a:hover{backdrop-filter: blur(10px)}
}
@media only screen and (max-width:720px){
    #main .box-stage #related-posts .related-post-item{width:calc((100% / 2) - 16px)}
    #main .box-stage #feature{aspect-ratio: auto; height:80vh}
    #main .box-stage #feature .feature-design{display:none;}
    #main .box-stage #feature .feature-gradiant,
    #main .box-stage #feature .feature-stage{width:100%}
    #main .box-stage #feature .feature-stage .feature-stage-box{left:32px}
}
@media only screen and (max-width:640px){
    #header .header-item-top:before {display: none}
    #header .top-bar .languages button span{display:none}
    #header .bottom-bar .search-wrapper input{width:155px;}
}
@media only screen and (max-width:560px){
    #header .header-item-top .languages,
    #header .header-item-top .icon-wrapper{display:none}
}
@media only screen and (max-width:500px){

}
@media only screen and (max-width:480px){
    #header .top-bar .icon-wrapper{display:none}
    #header .bottom-bar .search-wrapper input{width:123px}
    #main .box-stage #related-posts .related-post-item{width:calc((100% / 1) - 16px)}
}
@media only screen and (max-width:430px){
    #header .container{width:calc(100vw - 32px);}
    #header .bottom-bar .search-wrapper{display:none;}
}
@media only screen and (max-width:400px){
    #header .now{display:none}
    #main .box-stage #feature .feature-stage .feature-stage-box{top:16px; right:16px; bottom:16px; left:16px;}
}
@media only screen and (max-width:360px){}

@media only screen and (max-height:800px){
    /*[data-section="quotes"] .normal-slide{height:calc(100vh - 48px - 120px - 85px)}
    [data-section="quotes"] .normal-slide .swiper-slide .title{font-size:14px; line-height:18px;}
    [data-section="quotes"] .normal-slide .swiper-slide:nth-child(2n){margin-top:8px !important;}

    [data-section="videos"] .normal-slide{height:calc(100vh - 48px - 120px - 85px)}
    [data-section="videos"] .normal-slide .swiper-slide .title{font-size:14px; line-height:18px;}
    [data-section="videos"] .normal-slide .swiper-slide:nth-child(2n){margin-top:8px !important;}*/
}