/*	Media 768Px Start */
@media (min-width: 768px) and (max-width: 990px) {
	.milkyway-product-grid > ul.row > li { flex: 0 0 50%; max-width: 50%; }
	.milkyway-nav-header .col-md-6 { max-width: 30%; flex: 0 0 30%; }
	.milkyway-nav-header { padding: 0px 0px 10px; }
	.milkyway-nav-header .col-md-3 { flex: 0 0 45%; max-width: 45%; }
	.navbar-expand-lg .navbar-collapse { display: none; }
	.navbar-expand-lg .navbar-collapse.show { display: block; }
	.navbar-collapse { box-shadow: 0px 0px 10px rgba(0,0,0,0.2); position: absolute; right: 0px; width: 250px !important; background: #ffff; top: 100%; z-index: 999; }
	.navbar-nav > li > a { color: #000; }
	.milkyway-nav-header .col-md-3:last-child { max-width: 25%; flex: 0 0 25%; text-align: center;}
	.right-section { float: none; display: inline-block; }
	.navbar { float: right; }
	.navbar-toggler { border: 1px solid #ffff; color: #ffff; }
	.navbar-nav > li { width: 100%; text-align: left; }
	.right-section li { margin: 0px; }
	.right-section { padding: 0px; }
	.header-dropdown { background: #fff; position: relative; max-height: 0px; left: auto; top: auto; border-top: none; margin: 0px; display: inline-block;}
	.header-dropdown li a { color: #000; border-bottom-color: #ececec; }
	ul li:hover .header-dropdown { visibility: hidden; opacity: 0; margin: 0px;}
	.header-dropdown.active { max-height: 100%; visibility: visible !important; opacity: 1 !important; }
	.milkyway-contact-form { padding: 20px 20px 0px; }
	.milkyway-login { width: 65%; }
	.navbar-nav > li:nth-child(2n) > a { padding-bottom: 0px !important; }
	.navbar-nav > li:last-child > a { padding-top: 0px !important; }
	.milkyway-footer-widget .col-md-4 { flex: 0 0 50%; max-width: 50%; }
	.milkyway-footer-widget .col-md-4:last-child { flex: 0 0 100%; max-width: 100%; }
	.banner-text { width: 50%; }
	.banner-layer { height: 400px; }
	.banner-image { width: 50%; }
	.banner-text { padding: 30px; }
	.banner-text h1 { font-size: 26px; }
	.banner-image img { height: auto !important; }
	.banner-caption { margin: -145px 0px 0px; }
	.milkyway-navigation{ margin: 16px 0px 0px; }
	.tabs-wrap ul.nav-tabs li { width: auto; }
	
}

/* Media 420Px Start */
@media (max-width: 767px) {
   	.banner-image { display: none; }
   	.banner-text h1 { font-size: 28px; }
	.navbar-nav > li:nth-child(2n) > a { padding-bottom: 0px !important; }
	.navbar-nav > li:last-child > a { padding-top: 0px !important; }
	.milkyway-product-grid-wrap h2 { font-size: 16px; font-weight: 600; }
	.milkyway-footer-widget .col-md-4 { width: 50%; }
	.milkyway-footer-widget .col-md-4:last-child { width: 100%; }
	.milkyway-nav-header .col-md-6 { width: 30%; }
	.milkyway-nav-header { padding: 0px 0px 10px; }
	.milkyway-nav-header .col-md-3 { width: 70%; }
	.navbar-expand-lg .navbar-collapse { display: none; }
	.navbar-expand-lg .navbar-collapse.show { display: block; }
	.navbar-collapse { box-shadow: 0px 0px 10px rgba(0,0,0,0.2); position: absolute; right: 0px; width: 250px !important; background: #ffff; top: 100%; z-index: 999; }
	.navbar-nav > li > a { color: #000; }
	.milkyway-nav-header .col-md-3:last-child { width: 100%; text-align: center;}
	.right-section { float: none; display: inline-block; }
	.navbar { float: right; }
	.navbar-toggler { border: 1px solid #ffff; color: #ffff; }
	.navbar-nav > li { width: 100%; text-align: left; }
	.milkyway-product-grid ul li,.milkyway-contact-form ul li { width: 50%; }
	.header-dropdown { background: #fff; position: relative; max-height: 0px; left: auto; top: auto; border-top: none; margin: 0px; display: inline-block;}
	.header-dropdown li a { color: #000; border-bottom-color: #ececec; }
	ul li:hover .header-dropdown { visibility: hidden; opacity: 0; margin: 0px;}
	.header-dropdown.active { max-height: 100%; visibility: visible !important; opacity: 1 !important; }
	.milkyway-contact-form { padding: 20px 20px 0px; }
	.milkyway-login,.order-confirm-text,.order-confirm { width: 100%; }
	.order-confirm-text figure img ~ figcaption { float: left; width: 100%; padding: 0px; }
	.order-confirm-text figure img { margin: 0px 0px 10px; }
	.order-confirm-text { margin: 0px 0px 30px; }
	.tips { text-align: center; }
	.tips p { margin: 0px 0px 10px; }
	.tips p,.btn.btn-info.pull-right { float: none; display: inline-block; }
	.flip-clock-wrapper { 
		top: 0;
		position: relative !important;
		margin-bottom: 20px !important;
	}
	.milkyway-shop-detail-text { padding: 20px 0px 0px;}
	.milkyway-shop-detail-text h2 { font-size: 20px;}
	.star-wrap, .stock-wrap { width: 100%;}
	.comment-wrap, .comment-replay { padding: 10px;}
	.comments li figure ~ section { float: left; width: 100%; padding: 20px 0px 0px;}
	.comments li.replay { padding: 0px;}
	.comments p { font-size: 12px; line-height: 22px;}
	.sale-end{ 
		top: -29px;
		position: relative !important;
		left: 0;
	 }
	.star-list li { width: 50%; }
	.comment-replay { position: relative; }
	.reply_date {     position: absolute;right: 10px;top: 10px;margin: 0; }
	.banner-text { width: 100%; }
	.banner-layer { height: 400px; }
	.banner-caption { margin: -150px 0px 0px; }
	.accouunt,.accouunt ul li.full label,.accouunt ul li.full .form-control,.accouunt ul li label,
	.accouunt ul li .form-control { width: 100%; }
	.accouunt ul li { margin: 0px 0px 20px; }
	.tabs-wrap ul.nav-tabs li { width: auto; }
	.milkyway-footer-widget { padding: 40px 0px 0px; }



}

/* Media 300Px Start */
@media (max-width: 600px) {
	.milkyway-footer-widget .col-md-4,.star-list li,.accouunt ul li,
	.tabs-wrap ul.nav-tabs li { width: 100%; }
	.milkyway-product-grid ul li,.milkyway-contact-form ul li { width: 100%; }
}

/* Media 940Px Start */
@media screen and (min-width: 991px) and (max-width: 1200px) {
	.milkyway-product-grid > ul.row > li { flex: 0 0 33.333%; max-width: 33.333%; }
	.banner-layer { height: 400px; }
	
}