/***
Responsive Theme. 
Based on http://getbootstrap.com/css/#responsive-utilities-classes
***/

/***
Form Medium Devices Up To Large Devices
***/

@media (max-width: 1199px) {  

/*	.page-boxed .header .dropdown .username {
		display: none;
	}	*/
	.featured-merchants {
		overflow-x: scroll;
	}
	.featured-merchants-wrapper {
		width: 1199px;
	    height: auto;
	}
	.featured-merchants .container {
		width: 100% !important;
	}

	.f-merchant {
		overflow-x: scroll;
	}
	.f-merchant-wrapper {
	    width: 1110px;
	    height: auto;
	}
	.deals .storelogo { margin: 25px 0 0 25px; padding: 5px; width: auto; border: 1px solid #f4effa;}

	.featured-merchants .card {
		float: left;
		background: none;
		/*box-shadow: 1px 1px 2px 0 rgba(45, 77, 97, 0.2);*/
		box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
		/*margin-bottom: 15px;*/
		/*border: 1px solid #e8edf2;*/
		border-radius: 5px;
		margin: 0 5px 30px 5px;

	}
	.featured-merchants img {
		border: 1px solid #e8edf2;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
		max-width: 85px !important;
		height: auto;
		margin: 0 auto;
	}

	/*.favoriteDeal {
		margin: 25px 25px 0 0 !important;
	}*/

	/*.favoriteDeal {
	    border: 1px solid;
	    position: relative;
	}*/
	.favoriteDeal {
		position: absolute;
		right: 35px;
		margin-top: 15px;
	}

	.store-info {margin-right: 0px;}
	.secured .img-responsive { display: inline-block !important; text-align: right !important; }

	.occasion-deal .card {
	    height: 250px;
	    box-shadow: none;
	    border-radius: 0px;
	}
	.err-404 > h1 {font-size: 90px !important;}
}

/***
From Medium Devices Up To Larger Devices
***/

@media (min-width: 992px) { 

 	

}

/***
Up To Medium Devices
***/

@media (max-width:991px) { 
	.header-area {	    
	    height: auto;
	}
	.header-area {
		padding-top: 10px;
		padding-bottom: 10px !important;
	}
	.occasion {
		margin-top: 5px !important;
		text-align: center !important;
		display: block !important;
	}

	.navbar-brand #logo {width: 60%; height: auto; margin-bottom: 10px;}
	
	.deals .storelogo { margin: 10px 0 0 10px; padding: 5px; width: auto; border: 1px solid #f4effa;}
	.deals .details { padding: 15px; }/* text-align: center;*/
	.hp.deals { min-height: 100px;}
	/*.hp.deals .button-area { padding: 10px 0px 15px 0px; clear: both;  }*/
	
	.pagination-lg > li > a, .pagination-lg > li > span {
	    padding: 6px 12px;
	    font-size: 16px;
	    line-height: 1.0;
	}
	/*.favoriteDeal {
	    margin-top: 75px;
	}*/
	.footer .sep { border-right: 0px; height: auto !important;}
	.search-area {margin-left: 0px !important;}
	.navbar-header { float: none; }
	.navbar-toggle {
		display: block;
	    margin-right: 0px;	    
	    background-color: #9b72cf !important;
	    color: #fff;
	}
	.navbar-toggle .icon-bar {
	    background-color: #fff;
	}
	.login-menu {
		margin-top: 10px;
	}
	.navbar-right {
	    margin-right: 0px;
	}

	/*.profile-photo {width: 60%; float: none;}*/
	.img-circle {width: auto; height: auto;}
	.sharearea .socialarea { text-align: left; }
	.store-page-head { margin-top: 0px;}
	.featured-merchants .card {
	    
	    /*padding: 20px 0;*/
	}
/*	.featured-merchants-wrapper {
		width: 991px;
	    height: auto;
	}*/	
/*	.featured-merchants {
		overflow-x: scroll;
		overflow: overlay;
	}*/

	.modal {
	    left: 5%;
	    bottom: auto;
	    right: 5%;
	    padding: 0;
	    width: auto;
	    margin-left: auto;
	    background-color: #ffffff;
	    border: 1px solid #999999;
	    border: 1px solid rgba(0, 0, 0, 0.2);
	    border-radius: 6px;
	    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	    background-clip: padding-box;
	}

	.modal.fade.in { top: 10%;}
	.modal-body .copied { margin: 10px 0 0 0px; padding: 0; }
	.modal-footer {padding: 10px !important;}
	.modal-subscribe .details { padding: 10px 10px 10px 10px !important; }
	.offerArea h3 { padding: 0 0 15px 0; margin: 0; letter-spacing: 1px; line-height: 90%; display: block; text-align: center; color: #f26e55;}
	.offerArea .couponcode { padding: 5px 15px; line-height: 1; font-size: 16px; font-weight: bold; }
	.btn.btn-copy { color: #fff; text-shadow: none; background-color: #3fa936; padding: 6px 9px 7px 9px;}
	.input-group-addon { width: auto; }
	.store-info .products-range li {
	    font-size: 14px;
	}
}

/***
From Small Devices Up To Medium Devices
***/
@media (min-width: 992px) and (max-width: 1199px) { 

./*deals .storelogo { margin: 10px; padding: 5px; width: auto !important; border: 1px solid #f4effa;}*/

} 
@media (min-width: 768px) and (max-width: 991px) { 



} 
 
/***
Extra Small Devices Only
***/

@media (max-width: 767px) {

	/*.header-area {	    
	    height: auto;	    
	}*/
	.navbar-toggle {
	    margin-right: 0px;
	    background-color: #9b72cf !important;
	    color: #fff;
	}
	.navbar-toggle .icon-bar {
	    background-color: #fff;
	}
	.navbar-right {
	    margin-right: -15px;
	}
	.search-area {
	    margin-left: 0px;
	}
	.search-btn {
	    height: 40px;
	    font-size: 22px !important;
	    background: #9b72cf;
	    width: 50px;
	    color: white;
	    vertical-align: middle;
	        
	}
	/*.profile-photo {
	    width: 48px;
	    float: right;
	    margin-right: 15px;
	    
	}*/
	.profile-links { float: right; margin-right: 20px; padding: 0px; list-style-type: none;}
	.login-menu {
		margin-top: 10px;
	}

	.logged-in .dropdown-menu {
	    width: 250px !important;
	    right: 20px !important;
	}	
	.dropdown-menu {
		left: auto;
		width: 100% !important;
		margin-top: 21px !important; 
		right: 20px !important;
	}

	.typeahead,
	.tt-query,
	.tt-hint {
	    height: 40px;
	    line-height: 40px;
	    /*width: 100% !important;*/
	    
	}

	.tt-menu {	    
	    width: 290px !important;	
	    margin-left: -40px;    
	}
	a.tt-suggestion {width: 46%; height: auto; float: left; border: 1px solid #e9e9e9; margin: 5px 6px 5px 0px;}

	.sub-deals-area::before {
	    left: 65px;
	    top: -27px;
	    border-bottom: 12px solid #d8e2eb;
	    border-left: 12px solid rgba(0, 0, 0, 0);
	    border-right: 12px solid rgba(0, 0, 0, 0);
	    content: "";
	    display: inline-block;
	    position: absolute;
	    transition: none !important;
	}
	.sub-deals-area::after {
	    left: 66px;
	    top: -26px;
	    border-bottom: 11px solid #f8fcff;
	    border-left: 11px solid rgba(0, 0, 0, 0);
	    border-right: 11px solid rgba(0, 0, 0, 0);
	    content: "";
	    display: inline-block;
	    position: absolute;
	    transition: none !important;
	}

	.deals .storelogo { margin: 10px; padding: 5px; width: auto; border: 1px solid #f4effa;}
	.deals > .storelogo > a > img {width: auto; height: auto; display: block;}
	.deals .details h3 { font-size: 20px;}
	.big-fav .fa-heart-o {font-size: 18px; }
	.big-fav .btn-fav {background: transparent !important; margin-top: 5px; text-align: center;}
	.store-page-title.headline {font-size: 26px;}
	.cat.deals .storelogo { margin: 30px 0 25px 15px !important; padding: 5px; width: 100%; max-width: 110px; border: 1px solid #f4effa;}

	.occasion-header h1 {
	    font-weight: 600;
	    font-size: 45px;
	}
	.occasion-deal .card {
		border: 1px solid #e6edf2;
		height:  100% !important;

	}

	.occasion-deal .card .card-head {
	    padding: 0px !important;
	    border-top-right-radius: 0px;
	    border-top-left-radius: 0px;
	    border: 0px none;
	    background-color: #fff;
	    float: left;
	}

	.occasion-deal .card .card-head img {
	    width: 120px !important;
	    margin: 25px;
	    border: 1px solid #ececec;
	}

	.occasion-deal .card .card-body {
	    border-top: 0px solid #ececec;
	    padding: 0px;
	    height: auto;
	    text-align: left !important;	    
	    width: auto;
	    margin: 25px 15px 0 10px;
	}
	.card .card-body h3 { text-align: left;}
}

/***
The Most Extra Small Devices Landscape Mode Only
***/

@media (max-width: 480px) {
	.occasion-header h1 {
	    font-weight: 600;
	    font-size: 30px;
	}

	.header-area {	    
	    height: auto;	    
	}
	.occasion-deal .card .card-head img {
	    width: 90px !important;
	    margin: 15px;
	    border: 1px solid #ececec;
	}
	.occasion-deal .card .card-body {
	    margin: 10px 10px 0 10px;
	}
	
	/*.btn {
	    padding: 9px 8px;
	}*/
	.navbar-toggle {
	    margin-right: 0px;	    
	    background-color: #9b72cf !important;
	    color: #fff;
	}
	.navbar-toggle .icon-bar {
	    background-color: #fff;
	}

	.search-area {
	    margin-left: 0px;
	}

	.search-btn {
	    height: 30px;
	    font-size: 18px !important;
	    background: #9B72CF;
	    width: 35px;
	    color: white;
	    vertical-align: middle;
	    padding: 5px 2px;
	}
	.block {
		display: block;
	}
	.typeahead,
	.tt-query,
	.tt-hint {
	    height: 30px;
	    line-height: 30px;
	    /*width: 100%;
	    max-width: 410px;*/
	}

	.tt-menu {	    
	    width: 290px !important;	
	    margin-left: -40px;    
	}
	a.tt-suggestion {width: 46%; height: auto; float: left; border: 1px solid #e9e9e9; margin: 5px 6px 5px 0px;}

	/*.login-menu {
		margin-top: 10px;
	}*/
	.dropdown-menu {
		left: 20px;
		width: 100% !important;
		margin-top: 21px !important; 
	}

	.logged-in .dropdown-menu {
	    width: auto !important;
	    right: 20px;
	}
	.login-menu .dropdown-menu {
	    width: auto !important;
	    
	}

	.deals .details h3 { font-size: 18px;}
	.store-page-title.headline {font-size: 20px;}
	
	.page-content {
	    margin: 15px 0px !important;
	}
	.extra-25px {
	    margin-bottom: 10px !important;
	}
}

@media (max-width: 400px) {
/*	.page-content {
	    margin: 15px 0px !important;
	}
	.extra-25px {
	    margin-bottom: 10px !important;
	}*/
	.occasion-deal .card .card-head img {
	    width: 90px !important;
	    margin: 15px;
	    border: 1px solid #ececec;
	}
	.occasion-deal h3 {
	    font-size: 14px;
	}
	.occasion-deal .card .card-body {
	    margin: 10px 10px 0 10px;
	}
}
@media (max-width: 320px) {
	.typeahead,
	.tt-query,
	.tt-hint {
	    height: 30px;
	    line-height: 30px;
	    /*width: 100% !important;
	    max-width: 250px;*/	    
	}

	.deals .storelogo { margin: 20px; padding: 5px; width: auto !important; border: 1px solid #f4effa;}
	.hidden-small {display: none;}
	.store-page-title.headline {font-size: 18px;}
	.occasion-deal .card .card-head img {
	    width: 70px !important;
	    margin: 15px;
	    border: 1px solid #ececec;
	}
}