/* ================================================================ */
/* Copyright: Aris Dwi Sulistiawan                                  */
/* Tema : Inprodev                                                  */
/* ================================================================ */

@media only screen and (min-device-width : 1280px) and  (max-width : 1335px) {
	.carousel-caption{ left:16%; }
	section.default .block-image{ left:16%; }
}

@media only screen and (min-device-width : 1336px) and  (max-width : 1439px) {
	.carousel-caption{ left:17%; }
	section.default .block-image{ left:17%; }
}

@media only screen and (min-device-width : 1440px) and  (max-width : 1500px) {
	.carousel-caption{ left:20%; }
	section.default .block-image{ left:20%; }
}
@media only screen and (min-device-width : 768px) and  (max-width : 1199px) {
	.carousel-caption{ bottom:10px; padding:10px; width:auto; }
	.carousel-caption h1{ margin:5px 0; font-size:22px; }
	.carousel-caption p{ font-size:12px; margin-bottom:10px; }
}
@media only screen and (min-device-width : 768px) and  (max-width : 900px) {
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus{ padding:22px 10px; }
}

@media only screen and (min-device-width : 0) and  (max-width : 767px) {
	.topbar ul.topbar-right{ float:none; text-align:center; }
	.topbar ul.topbar-right li, .topbar ul.topbar-right li:first-child{ border:none; }
	section.default{ padding-top:138px; }
	section.default .block-image{ position:relative; background:#36424a; padding:10px 0; left:0; }
	section.default .block-image .title{ background:#21282e; color:#fff; font-size:18px; margin-left:20px; }
	section.default .block-image .breadcrumb{ padding:4px 14px; margin:0; font-size:12px; margin-left:20px; }
	section.product ul.product-filter li{ padding:10px 5px; }
	section.product ul.product-filter li a.active{ border-left:none; }
	.carousel-caption{ position:relative; width:100%; left:0; background:rgba(229, 24, 55, 1); bottom:0; }
	.carousel-caption h1{ font-size:14px; margin:0; padding:0; }
	.carousel-caption p { margin-bottom: 20px; font-size: 12px; margin:0; padding:0;  }
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{ top:43%; }
	.carousel-control.left, .carousel-control.right{ display:none; }
	.carousel{ padding-top:138px; }
	.col-md-15{ width:50%; float:left; }
	section.product .container .row .col-md-10 .row .col-md-6{ padding-top:10px; padding-bottom:10px; }
}