@media screen and (max-width: 1200px) {
	.header .strap {
	    width: 280px;
	}
	.header .strap h3 {
	    padding: 17px 0px 0 15px;
	}
	.header .ttt {
	    padding-left: 5px;
	}
	.sidebarr {
		display: none;
	}
	.searchbox input[type=text] {
	    width: 340px;
	}
	.options .why {
	    width: 490px;
	}
	.pricing p {
		width: 235px;
	}
	.phead .left {
		padding-right: 5px;
	}
	.contentrespcatbar {
		display: block;
	}
}
@media screen and (max-width: 1100px) {
	.phead .left .guarantee {
	    float: none;
	    width: 100%;
	    display: block;
	    margin-right: 0px;
	    margin-top: 5px;
	    min-height: 0px;
	}
	.phead .left .desc {
	    float: none;
	    display: block;
	    max-width: 100%;
	}
}
@media screen and (min-width: 992px) {
	.sweet-menu.collapse {
		display: block;
		height: 30px!important;
	}
}

@media screen and (max-width: 992px) {
	.header .strap {
		width: 100%;
	}
	.nomobile {
		display: none;
	}
		.menubutton:hover {
		background: #005394;
	    color:#ffffff!important;
	  }
	  .sweet-menu li::after {
  content: none!important;
}
	.header .strap h3 {
	    padding: 3px 0px 0 13px;
	}
	.main li {
		float: none!important;
	}
	.main-inner {
		display: none;
	}

	.menu-wrap {
	    position: relative!important;
	    height: auto!important;
	    overflow-y: show!important;
	    text-align: center!important;
	    display: block!important;
	    padding: 6px;
	    box-sizing:border-box;
	    -moz-box-sizing:border-box;
	    -webkit-box-sizing:border-box;
	    background: #9fb4c2;
	}
	
	.sweet-menu {
	    height: 100%!important;
	    width: 100%!important;
	    border-top: 1px solid #bbb!important;
	    overflow: hidden!important;
	    padding: 0!important;
	    margin: 0!important;
	    margin: 0 auto!important;
	}
	
	
	.hoverable:hover, .open {
	    height: auto!important;
	}
	.sweet-menu a, .sweet-menu a:visited{
	    display: block!important;
	    line-height: 29px!important;
	    background: #d8e6ef;
	    border: solid 1px #bbb!important;
	    border-top: none!important;
	    padding: 0 15px!important;
	    color: #444444!important;
	    text-decoration: none!important;
	}
	.sweet-menu a:hover {
	    background: #005394;
	    color:#ffffff!important;
	}
	
	.toggle:after{
	    display: block!important;
	    float: right!important;
	    font-size: 80%!important;
	}
	.sweet-menu a.fb {
		display: none!important;
	}
	.main .mobileonly {
		display: block;
	}
	
	.spacer {
		display: none;
	}
	.tttbox {
		display: none;
	}
	.searchbox input[type=text] {
	    width: 280px;
	}
	.pricing p {
		width: 150px;
	}
	.pricing .quantity {
		width: 10px;
	}
	.pricing .cost {
		width: auto;
	}
	.phead .left {

	}
	.phead .pricing {
		width: 290px;
	}
	.main ul li.open .dropdown-menu {
	    display: block;
	    height: auto;
	    position: relative;
	    width: 100%;
	    padding: 0px;
	    text-align: center;
	    box-shadow: none;

	}
	.main ul li.open .dropdown-menu li a {
		background: #fff;
	    color: #005394!important;
	}
	.main ul li.open .dropdown-menu li a:hover {
		background: #005394;
	    color: #ffffff!important;
	}

}
@media screen and (max-width: 767px) {
	.overlay {display: none!important;}

	.basketbox {
		display: none;
	}
	#main_detail #cat_desc .starter {
		width: auto;
		float: none;
	}
	#main_detail #cat_desc .subs {
		float: none;
	}
	.c {
		min-width: 100%;
	}
	.content {
		width: 100%;
	}
	.phead .left {
	    width: 100%;
	    float: none;
	}
	.phead .right {
	    float: none;
	    text-align: center;
	    margin: 0 auto;
	}
	.c {
		max-width: 100%;
	}
	.searchbox input[type=text] {
	    width: calc(100% - 90px);
	}
	.header .strap {
		display: none;
	}
	.mobilebasket {
		display: block;
		margin: 0 auto;
		width: 250px;
		background-color: #f90;
		border: solid 3px white;
		margin-bottom: 5px;
	}
	.mobilebasket a {
		color: white;
		font-weight: bold;
		display: inline-block;
		width: 100%;
	}
	.mobilebasket a:hover {
		text-decoration: none;
	}
	.header .ttt {
		display: none;
	}
	.header .phone {
		display: none;
	}
	.header {
		text-align: center;
	}
	.header .strap h3 {
		text-align: center;
		padding: 0px;
	}

		.contentcontainer {
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -moz-box-orient: vertical;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    /* optional */
	    -webkit-box-align: start;
	    -moz-box-align: start;
	    -ms-flex-align: start;
	    -webkit-align-items: flex-start;
	    align-items: flex-start;
	  }

	  .contentcontainer .content {
	    -webkit-box-ordinal-group: 2;
	    -moz-box-ordinal-group: 2;
	    -ms-flex-order: 2;
	    -webkit-order: 2;
	    order: 2;
	  }

	  .contentcontainer .sidebar1 {
	    -webkit-box-ordinal-group: 1;
	    -moz-box-ordinal-group: 1;
	    -ms-flex-order: 1;
	    -webkit-order: 1;
	    order: 1;
	    width: 100%;
	  }
	  .sidebar1 {
	  	background: #9fb4c2;
	  }

	#sidemenu h3 {
		padding: 0px;
		text-align: center;
		background: transparent;
		border-radius: 0px;
	}
	.sweet-menucategory {
	    height: 100%!important;
	    width: 100%!important;
	    border-top: 1px solid #bbb!important;
	    overflow: hidden!important;
	    padding: 0!important;
	    margin: 0!important;
	    margin: 0 auto!important;
	}
