.boxed-layout,
.boxed-layout .header,
.container {
	max-width:1096px;
	width:100%
}
.boxed-layout .header { width:96% }
.main-header { width:100% }
.boxed-layout .header-slider .center-width {
	padding-left:2%;
	padding-right:2%;
	width:96%
}
#menu-item-23 { margin-right:0px !important;
}



@media screen and (max-width:1270px) {
.home #navigation ul li, .main-navigation .menu li {
    max-width: 221px;
}
.home .main-navigation .menu li {margin-right: 66px;
}
.home .main-navigation, .main-nav, #navigation {
    width: 100%;}
}



@media screen and (max-width:1260px) {
.home #navigation ul li, .main-navigation .menu li {
    max-width: 221px;
}
.home .main-navigation .menu li {margin-right: 46px;
}
.home .main-navigation, .main-nav, #navigation {
    width: 100%;
}
	.home .boxed-layout,
	.home .boxed-layout .main-wrapper {
		max-width:1096px;
		width:100%
	}
	.home .center-width,
	.home .header,
	.home .main-wrapper,
	.home .footer .container,
	.home .copyright-inner {
		max-width:1096px;
		width:100%
	}
	.content-page, .content-single { width:100% }
	.masonry .post { width:46.5% !important }
	#commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url { width:80% }
	#commentform textarea { width:90% }
	#subscribe-widget input[type="text"] {
		margin-bottom:10px;
		width:99%
}
	.page-id-02 .center-width,
	.page-id-02 .header,
	.page-id-02 .main-wrapper,
	.page-id-02 .footer .container,
	.page-id-02 .copyright-inner {
		max-width:1096px;
		width:96%
}
	.page-id-02 .container {
		max-width:1096px;
		width:96% !important;
}
.main-navigation .menu li {
	margin-right:65px;}
}


@media screen and (max-width:1190px) {
.home #navigation ul li, .main-navigation .menu li {
    max-width: 204px;
}
.home .main-navigation .menu li {margin-right: 46px;
}
.home .main-navigation, .main-nav, #navigation {
    width: 100%;
}
.main-navigation .menu li {
	margin-right:50px;}
}



@media screen and (max-width:1140px) {
.home #navigation ul li, .main-navigation .menu li {
    max-width: 204px;
}
.home .main-navigation .menu li {margin-right: 46px;
}
.home .main-navigation, .main-nav, #navigation {
    width: 100%;
}
.main-navigation .menu li {
	margin-right:40px;}
}



@media screen and (max-width:1110px) {
.home #navigation ul li, .main-navigation .menu li {
    max-width: 190px;
}
.home .main-navigation .menu li {margin-right: 52px;
}
.home .main-navigation, .main-nav, #navigation {
    width: 100%;
}
	.home #logo.uppercase a {
    		background: url(http://www.freeworld.cc/wp-content/uploads/2016/03/diffwordsglitch956.gif) no-repeat center;
    		display: block;
    		height: 303px;
    		width: 956px;
}
	.back-to-top { right:5px }
	.header-slider .flex-control-nav { right:6% 
}
.main-navigation .menu li {
	margin-right:30px;}
}


@media screen and (max-width:1067px) {
.home #navigation ul li, .main-navigation .menu li {
    max-width: 191px;
}
.home .main-navigation .menu li {
    margin-right: 39px;
}
.home .main-navigation, .main-nav, #navigation {
    width: 100%;
}
.main-navigation .menu li {
	margin-right:20px;}
}



@media screen and (max-width:1024px) {
.home #navigation ul li, .main-navigation .menu li {
   	max-width: 198px;
	margin-top:0px;
}
.main-navigation, .main-nav, #navigation {
    width: 100%;
}
.home .main-navigation .menu li {
    margin-right: 17px;
}
.home .main-navigation .menu a {
    display: block;
    position: relative;
}
.home .main-navigation {
    border-top: none;
}
.home .main-navigation {
    font-size: 13px;
}

	.home #logo.uppercase a {
    		background: url(http://www.freeworld.cc/wp-content/uploads/2016/03/diffwordsglitch890.gif) no-repeat center;
    		display: block;
    		height: 282px;
    		width: 890px;
}
	.home .header #logo {
    		align-content: center;
    		margin-top: 0px;
    		margin-left: 0px;
    		margin-bottom: 0px !important;
    		margin-right: 0px;
}
	.home .logo-wrap, .header #logo img {
    		display: block;
}	
	.boxed-layout .header #logo { margin:6px 0 }
	.boxed-layout .main-nav {
		max-width:100%
	}
	.boxed-layout,
	.boxed-layout .header {
		max-width:730px;
		width:100%
	}
	#tabs li a { width:89% }
	.social-widget ul li { margin-right:5% }
	.social-widget ul li span { width:50px }
	.ad-125-widget li,
	.footer-widget { width:47.5% }
	.footer-widget:nth-child(2) { }
	.footer-widget:nth-child(3) { clear:left }
	.masonry .post { width:45.5% !important }

