/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {
	body {
		font-size: 12px !important;
	}
	#slider-area {
		margin-top: 20px;
	}
	section+section {
		margin-top: 20px;
	}
	#features .block {
		margin-bottom: 8px;
	}
	.block-heading {
		margin: 30px 0;
	}
	.block-heading h2, .products-heading h2 {
		font-size: 25px;
		padding: 5px 15px;
		margin-bottom: 20px;
	}
	.h2, h2 {
		font-size: 24px;
		margin: 5px auto;
	}
	.h3, h3 {
		font-size: 20px;
		margin: 5px auto;
	}
	.thumbnail {
		margin-bottom: 0;
	}
	.products {
		margin-bottom: 30px;
	}
	.products .product-image {
		width: 280px;
		height: 220px;
		border: 1px solid #90c322;
		border-radius: 4px;
		margin: 0 auto;
	}
	.products .view-link {
		padding: 5px 10px;
		background: #90c322;
		color: #fff;
		border-radius: 4px;
		width: 50%;
		margin: 0 auto;
	}
	.products .view-link i {
		color: #fff;
	}
	.products .product-image .img-thumbnail {
		max-width: 100%;
		max-height: 100%;
		border: none;
	}
	#products+section {
		margin-top: 20px;
		margin-bottom: 30px;
	}
	header {
		padding: 0;
		margin-top: 100px;
	}
	.products-heading {
		margin-top: 0;
	}
	#single-product .col-md-9 {
		margin-top: 10px;
	}
	.single-product-img {
		border: none;
		text-align: center;
		height: inherit;
	}
	.single-product-img img {
		max-width: 100%;
		height: auto;
	}
	.product-des {
		height: auto;
		min-height: inherit;
		padding: 10px 15px;
	}
	.view-more {
		text-align: right;
		margin: 20px 10px 30px 0px;
		float: none;
	}
	
	#top p, #top p i {
		font-size: 12px;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header,
		.container>.navbar-collapse, .container>.navbar-header {
		margin: 0;
	}
	.navbar-collapse {
		padding: 0;
	}
	.navbar-nav {
		margin-top: 0;
		margin-bottom: 0;
	}
	#top .top-menu {
		position: fixed;
		top: 56px;
		left: 2px;
	}
	#top .arrow-menu-box, .arrow-search-box {
		position: relative;
		color: #333 !important;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid;
		border-color: transparent !important;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}
	#top .arrow-menu-box {
		right: -200px;
	}
	#top .arrow-menu-box:before {
		content: "";
		position: fixed;
		top: 43px;
		right: 27px;
		z-index: 1;
		border: solid 7px transparent;
		border-bottom-color: #fff;
	}
	#top .arrow-search-box {
		right: 2px;
	}
	#top .arrow-search-box label {
		font-weight: normal;
	}
	#top .arrow-search-box:before {
		content: "";
		position: fixed;
		top: 43px;
		right: 65px;
		z-index: 1;
		border: solid 7px transparent;
		border-bottom-color: #fff;
	}
	#top .search-type {
		float: left;
		padding: 10px 20px 0 20px;
		width: 100%;
	}
	#top .search-box {
		float: left;
		padding: 10px 20px 10px 20px;
		width: 100%;
	}
	#top .search-box button {
		border: 1px solid #dddddd;
	}
	#top .top-menu .arrow-menu-box ul {
		overflow: hidden;
		float: left;
		padding: 1px 3px 1px 3px;
		margin: 0;
		list-style-type: none;
	}
	#top .top-menu ul {
		text-align: left;
	}
	#top .top-menu .arrow-menu-box ul li:first-child a {
		border-top: none;
	}
	#top .top-menu .arrow-menu-box ul li:first-child a:hover, a:active {
		border-top: 1px solid #fe0101;
		border-bottom: 1px solid #fe0101;
	}
	#top .top-menu .arrow-menu-box ul li a {
		font-size: 12px;
		display: block;
		border-top: 1px solid #dddddd;
		padding: 10px 20px 10px 20px;
	}
	#top .top-menu .arrow-menu-box ul li a:hover, a:active  {
		border-top: 1px solid #fe0101;
		border-bottom: 1px solid #fe0101;
	}
	.navbar {
		min-height: 0;
		margin: 0;
		border: none;
		float: right;
	}
	.navbar-default {
		background: none;
		border: none;
	}
	.navbar-nav>li {
		margin: 0 0;
		display: inline;
	}
	.navbar-nav>li>a:hover, a:active {
		border: none;
	}
	.navbar-header {
		padding: 2px 15px 0 0;
	}
	.round-button {
		width: 100%;
		height: 100%;
		padding: 5px 7px;
		margin: 0 0 0 10px;
		border-radius: 50%;
		border: 2px solid #fff !important;
		overflow: hidden;
		background: #fe0101;
		box-shadow: 0 0 2px #fff;
	}
	.navbar-default .round-button:focus, .navbar-default .round-button:hover
		{
		/* 		background-color: #f9f9f9; */
		background-color: #fe0101;
	}
	.navbar-default i {
		font-size: 17px;
	}
	#id_menu_btn {
		width: 34px;
		height: 32px;
		float: right;
	}
	#id_menu_search_btn {
		width: 31px;
		height: 31px;
		float: right;
	}
	.rectangle-button {
		padding: 5px 7px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		background: #fe0101;
		border: 2px solid #fff;
	}
	.login>.dropdown-menu {
		left: 5px;
	}
	#id_div_login .input-group-addon {
		height: 27px;
		padding: 5px 0px 5px 5px;
	}
	#id_div_login .input-group-addon i {
		font-size: 12px;
	}
	.cart>.dropdown-menu {
		left: -100px;
	}
	.cart>.un-login {
		left: -70px;
	}
	.cart .dropup .caret {
		margin-left: 165px;
	}
	#top .login-cart {
		margin-top: 5px;
	}
	#top .login-cart li {
		margin-bottom: 0;
	}
	#top .login-cart li * {
		font-size: 12px;
	}
	#top .login-cart li a {
		padding: 5px 2px;
		font-size: 12px;
	}
	#id_div_search {
		float: right;
		border-left: 2px solid #fff;
		padding: 10px 0 10px 10px;
	}
	.modal-dialog .table {
		font-size: 12px;
	}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th,
		.table>thead>tr>td, .table>thead>tr>th {
		
	}
	.form-group {
		margin-bottom: 10px;
	}
	.form-control {
		padding: 6px 6px;
		font-size: 12px;
		height: 27px;
	}
	.control-label {
		padding-right: 0;
		padding-left: 15px;
		margin-top: 3px;
		font-weight: bold;
		font-size: 12px;
	}
	.btn {
		font-size: 12px;
	}
	.bootstrap-dialog .bootstrap-dialog-message {
		font-size: 12px;
	}
	form#CartPaymentForm .form-group {
		margin-left: 0;
		margin-right: 0;
	}
	.col-xs-9 {
		padding-right: 10px;
		padding-left: 10px;
	}
	.modal-header, .modal-footer {
		padding: 10px 15px;
	}
	#myModalLabel {
		font-size: 20px;
	}
	.modal-body {
		padding: 15px 5px;
	}
	#id_div_send_new_email, #id_div_login, #id_div_forgot_password {
		width: 100%;
		font-size: 12px !important;
	}
	#id_div_send_new_email div.form_content,
	#id_div_login div.form_content,
	#id_div_forgot_password div.form_content {
		height: auto;
	}
	#id_div_send_new_email h3, #id_div_login h3, #id_div_forgot_password h3 {
		font-size: 16px;
	}
	#id_div_send_new_email h4, #id_div_login h4, #id_div_forgot_password h4 {
		font-size: 14px;
	}

	/*-----------Blog--------------*/
	#blog .col-md-9 {
		margin-top: 0;
	}
	#blog .blog-zone>li {
		margin-bottom: 80px;
	}
	#blog .blog-zone>li:last-child {
		margin-bottom: 0;
	}
	#blog .blog-zone {
		margin-top: 50px;
	}
	.alert {
		margin: 0 15px;
	}
	.blog-post-body {
		padding: 0;
	}
	#topic-header {
		text-align: center;
		padding: 40px 0 20px 0;
		margin: -20px 0 20px 0;
	}
	#topic-header h3.slogan {
		padding-left: 0;
	}
	.leave-comment {
		margin: 0 auto;
	}
	.comments-box .media .media-heading {
		width: 70%;
	}
	.comments-box .media .media-body {
		width: 100%;
		padding: 0;
		margin-top: 10px;
	}
	.comments-box .media .media-heading .timer {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.comments-box .media-heading span, .comments-box .media-heading a {
		display: block;
		margin-top: 5px;
	}
	.comments-box .media .media-action {
		margin: 0;
	}
	.comments-box .reply {
		margin-left: 30px;
	}
	.blog-sidebar {
		padding: 20px 0px 0px 0px;
		margin: 0 15px;
	}
	.blog-box img {
		width: 100%;
		margin-bottom: 20px;
	}
	.blog-post-command {
		padding: 0 10px 0 10px;
		margin-top: 20px;
		width: 100%;
		float: right;
	}
	/* Contact */
	#contact .row {
		padding: 20px 10px;
		margin: 0 auto;
	}
	#contact .row .contact-area {
		padding: 20px 10px;
		width: 100%;
	}
	#contact .row .text {
		padding: 0;
	}
	#contact .row .text h2 {
		text-align: center;
		margin-bottom: 20px;
	}
	#contact .row .contact-detail, #contact .row .contact-about {
		margin: 0;
	}
	#contact .row .image {
		margin: 0;
	}
	#contact .row .contact-map {
		width: 100%;
		padding: 20px 0;
	}
	
	div.lock-screen {
		display: block;
		visibility: visible;
		position: absolute;
		z-index: 999;
		top: 0px;
		left: 0px;
		width: 100%;
		background-color: #ccc;
		text-align: center;
		filter: alpha(opacity = 60);
		opacity: 0.6;
		overflow: hidden;
		display: none;
	}
	.search-box .list-group {
		overflow: scroll;
		max-height: 220px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
	}
	.search-box .list-group .list-group-item {
		padding: 6px 20px;
		display: block !important;
		border-top: 1px solid #ddd;
	}
	.search-box .list-group .list-group-item a:first-child {
		border-top: none;
	}
	.search-box .list-group .list-group-item a:last-child {
		border-bottom: none;
	}
}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {
	#blog .blog-zone>li .cbp_tmtime span:last-child {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 47.2em) {
	#blog .blog-zone:before {
		display: none;
	}
	#blog .blog-zone>li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}
	#blog .blog-zone>li .cbp_tmtime span {
		text-align: left;
	}
	#blog .blog-zone>li .blog-box {
		margin: 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;
	}
	#blog .blog-zone>li .blog-box:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		border-bottom-color: #3594cb;
		top: -20px;
		display: none;
	}
	#blog .blog-zone>li:nth-child(odd) .blog-box:after {
		display: none;
	}
	#blog .blog-zone>li .blog-icon {
		position: relative;
		float: left;
		left: auto;
		margin: -55px 5px 0 0px;
	}
	div.lock-screen {
		display: block;
		visibility: visible;
		position: absolute;
		z-index: 999;
		top: 0px;
		left: 0px;
		width: 100%;
		background-color: #ccc;
		text-align: center;
		filter: alpha(opacity = 60);
		opacity: 0.6;
		overflow: hidden;
		display: none;
	}
}