@media (max-width: 667px) {
	.desktop {display: none !important;}
	
	.container_16 {
	  margin-left: auto;
	  margin-right: auto;
	  width: 320px;
	}
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12,
	.grid_13,
	.grid_14,
	.grid_15,
	.grid_16 {
	  margin-left: 5px;
	  margin-right: 5px;
	  width: 310px !important;
	}
	
	.grid_1 img,
	.grid_2 img,
	.grid_3 img,
	.grid_4 img,
	.grid_5 img,
	.grid_6 img,
	.grid_7 img,
	.grid_8 img,
	.grid_9 img,
	.grid_10 img,
	.grid_11 img,
	.grid_12 img,
	.grid_13 img,
	.grid_14 img,
	.grid_15 img,
	.grid_16 img {
		max-width: 100% !important;
		height: auto !important;
	}
	
	.alpha,
	.omega {
	  margin-left: 0;
	  margin-right: 0;
	}
	
	.prefix_1, .prefix_2, .prefix_3 { padding:0 !important;}
	

	body {width: 100%; min-width: 320px; padding-top: 0px;}
	
	.header_wrap {text-align: center; height: 90px !important; position: relative; box-sizing: border-box;}
	.admin_panel+.mobile_top_wrap+.header_wrap {margin-top: 0;}
	.logo {margin: 0; height: auto; padding: 10px 0;}
	
	.mobile_top_wrap {border-bottom: 1px solid #ebebeb; height: 50px; display: flex;}
	.mobile_top_wrap > .currency {width: 80px;}
	.mobile_top_wrap > .memberPoints {background: #a1233d; flex: 1 1 auto; color: #fff; line-height: 50px; text-align: center; font-size: 18px;}
	.mobile_top_wrap .currencies {left: 20px; z-index: 10000;} 
	.mobile_top_wrap > div.currency:after {position: absolute; bottom: 0; left: 20px; content: ''; display: block; width: 40px; height: 10px; background: url(../images/arrow-down.png) no-repeat center;}

	.shoppingCart {position: absolute; top: 20px; right: 10px;}
	
    .mobile_menucontainer {position: absolute; top: 0px; left: 0; width: 100%; background: rgba(13, 45,79,.8); z-index:10000; min-height: 10000px; display: none;}
	ul.mainmenu {width: 260px; background: #fff; box-shadow: 20px 0 15px rgba(0,0,0,0.5); position: absolute; top: 0px; left: 0; z-index:10001; height: auto;  }
	ul.mainmenu > li {font-size: 18px; line-height: 40px !important; margin: 0; padding: 0; list-style: none; display: block; color: #0d2d4f; text-transform: capitalize; border-bottom: 1px solid #ebebeb;}
    ul.mainmenu > li.menu-register a, ul.mainmenu > li.menu-login a, ul.mainmenu > li.menu-logout a, ul.mainmenu > li.menu-account a {color: #a1233d; background: #fff; padding: 0 10px; margin: 0;}
	ul.mainmenu > li img {margin: 10px 0 0;}
    ul.mainmenu > li:last-child {text-align: right; background: #ebebeb;}
    ul.mainmenu > li a {margin: 0; border: 0!important;}
	
	.menuButton {display: block; width: 49px; height: 36px; background: url(../images/menu.png) no-repeat center; position: absolute; top: 22px; left: 10px; z-index:10;}

    .image-text {}
	.image-text h1 {font-size: 34px !important; line-height: 40px !important; margin: 0;}
	.image-text p {padding: 0 10px; font-size: 24px; line-height: 34px; margin:0}
	.image-text .arrow-circle {display: block; width: 92px; height: 92px; margin: 5px auto; background: url(images/arrow-circle.png) no-repeat center; background-size: contain; transition:all 0.3s ease-in-out 0s;}
	.image-text .arrow-circle:hover {width: 92px; height: 92px; margin: 5px auto;}
	.image-text .Button {height: 86px; line-height: 86px; font-size: 31px; width: 95%; box-sizing:border-box; padding: 0 10px; }
	
	.home-boxes > a {width: 100%; margin: 0 0px 20px !important; float: none; height: 140px;}
	.home-boxes > a > div:first-child {width: 106px; background-size: 50%;}
	.home-boxes > a > div:nth-child(2) span {font-size: 26px; line-height: 36px;}
	.home-boxes > a > div:nth-child(2) p {font-size: 16px; line-height: 22px;} 
	
	.app_wrap {height: auto; line-height: 60px;}
	.app_wrap .grid_16 div:first-child {float: none; width: 100%; border: 0; text-align: center; line-height:60px; padding: 0; }
	.app_wrap .grid_16 div:nth-child(2) {float: none; width: 100%; text-align: center; padding: 0;}
	.app_wrap .grid_16 div:nth-child(2) a {display: inline-block; width: 40%; text-align: center; vertical-align: top;}
	.app_wrap .grid_16 div:nth-child(2) a img {margin: 0;}
	
	.footer_menu_wrap ul {text-align: left; margin: 10px 0;}
	.footer_menu_wrap ul > li {width: 50%; font-size: 16px; line-height:40px;}
	
	.entry-content {padding: 0 10px;}
	.menu-icon {position: absolute; top: 22px; left: 10px; z-index:10;}
	.menu-icon a{display: block; width: 49px; height: 36px; background: url(images/menu.png) no-repeat center;}
	
	
	.video-overlay iframe {left: 0; top: 30px; width: 98% !important; margin:0 1%; height: 300px !important; bottom: auto;}
	.video-overlay a{left: auto; right: 10px; top: 0; margin: 0;}
	
	.registerForm input[type=text], .registerForm input[type=email], .registerForm select, .registerForm textarea {width: 100%; margin: 0 0 20px;}
	.registerForm label {font-size: 18px; margin: 10px 5px;}
	.registerForm input[type=checkbox] {margin-right: 5px;}
	.registerForm p {margin: 20px 0;}
	
	.arrow-boxes > a {float: none; width: 100%; margin: 0 0 40px;height: auto !important;}
	.arrow-boxes > a > div:nth-child(2) {height: auto !important; padding-bottom: 60px;}
	.arrow-boxes > a:last-child {margin: 0 !important;}
	#custom_html-7 .arrow-boxes > a > div:nth-child(2) {padding-bottom: 50px;}
	#custom_html-7 .arrow-boxes > a {margin: 0 0 40px;}
    
    .loginFormBox, .forgotPasswordBox  {width: 100%;}
    .forgotPasswordForm {width: 100%;}
    
    .memberInfo {height: 455px;}
    .memberInfo > div:first-child {font-size: 45px; line-height: 55px;}
    .memberInfo > div:nth-child(2) {font-size: 24px; line-height: 34px;}
    .memberInfo > div:nth-child(3) {width:200px; height: 200px; padding: 60px 0 0; font-size: 21px; line-height: 30px; background-size: cover;}
    .memberInfo > div:nth-child(3) > span {font-size: 54px; line-height: 55px;}
    
    .az-points-bar {position: static; left: 0; top: 0; text-align: center; margin: 0; width: 100%; line-height: 40px; font-size: 16px;}
    .az-banner-text {height: auto;}
    .az-banner-text:after {content: ' '; display: block; height: 0; overflow: hidden; clear: both;}
    .az-banner-text > div:first-child {margin: 0 auto; line-height: 60px; font-size: 18px; float: none;}
    .play .az-banner-text > div:first-child {width: 100px;}
    .account .az-banner-text > div:first-child {width: 160px;}
    
    
    .az-competition-image {width: 100%; float: none; text-align: center;}
    .az-competition-details {width: 100%; float: none; margin-left: 0px; padding-bottom: 0; min-height: 0; text-align: center;}
    .az-competition-header {font-size: 30px; line-height: 40px; text-align: center;}
    .az-competition-play {height: 60px; position: static;}
    .az-competition-play a {line-height: 60px; font-size: 25px; font-weight: 500;}
    
    a.redeemButton, a.playButton, a.cancelButton, .changeButton {margin: 10px 5px; padding: 0 15px;}
    .az-competition-play a.expired {font-size: 16px;}
    
    .az-filter {float: left; display: block; width: 50%; background: #0e2f52; position: relative; height: 70px; line-height: 55px;}
    .az-filter > div:first-child { font-size: 16px;}
    .az-filter img {display: block; vertical-align: top; margin: 0 auto 6px;}
    .az-filter > div:nth-child(2) {left: 0; width: 100% !important; box-sizing: border-box; z-index: 1000;}
    .share .az-filter {width: 100%; float: none; border: 1px solid #143e6a; border-width: 1px 0;}
    
    a.reward {width: 300px; height: 260px; margin: 20px auto !important; float: none;}
    .reward > div:first-child {width: 300px; height: 151px;}
    .reward > div:first-child > div:first-child {height: 45px; line-height: 45px; font-size: 20px; font-weight: 500;}
    .reward > div:first-child > div:nth-child(2) {bottom: 5px; right: 5px; padding: 5px 20px; font-size: 30px; line-height: 36px; font-weight: 500;} 
    .reward > div:first-child > div:nth-child(2) span {font-size: 12px; line-height: 16px;}
    
    .reward_single_image {width: 300px; margin: 20px auto; float: none; height: 151px; }
    .reward_single_details {width: 100%; float: none; height: auto; text-align: center;}
    .reward_single_details > a {position: static; font-size: 25px; margin: 10px 0;}
    
    .button {margin: 10px 10px; padding: 0 10px;}
    .Button.HowItWorks {padding: 0 30px;}
    .az-terms-text {padding: 0 5px;}
    
    .az-user-text {font-size: 18px; line-height: 26px; padding: 10px 0;}
    
    .my_account {width: 100%; margin-right: 0px; float:none;}
    .my_transactions {width: 100%; float: none; margin-bottom: 40px;}    
    .my_account > div:nth-child(2) > div {width: 100%; border-bottom: 1px solid #d9d9d9; border-right: 0;}    
    .my_account > div:nth-child(3) > div {width: 100%; display: block;}
    .my_account > div:nth-child(3) > div:nth-child(2) {width: 100%; display: block;}

    .my_account > div:nth-child(2) > a {padding-right: 10px;}
    .my_account > div:nth-child(2) > a:last-child {padding-right: 0;}
    .my_account > div:nth-child(3) > div > div {display: block; width: 100%;}
    .my_account > div:nth-child(3) > div > div:nth-child(even) {margin-bottom: 10px;}
    
    .offers-boxes > div {width: 100%; margin: 20px 0 !important; font-size: 16px; line-height: 24px;}
    .offers-boxes > div > div:first-child > div {width: 80px; height: 82px;} 
    .offers-boxes > div > div:nth-child(2) {overflow: visible; height: auto;} 
    
    .footer-login {background-size: cover; background-position: left center;}
    .footer-login > div >div:first-child {font-size: 30px; line-height: 40px;}
    .footer-login > div >div:nth-child(2) {font-size: 20px; line-height: 30px;}
    
    .fg-prev, .fg-next {display: none;}
    
    .owl-carousel .owl-stage, .owl-carousel .owl-stage-outer {z-index: 2;}
    .owl-item > .sa_hover_container {background-position: center !important;}
    .registerForm input[type=text],.registerForm input[type=password], .registerForm input[type=email], .registerForm select, .registerForm > div {width: 100%; height: 40px; margin-bottom: 10px;}
	.registerForm > div {height: auto;}
    

	.maintabs > a {line-height: 50px; background: #fff url(../images/cross.png) no-repeat right 10px center; color: #162e4f; padding: 0 10px; font-weight: bold; display: block; margin-top: 5px; height: 50px !important; border: 1px solid #162e4f; text-transform: uppercase; font-size: 16px; }
	.maintabs > a.tab-active {background: #162e4f url(../images/cross-white.png) no-repeat right 10px center !important; color:#fff !important;}
	.tab-content {border: 1px solid #162e4f; padding: 10px 5px; box-shadow: none; }

	
	div.apprise {left: calc(50% - 155px) !important; width: 310px !important; margin-left: 0 !important;} 
	
	.customise_overlay > div {top: 0; width: 100vw; height: 100%; left: 0;}
	.customise_overlay > div > div {height: 100%;}
	.customise_overlay > div > iframe {width: 100%; height: 100%;}
	
	.category_block {flex-direction: column;}
	.catBlock {width: 100%; margin: 0 0 20px;}
	
	.product {width: 100% !important; margin: 0 0 20px !important;}
	.product_image {width: 100% !important; height: auto !important;}
	
	
	.account-tabs-sections > a {display: block; background: #ffffff url(../images/cross.png) no-repeat right 10px center; border: 2px solid #162e4f; color: #162e4f; font-size: 18px; font-weight: bold; padding: 0 10px; line-height: 60px; margin: 10px 0 0; text-transform: uppercase; }
	.account-tabs-sections > a.active {background:#162e4f url(../images/cross-white.png) no-repeat right 10px center; color: #fff; }
	.account-tabs-sections > div {border: 0; box-shadow: none; padding: 0; }
	.my_account > div {display: block;}
	.my_account > div > div {width: 100%;}
	.my_account > div > div:nth-child(1) > div:nth-child(2) > div {float: none !important; width: 100% !important; line-height: 26px; }
	.my_account > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2n) {margin-bottom: 10px;}
	.editAddress.Button {margin: 10px auto; display: block; border: 2px solid #a1233d; font-size: 16px; color: #a1233d; width: 140px;  }
	.editDetails.Button {margin: 10px auto; display: inline-block; font-size: 16px; color: #a1233d; border-color: #a1233d; text-transform: none; font-weight: 500; font-size: 16px;  }
	.changePassword {font-size: 16px;}
	
	.order-list > div > div:not(:nth-child(1)):not(:nth-child(2)) {display: none;}
	.order-list > div > div:nth-child(2) {border-right: 0;}
	.orders > div:nth-child(2) {line-height: 50px; color: #162e4f; font-size: 18px; font-weight: 600;}
	
	.order-list > div:first-child {font-size: 16px; line-height: 30px}
	.order-list > div > div {padding: 10px 10px; }
	.order-list > div > div:nth-child(2) {background: none !important;  padding: 10px 10px !important; width: 220px;}
	.order-list > div > div:first-child {font-size: 16px !important;}
	
	.my_transactions > div:nth-child(2) > div:first-child, .my_transactions > div:nth-child(3) > div >div:first-child {width: 100px !important;}
	.my_transactions > div:nth-child(3) > div >div:nth-child(2) {width: 200px !important;}
	.my_transactions > div:nth-child(2), .my_transactions > div:nth-child(3) {width: 100%;}
	
	.notifications > div {width: 100%;}
	
	.siteSearch {float: none; margin-bottom: 10px;}
	
	.az-search .az-banner-text {position: relative;}
	.filter-open {position: absolute; top:0; right: 5px; width: 40px; height: 60px; background: url(../images/arrow-down-white.svg) no-repeat right 5px center;}
	.catFilters {position: absolute; top: 100%; left:0; width: 100%; display: none; z-index: 1000; cursor: pointer; }
	.az-search .az-filter {float: none; background: #f9f8f8 url(../images/arrow-down-blue.svg) no-repeat right 5px center;  width: 100%; text-align: left; color: #0e2f52}
	
	.az-search .az-filter > div:nth-child(2) {width: 100%;}
	.az-search .az-filter {background: #f9f8f8; border-left: 0; height: auto;}
	.az-search .az-filter:hover {background:#f9f8f8}
	.az-search .az-filter:hover > div:first-child {background-color: #f9f8f8; color: #0e2f52;}
	.az-search .az-filter > div:first-child {background: #f9f8f8 url(../images/arrow-down-blue.svg) no-repeat right 10px center; text-align: left; font-weight: bold; padding: 0 5px; border: 1px solid #ebebeb; box-sizing: border-box; position: static;}
	.az-search .az-filter > div:nth-child(2) {position: static; border: 1px solid #ebebeb; border-width: 0 1px 1px; top: auto; left: auto;}
	.az-search .az-filter > div > div {}
	
	
	.product {height: auto !important;}
	
	.productImage {margin-bottom: 20px;}
	.productField {background: #f9f9fa; border: 1px solid #ebebeb; padding: 20px 10px; border-width: 0 1px;}
	.productField:first-of-type {border-width: 1px 1px 0}
	.productField:last-child {border-width: 0 1px 1px}
	
	
	.checkout-steps > div:not(.active) {display: none;}
	.checkout-steps {margin-bottom: 10px;}
	.shoppingCheckout .cartRow.cartProduct {flex-wrap: wrap;}
	.cartRow.cartProduct > div:nth-child(2) {min-width: 180px;}
	.shoppingCheckout .cartRow.cartProduct > div:nth-child(4) {margin-left: auto;}
	
	.cartRow.cartTotal > div:nth-child(3) {min-width: 130px;}
	
	
	.checkout-applypoints > div:first-child {flex-wrap: wrap;}
	.checkout-applypoints > div:first-child > div:first-child {width: 100%}
	.checkout-applypoints > div:first-child > div:nth-child(2) {max-width: 150px; width: auto;}
	.checkout-stripe {text-align: center;}
	.form-row p {font-size: 16px;}
	
	.thankyou > div:nth-child(2) {line-height: 30px; margin: 10px 0;}
	.thankyou > div:nth-child(3) {display: block;}
	.thankyou > div:nth-child(3) > div {width: 100%; margin-bottom: 20px;}
	.thankyou > div:nth-child(3) > div > div {text-align: center; display: block;}
	.thankyou > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(1) {width: 100%;}
	.thankyou > div:nth-child(3) > div > div > div {width: 100%; text-align: left;}
	.thankyou > div:nth-child(3) > div > h3 {font-size: 16px;}
	.thankyou > div:nth-child(4) > a {}
	
	
	
	
	.cartDelivery > div:nth-child(2){min-width: 150px;}
	
	.checkout-promocode p {font-size: 18px;}

	.modal {vertical-align: top !important;}

	div.fullscreenwrap {height: 455px !important;}
	div.fullscreenwrap .slide {background-size: cover; background-repeat: no-repeat; height: 455px; background-position: center;}	
	div.fullscreenfade {height: 455px !important;}
	div.fullscreenfade div.slide .frame { height: 455px !important; line-height: 1;}	
	
	
}
@media (min-width: 668px) {
	.mobile {display: none !important;}
    	


	.mobile_menucontainer {display: none !important;}
}

@media (min-width: 668px) and (max-width: 1200px) {
   .az-banner, .az-user-banner, .az-month-selector, .az-terms {
    width: 100%;
    position: relative;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0; 
  }
}

