/*
 * 20Script
 * Desiged by iVahid.com
 * Coded by Dornaweb.ir
 * Allrights Reserved to 20Script
 * Responsive Layout for all Displays 360px+ wide - (c) Dornaweb.ir
 * Compatible with IE8+ and All other major browsers
 * (c) allrights reserved
*/
@media screen and (min-width: 320px) and (max-width: 620px) {

  .inner-el {
    width:100%;
  }
  
  .ex-res{ display:none; }
   
  .main{
	padding: 0 8px;
	width:100%;
  }
  
  .newsletter_field{
	width:82%;
  }
  
  .categories ul li ul{
    width:92%;
  }
  
  .categories ul li ul li{
	padding:12px 12px 10px 0px;
  }
  
  .premiums-block ul li,
  .post-top .post-excerpt,
  .searchform,
  .premium_archive_link,
  .newsletter,
  .contents,
  .sidebar,
  .post,
  .foot-nav ul li{
	width:100%;
  }
  
  .premium_archive_link{
	background:#61C45A;
	text-align:center;
  }
  
  .populars-block ul li{
	width:97%;
  }
  
  .searchform input{
    margin:0 auto;
	display:block;
	width:100% !important;
	margin:4px 0;
  }
  
  .search_field{
	border-right:1px solid #D0D0D0;
  }
  
  .normal_submit{
	display:none !important;
  }
  
  .mobile_submit{
	display:block !important;
  }
  
  .read-more-link{
	float:none;
	display:block;
	margin-top: 50px;
	width: 100%;
	text-align: center;
  }
  
  .main-nav ul li ul{
    display:none !important;
  }
  
  .expendmenu{
    display:block;
	width:100%;
	margin:10px auto 0 auto;
	background:#282828;
	height:40px;
	line-height:40px;
	color:#fff;
	text-align:center;
  }
  
  .top-nav{
    width:100%;
	margin:2px auto;
	background:#282828;
	text-align:center;
	display:none;
  }
  
  .top-nav ul li{
    float:none;
	display:block;
	height:40px;
	line-height:40px;
	-webkit-transition: all 200ms linear;
	   -moz-transition: all 200ms linear;
	    -ms-transition: all 200ms linear;
	     -o-transition: all 200ms linear;
		    transition: all 200ms linear;
  }
  
  .top-nav ul li:hover{
    background:#464646;
  }
  
  .top-nav ul li:hover a{
    color:#fff;
  }
  
  .top-nav ul li a{
    color:#fff;
  }
  .expendmenu{	width:100%;  }  
  .expendmenu:hover{
    color:#fff;
  }
  
  .header-ads,
  .header-ads img{
	width:100%;
	height:60px;
	text-align:center;
	position:relative;
	display:block;
	margin:10px auto;
  }
  
  .nav-wrap,
  .main-nav,
  .foot-nav{
    height:auto !important;
  }
  
  .main-nav ul li,
  .foot-nav ul li{
    float:none !important;
	display:block;
	text-align:center;
	-webkit-transition: all 200ms linear;
	   -moz-transition: all 200ms linear;
	    -ms-transition: all 200ms linear;
	     -o-transition: all 200ms linear;
		    transition: all 200ms linear;
  }
  
  .main-nav ul li:hover{
    background:#E5E5E5;
  }
  
  .main-nav ul li:hover a{
    color:#6EC6A4;
  }
  
  .foot-nav ul li:hover a {
	background:none;
  }
  
  .foot-nav ul li:hover{
	background:#62B595;
  }
  
  .main-nav ul li a:after,
  .top-nav ul li a:after,
  .foot-nav ul li:after{
    margin:0;
	content:"";
  }
  
  .soc_lnk{
	display:block;
  }
  
  .like-button{
	float:none;
	display:block;
	margin-top: 50px;
	width: 100%;
  }
  
  .like-button span{
    margin-left:25%;
  }
  
  .jcarousel-skin-tango2 .jcarousel-clip-horizontal {
    width:  95% !important;
	margin:0 auto;
  }
  
  .jcarousel-skin-tango2 .jcarousel-container-horizontal {
    width:  95% !important;
	margin:0 auto;
  }
  
}

@media screen and (min-width: 768px) and (max-width: 999px) {

  .inner-el {
    width:100%;
  }
  
  .i53{
    font-size:43px;
  }
  
  .i43{
    font-size:33px;
  }
  
  .i41{
    font-size:31px;
  }
  
  .nav-wrap{
    height:auto;
  }
  
  .main-nav{
    width:100%;
	padding:0 15px;
	height:auto;
  }
  
  .left-sidebar{
	float:none;
	clear:both;
	width:100%;
  }
  
  .main{
	padding: 0 8px;
	width:100%;
  }
  
  .categories ul li ul{
    width:92%;
  }
  
  .categories ul li ul li{
	padding:12px 12px 10px 0px;
  }
  
  .foot-nav ul li,
  .populars-block ul li,
  .premiums-block ul li,
  .premium_archive_link,
  .left-sidebar .sidebar-block-text{
	width:100%;
  }
  
  .populars-block ul li{
	padding:10px 7px;
  }
  
  .premium_archive_link{
	background:#61C45A;
	text-align:center;
  }
  
  .archive_next_prev{
	width:100%;
  }
  
  .videos_archive {
	width:86.7% !important;
  }
  
  .left-sidebar .sidebar-block-text{
	text-align:center;
  }
  
  .socialszz{
	margin-right:auto;
	margin-left:auto;
  }
  
  .jcarousel-skin-tango{
	width:736px !important;
  }
  
  .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:736px !important;
  }
  
  .foot-nav{
    height:auto !important;
  }
  
  .foot-nav ul li{
    float:none !important;
	display:block;
	text-align:center;
	-webkit-transition: all 200ms linear;
	   -moz-transition: all 200ms linear;
	    -ms-transition: all 200ms linear;
	     -o-transition: all 200ms linear;
		    transition: all 200ms linear;
  }
  
  .foot-nav ul li:hover a {
	background:none;
  }
  
  .foot-nav ul li:hover{
	background:#62B595;
  }
  
  .foot-nav ul li:after{
    margin:0;
	content:"";
  }
  
  .right-sidebar{
	width:34.2031%;
  }
  
  .contents{
	width:63.9375%;
  }
  
  .post{
	width:100%;
  }
  .tabbed-boxes .tabs li{
	width:49%;
  }
  
  .tabbed-boxes .tabs .sep{
	width:2%;
  }
  
  .read-more-link{
	float:none;
	display:block;
	margin-top: 50px;
	width: 100%;
	text-align: center;
  }
  
  .post-top .post-excerpt{
	width:60.2016%;
  }
  
  .middle-ads a img {
    display: block;
    margin: 0 auto 2px;
  }
  
  .searchform,
  .newsletter{
	width:100%;
  }
  
  .search_submi
  .newsletter_submit{
	width:30% !important;
  }
  
  .search_field,
  .newsletter_field{
	width:75% !important;
  }
  
  .jcarousel-skin-tango2 .jcarousel-clip-horizontal {
	margin:0 auto;
  }
  
  .jcarousel-skin-tango2 .jcarousel-container-horizontal {
	margin:0 auto;
  }
  
}
@media screen and (min-width: 768px) and (max-width: 840px) {

  .logo h2{
    text-indent:-9999px;
  }
  
  .logo{
	margin-top:25px;
  }
  
}