/* #Tablet (Portrait)
================================================== */

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container           , #menu                       { width: 748px; }
        .container .column,
        .container .columns                         { margin-left: 20px;  }
        .row .column:first-child, .row .columns:first-child       { margin-left: 0; }

        .fixed-nav { width: 100%;}

        .container .one.column,
        .container .one.columns                     { width: 28px;  }
        .container .two.columns                     { width: 76px;  }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns, #sidebar          { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }

        .container .eleven.columns,
        .left-sidebar #primary, 
        .right-sidebar #primary ,
        .category-post-alt3                 		{ width: 508px; }

		.left-sidebar #primary .sixteen.columns,
		.right-sidebar #primary .sixteen.columns 	{ width: 508px; }

        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }

        .container .sixteen.columns,
        .full-width #primary              			{ width: 748px; }

		
		.left-sidebar #primary .sixteen.columns,
		.right-sidebar #primary .sixteen.columns 	{ width: 508px; }
		
		
		

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }


        .related_posts , .scroll-box .boxs-slider { width: 540px; }
        #related_posts .related-post , .scroll-box .related-post {margin: 0 33px 0 0; }
        .rtl #related_posts .related-post , .rtl .scroll-box .related-post {margin: 0 0 0 33px ; }


		/* Page style */
		#footer .footer-widgets-box {width:236px;}
		.full-width #primary .category-post-alt1 {width: 236px;}
		.category-post-alt2 .entry {width:332px;}
		.category-post-alt2 .entry-thumb {width: auto; max-width: 200px; max-height: 150px; margin-bottom: 30px;}
		.category-post-alt1 {width:244px;}
		.pagination {width: 508px;}



		.cat-box.list-box .cat-container > ul > li ,
		.cat-box.tabs-box .cat-tabs-wrap > ul > li ,
		.cat-box.wide-box  .cat-container > ul > li ,
		.cat-box.wide-box li.first .entry-thumb { width: 244px; }

		.cat-box.column2  { width: 244px; }

		.cat-box ul.entry-meta li.posted-views ,  .blog-entry-list ul.entry-meta li.posted-views{
			display: none; 
		}
		
		/* Primary content */
		.left-sidebar #primary .one-third.column {width:156px;}	
		.left-sidebar #primary .four.columns {width:112px;}	
		.left-sidebar #primary .eight.columns {width:244px;}
		.left-sidebar #primary .two-thirds.column {width:332px;}	
		.left-sidebar #primary .twelve.columns {width: 376px;}
		
		.right-sidebar #primary .one-third.column {width:156px;}	
		.right-sidebar #primary .four.columns {width:112px;}	
		.right-sidebar #primary .eight.columns {width:244px;}	
		.right-sidebar #primary .two-thirds.column {width:332px;}	
		.right-sidebar #primary .twelve.columns {width: 376px;}

		#menu {overflow: hidden;}
		#scrollbarbox { display : none;}

    }


/*  Smaller than standard 960 (devices and browsers)
================================================== */
	@media only screen and (max-width: 959px) {
		  .boxed-layout{
        	margin-bottom: 0;
        	margin-top: 0;
        	width: auto;
        	max-width: none;
        }
	}


