@font-face {
    font-family: 'Modam-Black';
    src: local('Modam-Bold'), 
        local('Modam-Bold'),
        url('Modam-ExtraBold.ttf') format('truetype'), 
        url('Modam-Light.ttf') format('truetype'), 
        url('Modam-Black.ttf') format('truetype');
    font-weight: 700;
    font-stretch: normal;
    /*font-style: normal;*/
}
a, a:focus, a:active, a:visited, a:hover,
img:focus, img:active {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
*{
margin:0px;
padding:0px;
line-height: 1.42857;
font-size: 13px;
  font-family: Modam-Black;
font-weight: normal;
text-decoration: none;
transition: all 0.5s ease 0.1s;
}

a{color:#000;}
::selection {
  background: #c3effd; 
  color: red;  
}

::-moz-selection {
  background: #c3effd; 
  color: red; 
}

.pulse {
 text-align: center;
 margin:auto;margin-top:3px;
  display: block;
  width: 55px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(26, 188, 156, 0.9);
  animation: pulse 2s infinite;
}
.pulse:hover {
  
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(26, 188, 156, 0.9);
  }
    40% {
      -webkit-box-shadow: 0 0 0 20px rgba(204,169,44, 0);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(26, 188, 156, 0.9);
    box-shadow: 0 0 0 0 rgba(26, 188, 156);
  }
      40% {
      -webkit-box-shadow: 0 0 0 20px rgba(204,169,44, 0);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
body{
    padding-top: 50px;
}
.header{
width:100%;
height:90px;
background-color:#292930;
border-bottom:solid 1px #64DDBB;
 background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;

position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  border-bottom: 1px solid #ccc;
}
.menu{
width:100%;
height:50px;

}
.menu-center{
width:100%;
height:50px;
}
.fa-home{
    background-color:#FFF;
}
.home-menu{
	width: 50px;
    height: 50px;
    margin-left:2em;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
	float:right;
}
.news-menu{
	width: 50px;
    height: 50px;
	 margin-left:2em;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
	float:right;
	margin-right:5px;
}
.call-menu{
	width: 50px;
    height: 50px;
     margin-left:2em;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
	float:right;
	margin-right:5px;
}
.info-menu{
	width: 50px;
    height: 50px;
 margin-left:2em;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
	float:right;
	margin-right:5px;
}
.close-menu{
	width: 35px;
    height: 35px;
    background: #64DDBB;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
	float:right;
	margin-right:-5px;
}
.category {
width: 100%; 
overflow: hidden;
display:none;
}

.category .size {
width: 1170px;
margin: 0px auto;

  font-weight: bold;
}

.category ul {
    color:#000;
margin: 5px 8px;
float:right;


}

.category li {
display: inline-block;
padding: 5px 12px;
background-color: #DDD;
list-style-type: none;
border-radius: 2px;
font: 18px "A Google",byekan;
color:#000;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
}

.category li:hover{
background-color: #aaa ;

}

.category li  a{
color:#000;
color:#000;
justify-content: center;
align-items: center;
text-align: center;
font-weight: bold;
}

#child-list {
display:none;
 position:absolute;
direction:rtl;
 text-align:right;
margin: 5px -36px;
padding: 10px 0px;
z-index:1000000;
font: 12px "A Google",byekan;
}

#child-list li:first-child {
border-radius: 5px 5px 0px 0px;
}

#child-list li:last-child {
border-radius: 0px 0px 5px 5px;
}

#child-list li:first-child:after{
content: "";
width: 10px;
height: 10px;
background: none repeat scroll 0% 0% #333;
transform: rotate(-45deg);
float: right;
margin: -10px -5px auto  !important;
position:absolute;
z-index:-1;

} 

#child-list li {
min-width:150px;
display:list-item;
background-color: #E7E7E7;
border-radius: 0px;
border-bottom:1px solid rgba(0, 0, 0, 0.2);

}

#child-list li:hover {
box-shadow: inset 0 50px 0px #DDD;
text-decoration: none;
}

.category li:hover > #child-list {
display:block;
 text-decoration: none;
color:#ec4d4d !important;
}

.bbreadcrumb{
    width: 70%; 
    height:50px;
    margin:auto;
    margin-bottom:0.5em;
    color:#FFF;
    float:right;padding-right:2em;
justify-content: center;
align-items: center;
text-align: center;
direction:center;
font-family: "Modam-Black";
text-align:center;
font-size: 20px;
font-weight: bolder;
    
}

