@media screen and (max-width:767px) {	

/* Header ------------------------- */	
.header{padding:10px 0px 10px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-top:0px solid #19236a;}
.header .logo {padding-top:0px;}
.header .togglenav{ float:right; display:block; z-index:999; cursor:pointer; padding-top:0px; padding-left:10px;}
.header .language {padding-top:0px; padding-bottom:10px;}

.header .search{padding-top:10px; width:100%;}
.header .search .form-control{ height:27px!important; font-size:12px; padding:4px 10px;}
.header .search .btn-default{ padding:4px 10px; font-size:12px;}

.header-fixed{position: relative; right: 0; left: 0; top: 0;}

.no-header{height:1px; background:#dddddd; width:100%; display:block;
-webkit-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.48);
-moz-box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.48);
box-shadow: -1px 3px 5px 0px rgba(0,0,0,0.48);}

.navbar-fixed-top{ position:relative!important;}

/* Slider ------------------------- */
.slider .carousel-caption {	position:relative; display:block; left:0px; top:0px; z-index:10; text-align:left; margin:auto; text-shadow:none; padding-left:20px; padding-right:20px;}
.slider .carousel-caption h2 {display:block; width:100%; color:#363636; font-size:15px; margin-top:0px; }
.slider .carousel-caption h2 span {	color:#182165; font-family: 'open_sansbold';}
.slider .carousel-caption h2.normal-text, h2.normal-text span{ color:#363636!important;}
.slider .carousel-caption a.btn-knowmore {display:inline-block; text-align: center; color: #fff; font-size: 11px; background:#f7b600; padding:0px 5px; text-decoration:none; border:#dbdbdb 1px solid;}

.carousel-control {width:10%!important; z-index:11;}

/* Footer ------------------------- */
#bottom .widget { margin-bottom:20px;}
#footer hr{box-shadow: -1px 3px 5px 0 rgba(0, 0, 0, 0.48);}
#footer ul.list{ float:none; text-align:center;}
#footer ul.social-contact { float:none; margin-top:20px; text-align:center;}
#footer ul.social-contact li{ font-size:25px; padding-left:10px;}
#footer .keep-connected{ padding-top:20px; text-align:center;}
#footer .copyright{ text-align:center;}

/* Navbar Top Inside ------------------------- */
.menu{position:relative; display:block; width:100%; height:auto;}
#menu ul.navigation{width:100%; display: block;}
#menu ul.navigation li{width:100%; list-style: none; display:block; border-top:1px solid #f7b600; border-bottom:none; text-align:left; padding:5px; padding-left:15px; background:#000;}
#menu ul.navigation li:hover, #menu ul.navigation li.active{ background:#142d93; 
-webkit-box-shadow: inset 0px 0px 0px 0px rgba(247,182,0,1);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(247,182,0,1);
box-shadow: inset 0px 0px 0px 0px rgba(247,182,0,1);}

/*.menu{position:absolute; display:block; width:100%; left:0px; height:0px;}
#menu ul.navigation{display:none; width:100%; position:absolute; top:0px;}
#menu ul.navigation li{width:100%; display:block; float:none; border-top:1px solid #f7b600; border-bottom:none; text-align:left; padding-left:20px; background:#000;}
#menu ul.navigation li:hover, #menu ul.navigation li.active{ background:#000000; text-align:left; 
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;}
#menu ul.navigation li:last-child {padding-left:31px;}*/

.section-heading h2 span.text-primary{font-size:20px;}
.section-heading h2 span.text-secondary{font-size:30px;}

#popular-caraousel{ width:100%!important; float:none;}
#upcoming-deals{ width:100%!important; float:none;}

.popular-article{ margin-top:0px;}	
.most-popular{ box-sizing:border-box; width:100%; padding:0px 30px 0px; height:auto; float:none; overflow:hidden; position:relative;}
.most-popular h2{ margin-top:0px;}
.most-popular h2 span.text-primary{ font-size:15px;}
.most-popular h2 span.text-secondary{font-size:25px;}
.most-popular-item{ height:auto!important;}

.upcoming-deals{ background:#eb1d2a; box-sizing:border-box; width:100%; padding:0px 30px 0px; height:auto; float:none; overflow:hidden; position:relative;}
.upcoming-deals h2{ margin-top:0px;}
.upcoming-deals h2 span.text-primary{ font-size:15px;}
.upcoming-deals h2 span.text-secondary{font-size:25px;}	

.captionBlock h2{font-size:15px!important;}	

.offer-box{ min-height:auto;}

.productBuy .buyBox .price-caption { padding: 15px; position: relative; width: 100%;}
.productBuy .buyBox .price-caption p span{padding-top:10px;}
.productBuy .buyBox .price-caption p a.btn-buy {font-size: 15px;}
.selectCategory select {float:left; margin-bottom:10px; margin-top:0px; width:100%}
.productBuy .buyBox .price-caption p span.copyCode {margin:5px 0 5px 0; font-size:12px;}
.productBuy .buyBox .price-caption p span.copyCode .Code{background:#fff; font-size:12px; padding:10px 10px; margin-right:10px;}
.productBuy .buyBox .price-caption p .img{margin-left:0px;} 
.selectCategory select.marg{margin-right:0px;}
.selectCategory .input-group{ width:100%; float:none; margin-top:10px; margin-left:0px;}

.comment-container ul.social{ margin:0; padding:0;}
.comment-container ul.social li img{ width:auto; height:auto; display:inline-block; margin-bottom:5px;}

table.more-tables{width:100%;}
table.more-tables tr td{border-bottom:#dadada 1px solid; display:block; height:auto; padding:10px;}
table.more-tables tr td:last-child{border-right:#dadada 0px solid;}
table.more-tables tr:first-child{border-top:#dadada 0px solid;}

.profile-pic{margin-top:15px;}
.profile-pic img.profile{border:#636363 1px solid;}
.profile-pic h5{font-size:18px; color:#000; display:block; margin-top:20px;}
.profile-pic p{color:#000;}
.m-left10{margin-left:0;}

.profile-info-container{ display:block; margin-top:50px;}

#ourProducts .owl-item .item{width:100% !important; margin-bottom:10px;}

.modal-popup{width:90%; margin-top:50%;}

.m-l-r-0 {padding-left:0px !important; padding-right:0px !important;}
.m-l-r-0 >.row {margin-left:0px !important; margin-right:0px !important;}
.m-l-r-0 >.row >.col-lg-12 {padding-left:0px!important; padding-right:0px !important;}

.mrheader-no {padding-left:0px !important; padding-right:0px !important;}
.mrheader {padding-left:15px !important; padding-right:15px !important; box-sizing:border-box;}

.mhide{ display:none;}
.module { border:1px solid #CCC;}
.module > header {position: relative !important;}
.modulebis { border:1px solid #CCC;}
.modulebis > header {position: relative !important; height: 100px !important;}

}


@media screen and (min-width:768px) and (max-width:991px){	

/* Header ------------------------- */	
.header{padding:10px 0px 10px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.header .logo {padding-top:0px;}
.header .search{padding-top:10px; width:100%;}

.header-fixed{position: relative; right: 0; left: 0; top: 0;}

.no-header{height:auto; clear:both; display:block;}

.navbar-fixed-top{ position:relative!important;}

/* Slider ------------------------- */
.slider .carousel-caption {	position:absolute; left:0px; top:10px!important; z-index:10; text-align:left;	margin:auto; text-shadow:none; padding-left:40px;}
.slider .carousel-caption h2 {display:block; width:60%; color:#363636; font-size:20px;}
.carousel-control {width:5%!important; z-index:9999;}

.carousel-control {width:5%!important; z-index:9999!important;}

/* Footer ------------------------- */
#bottom .widget { margin-bottom:20px;}

/* Menu  ------------------------- */
.menu{position:relative; display:block; width:100%; height:40px!important;}
#menu ul.navigation li {display: flex; margin: 0; padding: 0;}
#menu ul.navigation li {list-style: none; flex-grow:0; text-align:center; margin:0; padding:10px 40px; border-right:1px solid #b6babe; cursor:pointer;}
#menu ul.navigation li a {color:#fff; font-size:14px; text-decoration:none;}
#menu ul.navigation li a img{ display:none;}
#menu ul.navigation li.home { display:none;}

.most-popular{ width:30%; height:223px; float:left;}
.most-popular-item{ height:223px!important;}

#popular-caraousel{ width:70%!important; float:left;}
.upcoming-deals{width:30%; height:223px; float:left;}
#upcoming-deals{ width:70%!important; float:left;}
#wishlist .owl-item{padding:0px 5px; box-sizing:border-box;}
#heading h2{font-size:20px; display:inline-block;}
.selectCategory select{ height:35px; border:#ddd 1px solid; color:#bc1722; padding:0 5px; width:250px;}

#article .owl-item{padding:0px 10px; box-sizing:border-box; float:left; width:50%; float:left;}

.modal-popup{width:90%; margin-top:35%;}

}


@media screen and (min-width:980px) and (max-width:1280px){	
	
.most-popular{width:25%; height:205px!important;}
#popular-caraousel{ width:75%!important; float:left;}

}


@media screen and (min-width:991px) and (max-width:1024px){
		
/* Header ------------------------- */
.header-fixed{position: relative; right: 0; left: 0; top: 0;}

.navbar-fixed-top{ position:relative!important;}
	
/* Slider ------------------------- */
.slider .carousel-caption {	position:absolute; left:0px; top:10px!important; z-index:10; text-align:left; margin:auto; text-shadow:none; padding-left:40px;}	
	
.most-popular{ width:25%; height:215px!important; float:left;}
#popular-caraousel{ width:75%!important; float:left;}
	
}
	

@media only screen and (max-width: 800px) {   
 
/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 0px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
/* Label the data*/
	#no-more-tables td:before { content: attr(data-title); }
	#no-more-tables td i{ vertical-align:top; padding-right:0px; margin-top:0px;}
	.m-top-200 {
		margin-top:10px !important;
	}
}


/*Five Column Grid
--------------------------------------- */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
	
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
	
@media (min-width: 992px) {
	
.col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
	
.col-lg-15 {
        width: 20%;
        float: left;		
    }
	
.slide-animate{ -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out;}
.slide-reset{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.slide-up{ -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%);}
.animated{ -webkit-animation-duration:.5s; -moz-animation-duration:.5s; -o-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both;}
  	
}

@media (min-width: 1366px) and (max-width:1599px) {
	
.marquee{position:relative; height:620px!important;}
.most-popular-item{ height:220px!important;}

}


@media (min-width: 1601px) {
		
.carousel-inner{position:relative; height:600px!important;}
.marquee{position:relative; height:800px!important;}
				
}


@media screen and (max-width:479px){
	
.captionBlock{height:40%!important; padding:5px 5px!important;}
.captionBlock p{font-size:11px!important; line-height:14px!important;}
.captionBlock h2{font-size:11px!important; line-height:14px!important;}
.captionBlock h2 span{font-size:20px; line-height:20px;}

.overlay {padding:10px 10px 0px!important;}
.overlay h3{font-size:11px!important; line-height:14px!important;}
.overlay p{ display:none; font-size:11px!important;}

.mosaic-overlay {padding:10px 10px 0px!important;}
.mosaic-overlay h3{font-size:11px!important; line-height:14px!important;}
.mosaic-overlay p{ display:none; font-size:11px!important;}

}