/*!
 * 
 * Responsive
 * 
 *
 */
 
@media (width: 320px) {
	
}

@media (width: 480px) {
	
}

@media (width: 568px) {
	
}

@media (width: 600px) {
	
}

@media (width: 768px) {
	
}

@media (width: 800px) {
	
}

@media (width: 1024px) {
	
}

@media (min-width: 1025px) {
	
}

@media (min-width: 320px) and (max-width: 480px) {
	
}

@media (min-width: 320px) and (max-width: 568px) {
	
}

@media (min-width: 600px) and (max-width: 800px) {
	
}

@media (min-width: 768px) and (max-width: 1024px) {
	
}

/* custom */

@media (min-width: 320px) and (max-width: 991px) {
	#main2{ overflow-x: scroll !important; padding: 0 25px !important;}
	.brand{ margin-bottom: 15px; text-align: center; }
	.brand a { display: block; float: none; }
	.search{ margin-bottom: 15px; }
	.hp{ text-align: center; }
	.footer { text-align: center; }
	.social { text-align: center; }
	.social a { display: block; float: none; }
	.map iframe{ min-height: 350px; }
	.col2footer{ border: 0; }
	.report{ text-align: center; }
	.report .head{ background: url("../img/vertical-line-pattern.png") repeat-x scroll bottom center rgba(0, 0, 0, 0) !important; }
	.csp{ padding-left: 15px; }
	.myAccount .firstCol { border-right: 0 !important; }
	.myAccount .pd-row .pd-lbl, .myAccount .pd-row .pd { text-align: center; }
	.orderDetails .delivery-add .lbl{ text-align: left !important; }
}
@media (min-width: 320px) and (max-width: 471px) {
	.acc{ width: 180px; }
	.acc a { padding: 0 2px; font-size: 11px; }
	.basket{ width: 100px; }
	.basket a{ font-size: 12px; }
	.col-md-3.bbc { float: left; margin: 20px 0 10px; text-align: center; width: 100%; }
}
@media (min-width: 320px) and (max-width: 987px) {
	.flex-control-thumbs{ display: none; }
	
}
@media (max-width: 987px) {
	.slides .caption { width: 100%; bottom: 0px; position: relative; }
	.slides .caption h2 {font-size:30px;}
	.slides .container { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; width: 100%; }
}
@media (min-width: 320px) and (max-width: 767px) {
	.dropdown-menu{ position: static !important; min-width: 99.6% !important; margin-bottom: 5px !important; }
	.dropWrap .menuContent{ display: none !important; }
	.nav > li{ float: left; width: 100%; }
	.header{ padding-left: 15px; padding-right: 15px; }
	.leftsidebar{ text-align: center; padding-right: 0; }
	.navbar-toggle{ margin-right: 0; }
	.navbar-nav { margin: 0;width: 100%; }
	.navbar-nav > li { margin-left: 2px; text-indent: 10px; }
	.dropWrap{ min-width: 100%; }
	.navbar-collapse {border-top: 0 none !important;margin: 0 !important;padding: 0 !important;}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-left: 0 !important;margin-right: 0 !important;}
	.step-heading .step{ width: 100%; margin-top: 10px; }
	.popup .modal-dialog { width: 96%; }
	.pop1 .cl{ border-right: none; border-bottom: 1px solid #33897C; }
}
@media (min-width: 480px) and (max-width: 627px) {
	.tab-links a {
		font-size: 11px;
		padding: 9px 17px;
	}
}
@media (min-width: 320px) and (max-width: 479px) {
	.tab-links li, .tab-links li  a { width: 100%; }
}
@media (min-width: 320px) and (max-width: 572px) {
	.czmenuNavIcons .navicon { margin: 20px 0 !important; width: 100%; }
}
@media (min-width: 320px) and (max-width: 644px) {
	.content p img{ width: 100%; height: auto; }
}
@media (min-width: 320px) and (max-width: 786px) {
	#fixtures-popup{ width: 100% !important; } 
	.fancybox-inner{ height: auto !important; }
	#FeaturedTopupsContent { width: 100% !important; }
}