/* ==========================================================================
   Media Queries
   ========================================================================== */

.footer .widget_categories select {
    display: none;
    width: 100% !important;
    outline: 0;
}

@media (min-width: 1200px) {

}



@media (min-width: 768px) and (max-width: 991px) {
	
	.inverted-text {
		margin: 14px 0 0 !important;
	}
	.inverted-text > span {
		font-size: 13px;
		line-height: 15px;
		padding: 3px 5px;
	}
	.top-ad {
		margin-top: 20px;
	}
	.arrow-left {
		border-top: 46px solid transparent;
		border-left: 28px solid transparent;
	}
	.loop-entry-medium-thumbnail img {
		min-height: 265px;
	}
	.design-services-img {
		float: none;
		margin: 0;
		text-align: center;
	}
	.design-services-box .wt-submit-btn {
		width: 100%;
	}
	.footer .widget_categories ul li {
		width: 175px;
	}
}

@media (max-width: 767px) {
	[class*="col-sm"] {
		margin-bottom: 30px;
	}
	#sidebar, #blog-post {
		float: none !important;
	}
	#navigation {
		float: none;
		display: none;
	}
	#mobile-nav-btn {
		position: absolute;
		top: 15px;
		right: 5%;
	}
	#res-nav-menu-btn {
		margin-left: 0;
		margin-top: 0;
	}
	.top-ad {
		margin-top: 0;
	}
	.loop-entry-right {
		float: none;
		width: 100%;
	}
	.loop-entry-medium-description {
		padding-left: 20px;
	}
	.content-bottom-ad {
		margin-top: 0;
	}
	/*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;
	}
	.design-services-box > p {
		overflow: auto;
	}
	.design-services-box .wt-submit-btn {
		width: 100%;
	}
}

@media (max-width: 991px) {
	.logo {
		text-align: center;
	}
	
	#res-nav-menu-btn {
		display: block;
	}
	.inverted-text {
		margin: 2px 0 0;
	}
	.header-ad {
		text-align: center;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#blog-post .col-sm-6 {
		margin-bottom: 0;
		float: left;
		width: 50%;
	}
	#blog-post .col-sm-6.hidden-xs {
		display: block !important;
	}
}

@media only screen and (max-width: 479px) {
	.footer .widget_categories ul {
		display: none;
	}

	.footer .widget_categories select {
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		padding: 8px;
	}
}
@media (min-width: 768px) {
#mobile-nav-btn {display: none;}
}