@media (max-width: 1600px){
	.banner-text{top:75px;}
}











@media (max-width: 1200px) {
	#logo{width:16.5555%; margin-right:0}
   
	.sf-menu > li > a{font-size: 18px;}
	.banner-section{padding-bottom:25px;}
	.banner-text{top:30px;}
	.banner-text h2{font-size:45px; line-height:55px;}
	.banner-text p{font-size:15px; line-height:19px; padding-bottom:10px;}
	.content-links .nav-pills li a{padding:19px 26.5%}
	.social-links li{margin-bottom:10px;}
	.payment-list li{margin-bottom:20px;}
	.roam-modal{width:600px;}
	.our-story .banner-text {top: 195px;}
	.sf-menu a{padding:0 24px}
		
	.top-links	{
		text-align: left;
	}
		
		
		
		
}










@media (max-width: 1100px) {
 	#header .col-xs-6{width:100%;}		
 	.sf-menu{display:inline-block; float:none;}
 	#logo {margin-right: 0;padding-top: 20px;text-align: center;width: 100%;}
	.sub-menu li a{text-align:left;}
	#header	.col-xs-4{width:100%;}
	.main-navigation{padding-top:25px; text-align:center;}
}









@media (max-width: 991px) {
	.payment-padding { margin-top: 20px;}
}











@media (max-width: 980px) {
   

	
	
	
	.top-links{float:left;}
	.search-form {float: right;padding: 10px 0;}
	.banner-text{top:25px;}	
	.banner-text h2 {font-size: 40px;line-height: 45px; padding-bottom: 5px;}
	.banner-text p {font-size: 13px;line-height: 13px;margin-bottom:10px;padding-bottom: 0;}
	.content-links .nav-pills li a{padding:19px 20px}
	.btn-predrder{width:90%;}
	.footer-mid .col-xs-4{margin-bottom:25px;}
	.support-content li label{font-size:14px; width:45px;}
	.support-content li a, .support-content li span{font-size:14px;}
	.footer-mid .col-xs-6{margin-bottom:30px;}
	.footer-mid .col-xs-4{width:100%;}
	
	/* our story */	
	.our-story .banner-text {top: 230px;}
	
}
	
@media (max-width: 767px) {
	#logo{ width: auto;}
	#header{min-height: 20px;}

	.banner-section{padding-bottom:15px;}
	.banner-text{display:none;}
	#logo{padding-top:10px;}
	#mobile-header {display: block; background:#1a1b1b;}
	#mobile-header:hover ul {

		display: block;

	}
	#navigation {display:none;}
	.top-links{float:none; width:100%; text-align:center;}
	.search-form{float:none;  width:100%; padding:0}
	.btn-search{margin:0; top:7px;}
	.search-form .form-control{text-align:left;}
	.thumb-wrap .col-xs-4{width:100%;text-align:left;}
	.thumb-wrap  .thumbnail > img, .thumb-wrap  .thumbnail a > img{margin:0;}
	.container .thumbnail p{padding-bottom:7px;}
	.content-links .col-xs-10, .content-links .col-xs-2{width:100%; padding:0 3px 0 0}
	.content-links .nav-pills > li{width:100%;}
	.content-links .nav-pills > li a{padding:15px 10px; border-bottom:1px solid #cbcac9; border-right:0}
	.content-links .nav-pills > li:first-chiild a{border-left:0}
	.content-links{padding-bottom:15px;}
	.btn-column{text-align:left;}	
	.btn-predrder{
		/*width:135px; */
		width: 80px;
		margin-left:0px;
	}
	.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {bottom:15px;}	
	.roam-modal{width:auto;}
	.roam-modal .col-xs-5{width:100%; margin-bottom:20px;}
	.product-desc h2{font-size:30px;}
	.product-desc h3{font-size:16px;}
	.price-tag{width:120px; font-size:20px; height:40px; line-height:40px;}
	.qty-div select{height:40px; width:125px;}
	.price-tag span{line-height:40px;}
	.color-selection{padding-bottom:15px;}
	.product-desc .btn{margin-bottom:10px;}
	.roam-modal .col-xs-7{width:100%;}
	.footer-top{padding:0}
	.footer-mid .col-xs-4, .footer-top .col-xs-4{margin-bottom:25px; width:100%;}
	.subscribe-block{padding:0}
	.footer-top .btn-default{top:0}
	.social-links li{margin-right:4px;}
	.footer-mid{padding:25px 0}	
	.footer-bottom .col-xs-4, .footer-bottom .col-xs-3, .footer-bottom .col-xs-5{width:100%;}
	.footer-bottom p.power-text{text-align:left; padding:10px 0 0 35px;}
	.footer-bottom .nav-pills{padding-left:35px;}
	
	/* our story */
	
	.left-block{width:100%; margin-bottom:30px;}
	.left-links{padding-bottom:20px;}
	.desc-block{width:100%;}
	
}
@media (max-width:540px) {
	.footer-mid a img{
		width: 100%;
	}
	.banner-section{
		display:none;
	}
	#fulfillment{
		clear: both;
		display: block;
		margin-top:1em;
		width: 100%;
	}
	.btn-bigtitle{
		width: 100%;
	}
	
}