.main-navigation, .main-nav, #navigation {margin-top: 0px;}

.main-navigation {border-top: 10px solid #f2f2f2;}

.menu i {
    display: none;}

	.page-id-02 .boxed-layout .header { width:100% }
	.page-id-02 .header,
	.page-id-02 .main-wrapper,
	.page-id-02 .footer-widgets,
	.page-id-02 .footer-subscribe .center-width,
	.page-id-02 .header-slider li .center-width,
	.page-id-02 .copyright-inner { width:100% }

.main-navigation .menu a {
    display: inline-block;
    position: relative;
}
#navigation ul li, .main-navigation .menu li {
    padding-bottom: 0px;
    display: inline-block;
    list-style: none;
    width: auto;
}
#navigation ul li {
    float: none;
}
.logo-wrap, .header #logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.main-navigation {
    font-size: 14px;
}
.main-navigation .menu li {
	max-width: 250px;
	margin-top: 10px;
}
.main-wrapper {
    margin-top: 15px;
}
}



@media screen and (max-width:1022px) {
.home #navigation ul li, .main-navigation .menu li {
    max-width: 197px;
}
.home .main-navigation, .main-nav, #navigation {
    width: 100%;
}
.home .main-navigation .menu li {
    margin-right: 17px;
}
.main-navigation .menu li {
    max-width: 250px;}
}



@media screen and (max-width:977px) {
.home .main-navigation {font-size: 11px;
}
.home .menu-item-description {font-size: 12px;
}
.home #navigation ul li, .main-navigation .menu li {
    max-width: 180px;
}
.home .main-navigation, .main-nav, #navigation {
    width: 100%;
}
.home .main-navigation .menu li {
    margin-right: 17px;
}
	.home #logo.uppercase a {
    		background: url(http://www.freeworld.cc/wp-content/uploads/2016/03/diffwordsglitch835.gif) no-repeat center;
    		display: block;
    		height: 264px;
    		width: 835px;
}
	.home .header #logo {
    		align-content: center;
    		margin-top: 0px;
    		margin-left: 0px;
    		margin-bottom: 0px !important;
    		margin-right: 0px;
}
	.logo-wrap, .header #logo img {
    		display: block;
}
.main-navigation .menu li {
	max-width: 250px;
	margin-right:28px;}
}


@media screen and (max-width:913px) {
.home h1 {
    line-height: 34 px;
}
h1 {
    line-height: 57px;
}



@media screen and (max-width:900px) {
.home #navigation {margin-top: 20px;
}
.home #navigation ul li, .main-navigation .menu li {
    max-width: 100%;
    margin-bottom:0px;
}
.home #menu-item-20 {border-bottom: none;
}
.home #menu-item-20:hover {border-bottom: none;
}
.home #menu-item-21 {border-bottom: none;
}
.home #menu-item-21:hover {border-bottom: none;
}
.home #menu-item-90 {border-bottom: none;
}
.home #menu-item-90:hover {border-bottom: none;
}
.home #menu-item-23 {border-bottom: none;
}
.home #menu-item-23:hover {border-bottom: none;
}
.home .main-navigation {font-size: 14px;
}
.home .menu-item-description {font-size: 14px;
}
.home .main-navigation, .main-nav, #navigation {
    width: 100%;
}
.home .main-navigation .menu li {
    margin-right: 0px;
}
.home .main-navigation .menu a {
    display: inline;
}
.home .main-nav {border-bottom: 23px solid #f2f2f2;
}
.main-navigation .menu li {
	max-width: 250px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.masonry .post { width:44% !important }	
}