.sweet-menucategory a, .sweet-menucategory a:visited{
	    display: block!important;
	    line-height: 29px!important;
	    background: #d8e6ef;
	    border: solid 1px #bbb!important;
	    border-top: none!important;
	    padding: 0 15px!important;
	    color: #444444!important;
	    text-decoration: none!important;
	}
	.sweet-menucategory a:hover {
	    background: #005394;
	    color:#ffffff!important;
	}
	.side-wrap .mobileonly {
		display: block;
		background-color: #f90;
		color: #fff!important;
	}
	.sidebar1 {
		background-color: #fff;
		border-bottom: solid 1px #9fb4c2;
	}
	.sweet-menucategory.collapse {
		display: none;
	}
	.sweet-menucategory.collapse.in {
		display: block;
	}

}
@media screen and (max-width: 728px) {
	
	.baskettk {
	    display: block;
	    font-size: 14px;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box
	}
	.productcell {
	    margin-right: 250px;
	}
	.productcell form {
	    max-width: calc(100% - 92px);
	}
	.deletecell {
	    width: 25px;
	    right: 140px
	}

	.quantitycell {
	    width: 50px;
	    right: 165px
	}

	.pricecell, .totalcell {
	    width: 70px;
	}

	.pricecell {
	    right: 70px
	}

	.totalcell {
	    right: 0;
	}
}
@media screen and (max-width: 622px) {
	
	.options {
		height: auto;
	}
	.options .block {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.basketspecialoffers .halfoffer {
	    width: 100%;
	    display: inline-block;
	    margin: 5px 0px;
	    vertical-align: top;
	}
	
	.screwleft {
		width: 100%;
		float: none;
	}
	.screwright {
		width: 100%;
		float: none;
	}
}
@media screen and (max-width: 575px) {
	.product.left, .product.right {
		width: 100%;
		float: none;
	}
	.subitem.left, .subitem.right {
		width: 100%;
		float: none;
		height: auto;
	}
	.pfbox.left, .pfbox.right {
		width: 100%;
		float: none;
	}
	.proddets {
		padding-bottom: 25px!important;
	}
	.reviewform label {
		width: 100%;
	}
	.reviewform input {
		width: 100%;
	}
	.reviewform textarea {
		width: 100%;
	}
}
@media screen and (max-width: 534px) {
	.options .block {
		width: 100%;
		height: auto;
	}
	.searchbox {
		padding-left: 5px;
		padding-right: 5px;
	}
	.searchbox h4 {
	    padding: 5px 0px 0 0;
	    text-align: center;
	}
	.newsmainimg {
	    float: none; 
	    padding:10px 0px;
	    width: 100%;
	    height: auto;
	}
	.overlayinfo h4 {
	    font-size: 12px;
	}
}

@media screen and (max-width: 414px) {
	.searchbox h4 {
	   font-size: 12px;
	}
	.g-recaptcha {
		margin-left: -20px;
	}
}
@media screen and (max-width: 354px) {
	.header .logo a {
	    width: 100%;
	}
	.header .strap h3 {
	    font-size: 14px;
	    line-height: 15px;
	    padding-bottom: 5px;
	}
	.searchbox input[type=radio] {
	    margin-left: 4px;
	}
	.radiobuttons {
		width: 80px;
	}
}