/* Borong v1.0
 * This template is part of themeforest.net
 * 
 * Copyright pampersdry@gmail.com
 ================================================= */

/* 1 Media Queries ===============================
 *		1.1 Max Width 959px
 *		1.2 Min Width 768px & Max Width 959px
 *		1.3 Max Width 767px
 *		1.4 Min Width 480px & Max Width 767px
 *		1.5 Max Width 479px
================================================== */

/* 1.1 Max Width 959px =========================== */
@media only screen and (max-width: 959px) {
	/* Wrapper Boxed */
	#wrapper.boxed {
		width: 100%;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin: 0;
	}
	
	#header .search {
		right:1px;
		top:-34px;
	}
}

/* 1.2 Min Width 768px & Max Width 959px ========= */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* Container1020 */
	.container1020 { 
		width: 768px; 
	}
	/* Blog Medium */
	#content .post.medium > figure {
		width: 100px;
	}
	#content .post.medium > article {
		width: 350px;
	}
	/* Pricing Table */
	.pricing-table .five { width: 149px; }
	.pricing-table .five .body { padding: 20px; }
	.pricing-table .four { width: 187px; }
	.pricing-table .four .body { padding: 20px 30px; }
	.pricing-table .three { width: 249px; }
	.pricing-table .three .body { padding: 20px 50px; }
	.pricing-table .two { width: 374px; }
	.pricing-table .two .body { padding: 20px 80px; }
	/* Map & Video */
	#content .post > figure a .map,
	#content .post > figure .map,
	#content .post > figure .video {
		height: 300px;
	}
	.fromdate
	{
		float:left;
		
	}
	.todate
	{
		
		margin-left:30%;
	}
}

/* 1.3 Max Width 767px =========================== */
@media only screen and (max-width: 767px) {
	/* Container1020 */
	.container1020 { 
		width: 300px; 
	}
	/* Header Social Icon */
	#header .align-right {
		text-align: left;
	}
	/* Header Search Form */
	#header .search {
		right:45px;
		top:-34px;
	}
	/* Breadcrumb */
	#breadcrumb .container h1,
	#breadcrumb .container h2,
	#breadcrumb .container h3,
	#breadcrumb .container h4,
	#breadcrumb .container h5,
	#breadcrumb .container h6 {
		margin: 0 15px;
	}
	#breadcrumb .container .breadcrumb {
		text-align: left;
		margin: 0 15px;
	}
	/* Form Input */
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		width: 100%;
	}
	/* Blog Medium */
	#content .post.medium > figure {
		display: block;
		width: 420px;
	}
	#content .post.medium > article {
		display: block;
		width: 340px;
	}
	/* Pricing Table */
	.pricing-table .five,
	.pricing-table .four,
	.pricing-table .three,
	.pricing-table .two {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.pricing-table .five .body,
	.pricing-table .four .body,
	.pricing-table .three .body,
	.pricing-table .two .body { 
		padding: 20px; 
	}
	/* Main Menu */
	.menu_container { background: #fefefe; }
	#mainmenu { display: none; }
  	.selectnav { display: block; }
  	/* Slider */
  	.slider-inner {

  	}
  	/* flexslider */
  	.flex-caption {
  		display: none;
  	}
  	/* Sidebar */
  	.sidebar-right {
		margin-left: 0px !important;
		margin-top: 20px !important;
	}
	.sidebar-left {
		margin-right: 0px !important;
		margin-top: 20px !important;
	}
	/* Callout */
	.callout {
		text-align: center;
	}
	.callout header,
	.callout .button {
		float: none;
		margin-top: 10px;
	}
	.fromdate
    {
        float:none;
    }
    
    .todate
    {
    float:none;
        margin-left:0;
    }
}

/* 1.4 Min Width 480px & Max Width 767px ========= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* Container1020 */
	.container1020 { 
		width: 420px; 
	}
	/* Map & Video */
	#content .post > figure a .map,
	#content .post > figure .map,
	#content .post > figure .video,
	#content .items figure a .map,
	#content .items figure .map,
	#content .items figure .video {
		height: 250px;
	}
	
	#header .search {
		right:105px;
		top:-34px;
	}
}

/* 1.5 Max Width 479px =========================== */
@media only screen and (max-width: 479px) {
	/* Blog Medium */
	#content .post.medium > figure {
		display: block;
		width: 300px;
	}
	#content .post.medium > article {
		display: block;
		width: 220px;
	}
	/* 1.2.4 Map & Video */
	#content .post > figure a .map,
	#content .post > figure .map,
	#content .post > figure .video,
	#content .items figure a .map,
	#content .items figure .map,
	#content .items figure .video {
		height: 200px;
	}
}