@media screen and (max-width:870px) { 
	.boxed-layout .header { padding:15px 2% }
	.post header .post-date { font-size:28px }
	.post header .post-month { font-size:12px }
	.gallerytiled ul li { width:24.6% }
}



@media screen and (max-width:840px) {		
	.home #logo.uppercase a {
    		background: url(http://www.freeworld.cc/wp-content/uploads/2016/03/diffwordsglitch730.gif) no-repeat center;
    		display: block;
    		height: 231px;
    		width: 730px;
}
	.home .header #logo {
    		align-content: center;
    		margin-top: 0px;
    		margin-left: 0px;
    		margin-bottom: 0px !important;
    		margin-right: 0px;
}
	.logo-wrap, .header #logo img {
    		display: block;
} 
.home .main-nav {
	border-bottom: 15px solid #f2f2f2;
	border-top: 15px solid #f2f2f2;
}
}



@media screen and (max-width:768px) {
.home .back-to-top {
    display: none !important;
}
.footer {display: none;
}
.home .main-header {
    max-width: 86%;
}
.home #navigation ul li, .main-navigation .menu li {
    max-width: 100%;
    margin-bottom: 10px;
}
	.home #logo.uppercase a {
    		background: url(http://www.freeworld.cc/wp-content/uploads/2016/03/headonly3.gif) no-repeat center;
    		display: block;
    		height: 374px;
    		width: 310px;
    		margin-left: auto;
    		margin-right: auto;
		margin-bottom: 10px;
}
	.home .header #logo {
    		align-content: center;
    		margin-top: 0px;
    		margin-left: 96px;
    		margin-bottom: 0px !important;
    		margin-right: 96px;
}
	.logo-wrap, .header #logo img {
    		display: block;
}	
	.home .main-navigation,.main-nav {
		float:left;
		width:100%
	}
	.home #navigation { 
  		height:auto;
		margin-top:15px;
		max-height:100%;
		max-width:100%;
		width:100%;
		overflow:hidden;
		overflow-y:auto;
		text-align:left;
		padding:0
  	}
  	.home #navigation ul {
		float:left;
  		width:100%;
  		display:block;
  		height:auto;
  	}
	.home #navigation .menu {
		display:block;
		height:auto;
		clear:both;
	}
	.home #navigation li,
	.home #navigation a {
		border:0;
		width:100%
	}
	.home #navigation a {
		/* background: transparent; */
		border-bottom:1px solid rgba(255,255,255,0.3);
		margin:0;
		padding: 0px 1%;
		-webkit-transition: all 0s linear;
		-moz-transition: all 0s linear;
		transition: all 0s linear;
	}
	.sf-sub-indicator, ul.menu ul .sf-sub-indicator { display:none }
	#navigation ul.sub-menu {
		border:0;
		display:block !important;
		margin:0;
		padding:0;
		visibility:visible !important;
		position:relative;
		top:0
	}
	#navigation ul li ul li a {
		padding:10px 3%;
		width:94%
	}
	#navigation ul li ul li ul li a { padding:10px 30px }
	.main-navigation .menu li.sfHover ul {
		left:0;
	}
	.main-navigation ul.menu li:hover li ul,
	.main-navigation ul.menu li.sfHover li ul { top:-999em }
	.main-navigation ul.menu li li:hover ul,
	.main-navigation ul.menu li li.sfHover ul,
	.main-navigation ul.menu li li li:hover ul,
	.main-navigation ul.menu li li li.sfHover ul {
		left:0; /* match ul width */
	}
	.main-navigation #navigation a:hover { background-color:#fff }
	
	.sfHover a {
		background:#262626;
		color:#fff
	}
	ul.menu li li:hover ul,
	ul.menu li li.sfHover ul { left:0 }
	.main-navigation .menu > li > ul:before { border:0 }
	#navigation .menu [class^="fa-"]:before,
	#navigation .menu [class*=" fa-"]:before { top:11px }
	#navigation .menu [class^="fa-"] > a,
	#navigation .menu [class*=" fa-"] > a {
		padding-left:6% !important;
		width:92%
	}
	.sf-arrows ul .sf-with-ul:after,
	.sf-arrows .sf-with-ul:after	{ border:0 }
	.main-navigation ul.menu li li.sfHover ul { left:0 }
	.btn {
		display:none;
		font-size:24px;
		cursor:pointer;
		margin:10px 0 10px 15px !important
	}
	.btn .icon {
		display: none;
		width: 18px;
		height: 2px;
		margin-top: 3px;
		background-color: #f5f5f5;
		-webkit-border-radius: 1px;
		 -moz-border-radius: 1px;
			  border-radius: 1px;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		 -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
			  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	}
	.boxed-layout .main-nav { width:502px }
	.boxed-layout,
	.boxed-layout .header,
	.footer .container,
	.copyright-inner {
		max-width:502px;
		width:100%
	}
	.boxed-layout .header { width:96% }
	.header { overflow:hidden }
	.main-wrapper {
		float:none;
		margin:0px auto 0;
		max-width:502px;
		width:93%;
	}
	.boxed-layout .main-container,
	.center-width,
	.header,
	.main-wrapper {
		max-width:502px;
		width:93%
	}
	.content-area {
		clear:both;
		float:none;
		margin:0;
		width:100% !important;
	}
	.content { margin: 0 }
	.content-page, .content-single { margin-left:0 }
	.post header time {
		border:0;
		border-bottom:1px solid rgba(0,0,0,0.1);
		padding:15px 0;
		width:100%
	}
	.post-title { padding:0 }
	.post-avtar {
		position:static;
		padding:15px 4%
	}
	.title-wrap {
		border:0!important;
		float:left;
		padding-bottom:15px;
		padding-top:15px;
		padding-left:4%;
		width:78%
	}
	.sidebar {
		margin-left:0;
		margin-right:0;
		max-width:100%;
		width:100% !important
	}
	.sidebar-small {
		display:none
	}
	#tabs li:before { left:-12px }
	#tabs li a { width:94% }
	.footer-widget {
		margin:0 0 10px;
		width:100%
	}
	.masonry .post { width:98% !important }

