/* ==========================================================================



   Media Queries



   ========================================================================== */











/* #Large desktop



   ========================================================================== */







@media only screen and (min-width: 960px) and (max-width: 1239px) {



	.boxed {



		max-width: 1000px;



	}



	.header-widget {



		max-width: 560px;



	}



}







/* #Smaller than standard 960 (devices and browsers)



   ========================================================================== */







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



	.boxed {



		max-width: 768px;



	}



	.js #top-menu {



		display: none;



	}



	.js #main-menu {



		display: none;



	}



	.js .selectnav {



		display: inline-block;



		width: 100%;



		margin: 10px auto 10px;



	}



	.js .top-menu-wrapper .selectnav {



		margin: 10px auto 0;



	}



	.navigation {



		float: none;



		text-align: center;



	}



	.logo {



		text-align: center;



		float: none;



		margin-top: 0;



	}



	.logo a {



		display: inline-block;



	}



	.header-widget {



		display: none;



	}



	.loop-entry-content .post-thumbnail-wrapper {



		margin-right: 0;



		float: none;



		width: 100%;



	}



}







/* #Tablet Portrait size to standard 960 (devices and browsers)



   ========================================================================== */







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



	.js .top-menu-wrapper .selectnav {



		margin: 5px auto;



		width: 250px;



	}



}







/* #All Mobile Sizes (devices and browser)



   ========================================================================== */







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



	.boxed {



		max-width: 460px;



	}



	#footer-menu {



		float: left;



		text-align: center;



		margin: 0 0 10px 0;



	}



	.social_icons {



		float: left;



	}



	/*comments*/



	.children { margin: 30px 0 0; }



	.children li.depth-2,



	.children li.depth-3,



	.children li.depth-4,



	.children li.depth-5,



	.children li.depth-6,



	.children li.depth-7,



	.children li.depth-8,



	.children li.depth-9,



	.children li.depth-10 { margin: 0 }



	.design-services-img {



		float: none;



		margin: 0;



		text-align: center;



	}



}







/* #Mobile Landscape Size to Tablet Portrait (devices and browsers)



   ========================================================================== */







@media only screen and (min-width: 480px) and (max-width: 767px) {}







/* #Mobile Portrait Size to Mobile Landscape Size (devices and browsers)



   ========================================================================== */







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