@media (min-width: 75em) { }
/*If needed you can add lower break point here for complecated layout*/

@media (max-width: 74.9em) {
	.contact-detail{    width: 29.99%;}
	.navbar-bottom ul li a{padding: 10px 7px;}
	.nav>li>a{ padding: 10px 15px; }
	.collapse.navbar-collapse{ padding: 0; }
}
/* Large devices (desktops, less than 75em = 1200px) */

@media (max-width: 61.9em) {
	#header{ position: static; }
	.navbar-nav>li>a{ font-size: 14px; }
	.nav>li>a{ padding: 10px; }
	.navbar-bottom ul li a{ padding: 10px; font-size: 14px; }
	.content-area article.about-content{ width: 75%; }
	.thropy-block .detail{ margin-top: 80px; padding: 105px 30px 40px 30px; }
	.thropy-block img{ width: 167px; }
	.contact-detail{ width: 48%; margin-top: 15px; }
	.mtt-form .panel-form .btn, .contact-page .panel-form .btn{ padding: 0; }
}

@media (min-width: 62em) and (max-width: 74.9em) {
	.panel-form .form-group-full label.control-label{ float: left; width: 100%; padding-bottom: 15px; }
	.panel-form .form-group-full textarea{ float: left; width: 97% !important; margin: 0 15px; }
}
/* Large devices (desktops, less than 74.9em = 1199px) */
@media (min-width: 48em) and (max-width: 61.9em) {
	.panel-form .form-group-full label.control-label{ float: left; width: 100%; padding-bottom: 15px; }
	.panel-form .form-group-full textarea{ float: left; width: 97% !important; margin: 0 15px; }
	.panel-view i.fa-play-circle-o {       top: 24%; left: 33%;   }
}
/* Medium devices (tablets, less than 61.9em = 991px, 62em = 992px, 74.9em = 1199px ) */

/* Extra small devices (portrait phones, less than 33.9em = 541px) */
@media (max-width: 33.9em) {

}

/* Small devices (landscape phones, less than 47.9em = 767px, 48em = 768px, 61.9em = 991px) */
@media (max-width: 47.9em) {
	.panel-view img{width: 100%}
	#header{ position: static; height: auto; }
	#logo{ width: 100%; }
	#logo img{ max-width: 45%; }
	.navbar-toggle{ position: absolute; top: -48px; right: 15px; z-index: 9999; margin: 0; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border: 0 none; position: absolute; width: 100%; height: 0; z-index: 999; left: 0; top: 0; text-align: center; margin: 0; padding-top: 50px;
		transition: height 0.5s ease-in-out;
		-moz-transition: height 0.5s ease-in-out;
		-webkit-transition: height 0.5s ease-in-out;
	}
	.navbar-nav{ position: relative; z-index: 9; width: 100%; margin: 0; }
	.nav > li{ overflow: hidden; clear: both; }
	.nav li.dropdown span.caret{ display: none; }
	.nav > li > a, .navbar-default .navbar-nav .dropdown .dropdown-menu > li > a{padding: 15px 0; text-align: center; font-size: 14px; text-transform: capitalize;	line-height: normal; clear: both; color: #fff !important;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ color: #fff; }
	.navbar-default .navbar-collapse.collapse.in{ position: fixed !important; height: 100%; background: rgba(227,49,38,0.9);
		transition: height 0.5s ease-in-out;
		-moz-transition: height 0.5s ease-in-out;
		-webkit-transition: height 0.5s ease-in-out;
	}
	.navbar-default .navbar-collapse .navbar-nav{ display: none; }
	.navbar-default .navbar-collapse.collapse.in .navbar-nav{ display: block; }
	.navbar-default .navbar-nav>.dropdown ul.dropdown-menu{ display: block; width: 100%; background: none; box-shadow: 0 0 0; position: relative; }
	.navbar-default .navbar-nav>.dropdown>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ color: #fff; }


	.page-title{ font-size: 34px; }

	.block-image{ top: 0; margin: 10px 0; }
	.block-image h2{ font-size: 28px; bottom: 0px; text-align: center; margin: 0px; height: auto}
	.block-image:hover h2{height: auto;}

	.time-auction{ background: url(../img/bgi/time-auction-bg.jpg) center center no-repeat ;}
	.time-auction .time-auction-content{ padding:35px 0; margin: 35px 0; }
	.time-auction h2{ font-size: 34px; }
	.time-auction p{ font-size: 20px; }

	.stand-up{padding: 65px 0 30px 0; }
	.stand-up h2{ font-size: 34px; padding-bottom: 50px; }
	.stand-up .stand-out-block{ margin-bottom: 25px; }

	.thropy-block{ float: left; width: 100%; }
	.thropy-block img{ width: 165px; }
	.thropy-block .detail{ padding:100px 30px 40px 30px; float: left; width: 100%; margin-top: 80px;  }

	.panel-form .btn{ height: 45px; padding: 0 0; margin: 25px auto; width: 91%; float: none !important; display: block; }
	.panel-form .form-group-full label.control-label{ float: left; width: 100%; padding-bottom: 15px; }
	.panel-form .form-group-full textarea{ float: left; width: 92% !important; margin: 0 4%; }

	.content-area article.about-content{ width: 100%; }
	.content-area aside.testimonial{ width: 100%; top: 0; }

	.contact-page .map-img{ top: 0; }
	.contact-detail{ width: 100%; margin-top: 15px; }
	.contact-detail .icon-map, .contact-detail .icon-phone, .contact-detail .icon-fax, .contact-detail .icon-email{ width: 60px; }
	.contact-detail .detail a{ word-break:break-all; }

	.social{ text-align:center;  }

	.btn-fix{ position: fixed; top: 15px; right: 15px; }
	.demooverlay {max-width: 100%;}


	.demooverlay .innerbox {    max-width: 100%;
		margin: auto;
		height: 100%;
		padding: 0;}
		.innertitle {padding-top: 56px;}

		.panel-view i.fa-play-circle-o {    top: 39%; left: 46%; }


	}


	@media (max-width: 480px){
		.page-title{ font-size: 24px; }
	}

	/*For ratina display*/
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 4/2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

	}