.breadcrumb-container li{
    width:auto;
    background:#2C3A47;
    border-radius:5px;
    text-align:right;
    float:right;
    color:#FFF;
justify-content: center;
align-items: center;
text-align: center;
direction:center;
font-family: "Modam-Black";
text-align:center;
font-size: 20px;
font-weight: bolder;
}
.breadcrumb-container li a{color:#FFF;}

.breadcrumb-container li span{color:#FFF;}
#col{
width:80%;
height:auto;
margin:auto;
}
.right{
width:30%;
height:auto;
float:right;

}
.movie-quiz{
width:100%;
height:50px;
background-color:#64DDBB;
direction:rtl;
font-family: "Modam-Black";
text-align:center;
font-size: 15px;
font-weight: bolder;
}
.block-toppost{
width:100%;
height:auto;
background-color:#FFF;
margin-top:10px;
}
.toppost-title{
width:100%;
height:40px;
background-color:#fff;
border-bottom:solid 2px #DDD;
margin-top:5px;
}
.toppost-text{
width:40%;
height:40px;
background-color:#fff;
border-bottom:solid 3px #000;
float:right;
direction:rtl;
font-family: "Modam-Black";
text-align:rtl;
font-size: 15px;
font-weight: bolder;
}

.block-toppost-block{
width:100%;
height:60px;
margin-top:1em;

}
.block-pic{
width:20%;
height:60px;

float:right;
border-radius:1em;
}
.block-pic img{
border-radius:1em;
width:90px;
height:50px;
}


.block-text{
width:75%;
height:auto;
margin-top:5px;
direction:rtl;
font-family: "Modam-Black";
text-align:rtl;
font-size: 20px;
font-weight: bolder;
list-style-type: none;
}

.block-text li{

    font-weight: bolder;
    font-size: 20px;

}


.block-ray{
width:40%;
height:20px;
margin-top:5px;
direction:rtl;
font-family: "Modam-Black";
text-align:rtl;
float:right;
margin-right:15px;
}

.block-topirani{
width:100%;
height:100px;
margin-top:10px;
}
.block-topseri{
width:100%;
height:100px;
margin-top:10px;
}
.block-topview{
width:100%;
height:100px;
margin-top:10px;
}
.m-left{
width:30%;


float:left;
margin-left:12em;
margin-top:5px;
}

.m-right{
width:40%;
height:100px;
float:right;
margin-right:12em;
margin-top:20px;
}
.col-menu{
width:60%;
height:35px;
float:left;
}
.sarch{
width:100%;
height:35px;
background-color:#000;
float:left;
margin-top:20px;
border-radius:05em;
}
input{
   border-radius:05em; 
}
.input-s{
width:100%;
height:35px;
background-color:#FFF;
float:right;
border-radius:05em;
}
.click-s{
width:10%;
height:35px;
background-color:#FEC606;
float:left;
}

.click-ss{
width:10%;
height:35px;
background-color:#FEC606;
float:left;
margin-top:5px;
}
button{
width:15%;
height:30px;
background-color:#25373D;
float:left;
color:#FFF;
border-radius:0.5em;
border:solid 1px #64DDBB;
margin-top:5px !important;
}



.logo{
width:100%;
height:120px;
float:left;
}
.logo img{width:95%;}
.share{
width:30%;
height:50px;
background:#000;
float:left;
margin-top:9em;

}

.facebook{
    width: 40px;
    height: 40px;
	border:solid 1px #3D8EB9; 
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
	float:right;
	margin-right:10px;
}
.facebook:hover{
box-shadow: 0 4px 8px 0 #3D8EB9, 0 6px 20px 0 #3D8EB9;
}
.twitter{
    width: 40px;
    height: 40px;
	border:solid 1px #7CEECE; 
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
	float:right;
	margin-right:10px;
}
.twitter:hover{
box-shadow: 0 4px 8px 0 #7CEECE, 0 6px 20px 0 #7CEECE;
}
.google{
    width: 40px;
    height: 40px;
	border:solid 1px #E3000E; 
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
	float:right;
	margin-right:10px;
}
.google:hover{
box-shadow: 0 4px 8px 0 #E3000E, 0 6px 20px 0 #E3000E;
}
.telegram{
    width: 40px;
    height: 40px;
	border:solid 1px #1DABB8; 
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
	float:right;
	margin-right:10px;
}
.telegram:hover{
box-shadow: 0 4px 8px 0 #1DABB8, 0 6px 20px 0 #1DABB8;
}


.timeline-item {
            background: #fff;
            border-radius: 3px;
            padding: 12px;
			
            margin: 0 ;
            max-width: 100%;
            min-height: 100px;
        }

        @keyframes placeHolderShimmer {
            0% {
                background-position: -468px 0
            }
            100% {
                background-position: 468px 0
            }
        }


        .animated-background {
            animation-duration: 0.5s;
            animation-fill-mode: forwards;
            animation-iteration-count: infinite;
            animation-name: placeHolderShimmer;
            animation-timing-function: linear;
            background: #f6f7f8;
            background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
            background-size: 800px 104px;
            height: 96px;
            position: relative;
        }

.left{
width:65%;
height:auto;


float:right;
margin-left:3em;
}
.left-p{
width:100%;
height:auto;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.left-post{
width:90%;
height:auto;
background-color:#FFF;
float:left;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius:1em;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: bold;
	font-size:1.5em;
	font-family: 'Modam-Black';
}

.left-post p{
    	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: bold;
	font-size:1.5em;
	font-family: 'Modam-Black';
    
}

.left-post strong{
    	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: bold;
	font-size:1.5em;
	font-family: 'Modam-Black';
    
}
.left-post-rank{
width:9%;
height:500px;
float:right;

}
.left-post-rank-cir{
    width: 55px;
    height: 55px;
    background: #d3d8dc;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
	margin:auto;
	}
	.left-post-rank-cir-to{
    width: 40px;
    height: 40px;
    background: #25373D;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
	direction:rtl;
font-family: "Modam-Black";
	text-align:center;
	border:solid 4px #FFF;
	}
.left-postrank-vote{
width:90%;
height:auto;
background-color:#FFF;
float:left;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius:1em;margin-top:1.5em;
}

.get-comment-items{
    width:98%;
    height:auto;
    float:right;margin:5px 5px 0px 0px;
    text-align: center;
    
    }
    #comments{
        width: 99%;
        float: right;
        margin-top: 10px;
        color:#000;
       
    }
    .comments-title{
        font: 20px 'hoolex_s',Tahoma;
        color:#000;
        float:right;
        
    }
    ol.comment-list{
        width: 99%;
        margin: 20px 0;
        float: right;
        
    }
    ol.comment-list p{
        padding: 0 75px;
        margin-bottom: 10px;
        
         color:#FFF;
    }
    ol.comment-list .even{
        background-color:rgba(21,63,101,1);
        border-radius:1em;
        padding: 10px;
        position: relative;
    }
    ol.comment-list .odd{
        background-color:rgba(21,63,101,0.5);
        margin-top: 20px;
        padding: 10px;
        position: relative;
        border-radius:1em;
    }
    ol.comment-list li.depth-2{
        margin-top: 40px;
    }
    ol.comment-list li.depth-3{
      margin-top: 40px;
    }
    ol.comment-list li.depth-4{
      margin-top: 40px;
    }
    ol.comment-list li.depth-5{
      margin-top: 40px;
    }
    .commentmetadata a{
        position: absolute;
  
        margin-left:-20em;
        color: #999;
        font-size: 10px;
    }
    .comment-edit-link{
        position: absolute;
        
        
    }
    .reply{
        position: absolute;
      
        background-color:#000;
        
    }
    .reply a{
        font: 13px 'hoolex_s',Tahoma;
        color: #888;
        padding: 5px 15px;
        border-radius: 2px;
        background: #292929;
        color: #FDFDFD;
        
    }
    .reply a:hover{
        background: #fbc531;
        color: #FDFDFD;
    }
    .fn{
        position: absolute;
       
        
        color: #FFF;
        border-bottom: 2px solid #fbc531;
        border-radius: 2px;
        padding: 5px;
    }
    .fn a{
        color: #000;
    }
    .says{
     display:none;
    }
    #reply-title{
        font:16px Tahoma;
        display:none;
    }
    .comment-notes{
        font:14px 'hoolex_s',Tahoma;
            display:none;
    }
    .comment-form label{
        float: right;
       
    }
    .comment-form{
        margin-top: 20px;
            
    }
    #author{
        margin-bottom: 14px;
    
    }
    #email{
        margin-bottom: 14px;
       
    }
    #url{
        margin-bottom: 14px;
        display:none;
    }
    .comment-form input{
        height: 3em;
        width: 95%;
    
        border: 1px solid #cbc9ca;
        border-radius: 3px;
        text-align: right;
        padding: 0 13px;
        font: 12px Tahoma;
        margin-bottom: 10px;
    }
    .comment-form textarea{
        width:100%;
        border: 1px solid #cbc9ca;
        border-radius: 3px;
        text-align: right;
        padding: 5px 13px 5px 30px;
        font: 12px Tahoma;
        margin-bottom: 10px;
    
    }
    .comment-form input[type="submit"]{
        cursor: pointer;
        margin: 10px;
        text-align: center;
        background-color:#1e272e;
        color: #FDFDFD;
        border: 1px solid #292929;
        border-radius:1em;
    
    }
    
    .comment-form input:hover{
        background-color:rgba(21,63,101,0.5);
    }

    
    