.main-header {
    max-width: 100%;}	

.boxed-layout .main-container, .center-width, .header, .main-wrapper {
    max-width: 645px;
    width: 93%;
}
.sitemap-col ul li, .archive-col ul li {
    list-style: none;
}
.sitemap-col ul, .archive-col ul {
    margin: 0 0 0 0px;
}
.sitemap-col, .archive-col {
    float: none;
    text-align: center;
}
.single-title {
    line-height: 66px;
}
.single-content .title-wrap {
    width: 100%;
}
}



@media screen and (max-width:620px) {
	.social-links-label { display:none }
	.footer-subscribe form {
		display:block;
		margin:15px 0 0;
		width:100%;
	}
.single-title {
    line-height: 66px;
}
.single-content .title-wrap {
    width: 100%;
}
}



@media screen and (max-width:568px) {
	.home .logo-wrap, .home .header #logo a {url(http://www.freeworld.cc/wp-content/uploads/2016/03/headonly3.gif) no-repeat center;
    		display: block;
    		height: 374px;
    		width: 100%;
    		margin-left: auto;
    		margin-right: auto;
		margin-bottom: 10px;
}
	.home #logo.uppercase a {
    		background: url(http://www.freeworld.cc/wp-content/uploads/2016/03/headonly3.gif) no-repeat center;
    		display: block;
    		height: 374px;
    		width: 310px;
    		margin-left: auto;
    		margin-right: auto;
		margin-bottom: 10px;
}
.home .header #logo {
    align-content: center;
    margin-top: 0px;
    margin-left: 68.305px;
    margin-bottom: 0px !important;
    margin-right: 68.305px;
}
.home .logo-wrap, .header #logo img {
    display: block;
}
.btn {
    display: none;
    /* float: right; */
    font-size: 24px;
    cursor: pointer;
    /* margin: 10px 0 10px 15px !important; */
}
.home .main-navigation {
    margin-top: 0px;
}
.single-title {
    line-height: 66px;
}
.single-content .title-wrap {
    width: 100%;
}

