@media(min-width:768px){ 
#minitrolley { margin-right: 3px; }

#logo {  width: 93%; margin: auto; float: none; }
#logo3 {}
#logo1 { left: -31px;}


#trolley_inner_mid div#trolley_titles { width: 100%;}
#trolley_titles div { float: left; }
#cartform .trolley_table { width: 100%; height: auto; }
#cartform .trolley_table div { float: left;    word-break: break-all; }
#display_trolley_totals { float: right; width: 26%; margin-top: 20px; }
#trolley_buttons{ width: 162px !important;  float: right;}
#trolley_buttons .tbutton { margin:0 14px 7px 0; }
#trolley #trolley_buttons_outter{  width: 100%; padding-left: 0;}

	
}




@media(max-width:991px) {
/* Login page */
#logo1 { max-width: 200px; }
#logo1 img { height: auto; }
#logo2 { padding-top: 52px; font-size: 22px; }
#logo3 { padding-top: 0; }

#minitrolleyinner { position: absolute; float: left; width: 65px; background-position: right; height: auto; background-repeat: no-repeat; padding-top: 0; text-align: right; right: 84px; top: 48px; }

/* menu */
#topnav_drop {  }

/* List page */ 
#caton { width: 75%; }
#leftprodnav { width: 23%; } 
div#caton .product { width: 31%; }
#sliderx { width: 205px; }


.cookie-compliance.clearfix { width: auto !important; padding: 0 15px 20px 15px !important ; }
.cookie-compliance__text p { margin: 0; }
form#simple-cookie-compliance-dismiss-form { width: 100% !important ; }
 
/* Contact us page  */
.contfieldback input { width: 184px; }	
 
/* checkout page  */
 
#display_trolley_totals {  width: 29%; }
#trolley_buttons{ width: 68% !important;  }
 
 
}

@media(max-width:767px) {
	
#logo1 { max-width: 150px; padding-top: 10px; } 
#logo2 { padding: 8px 11px 0 0; font-size: 15px; position: absolute; left: 15px; top: 56px; z-index: 9999;}

#logo3 { margin-top:28px; } 



#minitrolley { width: 40px; background-size: contain; height: 40px; float: right; margin-top: -18px; } 
#troclick { position: absolute; float: left; width: 30px; height: 40px; right: 5px; }
#troclick img { width: 100%; height: auto; } 
#troclick a { display: inline-block; width: 100%; height: 100%; } 
#logo3 #minitrolleyinner { position: absolute; float: left; width: 98px;
background-repeat: no-repeat; padding-top: 0; text-align: right; right: 45px; top: 9px; }

/* Login page */ 
#loginform { width: 100%; } 
#registerbox { width: 100%; margin-top: 30px; }

/* Register	 */ 
#formdetail_register { float: none; width: 100%; display: inline-block; box-sizing: border-box; } 
.rfrm_all { position: relative; float: left; width: 100%; } 
.frmll_register { position: relative; float: left; width: 100%; margin-top: 10px; } 
.frmlr_register input { padding: 0; width: 100%; height: 30px; box-sizing: border-box; text-indent: 5px; }
.frmlr_register { position: relative; float: left; width: 100%; margin-top: 10px; } 
select { box-sizing: border-box;   width: 100%; }

 /* Forgot */
#contactform { width: 100%; }
.contfieldback2 { width: 100%; }
 #contform2 { width: 100%; }
.contfieldback { width: 100%; } 
.contfieldback input { box-sizing: border-box; width: 100%; } 
.contstep1 { width: auto; }
.fright { width: 100%; } 
#contform1 { height: auto; width: 100%; } 
.contstep1 { width: 100% !important; } 
#cont_main { width: 100%; margin-left: 0; } 
#trolley_buttons { width: 100%; } 
.tbutton { float: left !important; } 
.fleft_message { padding-left: 0; margin-bottom: 8px; } 
.fleft_message TEXTAREA { width: 100% !important; box-sizing: border-box; } 
.fleft { position: relative; float: left; padding-left: 0; height: auto; padding-top: 0; background-position: left; width: 100% !important; } 
#rightcont { padding-left: 0; } 

/* List page */ 
#caton { width: 100%; }
#leftprodnav { width: 100%; } 
.product { width: 48%; margin: 20px 0 0px 0; } 
.product:nth-child(odd) { float: right; } 
#sliderx { width: 95%; } 
#sliderfilter { width: 100%; padding-right: 0px; margin-bottom: 14px; } 

