@media only screen and (max-width: 1301px) {
	.left-sidebar-layout #primary {
		width: 77%;
	}

	.left-sidebar-layout #secondary {
		width: 23%;
	}
}

@media only screen and (max-width: 1201px) {
	.left-sidebar-layout #primary {
		width: 75%;
	}

	.left-sidebar-layout #secondary {
		width: 25%;
	}
	
	#site_title_div {
		width: 19%;
	}
	
	#site_title_div h2 {
		margin-left: 15px;
	}
	
	#site-navigation {
		width: 61%;
	}
	
	.main-navigation a {
		padding: 15px 10px;
	}
}


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

	.menu-toggle {
		padding-right: 2%;
	}

	.left-sidebar-layout #primary {
		width: 100%;
	}

	.left-sidebar-layout #secondary {
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}

	#MaxWinTree, #minWinTree {
		display: block;
		position: absolute;
		top: 0px;
		cursor: pointer;
	}

	#MaxWinTree {
		left: 0px;
		padding: 0px 10px;
		background-color: #dbdbdb;
		border-radius: 0 0 10px 0;
	}
	#MaxWinTree p {
		margin-bottom: 5px;
	}
	#win_recko_footer > div {
		width: 100%;
		text-align: center;
	}

	#DownloadEbook, #feedbackBtn {
		width: 100%;
		margin: 10px 0px;
	}
}

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

	#site-branding {
		display: block;
	}
	
	#site_title_div {
		display: none;
	}
	
	#site-title {
		padding: 0;
	}
	
	#DownloadEbook img {
		width: 10%;
	}

}

@media only screen and (max-width: 767px) {
	.special_menu {
		width: 100%;
	}
	
	.menu-toggle {
    	margin-top: 15px;
	}
	
	#nav-search {
		max-height: 0px;
	}
	
	#nav-search {
		max-height: 0px;
		width: 100%;
		padding: 0px;
		overflow: hidden;
		-webkit-transition: all 0.5s ease;
	     -moz-transition: all 0.5s ease;
	       -o-transition: all 0.5s ease;
	      -ms-transition: all 0.5s ease;
	          transition: all 0.5s ease;
	}
	
	#search_toggle {
		display: block;
	}
	
	#nav-search form {
		padding: 10px 20px;
	}

	div#input {
	    width: 100%;
	    border-radius: 8px;
	}

	div#input:hover {
		width: 100%;
	}
	#top_head {
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 90;
		background: white;
	}
	#sticky_header {
	    position: fixed !important;
	    top: 0px;
	    z-index: 90;
	}
}

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

	#DownloadEbook img, #feedbackBtn img {
		width: 20%;
	}
	
}