@media screen and (max-width:568px) {
.main-navigation .menu a {
    color:#000000
}
.home #navigation ul li, .home .main-navigation .menu li {
	display:inline-block;
	width:auto;
}
.home .main-navigation a:hover,
.home .current-menu-item a {
	border-top:3px solid #fff;
}
.home .main-navigation .menu a {
    display: inline;
}
.home .main-navigation a {
    border-top: 5px solid transparent; 
    border-bottom: 5px solid transparent;
}
#navigation ul li, .main-navigation .menu li {
	display: block;
	width: 100%;
}
.main-navigation .menu a {
    display: block;
}
.main-navigation a {
    border-top: none;
    border-bottom: none;
}
.main-navigation a:hover,
.current-menu-item a {
	border-top:none;
}
.logo-wrap, .header #logo a {
background: url(http://www.freeworld.cc/wp-content/uploads/2016/03/humanoidwhitesmalllogo2.png) no-repeat center;
    display: block;
    height:207px;
    width:151px;
    margin-bottom:20px;
}
.header #logo img {
    display: none;
}
.main-navigation {
	border-top: none;
	border-bottom: none;
}
.main-navigation .menu a {
    display: block;
    background-color: #ffffff;
    color:#000000
}
.page-title {
text-align:center;
}
.main-wrapper {
		margin:0px auto 0;
}
.page-id-92 .archive-template-content {
    display: inline;
}
.single-title {
    line-height: 66px;
}
.single-content .title-wrap {
    width: 100%;
}
}


@media screen and (max-width:480px) {
	.home .header #logo {
		align-content: center;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 0px !important;
		margin-right: 0px;
}
	.boxed-layout .main-nav { width:330px }
	.boxed-layout, .boxed-layout .main-header, .boxed-layout .main-wrapper {
		max-width: 330px;
		width: 100%;
	}
	.center-width,
	.main-wrapper {
		max-width:310px;
		width:93%
	}
	.boxed-layout .header {
		width:96%;
		max-width:96%;
	}
	.header {
		padding:3% 0;
		max-width:100%;
		width:310px;
	}
	#navigation {
		max-width:100%;
		width:310px
	}
	#navigation .menu [class^="fa-"]:before,
	#navigation .menu [class*=" fa-"]:before { top:11px }
	#navigation .menu [class^="fa-"] > a,
	#navigation .menu [class*=" fa-"] > a {
		padding-left:9% !important;
		width:89%
	}
	.featuredslider .post-inner, .widgetslider .post-inner { display:none }
	#tabs li:before { left:-13px }
	#tabs li a { width:92% }
	.main-wrapper,
	.footer-widgets,
	.footer-subscribe .center-width {
		max-width:94%;
		width:310px
	}
	.featured-thumbnail { width:100% }
	.content-area { float:left }
	.recent-post {
		margin-right:0;
		max-width:300px;
		width:100%
	}
	.home .title {
    		font-size: 50px;
    		line-height: 22px;
    		margin-bottom: 5px;
	}
	.post-meta span {
		border:0;
		display:block;
		padding:0;
		text-align:right
	}
	.post-meta .post-comments span { display:inline-block }
	.error-text {
		font-size:120px;
		line-height:140px;
		margin-bottom:0
	}
	.error-page-content { font-size:14px }
	.error-head span { padding:0 10px }
	.sitemap-col,
	.archive-col {
		margin:0 0 20px;
		width:100%
	}
	.sidebar {
		margin-left:0;
		margin-right:0;
		max-width:310px;
		width:100%
	}
	.section { margin:0 }
	.footer-widget {
		margin:0 0 20px;
		width:100%
	}
	.footer-widget .widget { margin-bottom:0 }
	#commentform textarea { width:92.5% }
	.copyright-text {
		margin-bottom:10px;
		text-align:center;
		width:100%}

.header {
    width: 430px;
}
.main-wrapper, .footer-widgets, .footer-subscribe .center-width {
    width: 430px;}

.main-header {
    max-width: 94%;
}
#navigation {
    max-width: 100%;
    width: 100%;
}
.title {
    font-size: 50px;
    line-height: 42px;
    margin-bottom: 5px;
}
.single-title {
    line-height: 66px;
}
.single-content .title-wrap {
    width: 100%;
}
}



@media screen and (max-width:260px) {
		.home .header #logo {
		align-content: center;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 0px !important;
		margin-right: 0px;
}
	#navigation .menu [class^="fa-"]:before,
	#navigation .menu [class*=" fa-"]:before { top:11px }
	#navigation .menu [class^="fa-"] > a,
	#navigation .menu [class*=" fa-"] > a {
		padding-left:11% !important;
		width:87%
	}
}