@charset "UTF-8";

* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;outline: 0;box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { max-width: 100%; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary,main { display: block }

.hidden{
    display:none
}


@font-face {
    font-family: 'ParsiDay';
    font-style: normal;
    font-weight: 300;
    src:url('/wp-content/themes/ParsiDay/fonts/SYekan.woff2') format('woff2');
}



body {background:#eee;font:13px ParsiDay,tahoma;color:#222; word-wrap: break-word;direction: rtl !important; }

.searchA {display: inline-block; float: left; height: 80px; margin: 25px 0}
.searchA  input[type=text] {display: inline-block;width: 170px;height: 30px;border: 1px solid #ccc;border-radius: 0px 5px 5px 0px;border-left: none;margin: 0;box-sizing: border-box;vertical-align: bottom; padding: 1px 7px;font: 13px ParsiDay,tahoma; }
.searchA  button {background-size: cover;display: inline-block;width: 33px;height: 30px;font-size: 19px;border: 1px solid #ccc;border-radius: 5px 0px 0px 5px;border-right: none;margin-right: -5px;box-sizing: border-box;vertical-align: bottom; padding: 1px; background: none}
.searchA  button i {color: #7b7b7b}




.auto-link{color: #115ad8;text-decoration: none;}

/*.auto-link:hover:before{
	content: "{ ";
}
.auto-link:hover:after{
	content: " }";
}*/
#main{
    width:1280px;
    font-size:13px;
    margin:0 auto;
    margin-top: 20px;
    overflow:hidden;
    height:auto;
    background: none;
    /*box-shadow:0 0 6px #dbdbdb*/
}
#main main{
    overflow:hidden;
    display:block
}
a{
    color:#555;
    text-decoration:none;
    transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out
}
a:hover{
    color:#ed145b;
    transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out
}
.clear{
    clear:both
}


h1,h2,h3,h4,h5,h6{
    font-weight:400
}
.header{
    width:100%;
    margin:0 auto;
    background:#fff;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15);
}
.header-content{
    /*padding-top:5px;*/
    width:1280px;
    height:80px;
    margin:0 auto;
    background:transparent;
}
.footer_main {
    width: 1280px;
    display: table;
    margin: 0 auto;
}
.logo{
    display: inline-block;
    float:right;
    width:20%;
    margin-top:11px;
    padding-right:10px;
    margin-bottom: 8px;
    overflow:hidden;
}
.logo img{
    float:right;
    width: 170px; height: auto;
}




.nav-primary{width:80%;margin:0px auto;background: none; height:80px;z-index:999999999; display: inline-block; float: left; padding-right: 15px }
.nav-menu {display: inline-block;}
.nav-menu li {position: relative;margin:0px;}
.nav-menu ul li a {font:18px ParsiDay,tahoma;color:#6f7285;line-height:80px;padding:0px 12px; font-weight: bold}
.nav-menu > ul > li {float:right; height:80px}
.nav-menu > ul > li:hover, .nav-menu > ul > li.current-menu-parent {border-bottom:3px solid #f00;}
.nav-menu li ul.sub-menu {height:32px;position:absolute;margin-top:0;line-height:32px;width:180px;z-index:999999999; display:none; box-shadow: 0 7px 7px rgba(0,0,0,.2);}
.nav-menu ul ul li a {width:180px;border-bottom: 1px solid #e6e7ef;padding:10px;color:#6f7285;font:14px ParsiDay,tahoma;background:#fff; }
.nav-menu ul ul li a:hover {color:#eee;background:#ed145b;}
.nav-menu ul ul > li:last-child > a {border-bottom: 0;}
.nav-menu > ul > li > ul.sub-menu {top:100%;right: 0;}
.nav-menu li li ul {top:0px;right:100%;}
.nav-menu li a {display: inline-block;}
.nav-menu li a:hover,.nav-menu > ul > li.current-menu-item > a, .nav-menu > ul > li.current-menu-ancestor > a,.nav-menu > ul > li.current-menu-parent{height:80px;}
.nav-menu > ul > li > ul.sub-menu a:hover { height: 40px !important;}
.nav-primary select{display:none}




.divider{
    text-align:center;
    margin:10px auto;
    width:100%;
    border-top:1px solid #ddd;
}
.highlight{
    font-size:15px;
    padding:1px 5px;
    background:#ed0032;
    color:#eee;
    border-radius:2px;
    text-align:center;
    margin:5px 0px 5px 0px;
    display:block
}
.highlight a{
    color:#eee;
}

.sorce{
    background:#fff;
    font:12px ParsiDay,tahoma;;
    line-height:2em;
    color:#555;
    text-align:center;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    padding:1px 5px;
    margin:2px 0
}

.sources{
    font-size:15px;
    padding:1px 5px;
    background:#ed0032;
    color:#eee;
    text-align:center;
    margin:5px -14px 5px -14px;
    display:block
}
.span1,.span2,.span3{
    padding:0 3px;
    color:#777;
    text-align:center;
    display:inline;
    border-bottom:1px solid #eee;

}
.divider2{
    text-align:center;
    margin:20px auto -25px;
    margin-bottom:1px;
    margin-top:30px;
    width:260px;
    border-top:1px solid #ddd;
}
.divider2:after{content: "*    *    *";display:inline-block;background:#fff;position:relative;top:-15px;padding:0;color:#ed0032;font:30px ParsiDay,tahoma;}

.entry .last{
    margin-right:0!important;
    clear:left
}
.container{
    padding:0 5px;
    margin:0 auto;
    overflow:hidden
}
.main-content{
    float:right;
    width:70%;
    height:auto
}
.post{
    float:left;
    width:100%;
    margin-top:10px
}
.entry,.post-listing,.post-section,.related,.post-col{
    background:#FFF;
    margin-bottom:5px;
    border:1px solid #E0E0E0;
    overflow:hidden
}
.entry-title,.entry-title a{
    font:15px ParsiDay,tahoma;;
    color:#449a9f;
    margin-right:5px;
    text-align:right
}

.post-head{
    min-height:25px;
    padding:5px 0;
    margin:2px auto;
    position:relative;
    overflow:hidden;

}

.post-content{
    padding-left:14px;
    padding-right:14px;
    color:#000;
    font:15px/2.1em ParsiDay,tahoma;
    overflow: hidden;

}
.post-content a{color: #ed0032;text-decoration: none;}

.post-content li{
    margin-right:12px
}


.post-content li:before{color:#ff5e5e;padding-top:3px;margin:3px 0 0 3px;font:18px/2em ParsiDay,tahoma;content: "»";}

.post-content ol li{
    margin-right:12px;
    list-style-type:decimal
}
.post-content p{
    padding-top:0;
    padding-bottom:0
}
.post-content br{
    clear:both
}
.post-content hr{
    border:0;
    border-bottom:1px dashed #eee;
    background:#fff;
    margin-top:10px;
    margin-bottom:10px
}


.post-content img{
    max-width:100%;
    height:auto;
    margin:0
}
.post-content img.alignright {float:right; margin:0 0 1em 1em}
.post-content img.alignleft {float:left; margin:0 1em 1em 0}
.post-content img.aligncenter {margin-top:10px;display: block; margin-left: auto; margin-right: auto}
.post-content a img.alignright {float:right; margin:0 0 1em 1em}
.post-content a img.alignleft {float:left; margin:0 1em 1em 0}
.post-content a img.aligncenter {margin-top:10px;display: block; margin-left: auto; margin-right: auto}
.post-content blockquote,.post-content pre{
    background:#fff;
    box-shadow:0 0 3px #999;
    font:14px ParsiDay,tahoma;;
    line-height:2em;
    color:#555;
    padding:5px;
    margin:10px 0
}
.post-content blockquote a{
    color:#ed0032;
}
.post-content pre{
    font:12px ParsiDay,tahoma !important
}
.post-content table {
    border: 1px solid #DFDFDF;
    background-color: #f9f9f9;
    width: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    border-collapse: separate;
    border-spacing: 0;
    margin: 20px 0px 20px 0px
}
.post-content table td,
.post-content table th {
    border-top: 1px solid #f9f9f9;
    border-left: 1px solid #f9f9f9;
    border-right: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    color: #333
}
.post-content table th {
    text-shadow: 0 1px 0 #fff;
    font-weight: normal;
    padding: 7px 7px 8px;
    text-align: left;
    line-height: 1.3em;
}
.post-content table td {
    padding: 4px 7px 4px;
    vertical-align: top
}


.post-content h1,.post-content h2,.post-content h3,.post-content h4{
    font-family:ParsiDay,tahoma;;
    color:#3F3F3F;
    margin:5px 0;
    line-height:1.7
}
.post-content h1{
    font-size:22px
}
.post-content h2{
    font-size:20px
}
.post-content h3{
    font-size:15px
}
.post-content h4{
    font-size:15px
}



.more-link{
    float:left;
    display:block;
    font:13px ParsiDay,tahoma;;
    background:#ed0032;
    color:#eee;
    padding:4px 8px;
    margin:-18px 10px 0 1px

}
.more-link:hover{
    color:#eee;
    background:#e63c00
}
.item-list .post-thumbnail{
    float:right;
    width:188px;
    height:104px;
    /*background:#eee;*/
    margin:6px 5px 1px 8px
}
.item-list{
    padding:10px 7px;
    margin:0;
    border-bottom:1px solid #eee;
    overflow:hidden
}
.item-list:last-child{
    border-bottom:0
}
.item-list header{
    min-height:25px;
    padding:0;
    /*background:#fff;*/
    margin:2px -4px 8px -4px;
    position:relative;
    /*border-bottom:2px solid #e7e7e7;*/
    /*overflow:hidden*/
}

.item-list .excerpt{
    padding:10px 7px 10px 7px;
    font:14px ParsiDay,tahoma;;
    text-align:right;
    color:#333;
    line-height:1.8em;
}

.post-title a{
    font:16px ParsiDay,tahoma;;
    /*color:#449a9f;*/
    text-align:right;
    padding-right:15px;
    display:block;
    font-weight: bold;
}

.related-posts {float:right;width:33.3%;text-align:center;min-height:160px;margin:2px auto;background:#fff;border-bottom:1px solid #eee; padding: 15px 0;}
.related-posts .post-thumbnail {width:180px;height:96px;display: inline-block; margin-left: auto; margin-right: auto; }
.related-posts a{text-align:center;overflow: hidden; text-decoration: none; display:block; padding:0 3px 0 3px;background-image: none !important;background-color:transparent;margin:3px 1px 0 1px; min-height: 55px}
.related-posts a:hover {color:#eb0048}

.related .title h4 , .related .title h2 {background:#ed0032;font:15px ParsiDay,tahoma;padding:5px 0 5px 10px;color:#eee;margin-bottom:5px;text-align:center}


.related-posts2 {display:table; width:100%;height:auto;text-align:right;margin:10px 0 0;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.related-posts2 .post-thumbnail{float:right;width:188px;margin:4px 0px 4px 4px; display: inline-block}
.related-posts2 a{margin:2px 0;font:15px ParsiDay,tahoma;color:#e52600;}
.related-posts2 a:hover {color:#fc9;}
.related-posts2 .post-des{font:13px ParsiDay,tahoma;margin:0px 2px;color:#999}
.related-posts2 .post-des a{font:13px ParsiDay,tahoma;margin:0px 2px;color:#999}
.related-posts2 .rmrelated{border-radius:5%;float:left;display:block;font:12px ParsiDay,tahoma;background:#e52600;padding:1px 4px;margin:5px 0px 2px 7px}
.related-posts2 .rmrelated a{color:#eee;font:13px ParsiDay,tahoma}



.related3{margin:0px 0px 0px 0px;}
.related-posts3 {background:#fdfaee;padding:0 0 0 5px;float:right;width:100%;text-align:right;height:auto;margin:10px 0;border:1px solid #fcefba;box-shadow:0 0 6px #fcefba}
.related-posts3 .post-thumbnail{float:right;width:120px;padding:0;border:0px; display: inline-block; margin: 10px 5px 0 8px;}
.related-posts3 a{margin:-2px 2px;font:14px ParsiDay,tahoma;color:#e52600;}
.related-posts3 a:hover {color:#fc9;}
.related-posts3 .post-des{font:12px ParsiDay,tahoma;margin:0px 4px 0 0;color:#999}
.related-posts3 .post-des a{font:12px ParsiDay,tahoma;padding-left:0px;color:#999}
.related-posts3 .more a{float:left;transform: rotate(-90deg);
    background: #fcefba;
    padding: 3px;
    margin-top: -42px;
    margin-left: -48px;
    color:#866b01;
    font:12px ParsiDay,tahoma;}
.linitoline3{margin:-1px -1px !important}
.related-posts3 .post-thumbnail img  {height: 70px; object-fit: cover;}
.related-posts2 .post-thumbnail img {height: 100px; object-fit: cover;}
.posts-list ul li .post-thumbnail {object-fit: cover;}


.toppost {float:right;width:25%;height:75px;text-align:right;margin:4px 0 0px}
.toppost .post-thumbnail{float:right;width:128px;height:72px;margin:0 2px 0 2px}
.toppost a{font:12px ParsiDay,tahoma;color:#692113}
.toppost a:hover {color:#692113;}
.linitoline2{margin:-1px -1px !important}

.page-head{
    width:100%;
    height:14px;
    margin:10px 0 15px 5px;
    overflow:hidden
}
.page-head h1{
    font:13px ParsiDay,tahoma;;
    color:#404040;
    float:right;
    margin:-3px 0 0 5px
}
.page-stripe{
    background:#fff;
    height:15px;
    overflow:hidden
}
.post-thumbnail{
    padding:3px;
    margin-left:10px;
    position:relative;
    /*border:1px solid #eee;*/
    /*overflow:hidden*/

}
.post-thumbnail img{
    max-width:100%;
    max-height:100%;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    border-radius: 5px;
}
.post-thumbnail span{
    color:#FFF!important;
    background:none;
    float:none;
    text-align:center
}
.linitoline{
    margin:-6px -5px!important
}
.linitoline li{
    padding:5px 2px 5px!important;
    margin-bottom:1px!important;
    border-bottom:1px solid #eee;
    border-bottom-width:1px;
    overflow:hidden;
    width:100%;
}
.linitoline li:nth-child(even){
    background:#f7f7f7;

}
.linitoline li:last-child{
    border-bottom:1px!important
}
.linitoline2{
    margin:-1px!important
}
.narrow-sidebar{
    float:right;
    width:150px;
    margin:10px 2px
}
.narrow-sidebar aside,.sidebar aside{
    border:1px solid #E0E0E0;
    border-bottom:2px solid #E0E0E0;
    margin-bottom:20px;
    background:#FFF
}
.narrow-sidebar .title h4,.sidebar .title h4,.widget-tabs-title{
    padding:10px 8px;
    color:#6f7285;
    text-align:right;
    font-size:17px;
    /*border-bottom:4px solid #e5b305;*/
    /*background:#333*/
}
.narrow-sidebar aside .content,.sidebar aside .content{
    padding:5px;
    text-align:right;
    clear:both
}
.narrow-sidebar .content ul li a,.sidebar .content ul li a{
    padding:0;
    color:#444;
    text-align:right;
    font-size:13px;
    transition:all .2s
}
.narrow-sidebar .content ul li a:hover,.sidebar .content ul li a:hover{
    color:#f44;
    transition:all .2s
}
.narrow-sidebar .content li,.sidebar .content li{
    padding:3px;
    margin-bottom:6px;
    overflow:hidden
}
.narrow-sidebar .post-thumbnail{
    width:150px;
    height:70px;
    margin:5px auto;
    position:relative;
    overflow:hidden
}
.sidebara{
    margin:0
}
.sidebar{
    float:left;
    width:30%;
    padding:10px 20px 0 0;
}
.sidebar .post-thumbnail{
    float:right;
    width:128px;
    height:72px;
    margin-right:0px

}
.sidebar .post-link{
    margin-top:5px;
    font-size:15px
}

.matn{
    color:red;
    font-size:14px;
    margin-top:5px
}
.matn a{
    font-size:14px;
    color:red;
    margin-top:5px
}
.sidebar .content h3,.narrow-sidebar .content h3{
    margin-bottom:5px
}
.sidebar .content span,.narrow-sidebar .content span{
    color:#e5b305;
}
.sidebar .post-date,.narrow-sidebar .post-date{
    display:block;
    text-align:right;
    padding-top:5px
}
.sidebar-narrow-left .narrow-sidebar{
    float:left
}
.sidebar-narrow-left .post{
    float:right
}
.sidebar-narrow-right .main-content{
    float:left
}
.sidebar-narrow-right .sidebar{
    float:right
}
.layout-1c .sidebar{
    float:left;
    width:29%
}
.layout-1c .post{
    float:left;
    width:69%
}
.layout-1c .main-content{
    float:none;
    width:auto
}
.layout-1c .narrow-sidebar{
    display:none
}

footer {
    width: 100%; display: table; background: #f2f2f2; margin-top: 40px;
}
.copy-right{

    font-size:13px;
    text-align:right;
    margin:0 auto;
    padding:5px 15px;
    color:#000;


}
.copy-right a{
    color:#eee
}
.copy-right a:hover{
    color:#eee
}
.pagination{
    width:100%;
    clear:both;
    direction: rtl !important;
    margin:0 auto;
    padding:5px;
    display:inline-block;
    /*background:#f4f4f4;*/
    /*border:1px solid #e8e8e8*/
}
.pagination h3{
    font-weight:400;
}
.pagination a,.pagination span{
    float:right;
    color:#eee;
    border-radius:5%;
    margin:2px;
    padding:5px 10px;
    font-size:13px;
    background:#ed145b;
    text-decoration:none
}
.pagination span.current,.pagination a:hover{
    float:right;
    color:#eee;
    margin:2px;
    border-radius:5%;
    padding:5px 10px;
    background:#e5b305;
    font-size:13px;
    text-decoration:none
}
.pagination .pages{
    padding:5px
}
.pagination #pr-next-page{
    padding:0;
    border:0;
    background:none;
    float:none
}
.hafez {
    font-size: 18px;
    padding: 10px 20px 8px;
    line-height: 28px;
    font-family: Parsiday;
    background-color: #FFD262;
    color: #994122;
    text-align: center;
    font-weight: bold;
}
.parsidaylinks { float:left; width:330px;margin:10px 0 0 2px;font-size:17px;padding:0px 0;background: #fbf6ca;border: 1px solid #e4d872;}
.parsidaylinks a {margin-right:10px;}




.social-btn__link,
.social-btn__icon {
    display: inline-block
}

.social-btn__link {
    text-decoration: none;
    color: #fff;
    margin: 0.5em
}

.social-btn {
    border-radius: 50%;
    transition: 25ms ease-out;
    padding: 0.75em 0.75em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; cursor: pointer;
}

.social-btn__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top
}

.social-btn--small svg {
    margin: 0;
    vertical-align: middle
}

/* Non solid icons get a stroke */
.social-btn__icon {
    stroke: #fff;
    fill: none
}

/* Solid icons get a fill */
.social-btn__icon--solid,
.social-btn__icon--solidcircle {
    fill: #fff;
    stroke: none
}

.social-btn--twitter {
    background-color: #55acee
}

.social-btn--twitter:hover {
    background-color: #2795e9
}

.social-btn--pinterest {
    background-color: #bd081c
}

.social-btn--pinterest:hover {
    background-color: #8c0615
}

.social-btn--facebook {
    background-color: #3b5998
}

.social-btn--facebook:hover {
    background-color: #2d4373
}

.social-btn--linkedin {
    background-color: #0077b5
}
.social-btn--linkedin:hover {
    background-color: #046293
}

.social-btn--whatsapp {
    background-color: #25D366
}

.social-btn--whatsapp:hover {
    background-color: #1da851
}



.social-btn--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}

.social-btn--facebook:hover,
.social-btn--facebook:active {
    background-color: #2d4373;
    border-color: #2d4373;
}

.social-btn--twitter {
    background-color: #55acee;
    border-color: #55acee;
}

.social-btn--twitter:hover,
.social-btn--twitter:active {
    background-color: #2795e9;
    border-color: #2795e9;
}

.social-btn--pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
}

.social-btn--pinterest:hover,
.social-btn--pinterest:active {
    background-color: #8c0615;
    border-color: #8c0615;
}

.social-btn--whatsapp {
    background-color: #25D366;
    border-color: #25D366;
}

.social-btn--whatsapp:hover,
.social-btn--whatsapp:active {
    background-color: #1DA851;
    border-color: #1DA851;
}

.social-btn--telegram {
    background-color: #54A9EB;
}
.social-btn--telegram:hover {
    background-color: #4B97D1;}





@media only screen and ( max-width: 1219px ){
    #main{
        width:910px!important
    }
    .header{
        width:100%!important
    }
    .header-content{
        width:100%!important
    }

    .container{
        width:100%
    }
    .narrow-sidebar{
        display:none
    }
    .sidebar{
        width:30%

    }
    .main-content{
        width:70%
    }
    .footer,.copy-right{
        width:100%
    }
    .footer-content{
        width:98%
    }
    .sidebar .news-pics{
        margin:0 4px 5px
    }
    .sidebar .ads-box img{
        margin:4px 1px
    }
    .nav-primary .search-body{
        width:140px
    }
    .post-col .post-thumbnail{
        width:100%
    }
    .nav-primary.fixed{
        width:auto
    }
}
@media only screen and (max-width: 1000px) and (min-width: 768px){
    #main{
        width:100% !important
    }
    .container {padding: 0}
    .sidebar {padding: 0}
    .post-title-icon{
        display:none
    }
    .nav-primary.fixed{
        position:inherit
    }
    .related-posts3 .more {margin-top: -22px;margin-left: -48px;}
    .toppost {float:none;width:96%;height:65px;text-align:right;margin:0 0 5px}
    .linitoline2{margin:-1px -1px !important}
    .linitoline2 li{padding:3px 2px 3px !important;margin-bottom:1px!important;border-bottom:1px solid #d2d2d2;border-bottom-width:1px;overflow:hidden;width:100%}
    .linitoline2 li:nth-child(even){background:#f8f8f8}
    .linitoline2 li:last-child{border-bottom:1px!important}
    .header,.header-content{
        width:100%;
        height:auto;
        overflow:hidden
    }
    .left-widget,.ads-top{
        float:left;
        width:96%;
    }
    .ads-top img{
        display:block;
        margin:0 auto
    }

    .nav-primary{
        width:95%
    }
    .nav-primary ul{
        display:none
    }
    .nav-primary select{
        padding:4px;
        background:#222;
        float:right;
        width:100%;
        display:block;
        margin:0;
        border:1px solid #444;
        border-radius:3px;
        font:13px Tahoma;
        color:#FFF
    }

    .container{
        width:100%;
        float:none;
        margin:0 auto
    }
    .main-content,.post,.entry,.layout-1c .sidebar,.layout-1c .post{
        width:100%;
        clear:both;
        float:none;
        margin:0 auto;
        margin-bottom:15px
    }
    .narrow-sidebar{
        display:none
    }
    .sidebar{
        width:100%
    }
    .parsidaylinks {
        width:100%
    }
    .post-content{
        width:100%;
        padding-left:10px;
        padding-right:10px
    }

    .footer,.copy-right{
        width:100%
    }
    .footer-content,.footer-widget{
        width:98%;
        float:none;
        margin:0 auto
    }
    .footer-widget{
        margin-bottom:10px
    }
    .post-col .post-thumbnail{
        width:270px;
        margin:0 auto;
        margin-bottom:25px
    }
    .more-link{
        margin-top:-15px
    }
}
@media only screen and (max-width: 767px) and (min-width: 480px){
    #main{
        width:100% !important
    }
    .container {padding: 0}
    .sidebar {padding: 0}

    .post-title-icon{
        display:none
    }
    .nav-primary.fixed{
        position:inherit
    }
    .header,.header-content{
        width:100%;
        height:auto;
        overflow:hidden
    }

    .related-posts {width:50%}
    .related-posts3 .more {margin-top: -12px;margin-left: -48px;}
    .related-posts3 .post-des{display:none}
    .toppost {float:none;width:96%;height:65px;text-align:right;margin:0 0 5px}
    .linitoline2{margin:-1px -1px !important}
    .linitoline2 li{padding:3px 2px 3px !important;margin-bottom:1px!important;border-bottom:1px solid #d2d2d2;border-bottom-width:1px;overflow:hidden;width:100%}
    .linitoline2 li:nth-child(even){background:#f8f8f8}
    .linitoline2 li:last-child{border-bottom:1px!important}

    .left-widget,.ads-top{
        width:96%;
        margin:0 auto;
        float:none;
        margin-top:5px;
        margin-bottom:10px;
        height:auto
    }
    .ads-top img{
        width:100%;
        margin:0 auto;
        margin-top:5px;
        margin-bottom:5px;
        display:block
    }
    .nav-primary{
        width:94%
    }
    .nav-primary ul{
        display:none
    }

    .nav-primary select{
        padding:4px;
        background:#222;
        float:left;
        width:100%;
        display:block;
        margin:0;
        border:1px solid #4444;
        border-radius:3px;
        font:13px Tahoma;
        color:#FFF
    }
    .container,.main-content{
        width:100%;
        float:none;
        margin:0 auto
    }
    .main-content,.post,.entry,.layout-1c .sidebar,.layout-1c .post{
        width:100%;
        clear:both;
        float:none;
        margin:0 auto;
        margin-bottom:25px
    }
    .narrow-sidebar{
        display:none
    }
    .sidebar{
        width:100%;
        float:none;
        margin:0 auto
    }
    .parsidaylinks {
        width:100%;
        float:none;
        margin:0 auto
    }
    .narrow-sidebar .post-thumbnail{
        float:left;
        margin-left:10px
    }
    .post-content{
        width:100%;
        padding-left:10px;
        padding-right:10px
    }
    .post-content img{
        max-width:100%
    }
    .post-title,.post-title a{
        width:100%
    }
    .more-link{
        width:100%;
        float:none;
        display:block;
        clear:both;
        margin:2px auto;
        text-align:center
    }
}



@media only screen and (max-width: 479px){
    #main{
        width:100% !important
    }
    .container {padding: 0}
    .sidebar {padding: 0}

    .header,.header-content{
        width:100%;
        height:auto;
        overflow:hidden
    }
    .related-posts3 .more {margin-top: -38px;margin-left: -48px;}
    .related-posts3 .post-des{display:none}
    .toppost {float:none;width:96%;height:65px;text-align:right;margin:0 0 5px}
    .linitoline2{margin:-1px -1px !important}
    .linitoline2 li{padding:3px 2px 3px !important;margin-bottom:1px!important;border-bottom:1px solid #d2d2d2;border-bottom-width:1px;overflow:hidden;width:100%}
    .linitoline2 li:nth-child(even){background:#f8f8f8}
    .linitoline2 li:last-child{border-bottom:1px!important}
    .related-posts {width:50%; padding: 10px 0;}
    .related-posts .post-thumbnail {width:160px;height:85px;}
    .related-posts2 .post-des{display:none}
    .related-posts2 .rmrelated{margin-top:10px;}
    .left-widget,.ads-top{
        width:96%;
        margin:0 auto;
        float:none;
        margin-top:5px;
        height:auto
    }

    .ads-top img{
        max-width:100%;
        display:block;
        margin:0 auto;
        margin-top:5px;
        margin-bottom:5px
    }
    .nav-primary{
        width:96%;
        margin-bottom:2px
    }
    .nav-primary ul{
        display:none
    }
    .nav-primary select{
        padding:4px;
        background:#333;
        float:right;
        display:block;
        margin:0;
        min-width:100%;
        border:1px solid #4444;
        border-radius:3px;
        font-size:13px;
        color:#FFF
    }
    .container{
        width:100%;
        float:none;
        margin:0 auto;
        clear:both
    }
    .main-content,.post,.entry,.layout-1c .sidebar,.layout-1c .post{
        width:100%;
        clear:both;
        float:none;
        margin:0 auto;
        margin-bottom:25px
    }
    .post-content{
        width:100%;
        padding:0 5px 0 5px;
    }
    .post-content img{
        max-width:100%;
        max-height:300px
    }

    .item-list .post-thumbnail{
        float:none;
        margin:0 auto
    }
    .item-list{
        padding:15px 15px 5px;
        margin:6px 0;
        border-bottom:1px solid #EBEBEB;
        overflow:hidden
    }
    .item-list header{
        padding-bottom:0px;
        margin:2px -4px 8px -4px;
        /*border-bottom:2px solid #e7e7e7;*/
        text-align:center;
    }
    .item-list header a { line-height: 1.7}
    .item-list .excerpt p{
        text-align: justify;
    }
    .item-list .more-link{
        width:100%;
        display:block;
        float:none;
        margin:2px auto;
    }
    .item-list .excerpt{
        text-align:center;
    }
    .post-title a{
        text-align:center
    }
    .narrow-sidebar,.sidebar-narrow-left .narrow-sidebar,.sidebar-narrow-left .post,.sidebar-narrow-right .main-content,.sidebar-narrow-right .sidebar{
        display:none
    }
    .sidebar{
        width:100%;
        float:none;
        margin:0 auto
    }
    .parsidaylinks{
        width:100%;
        float:none;
        margin:0 auto
    }
}


.mobile_r_header { display:none; width: 20%; height: 60px;  float: right}
.mobile_l_header {display:none; width: 20%; float: left; }
.mobile_nav_close {height: 60px; width: 100%; background: rgba(0,0,0,.3); display: none; position: relative}

@media only screen and (max-width: 1000px) {

    .nav-primary select {display: none}
    .nav-primary {display: none; position: absolute; top:0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; background: #1a1a1a;   }
    .nav-primary {    background-color: #ed145b; background-image: -webkit-radial-gradient(50% top, circle, rgba(191, 51, 97) 0%, rgba(84,90,182,0) 75%); -webkit-radial-gradient(right top, circle, #794aa2 0%, rgba(121,74,162,0) 57%);}
    .nav-primary ul { display: block}
    .nav-menu {width: 100%; display: block; padding: 10px 20px}
    .nav-menu > ul > li { display: block; width: 100%; border-bottom: 1px solid #d65a99 !important;}
    .nav-menu ul li a {color: #fff; line-height: 70px}

    .logo {padding-right: 0; margin-top: 10px; margin-bottom: 7px; width: 60%; text-align: center}
    .logo img {width: 120px; height: auto; float: unset;}

    .header-content { height: 60px !important;}

    .mobile_r_header, .mobile_l_header, .mobile_nav_close {display: inline-block; }

    .footer_main { width: 100%;}


    .searchA {float: none; height: unset; width: 100%; padding: 0 20px}
    .searchA input[type=text], .searchA button { height: 40px; border: none}
    .searchA button {width: 10%; background: #fff; text-align: left; padding-left: 5px}
    .searchA input[type=text] {width: 90%}


}


.menu-icon {position: relative; margin-top: 20px; margin-right: 20px}
.menu-icon, .menu-icon:after, .menu-icon:before {width: 25px; height: 2px; background: #000; display: block}
.menu-icon:after, .menu-icon:before {content: ''; position: absolute }
.menu-icon:before {top: 8px;}
.menu-icon:after {top: 16px;}
.close-icon {position: absolute;left: 8px; top: 16px; width: 25px;height: 25px; opacity: 0.7;}
.close-icon:hover {opacity: 1;}
.close-icon:before, .close-icon:after {position: absolute;left: 15px;content: ' ';height: 25px;width: 2px;background-color: #fff;}
.close-icon:before {transform: rotate(45deg);}
.close-icon:after {transform: rotate(-45deg);}

.sub-menu {display:none}





/* ---------------- icon --------------*/
@font-face {
    font-family: 'parsidayicon';
    src: url('/wp-content/themes/ParsiDay/fonts/parsidayicon.eot?87084366');
    src: url('/wp-content/themes/ParsiDay/fonts/parsidayicon.eot?87084366#iefix') format('embedded-opentype'),
    url('/wp-content/themes/ParsiDay/fonts/parsidayicon.woff2?87084366') format('woff2'),
    url('/wp-content/themes/ParsiDay/fonts/parsidayicon.woff?87084366') format('woff'),
    url('/wp-content/themes/ParsiDay/fonts/parsidayicon.ttf?87084366') format('truetype'),
    url('/wp-content/themes/ParsiDay/fonts/parsidayicon.svg?87084366#parsidayicon') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'parsidayicon';
    src: url('../font/parsidayicon.svg?87084366#parsidayicon') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*="icon-"]:before {
    font-family: "parsidayicon";
    font-style: normal;
    font-weight: normal;
    speak: never;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-play:before { content: '\e800'; } /* '' */
.icon-search-1:before { content: '\e801'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-pinterest-squared:before { content: '\f0d3'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-pinterest:before { content: '\f231'; } /* '' */
.icon-telegram:before { content: '\f2c6'; } /* '' */
.icon-twitter-squared:before { content: '\f304'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */









/*v2.0*/

.post-grid-t1 { position: relative; width: 100%; height: 100% }
.post-grid-t1 .thumb {position: absolute; left: 0; top: 0; width: 100%; height: 100%;  object-fit: cover;}
.post-grid-t1 .box {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; display: block;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(25%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.7)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 25%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 25%,rgba(0,0,0,0.7) 100%);
}
.post-grid-t1 .box .content {padding: 30px; position: absolute; bottom: 0; right: 0;}
.post-grid-t1 .box .content .cat {border-radius: 5px; background: #1a1a1a; color: #fff; padding: 7px; display: table; font-size: 9px; margin-bottom: 7px}
.post-grid-t1 .box .content .title { line-height: 1.6; font-size: 19px; font-weight:bold }
.post-grid-t1 .box .content .date {font-size: 11px; margin-top: 14px;}
.post-grid-t1 .box .content .title, .post-grid-t1 .box .content .date {text-shadow: 1px 1px 3px rgba(0,0,0,1); color: #fff;}

.index-grid-1 {width: 50%; height: 507px; display: inline-block; float: right; padding-left: 8px}
.index-grid-left {display: inline-block; width: 50%; float: left}
.index-grid-2 {width: 100%; height: 250px; display: inline-block; float: left}
.index-grid-3 {width: 50%; height: 250px; display: inline-block; float: right; margin-top: 8px; padding-left: 4px}
.index-grid-4 {width: 50%; height: 250px; display: inline-block; float: left; margin-top: 8px; padding-right: 4px}

.index-grid-o .post-grid-t1 .box .content .title {font-size: 16px}
.index-grid-o .post-grid-t1 .box .content .date {font-size: 11px; margin-top: 10px;}
.index-grid-o .post-grid-t1 .box .content {padding: 20px}

.index-grid-1 .box, .index-grid-1 img {border-radius: 0 5px 5px 0;}
.index-grid-2 .box, .index-grid-2 img {border-radius: 5px 0 0 0;}
.index-grid-4 .box, .index-grid-4 img {border-radius: 0 0 0 5px;}


.index-offer {width: 100%; display: table; margin-bottom: 40px;  padding: 20px 30px; background: #fff; border-radius: 5px;}
.index-offer .content .p-box-2 h2 {font-weight: bold; font-size: 14px; line-height: 1.8 }
.index-offer .content .p-box-2 .des a {font-size: 12px; line-height: 2}
.index-offer .content .p-box-2 .des time {font-size: 11px; font-weight: normal; display: block; margin-top: 5px}
.index-offer .content .p-box-2:first-child {padding-right: 0}
.index-offer .content .p-box-2:last-child {padding-left: 0}
.index-offer .header {line-height: 35px; color: #0b2e13;}
.index-offer .header .right {display: inline-block; width: 70%; float: right;}
.index-offer .header .right h2 {font-size: 20px; color: #484b62; font-weight: bold; margin-bottom: 5px }
.index-offer .header .left {display: inline-block; width: 30%; float: left; text-align: left}
.index-offer .header .left a {color: #79589F; font-size: 15px}
.index-offer .header .left i {vertical-align: bottom; font-size: 12px}

.index-offer .content .p-box-2 h2::after{display: none}

.s-1 {width: 100%}
.s-2 {width: 50%}
.s-3 {width: 33.3%}
.s-4 {width: 25%}
.s-5 {width: 20%}
.s-6 {width: 16.6%}

.s-10 {width: 10%}

.p-box-inline {display: inline-block !important; float: right}
.s-2.p-box-inline:nth-of-type(2n+1) { clear:both}
.s-3.p-box-inline:nth-of-type(3n+1) { clear:both}
.s-4.p-box-inline:nth-of-type(4n+1) { clear:both}
.s-5.p-box-inline:nth-of-type(5n+1) { clear:both}

.p-box-2 {padding: 15px 15px 0 15px; display: inline-block; float: right; vertical-align: top}
.p-box-2 .thumb {width: 100%; display: block;}
.p-box-2 .thumb img {width: 100%; height: auto; border-radius: 4px;}
.p-box-2 .des {width:100%; padding-top: 10px; display: block;  font-size: 13px; line-height: 22px;}
.p-box-2 .des a {display: block; color: #757575}

.index-offer .p-box-2 .thumb img {height: 120px !important;}


.video-index {display: table; width: 100%; margin-bottom: 25px}
.play-icon {position: relative; display: block; width: 100px; height: 100px; margin: auto; border-radius: 50%; background-color: rgba(255,1,0,.7); border:3px solid #fff; top:50%; margin-top: -50px; z-index: 100}
.play-icon::before {content: "";display: block;box-sizing: border-box;position: absolute;width: 0;height: 40px;border-top: 19px solid transparent;border-bottom: 19px solid transparent;border-left: 40px solid;top: 28px;left: 33px; color: #fff}
.video-index .index-grid-1 {height: 308px; float: left; padding-left: 0; padding-right: 8px}
.video-index .index-grid-3 , .video-index .index-grid-4 {height: 150px}
.video-index .index-grid-3 .play-icon, .video-index .index-grid-4 .play-icon {width: 50px; height: 50px; margin-top: -25px}
.video-index .index-grid-3 .play-icon::before, .video-index .index-grid-4 .play-icon::before {height: 15px;border-top: 11px solid transparent;border-bottom: 11px solid transparent;border-left: 22px solid;top: 11px;left: 15px;}
.video-index .index-grid-3:first-child, .video-index .index-grid-4:nth-child(2) {margin-top: 0}

.video-index .index-grid-1 .box, .video-index .index-grid-1 img {border-radius: 5px 0 0 5px;}
.video-index .index-grid-3:first-child .box, .video-index .index-grid-3:first-child img {border-radius: 0 5px 0 0;}
.video-index .index-grid-3:nth-child(3) .box, .video-index .index-grid-3:nth-child(3) img {border-radius: 0 0 5px 0;}
.video-index .index-grid-4 .box, .video-index  .index-grid-4 img {border-radius: 0 0 0 0;}



footer {background: #fff}
.footer-box {box-sizing: border-box; width: 33%; display: inline-block; float: right}
.footer-box .box-c2, .footer-box .box-c3  {width: 100%; padding: 10px 20px}
.footer-box .box-c2 a {display: block; font-size: 15px; font-weight: bold; line-height: 2.5; margin-right: 10px }
.footer-box .box-c3 {font-size: 14px}
.footer-box .box-c3  a {display: block}
.footer-box .box-c3 span { display: block; margin-top: 20px}





.footer-box .other-s, .footer-box .instagram {width: 100%; background: #2ba5e0; display: table; ; margin-top: 10px; border-radius: 5px}
.footer-box .other-s .iconr {display: inline-block; width: 45px; height: 45px; float: right; background: #2898cf;border-radius: 5px}
.footer-box .other-s .iconr i {color: #fff; font-size: 30px; vertical-align: middle; margin-top: 4px; display: block}
.footer-box .other-s .textr {display: inline-block; float: right;  color: #fff; height: 45px; font-size: 15px; padding: 11px 10px}
.footer-box .youtube {background: #ea3145 !important; }
.footer-box .youtube .iconr {background: #d82d3f !important;}
.footer-box .facebook {background: #3e68c0 !important; }
.footer-box .facebook .iconr {background: #395fb1 !important;}

.footer-box .instagram {background: #c0179f !important; }
.footer-box .instagram .iconr {background: #a70185 !important; }

/*.footer-box .instagram {background: #c0179f !important; height: 75px !important; }*/
/*.footer-box .instagram .iconr {background: #a70185 !important; height: 75px !important; width: 75px!important;}*/
/*.footer-box .instagram .iconr i {font-size: 53px !important;}*/
/*.footer-box .instagram .textr { font-size: 22px !important; padding: 21px 10px !important;}*/

@media only screen and (max-width: 800px) {
    .index-grid-1, .video-index .index-grid-1  {width: 100%; height: 250px; display: block; padding-left: 0; padding-right: 0;}

    .post-grid-t1 .box .content .title {font-size: 22px}
    .index-grid-left, .index-grid-2, .index-grid-3, .index-grid-4 { width: 100%; height: 150px; margin-top: 0px; padding-left: 0; padding-right: 0}
    .index-grid-left {margin-top: 2px; overflow: auto;white-space: nowrap; overflow-y: hidden;}
    .post-grid-t1 .box .content .date {display: none}
    .index-grid-o { white-space: normal; width: 80%; vertical-align: top; display: inline-block; float: none; margin-left: -2px}
    /*.index-grid-o .post-grid-t1 .box .content .title {font-size: 14px !important;}*/
    :nth-of-type(2n+1)

    .index-offer {padding: 15px 4px}
    .index-offer .header {padding: 0 10px; box-shadow: none !important; width: 100% !important;}
    /*.index-offer .content .p-box-2 {padding: 10px 5px 0 5px}*/
    /*.index-offer .content .p-box-2:first-child {padding-right: 5px}*/
    /*.index-offer .content .p-box-2:last-child {padding-left: 5px}*/
    .index-offer .content .p-box-2:nth-of-type(odd) {padding: 15px 10px 0 5px !important;}
    .index-offer .content .p-box-2:nth-of-type(even) {padding: 15px 5px 0 10px !important;}

    .index-offer .content .p-box-2:nth-child(5) {display: none !important;}
    /*.index-offer .content .p-box-2 {width: 80% !important; float: none !important; display: inline-block !important; white-space: normal; vertical-align: top;}*/
    /*.index-offer .content {overflow: auto;white-space: nowrap; overflow-y: hidden; display: inline-block}*/

    .index-offer .content .p-box-2 h2 {height: 48px; max-height: 48px; overflow: hidden; position: relative}
    .index-offer .content .p-box-2 h2::after{position: absolute; display: block; height: 20px; left: 5px; bottom: 0; width: 50px;background: linear-gradient(to left,rgb(255,255,255,0),#fafafa 107%,#fafafa); content: " " }

    .main-content {margin-top: 0px}


    .s-3, .s-4, .s-5, .s-6 {width: 50%}
    .s-3.p-box-inline:nth-of-type(3n+1) { clear:none}
    .s-4.p-box-inline:nth-of-type(4n+1) { clear:none}
    .s-5.p-box-inline:nth-of-type(5n+1) { clear:none}
    .s-3.p-box-inline:nth-of-type(2n+1) { clear:both}
    .s-4.p-box-inline:nth-of-type(2n+1) { clear:both}
    .s-5.p-box-inline:nth-of-type(2n+1) { clear:both}
    .p-box-1 .des {font-size: 12px; }
    .p-box-1.s-2 .des , .p-box-1.s-3 .des , .p-box-1.s-4 .des, .p-box-1.s-5 .des , .p-box-1.s-6 .des {padding-right: 0; padding-top: 4px; width: 100%}
    .p-box-1.s-2 .thumb , .p-box-1.s-3 .thumb , .p-box-1.s-4 .thumb, .p-box-1.s-5 .thumb , .p-box-1.s-6 .thumb { width: 100%}

    .index-grid-1 .box, .index-grid-1 img {border-radius: 0 !important;}
    .index-grid-2 .box, .index-grid-2 img {border-radius: 0;}
    .index-grid-3:nth-child(3) .box, .index-grid-3:nth-child(3) img {border-radius: 0;}
    .index-grid-4 .box, .index-grid-4 img {border-radius: 0;}

    .index-offer .p-box-2 .thumb img {height: auto !important;}


    .footer-box {width: 100%; padding: 0 5px}
    .footer-box .instagram .textr {font-size: 18px !important;}
}