div#caton .product { width: 48%; }

/* cart checkout */
.rightcheckout { position: relative; float: left; width: 70%; display: table-cell; } 
.rightcheckout-tick { position: relative; float: left; width: 20px; z-index: 1; left: -5px; }
.rightcheckout input { width: 100%; padding: 1px 0; text-indent: 3px;    height: 20px; font-size:14px; } 
.rightcheckout SELECT { width: 100%; padding: 1px 0; text-indent: 3px;    height: 28px; font-size:14px; } 
.rightcheckout TEXTAREA { width: 100%; font-size:14px;}

.cfield{ display: inline-block;padding-bottom:0px;   }
.rightcheckout{ width: 100%; display: inline-block;  margin-bottom: 6px; font-size:15px;}
.leftcheckout{  width: 100%; display: inline-block;margin-bottom: 8px; font-size:15px; margin-top: 6px;}
#trolley_buttons .tbutton{width: 180px !important;}

#account_top {  width: 100%; padding: 0; text-indent: 12px; }  
 

/* popup detail page */
#popupContact{ width:90%;  }
#popprodimagelarge{width: 40%;}
#popprodform{ width: 56%;}
#popprodform div{width:97%;padding-left:3%;}


/* Footer start */
#footerleft a { margin: 8px 0 0 0;display: inline-block;}
#footerleft {float: none; width: auto; padding: 0 10px; }

 
 

/* cart page */
#catconfirm { position: relative; float: none; padding: 20px; } 
#display_trolley_totals div#trolley_tots_vals { width: auto !important; } 
#display_trolley_totals #trolley_tots_vals2{ width: auto !important;}


#trolley_inner_mid div#trolley_titles{display:none;}

#cartform .trolley_table .trolley_table_mobile_viewonly { display: inline-block !important; width: 82px !important; float: left; } 
#cartform .trolley_table { width: 100%; height: auto; } 
#cartform .trolley_table .trolley_table_mobile_viewonly div { width: 100% !important; margin-top: 0; margin-bottom: 6px; } 

#cartform .trolley_table div { width: 64% !important; float: right;    word-break: break-all; }


#popprodform .descfull2 { width: 50%; float: left; }  
#popprodform .descfull2a { width: 50%; float: left; }
#popprodform .descfull2 div { border-right: none; }

 
#display_trolley_totals { width: auto; float: left; }
#trolley_buttons { width: 143px !important; }



}



@media(max-width:479px) {

#logo3 { width: 139px; padding-top: 0; }
 #search_title{display:none;}
.searcharea{ background:url(../images/contentimages/search-box.jpg) no-repeat !important;float: right; width: 137px; }
.searchb INPUT {width: 98px; font-size: 90%; padding: 0px; height: 19px; color: #999999; border: 0px solid #000000; margin: 0; background: transparent; position: relative; left: -8px; top: -1px; font-size: 12px;}
.searchb { width: auto; }
.searchbt { left: -8px; }

/* checkout */
 


/* order history */
.troltitle_order{ height: auto;} 
.troltitle_order2{ width: 33.33%;} 

.product { width: 100%; margin: 20px 0 0px 0; height: auto; padding-bottom: 11px; } 
div#caton .product { width: 100%; }  


.ordehist_desktop{display:none;}
.troorders_table_mobile_viewonly { display: inline-block; width: 37%; float: left; }
.row_box_list_mob_dek { display: inline-block; }
.troorders_table_mobile_viewonly .troltitle_order { width: 100%; }
.row_box_list_mob_dek .troltitle_order2 { width: 50%;font-size: 14px; }



}


 
@media only screen and (max-width: 220px), only screen and (max-device-width: 480px) {
#container {
		width:100%;
	}
	#inner{ width:100%}
	#logo{ width:100%; height: auto}

#logo1{ width:100%; margin:0px; padding:0px;height: 223px;max-width:100%;}
	#logo1 img{ display:none}
	#logo1 a{   background: url("../images/logo-iphone.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 223px;
    width: 100%; background-position:center;
}
#logo2{ width:100%; margin:0px; padding:0px;}
#logo3{ width:100%; margin:0px; padding:0px;}
#minitrolley{ width:100%;}
#logo_search{  float: left;
    margin: 7px 0 0 12px;
    width: 97%;
}

}