/*  #Mobile (Portrait)
================================================== */

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0 0 10px 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }



		/* Page style */
		#mobileMenu {
			display: block;
			width: 100%;
			border: 1px solid #e5e5e5;
			cursor: pointer;
			margin-bottom: 40px;
			
		}

		#mobileMenu ul {
			margin: 0;
			padding: 0;
			display: none;
		}

		#mobileMenu ul li{
			margin: 0;
			padding: 0;
			float: none;
			width: 100%;
			display: block;
		}
		#mobileMenu .show-menu , #mobileMenu ul li a{
			display: block;
			padding: 10px 6px;
			border-bottom: 1px solid #f1f1f1;
			-webkit-transition: background 0.3s ease;
			-moz-transition: background 0.3s ease;
			transition: background 0.3s ease;
		}

		#mobileMenu .show-menu:not(.active){
			border: none;
		}

		#mobileMenu .show-menu i{
			float: right;
			line-height: inherit;
			font-size: 18px;
			padding: 0 4px; 
		}

		

		#mobileMenu a:hover , #mobileMenu a:active{
			background-color: #f1f1f1;
		}

		#mobileMenu ul li:last-child a{
			border: none;
		}

		.rtl #mobileMenu .show-menu i{
			float: left;
		}




		.rtl #mobileMenu{
			background-position: 10px  center;
		}

		#menu, .navigation  , #scrollbarbox , .top-search , .top-social , .flexslider_excerpt , #top-navigation ,  .top-banner , .flexslider {display: none !important;	}
		

		

		#logo {margin-left: 0px;	margin-right: 0px;}


        .related_posts , .scroll-box .boxs-slider { width: 350px; }
        #related_posts .related-post , .scroll-box .related-post  {margin: 0 20px 0 0; }
        .rtl #related_posts .related-post , .rtl .scroll-box .related-post  {margin: 0 0 0 20px; }

        .cat-box.list-box .cat-container > ul > li ,
        .cat-box.tabs-box .cat-tabs-wrap > ul > li ,
        .cat-box.wide-box  .cat-container > ul > li ,
		.cat-box.wide-box li.first .entry-thumb { width: 100%; margin-right: 0; margin-left: 0;   }

		.cat-box.column2  { width: 100%; }

		.cat-tabs-header ul li{
			float: none;
		}
		
		
		#logo {text-align:center;}
		#logo { float:none;}
		#footer .widget { margin-bottom: 20px;}
		.left-sidebar #primary, .right-sidebar #primary , #sidebar, #footer .footer-widgets-box, .full-width #primary, .category-post-alt2 .entry, .category-post-alt2 .entry-thumb, .category-post-alt1, .category-post-alt3, .entry-post, .tag-list, .author-bio, #comments, #respond, .full-width #primary .category-post-alt1, .pagination {
			width: 300px; margin-left: 0px; margin-right: 0px;
		}
		.category-post-alt2 .entry, .category-post-alt2 .entry-thumb, .category-post-alt1, .category-post-alt3, .entry-post, .tag-list, #comments, #respond, .pagination {margin-left: 0px;margin-right: 0px;}
		.category-post-alt2 .entry-thumb {margin-bottom: 10px;}
		.left-sidebar #primary, .right-sidebar #primary , .full-width #primary {clear:both;}

		.footer-bottom{text-align:center;padding:0 20px;height:auto;overflow:hidden;}
		.footer-bottom div{ float:none !important; clear:both; margin:5px auto;}
		.footer-bottom .social-icons .social-icons a { display: inline-block;}


		.review-top{
		float:none;
		width:100%;
		margin:10px 0;
		}

		.breaking-news {
			width: 100%;}

		
		/* Primary content */
		.left-sidebar #primary .one-third.column,
		.left-sidebar #primary .four.columns,
		.left-sidebar #primary .eight.columns,
		.left-sidebar #primary .two-thirds.column,
		.left-sidebar #primary .sixteen.columns,
		.left-sidebar #primary .twelve.columns,
		.right-sidebar #primary .one-third.column,
		.right-sidebar #primary .four.columns,	
		.right-sidebar #primary .eight.columns,	
		.right-sidebar #primary .two-thirds.column,
		.right-sidebar #primary .twelve.columns,
		.right-sidebar #primary .sixteen.columns {width:300px;}


		.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ width:100% !important; margin:0 !important;float:none !important;}
	


    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0 0 10px 0; }

		/* Page style */
		.left-sidebar #primary, .right-sidebar #primary , #sidebar, #footer .widget, .full-width #primary, .category-post-alt2 .entry, .category-post-alt2 .entry-thumb, .category-post-alt1, .category-post-alt3, .entry-post, .tag-list, .author-bio, #comments, #respond, .full-width #primary .category-post-alt1, .pagination {
			width: 420px;
		}
		.left-sidebar #primary, .right-sidebar #primary , .full-width #primary {	clear:both; margin-left: 0px; margin-right: 0px;}
		ul.top-menu, #logo, .banner-top, .category-post-alt1, .category-post-alt3, .entry-post, .tag-list, .author-bio, #comments, #respond, #filters, .pagination {margin-left: 0px;margin-right: 0px;}
		
		
        .related_posts , .scroll-box .boxs-slider{ width: 530px; }
        #related_posts .related-post  , .scroll-box .related-post {margin: 0 15px 0 0; width: 130px;}
        .rtl #related_posts .related-post  , .rtl .scroll-box .related-post {margin: 0 0 0 15px ;}
 
		/* Primary content */		
		.left-sidebar #primary .one-third.column,
		.left-sidebar #primary .four.columns,
		.left-sidebar #primary .eight.columns,
		.left-sidebar #primary .two-thirds.column,
		.left-sidebar #primary .sixteen.columns,
		.left-sidebar #primary .twelve.columns,
		.right-sidebar #primary  .one-third.column,
		.right-sidebar #primary  .four.columns,	
		.right-sidebar #primary  .eight.columns,	
		.right-sidebar #primary  .two-thirds.column,
		.right-sidebar #primary  .twelve.columns,
		.right-sidebar #primary  .sixteen.columns {width:420px;}	
		
        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px;}
    }