.title-p{
width:80%;
height:40px;
background-color:#FFF;
float:right;
margin-top:1em;
direction:rtl;

font-family: "Modam-Black";
text-align:center;
}
.title-p p{font-size:20px;}
.left-post-pic{
width:80%;
height:200px;
background-color:#000;
margin-left:1em;;margin-top:1em;
border-radius:0.4em;float:right;margin-right:5em;

}
.left-post-pic img{
 width:100%;
	height:100%;
	border-radius:0.4em;
}

.left-post-more{
width:90%;
height:auto;
font-size: 25px;

margin-left:1em;;margin-top:1em;
float:left;border-radius:0.2em;
direction:rtl;
font-family: "Modam-Black";
text-align:center;
}





.footer-box{
width:100%;
height:110px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
  animation: 330s ease-in 0s alternate none infinite running rooting;-webkit-animation-name: example;-webkit-animation-duration: 30s;animation-name: example;animation-duration: 30s;
 background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  object-fit: contain;
float:left;
margin-top:1.5em;
}
.footer-coll-top{
	width:50%;
	height:70px;
	margin-top:0.8em;
	float:right;
}

.footer-coll-top-center{
	width:40%;
	height:60px;
    margin-top:1em;
	float:right;margin-right:5em;
}
.footer-coll-top-center-text{
	width:50%;
	height:40px;
	float:right;margin-top:12px;
}
.footer-coll-top-center-text p{
	color:#ecf0f1;
  text-decoration: none;
  font-family: "Modam-Black";
  font-weight: bold;
  justify-content: left;
  align-items: left;
  text-align: left;
  font-size: 1.8em;
}
.footer-coll-top-center-buttom{
	width:20%;
	height:40px;
	border-left:solid 3px #FFF;
	float:right;margin-top:8px;margin-right:8px;
	border-radius:1em;
}
.footer-coll-top-center-buttom  a{
	color:#FFF;
  text-decoration: none;
  font-family: "Modam-Black";
  font-weight: bold;
  text-align: center;
  font-size: 2.2em;
}
.footer-coll{
	width:100%;
	height:100px;
	 
	margin-top:1px;
}
.footer-coll-logo{
	width:20%;
	height:100px;

	float:left;margin-left:5px;
	padding:5px;
}
.footer-coll-logo img{width:95%;}

.footer-coll-menu{
	width:20%;
	height:200px;
	border-radius:1em;
	color:#efeff0;
	float:right;
	margin-right:2em;
}
.footer-coll-menu-title{
	width:80%;
	height:30px;
	-webkit-text-stroke: 1px #efeff0;
	margin:auto;
	  text-decoration: none;
 font-family: "Modam-Black";
  font-weight: bold;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.5em;
}
.footer-coll-menu-roll{
	width:80%;
	height:30px;

	float:right;
	margin-top:2px;
	text-decoration: none;
	font-family: "Modam-Black";
	justify-content: center;
	align-items: center;
	text-align: center;
}
.footer-coll-menu-roll a{
color:#efeff0;
font-weight: bold;
}


.footer-coll-compo{
	width:22%;
	height:95px;
	border-radius:1em;
	color:#efeff0;
    
	float:left;
	margin-left:1em;
}
.footer-coll-compo-title{
	width:80%;
	height:30px;
	color:#FFF;
	margin:auto;
		  text-decoration: none;
		  -webkit-text-stroke: 1px #efeff0;
  font-family: "Modam-Black";
  font-weight: bold;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.5em;
}
.footer-coll-compo-roll{
	width:80%;
	height:45px;
font-weight: bold;
	float:right;
	margin-top:2px;
				  text-decoration: none;
  font-family: "Modam-Black";

  justify-content: center;
  align-items: center;
  text-align: center;
}
.footer-coll-compo-roll-address{
	width:90%;
	height:80px;
font-weight: bold;
	float:right;
	margin-top:2px;
				  text-decoration: none;
  font-family: "Modam-Black";
 font-size: 1em;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.footer-copy{
	width:100%;
	height:60px;
	float:right;
	margin-top:1px;
}
.footer-copy-stable p{
	width:60%;
	height:40px;
	color:#efeff0;
	margin:auto;
	float:right;
					  text-decoration: none;
  font-family: "Modam-Black";
  font-weight: bold;
  justify-content: center;
  align-items: center;
  text-align: center;
 font-size: 1.4em;
}

@-webkit-keyframes example {
    0%   {background-color: #485460;}
    10%  {background-color: #1e272e;}
	20%  {background-color: #485460;}
    30% {background-color: #1e272e;}
	40% {background-color: #485460;}
	50% {background-color: #1e272e;}
	60% {background-color: #485460;}
	70% {background-color: #1e272e;}
	80%  {background-color: 485460;}
    90% {background-color: #1e272e;}
	100% {background-color: #485460;}
}


@keyframes example {
    0%   {background-color: #485460;}
    10%  {background-color: #1e272e;}
	20%  {background-color: #485460;}
    30% {background-color: #485460;}
	40% {background-color: #1e272e;}
	50% {background-color: #485460;}
	60% {background-color: #485460;}
	70% {background-color: #1e272e;}
	80%  {background-color: #485460;}
    90% {background-color: #1e272e;}
	100% {background-color: #487eb0;}
}



@media screen and (max-width: 1200px) {
  .header{width:100%;float:left;}
  .col-menu{width:100%;}
 .m-right{width:100%;float:left;}

 .home-menu{float:left;}
 .news-menu{display:none;}
 .call-menu{display:none;}
 .info-menu{display:none;}
 .logo{width:100%;height:100px;}
 .logo img{width:80%;height:75px;}
 .sarch{width:100%;}
 .m-left{width:80%;padding-right:1em;margin:auto;}
 .share{width:100%;margin-top:0em;}
 .category{width:100%;}
 .size{width:100%;}
 .movie-quiz{border-radius:1em;margin-left:5px;width:95%;}
 #col{width:100%;}
 .right{width:99%;float:left;margin-top:2em;}
 .block-toppost{width:95%;margin-top:2px;}
 .block-topirani{width:95%;margin-top:2px;}
 .block-topseri{width:95%;margin-top:2px;}
 .block-topview{width:95%;margin-top:2px;}
 .block-pic{width:10%;}
 .block-text{font-weight: bolder;}
 .title-p p{font-size:15px;}
 .left-post-pic{margin:auto;margin-right:1em;}
 
 .left{width:95%;}
 .left-p{width:100%;}
 
 .left-post-rank{display:none;}
 .footer-box{width:100%;height:180px;}
 .footer-coll-menu{display:none;}
 .footer-coll-compo{display:none;}
 .footer-coll-top-center{width:80%;}
 .footer-coll-top{width:100%;}
 .footer-coll-logo{width:90%;}
 .footer-coll-top-center-text{width:110%;}
 .footer-coll-top-center-buttom{width:100%;}
 .left-postrank-vote{width:95%;margin-left:0em;}
 .footer-coll{width:98%;float:left;}
}

@media screen and (max-width: 960px) {
  .header{width:100%;float:left;}
  .col-menu{width:100%;}
 .m-right{width:100%;float:left;}

 .home-menu{float:left;}
 .news-menu{display:none;}
 .call-menu{display:none;}
 .info-menu{display:none;}
 .logo{width:100%;height:100px;}
 .logo img{width:80%;height:75px;}
 .sarch{width:100%;}
 .m-left{width:80%;padding-right:1em;margin:auto;}
 .share{width:100%;margin-top:0em;}
 .category{width:100%;}
 .size{width:100%;}
 .movie-quiz{border-radius:1em;margin-left:5px;width:95%;}
 #col{width:100%;}
 .right{width:99%;float:left;margin-top:2em;}
 .block-toppost{width:95%;margin-top:2px;}
 .block-topirani{width:95%;margin-top:2px;}
 .block-topseri{width:95%;margin-top:2px;}
 .block-topview{width:95%;margin-top:2px;}
 .block-pic{width:22%;}
 .block-text{font-weight: bolder;}
 .title-p p{font-size:15px;}
 .left-post-pic{margin:auto;margin-right:1em;}
 .left{width:95%;}
 .left-p{width:100%;}
 
 .left-post-rank{display:none;}
 .footer-box{width:100%;height:180px;}
 .footer-coll-menu{display:none;}
 .footer-coll-compo{display:none;}
 .footer-coll-top-center{width:80%;}
 .footer-coll-top{width:100%;}
 .footer-coll-logo{width:90%;}
 .footer-coll-top-center-text{width:110%;}
 .footer-coll-top-center-buttom{width:100%;}
 .left-postrank-vote{width:95%;margin-left:0em;}
 .footer-coll{width:98%;float:left;}
}

@media screen and (max-width: 480px) {
  .header{width:100%;float:left;}
  .col-menu{width:100%;}
 .m-right{width:100%;float:left;}

 .home-menu{float:left;}
 .news-menu{display:none;}
 .call-menu{display:none;}
 .info-menu{display:none;}
 .logo{width:100%;height:100px;}
 .logo img{width:80%;height:75px;}
 .sarch{width:100%;}
 .m-left{width:80%;padding-right:1em;margin:auto;}
 .share{width:100%;margin-top:0em;}
 .category{width:100%;}
 .size{width:100%;}
 .movie-quiz{border-radius:1em;margin-left:5px;width:95%;}
 #col{width:100%;}
 .right{width:99%;float:left;margin-top:2em;}
 .block-toppost{width:95%;margin-top:2px;font-weight: bolder;}
 .block-topirani{width:95%;margin-top:2px;}
 .block-topseri{width:95%;margin-top:2px;}
 .block-topview{width:95%;margin-top:2px;}
 .block-pic{width:22%;}
 .block-text{font-weight: bolder;}
 .title-p p{font-size:15px;}
 .left-post-pic{margin:auto;margin-right:1em;}
 .left{width:95%;}
 .left-p{width:100%;}
 
 .left-post-rank{display:none;}
 .footer-box{width:100%;height:180px;}
 .footer-coll-menu{display:none;}
 .footer-coll-compo{display:none;}
 .footer-coll-top-center{width:80%;}
 .footer-coll-top{width:100%;}
 .footer-coll-logo{width:90%;}
 .footer-coll-top-center-text{width:110%;}
 .footer-coll-top-center-buttom{width:100%;}
 .left-postrank-vote{width:95%;margin-left:0em;}
 .footer-coll{width:98%;float:left;}

}

@media screen and (max-width: 380px) {
  .header{width:100%;float:left;}
  .col-menu{width:100%;}
 .m-right{width:100%;float:left;}
 .home-menu{float:left;}
 .news-menu{display:none;}
 .call-menu{display:none;}
 .info-menu{display:none;}
 .logo{width:100%;height:100px;}
 .logo img{width:100%;height:100px;}
 .sarch{width:100%;}
 .m-left{width:80%;padding-right:1em;margin:auto;}
 .share{width:100%;margin-top:0em;}
 .category{width:100%;}
 .size{width:100%;}
 .movie-quiz{border-radius:1em;margin-left:5px;width:95%;}
 #col{width:100%;}
 .right{width:99%;float:left;margin-top:2em;margin-left:1em;}
 .block-toppost{width:95%;margin-top:2px;}
 .block-topirani{width:95%;margin-top:2px;}
 .block-topseri{width:95%;margin-top:2px;}
 .block-topview{width:95%;margin-top:2px;}
 .block-pic{width:22%;float:left;}
 .block-text{font-weight: bolder;}
 .title-p p{font-size:15px;}
 .left-post-pic{margin:auto;margin-right:1em;}
 .left{width:95%;}
 .left-p{width:100%;}
 .left-post-listed{display:none;}
 .left-postrank-vote{width:90%;margin-left:0.5em;}
 .footer-box{width:100%;height:180px;}
 .footer-coll-menu{display:none;}
 .footer-coll-compo{display:none;}
 .footer-coll-top-center{width:80%;}
 .footer-coll-top{width:100%;}
 .footer-coll-top-center-text{width:110%;}
 .footer-coll-top-center-buttom{width:100%;}
 .footer-coll-logo{width:90%;}

 .footer-coll{width:98%;float:left;}
}

.clear {
    clear: both;
}