@charset "utf-8";
/* CSS Document */
@media all and (max-width:1024px) and (min-width:981px) {
.page {overflow: hidden; width: 100%}
}
@media all and (max-width:980px) and (min-width:768px) {
/*---home page start ipad---*/
.top-navigation .top-search {
    margin: 7px 8px 0 43%;
}
.center .bredcrumb_display {margin: 21px 0 0 10px; height:auto}
#top-header { float: left; width: 100%;}
.page {overflow: hidden; width: 100%}
.header-right {float: right; padding:35px 2% 0px 0px; width: 55%;}
.top-navigation {float: left; width:100%;}
.phone-right-box { float: left; margin: 18px 0 0 10px;}
#top-header .fright{ float: none; width: 100%; clear:both}
.top-nav li{ padding: 0 2%;}

.header_mob_menu{ display:block;}
.small_nav_header{ display: block;
    margin: 6px;
    position: absolute;
    width: 35%;}
.header-bottom{   display: block;
    float: right;
    margin: 5px 2% 2%;
    width: auto;}
.header-bottom .brand-bg{ float:right;}
.header-bottom .phone-right-box{ float:right;}

.nav-middle li a{ font-size:15px;}
.nav-middle li a:hover{ font-size:15px;}
.nav-middle li a.active{ font-size:15px;}

.navigation-main{margin: 0 !important;  width: 100%;}
.nav-middle{width: 93%;}

.social-icon{float: right;
    margin-right: 6px;
    width: auto;}
#header-bottom-bg #home{font-size: 24px;}
#header-bottom-bg #home span{font-size: 26px;}
.one-third { padding: 0 1%; width: 98%;}
.one-third .figure {padding: 0 2%; width: 29%;}
.one-third .figure img{width:100%; height:auto}
.one-third .figcaption{ width:70%; position:absolute;  padding:0px; z-index:10; text-align:center; bottom:15px; left:16%}
.one-third .figcaption img{width:100%; height:auto}
.one-third .last{width:32%; float:left}
.one-third .last img{width:100%; height:auto}
.enquiry-bg{margin: 34px 2% 0 ;width: 96% ; background:url(../images/content-box-top-ipad.png) no-repeat; padding-bottom: 20px ;}
.col-left { padding: 10px 2% 0 2%; width:96%;}
.col-left p{ width: 100%; font-size: 13px; padding-bottom: 20px;}
.enquiry-bg form#contactForm{position: relative; width: 88%;clear: both;margin: auto;float: none;padding: 20px 2% 20px 2%;border: 16px #cb6129 solid;display: table;}
.enquiry-bg form#contactForm h4{margin: 0 0 0 0px;padding: 0px 0px 10px 0px;position: absolute;top: -16px;left: 50%;background:url(../images/bg-enquiry.png) no-repeat;width: 210px;margin-left: -105px;text-align: center;}
form#contactForm .fieldset ul.form-list .field2{width:100%; background: none;}
form#contactForm .fieldset ul.form-list .field2 .input-box{width:100%}
form#contactForm .fieldset ul.form-list .field2 label{width:auto;text-align: left;}
form#contactForm .fieldset ul.form-list .field2 label.required em{position: inherit;right: inherit;}
.enquiry-bg form#contactForm .fieldset{ padding: 0 !important;  width: 100% !important;}
form#contactForm .fieldset ul.form-list .field{width:46%; margin: 0px 1% 0px 0px;  padding: 1.5%;}
form#contactForm .fieldset ul.form-list .field label{width:auto;}
form#contactForm .fieldset ul.form-list .field .input-box {margin-left: 0px;width: 100%;}
form#contactForm .fieldset ul.form-list .field input.input-text{margin: 0 0 0 0%;  padding: 3px 0 0 0px; width: 100%; float:left}
form#contactForm .fieldset ul.form-list .field label.required em{right: -6px;}
.fieldset ul.form-list li.comment-field{width: 46%;margin:20px 0 0px 1%;padding: 1.5%; margin-right:1%;}
form#contactForm .fieldset ul.form-list .field2 .input-box textarea{ margin: 0 0 0 0%;  padding: 3px 0 0 0px; width: 100%; float:right}
.enquiry-bg .form-cotent{margin:20px 0px 0px 0px; padding: 0; width: 48%;}
.form-cotent span.qustions{width:100%}
.button-bg{width: 100%;float: right;}
.button-bg input{ height: 32px; width:32px}
.button-bg p.complete{width:118px;}
.col-left h2.heading1{width:100%}
.one-third .last{}
.main-bg{width:100%}
.main-content-bg{width:100%; padding-bottom:20px;}
.main-content-heading{}
.main-content {padding: 50px 2% 0; width: 96%;}
.left-content{width: 65%;}
.left-content p {width:100%}
.backyard-bg img {width: 33%; height:auto; z-index: 10; position:relative;}
#main-bottom-strip{overflow: hidden; width:100%}
.corner-right{display: none;}
.corner-left{display: none;}
#main-bottom-strip #home{ font-size: 26px;}
#main-bottom-corner	{display:none;}
#footer-left{width:75%; float:left}
.footer-right{width:25%;}
#box-bottom .col-1 { padding: 21px 2% 0; width: 46%;}
#box-bottom .col-2 { padding: 31px 0 0 2%; width: 46%;}
#box-bottom .col-2  img{ width:100%; height:auto}
#banner-bg{  min-height:320px;}
.footer-menu{padding: 0 0 0 5%; width: 95%;}
#box-bottom .enquire-box{width:100%; background-size:100%}
#box-bottom .enquire-box #home{font-size:50px;  padding: 20px 0 10px;}
#box-bottom .enquire-box input{width:50%}
#box-bottom .enquire-box p{font-size: 14px; padding: 8px 0 0 4px;}
#box-bottom{ height: 242px;}
#box-bottom .enquire-box #home span{font-size: 20px;}
.main-content-heading{margin: 15px 0 0; background: none;}
.main-content-heading h1{padding:16px 0px 0px 20px}

.my-account .main-content-heading h1{padding:16px 0px 0px 0px; width:auto}
/*---home page closed ipad---*/
/*---category page start ipad---*/
.col1-layout .products-grid {width: 750px;margin: auto;}
#inner-header-bottom-bg #aust{font-size: 26px;}
#inner-header-bottom-bg #aust span{font-size: 28px;}
#inner-header-bottom-bg ul.category-link{width: 20%; padding: 12px 0px 0px 2%;}
.inner-content{width: 96%; padding: 0px 2% 0px 2% !important;}
.page-title{background:none; width: auto;}
.page-title h1{padding: 12px 0px 0px 20px;}
.category-title{background:none; margin: 0px !important; width: 100%;}
.cus_satisfy_bg{width: 45%;}
.animal-brand-bg{width: 52%; float:right}
.supporting-brands{width: 100%;}
.rspca{padding:0px}
ul.products-grid .one-third{width: 31%; margin:0px 2% 0px 0px}
ul.products-grid .one-third img {width:98%;height: auto;position: absolute;top:-150px;padding: 0px 0px 0px 0px;}
.product-content-box{padding: 100px 10px 0;}
ul.products-grid .one-third .last img{width:100%; height:auto}
.product-content-box p.capacity span.quantity img{width:auto; height:auto; position: inherit;}
ul.products-grid .one-third{height: auto; margin: 0 10px;  padding: 0 5px;  position: relative; width:215px;}
ul.products-grid li.item .figure{height:198px; margin: 0; width: 100%;}
.product-hover-bg p.search_icon{display:none}
.product-hover-bg p.view-text {display:none}
.products-grid li.item{width: 100%;padding:200px 0px 0px 0px;margin: 0px;}
.products-grid .one-third .figcaption{text-align: left;width: 152px;float: none;margin: auto;}
.products-grid .product-image {display: block;width: auto;height: auto;}
.scroller-bg{width: 45% !important; height: auto;}
.reviews_bg{ border: 2px solid #572F19; border-radius: 5px 5px 5px 5px; float: left; width: 100%; background:none;  height: 400px;}
.ask_form_bg{width: 47%; float:right}
.ask_form fieldset{width:98%; float:left; }
.ask_form{width:100%; height: 400px; border: 2px solid #572F19; border-radius: 5px 5px 5px 5px;  background:none;}
.ask_form fieldset textarea{ height: 110px !important;}
.ask_form fieldset textarea{width:96% !important; padding: 10px 2% !important;}
.submit-button{padding: 10px 0% 0 0 !important;}
.ask_form fieldset { border: medium none; float: left; margin: 0; padding: 12px 5% 0; width: 90%; height: 370px;}
.ask_form fieldset  ul.form-list{width:100%}
.form-list .input-box{width: 100% !important;}
.ask_form fieldset input{ padding: 15px 2%; width:96% !important;}

.shopbrands{width:100%;}
.shopbrands .fleft{display:none}
.middle_section{width: 94%;padding: 0px 3% 0px 3%;}
.middle_section li{padding: 6px 2% 0px 2% !important;  }
.product-hover-bg{display:none !important}
.pro_brands_bg{padding: 0px 0px 0px 0px;}
#second-box {width: 96%;float: left;margin: 35px 0px 0px 0px;padding: 5px 2% 0px 2%;min-height: auto;}
.form-list input.input-text{width:100%;}
#Successmsg{margin-top: 10px !important;}
/*---product page start ipad---*/

.buttons-bg ul.category-buttons li{margin: 0 4px 5px 0;}
.cus_satisfy_bg ul li{padding: 9px;}
.detail-content{width: 100%; float:left}
.detail-bg .figure{ float: none;  margin: auto;  padding: 0; width: 80%;}
.product-view .one-half .detail-bg{width: 100%; margin:40px 0 0;}
.detail-bg .figure img{width:auto;  float: left;}
.features-bg .feature-text{width: 40%; float:left}
.features-bg img{float: left;}
.features-bg { float: none; margin: auto; padding: 0; width: 80%; position: relative;}
.detail-bg p.chicken-cap{margin:10px auto; padding: 30px 0px 0px 0px; width: 80%;}
.features-bg .feature-text {width: 100%;}
.product-review-box .col-1{text-align: center; width: auto;text-align: center; width: auto;}
.product-review-box .col-2{width: auto;clear: both; float: none;}
.product-review-box .product-review-bg{border-right: 0 none;}
.product-review-box{height:auto; padding: 0 0 20px;}
/*---cart page start ipad---*/
.cart {width: 100%;}
.cart .cart-collaterals .col2-set {float: left;width: 100%;}
.about {margin-top:60px;padding: 0px 2% 20px 2%;width: 96%;}
/*---cart page closed ipad---*/
/*---login page---*/
.account-login #login-form .col2-set .new-users {float: left;width: 100%;}
.account-login #login-form .col2-set .registered-users {float: left;width: 100%;margin: 20px 0px 0px 0px;}
.account-login #login-form .col2-set .registered-users li {padding: 7px 2% 10px 2%;width: 96%;}
.account-login #login-form .col2-set .content .form-list input.input-text {width: 98%;padding: 1%;}
.account-login #login-form .col2-set .buttons-set{width: 98%;padding: 1%;}
.account-login #login-form .col2-set .new-users .content{padding: 2%;width: 96%;}
.account-login #login-form .col2-set .content{padding: 2%;width: 96%;}
.col1-layout .col-main ul.messages{width:100%}
.col2-right-layout .sidebar{padding: 2%;width: 96%; margin: 0px 0px 20px 0px;}
.checkout-onepage-index .col-main{width: 76%;}
.main .col-main #checkoutSteps #checkout-step-login {background: none;margin: 0px;top: 120px;width: 92% !important;padding: 4%;}
#opc-login .col-2 {display: block;width: 49%;float: right;}
.main-bg2 {width: 100%;padding: 0px;}
.main-bg2 .main-content-bg {width: 96%;padding: 0px 2% 20px 2%;}
.checkout-onepage-index .col-main {padding: 0;border: 0;width: 100%;}
#checkoutSteps{margin: 0px 0px 25px 0px;}
.buttons-bg ul.category-buttons li a{font-size: 18px;}
.main-content-bg .inner-topright-bg { float: left; margin: 50px 0 0 !important; padding: 0 0 20px;  width: 265px;}
.category-products .toolbar .sorter{float: left;}
.bredcrum-bg{float: left;}
.inner-topright-bg form{margin: 0;padding: 0;}
#opc-review .step { border-top: 1px solid #BBAFA0; padding: 30px 0 !important; width: 98% !important;}
.main-content-bg .account-create{padding: 35px 0 0; width: 100%;}
.form-list .field { float: left; margin: 0 !important; padding: 2% !important;    width: 96%;}
.ask_form .form-list .field {float: left; margin: 0 !important;  width:100%;}
.account-create #form-validate .fieldset label{ padding: 0 0 5px;}
.account-create .fieldset{width: 100%;}
.form-list input.input-text{   width: 97%;}
.account-create .fieldset .form-list li{margin: 0 !important; padding: 2% !important;    width: 94%;}
.col2-left-layout .col-main{float: left; width:70% !important;}
.col2-left-layout .col-left {float: left; margin: 22px 0 0; padding: 0; width:26%;}
.my-account .top form .fieldset{ padding: 22px 2% 12px; width: 95%;}
.about2 .std {margin: 0px 0 0; padding: 0px;}
.allprodctspecial {float: left;padding-left: 0px;}
.about2 {padding: 15px 0px 15px 0px;}
.opc .step{width:90% !important; margin-left:0px !important; margin-right:0px !important; padding:0px !important;}
.about2 .about .contact_address{width:100%; float:left; min-height: auto;}
.title_new2 {float: left;width: 100%;}
.about2 iframe{width:100% !important; overflow:hidden}
.block-cart .block-content .amount{width:auto}
.block-cart .block-content .subtotal{width:auto}
#scrollbar1{margin: 20px 0 10px !important;width: 100% !important;}
.rate{width: 45%;clear: both;text-align: right;}
}

@media all and (max-width:767px) and (min-width:481px) {
.top-navigation .top-search {
    float: left;
    margin: 7px 8px 0 39%;
}
.small_nav_header {
    display: block;
    margin: 6px;
    position: absolute;
    width: 36%;
}

	.center .bredcrumb_display {margin: 21px 0 0 10px; height:auto}
	.footer_mob_menu{ display:block; width:88%; margin:6px 10%; padding:5px 5px; height:33px;}
	.footer-menu{padding: 0 0 0 5%; width: 95%;}
	.top-navigation {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    width:100%;}
	
.header_mob_menu{ display:block;}

.header-bottom{ width:90%; float:right; margin:5px 2% 2% 2%; display:none;}
.header-bottom .brand-bg{ float:right;}
.header-bottom .phone-right-box{ float:right;}
.header-right .brand-bg{display:block;}
.header-right .phone-right-box{}	
.nav-middle{display:none}
.small_nav{width:96%;  border-radius: 5px; margin:0px 2%; display:block;  background: url("../images/nav-middle-bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0); box-shadow: 5px 2px 4px #000000;  display: inline; float: left;   list-style: none outside none;}
.small_nav select {float: none;margin:5px 1%;padding:5px;border: 0px none;font-size: 15px;color: #111;font-family: 'Open Sans', sans-serif;background: none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width: 98%;position: relative;z-index: 10;
border:none; text-transform:uppercase;}
.small_nav select option{margin:0px 0px 0px 0px;  color:#333; font-size:13px; line-height:24px; padding: 3px 0px 3px 10px;}
.small_nav select option strong{margin:0px 0px 0px 0px; font-weight:bold; font-size:15px;}
.navigation-main .fleft{display: none;}
#top-header { float: left; width: 100%;}
.page { width: 100%; overflow:hidden}
.center { margin: auto; width: 100%;}
.header-right {clear: both; float: none; padding: 0 2%; width: 96%;}
.top-nav{padding: 10px 2%; width: 95%; display:none;}
#top-header .fright{ float: none; width: 100%; clear:both}
.top-nav li{ padding: 0 2%;}
.main-nav{ float: left;  margin: 23px 0 0 !important; width: 100%; height:45px;}
.navigation-main{margin: 0 0 0 0px !important;  width: 100%;}
.nav-middle{width: 93%;}
#nav li a {  font-size: 15px;  font-weight: normal; padding: 5px 7%;}
.social-icon{float: right;
    margin-right: 6px;
    width: auto;}
#header-bottom-bg #home{font-size: 24px;}
#header-bottom-bg #home span{font-size: 26px;}
.one-third { padding: 0 1%; width: 98%;}
.one-third .figure {padding: 0 2%; width: 29%;}
.one-third .figure img{width:100%; height:auto}
.one-third .figcaption{ width:70%; position:absolute;  padding:0px; z-index:10; text-align:center; bottom:15px; left:16%}
.one-third .figcaption img{width:100%; height:auto}
.one-third .last{width:32%; float:left}
.one-third .last img{width:100%; height:auto}
.enquiry-bg{margin: 34px 1% 0 !important;width: 98% !important; background:url(../images/content-box-top-ipad.png) no-repeat; padding-bottom: 20px !important;}
.col-left { padding: 10px 2% 0 2%; width:96%;}
.col-left p{ width: 100%; font-size: 13px; padding-bottom: 20px;}
.enquiry-bg form#contactForm{position: relative; width: 88%;clear: both;margin: auto;float: none;padding: 20px 2% 20px 2%;border: 16px #cb6129 solid;display: table;}
.enquiry-bg form#contactForm h4{margin: 0 0 0 0px;padding: 0px 0px 10px 0px;position: absolute;top: -16px;left: 50%;background:url(../images/bg-enquiry.png) no-repeat;width: 210px;margin-left: -105px;text-align: center;}
form#contactForm .fieldset ul.form-list .field2{width:100%; background: none;}
form#contactForm .fieldset ul.form-list .field2 .input-box{width:100%}
form#contactForm .fieldset ul.form-list .field2 label{width: 100%;text-align: left;}
.enquiry-bg form#contactForm .fieldset{padding:0px 0 0 !important; width: 100% !important;}
form#contactForm .fieldset ul.form-list .field2 label.required em{position: inherit;right: inherit;}
form#contactForm .fieldset ul.form-list .field{width:46%; margin: 0px 1% 0px 0px;  padding: 1.5%;}
form#contactForm .fieldset ul.form-list .field label{width:auto;}
form#contactForm .fieldset ul.form-list .field .input-box {margin-left: 0px;width: 100%;}
form#contactForm .fieldset ul.form-list .field input.input-text{margin: 0 0 0 0%;  padding: 3px 0 0 0px; width: 100%; float:left}
form#contactForm .fieldset ul.form-list .field label.required em{right: -6px;}
.fieldset ul.form-list li.comment-field{width: 46%;margin:20px 0 0px 1%;padding: 1.5%; margin-right:1%;}
form#contactForm .fieldset ul.form-list .field2 .input-box textarea{ margin: 0 0 0 0%;  padding: 3px 0 0 0px; width: 100%; float:right}
.enquiry-bg .form-cotent{margin:20px 0px 0px 0px; padding: 0; width: 48%;}
.form-cotent span.qustions{width:100%}
.button-bg{width: 100%;float: right;}
.button-bg input{ height: 32px; width:32px}
.button-bg p.complete{width:118px;}
.col-left h2.heading1{width:100%}
.one-third .last{}
.main-bg{width:100%}
.main-content-bg{width: 100%;background: none; margin:0px 0px 0px 0px;}
.main-content-heading h1{padding: 0px 0px 0px 20px; margin:0px;} 
.my-account .main-content-heading h1{background:none; padding: 0px 0px 0px 0px; margin:0px}
.main-content-heading{width: auto !important;background: none;}
.main-content {padding: 50px 2% 0; width: 96%;}

.left-content{width: 100%;}
.left-content p {width:100%}
.backyard-bg img {width: auto;height: auto;z-index: 10;position: relative;float: left;text-align: center;display: table;}
#main-bottom-strip{overflow: hidden; width:100%}
.corner-right{display: none;}
.corner-left{display: none;}
#main-bottom-strip #home{ font-size: 20px;
line-height: 24px;}
#main-bottom-corner	{display:none;}
#footer-left{width:75%; float:left}
.footer-right{width: auto;
clear: both;}
#box-bottom .col-1 {  clear: both; display: table; float: none; padding: 21px 2% 0; text-align: center; width: 96%;}
#box-bottom .col-2 { padding: 0px 0 0 2%;clear: both;width: 100%;text-align: center;}
#box-bottom .col-2  img{ width:auto; height:auto}
#banner-bg{  min-height: 210px;}
.footer-menu{padding: 0 0 0 5%; width: 95%;}
#box-bottom .enquire-box{background-size: 100%;margin: auto !important;float: none;width: 460px;}
#box-bottom .enquire-box #home{font-size:50px;  padding: 33px 0 0px 0px;}
#box-bottom .enquire-box input{width:50%}
#box-bottom .enquire-box p{font-size: 12px; padding:46px 0 0 4px;}
#box-bottom{ height:520px;}
#box-bottom .enquire-box #home span{font-size: 20px;}
/*---category page start small ipad---*/
.col1-layout .products-grid {width: 496px;margin: auto;}
#inner-header-bottom-bg #aust{font-size: 26px;}
#inner-header-bottom-bg #aust span{font-size: 28px;}
#inner-header-bottom-bg ul.category-link{width: 20%; padding: 12px 0px 0px 2%; display: inline-block; float: none;}
.inner-content{width: 96%; padding: 0px 2% 0px 2% !important;}
.page-title{background:none; width: auto;}
.page-title h1{padding: 12px 0px 0px 20px;}
.category-title{background:none; margin: 0px !important;}
.cus_satisfy_bg{width:100%;}
.animal-brand-bg{width: 100%;float: left;padding: 15px 0px 0px 0px;}
.supporting-brands p {float: none;margin: 0px;padding: 0px 0px 0px 16px;}
.supporting-brands{width: 100%; height:auto;}
.rspca{padding:0px}
ul.products-grid .one-third{width: 31%; margin:0px 2% 0px 0px}
ul.products-grid .one-third img {width:98%;height: auto;position: absolute;top:-150px;padding: 0px 0px 0px 0px;}
.product-content-box{padding: 100px 10px 0;}
ul.products-grid .one-third .last img{width:100%; height:auto}
.product-content-box p.capacity span.quantity img{width:auto; height:auto; position: inherit;}
ul.products-grid .one-third{height: auto; margin: 0 10px;  padding: 0 5px;  position: relative; width:215px;}
ul.products-grid li.item .figure{height:198px; margin: 0; width: 100%;}
.product-hover-bg p.search_icon{display:none}
.product-hover-bg p.view-text {display:none}
.products-grid li.item{width: 100%;padding:200px 0px 0px 0px;margin: 0px;}
.products-grid .one-third .figcaption{text-align: left;width: 152px;float: none;margin: auto;}
.products-grid .product-image {display: block;width: auto;height: auto;}
.scroller-bg{width: 45% !important; height: auto;}
.reviews_bg{ border: 2px solid #572F19; border-radius: 5px 5px 5px 5px; float: left; width: 100%; background:none;  height: 400px;}
.ask_form_bg{width: 47%; float:right}
.ask_form fieldset{width:98%; float:left; }
.ask_form{width:100%; height: 400px; border: 2px solid #572F19; border-radius: 5px 5px 5px 5px;  background:none;}
.ask_form fieldset textarea{ height: 110px !important;}
.ask_form fieldset textarea{width:96% !important; padding: 10px 2% !important;}
.submit-button{padding: 10px 0% 0 0 !important;}
.ask_form fieldset { border: medium none; float: left; margin: 0; padding: 12px 5% 0; width: 90%; height: 370px;}
.ask_form fieldset  ul.form-list{width:100%}
.form-list .input-box{width: 100% !important;}
.ask_form fieldset input{ padding: 15px 2%; width:96% !important;}

.shopbrands{width:100%;}
.shopbrands .fleft{display:none}
.middle_section{width: 94%;padding: 0px 3% 0px 3%;}
.middle_section li{padding: 6px 2% 0px 2% !important;  }
.product-hover-bg{display:none !important}
.pro_brands_bg{padding: 0px 0px 0px 0px;}
#second-box {width: 96%;float: left;margin: 35px 0px 0px 0px;padding: 5px 2% 0px 2%;min-height: auto;}
.form-list input.input-text{width:100%;}
#Successmsg{margin-top: 10px !important;}
/*---category page closed small ipad---*/
/*---product page start ipad---*/
.main-content-bg .inner-topright-bg{clear: both;float: left;margin: 50px 0px 0px 0px !important;}
.category-products .toolbar .sorter{  float: left;}
.bredcrum-bg{float:left}
.buttons-bg ul.category-buttons li{margin: 0 4px 5px 0;}
.cus_satisfy_bg ul li{padding: 9px;}
.detail-content{width: 100%; float:left}
.detail-bg .figure{ float: none;  margin: auto;  padding: 0; width: 80%;}
.product-view .one-half .detail-bg{width: 100%; margin:40px 0 0;}
.detail-bg .figure img{width:100%;  float: left;}
.features-bg .feature-text{width: 40%; float:left}
.features-bg img{width:100%}
.features-bg { float: none; margin: auto; padding: 0; width: 80%; position: relative;}
.detail-bg p.chicken-cap{margin:10px auto; padding: 30px 0px 0px 0px; width: 80%;}
.features-bg .feature-text {width: 100%;}
.product-review-box .col-1{text-align: center; width: auto;text-align: center; width: auto;}
.product-review-box .col-2{width: auto;clear: both; float: none;}
.product-review-box .product-review-bg{border-right: 0 none;}
.product-review-box{height:auto; padding: 0 0 20px;}
/*---cart page start ipad---*/
.cart {width: 100%;}
.cart .cart-collaterals .col2-set {float: left;width: 100%;}
.about {margin-top:60px;padding: 0px 2% 20px 2%;width: 96%;}
/*---cart page closed ipad---*/
/*---login page---*/
.account-login #login-form .col2-set .new-users {float: left;width: 100%;}
.account-login #login-form .col2-set .registered-users {float: left;width: 100%;margin: 20px 0px 0px 0px;}
.account-login #login-form .col2-set .registered-users li {padding: 7px 2% 10px 2%;width: 96%;}
.account-login #login-form .col2-set .content .form-list input.input-text {width: 98%;padding: 1%;}
.account-login #login-form .col2-set .buttons-set{width: 98%;padding: 1%;}
.account-login #login-form .col2-set .new-users .content{padding: 2%;width: 96%;}
.account-login #login-form .col2-set .content{padding: 2%;width: 96%;}
.col1-layout .col-main ul.messages{width:100%}
.col2-right-layout .sidebar{padding: 2%;width: 96%; margin: 0px 0px 20px 0px;}
.checkout-onepage-index .col-main{width: 76%;}
.main .col-main #checkoutSteps #checkout-step-login {background: none;margin: 0px;top: 120px;width: 92% !important;padding: 4%;}
#opc-login .col-2 {display: block;width: 49%;float: right;}
.main-bg2 {width: 100%;padding: 0px;}
.main-bg2 .main-content-bg {width: 96%;padding: 0px 2% 20px 2%;}
.checkout-onepage-index .col-main {padding: 0;border: 0;width: 100%;}
#checkoutSteps{margin: 0px 0px 25px 0px;}
#opc-review .step { border-top: 1px solid #BBAFA0; padding: 30px 0 !important; width: 98% !important;}
.main-content-bg .account-create{padding: 35px 0 0; width: 100%;}
.form-list .field { float: left; margin: 0 !important; padding: 0% !important;    width: 96%;}
.account-create #form-validate .fieldset label{ padding: 0 0 5px;}
.account-create .fieldset{width: 100%;}
.form-list input.input-text{   width: 97%;}
.account-create .fieldset .form-list li{margin: 0 !important; padding: 2% !important;    width: 94%;}
.col2-left-layout .col-main{width: 100% !important; float:left}
.col2-left-layout .col-left {float: left; margin: 22px 0 0; padding: 0; width: 100%;}
.my-account .top form .fieldset{ padding: 22px 2% 12px; width: 95%;}
.about2 .std {margin: 0px 0 0; padding: 10px;}
.allprodctspecial {float: none;padding-left: 0px;}
.main-content-heading { margin: 15px 0 0 !important;}
.opc .step{width:90% !important; margin-left:0px !important; margin-right:0px !important; padding:0px !important;}
.about2 .about .contact_address{width:100%; float:left; min-height: auto;}
.title_new2 {float: left;width: 100%;}
.about2 iframe{width:100% !important; overflow:hidden}
.block-cart .block-content .amount{width:auto}
.block-cart .block-content .subtotal{width:auto}
.rate{width: 45%;clear: both;text-align: right;}
}

@media all and (max-width:480px) and (min-width:320px) {
.center .bredcrumb_display {margin: 21px 0 0 10px; height:auto}
.phone-right-box .email{ background: url("../images/icon-email.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    margin-left: 6px;
    padding: 2px 0 4px 34px;}
	
	
.top-navigation .top-search {
    float: left;
    margin: 7px 2% 0;
    width: 96%;
}
	.phone-right-box h5{font-size: 11px;}
	.main-nav{ height:45px;}
	#respond #commentform p input#author{padding: 8px 1%;  width: 95% !important;}
	#respond #commentform p input#email{padding: 8px 1%;  width: 95% !important;}
	#respond #commentform p input#url{padding: 8px 1%;  width: 95% !important; margin: 0 !important;}
	#respond #commentform textarea#comment{padding: 8px 1%;  width: 95% !important;}
	.comment-post h2 {clear: both; padding: 10px 0; color:#000}
		.footer_mob_menu{ display:block; width:88%; margin:6px 6% 20px 6%; padding:5px 5px; height:33px;}
		#footer-left {background: url("../images/secure-icon.png") no-repeat scroll 20px 50px rgba(0, 0, 0, 0);}
		#footer-left .secure{padding:15px 0 0 60px;}
		.icon-bg{padding: 15px 0 0 25px;}
	.footer-menu{padding: 0 0 0 5%; width: 95%;}
	.top-navigation {float: left; width: 80%; }
.header_mob_menu{ display:block;}
.small_nav_header{ display:block; margin:6px; width:96%;}	
#footer-left h4{padding: 15px 0 0 60px;}

#top-header .fright{ float: none; width: 100%; clear:both}
.header-bottom{ display:none;}
.header-right .brand-bg{display:block;}
.header-right .phone-right-box{}
.header-right { float: left; padding:15px 2% 0 2%; width:96%;}
.top-nav{padding: 10px 2%; width: 95%;}	
.phone-right-box .phone{ display:none;}
#logo a{margin: 0 0 0 15px;}

.alignleft {float: left;width: 250px;}
.alignleft a img {float: left;margin: 0;width: 90%; height: auto;}
.alignleft a {float: left;padding: 3px 0px 0px 0px; width: 34%;}
.brand-bg a.mac {float: left;padding: 21px 0 0;width: 39px;}
.brand-bg a.mac  img{width:90%; height:auto}
.brand-bg p{padding: 2px 10px 0 11px;}
.brand-bg h4{font-size: 13px}
.nav-middle{display:none}
.small_nav{width:96%;  border-radius:5px; margin:0px 2%; display:block;  background: url("../images/nav-middle-bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0); box-shadow: 5px 2px 4px #000000;  display: inline; float: left;   list-style: none outside none;}
.small_nav select {float: none;margin: 5px 1%;padding: 5px 5px;border: 0px none;font-size: 15px;color: #111; font-weight:600;background: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 98%;
position: relative;
z-index: 10;
border:none; height:33px;}
.small_nav select option{margin:0px 0px 0px 0px; 
 color:#333; font-size:13px; line-height:24px;}
.small_nav select option strong{margin:0px 0px 0px 0px; font-weight:bold; font-size:15px;}
.navigation-main .fleft{display: none;}
.brand-bg {background-size: 100% auto; clear: both;  float: none;  height: 75px;  margin: auto;  width: 310px;}
#top-header { float: left; width: 100%;}
.page { width: 100%;   overflow: hidden;}
.header-right {clear: both; float: none; padding: 0 2%; width: 96%;}
.top-nav{padding: 10px 2%; width: 95%; }
.header .form-search {
    float: left;
    text-align: right;
    width: 100%;
}

.top-navigation .top-search form .form-search input {
    float: left;
    margin: 0 5px 0 0;
    width: 69%;
}

.top-navigation {float: left; width: 100%; background:none;}
.phone-right-box {float: none;margin: 18px auto 20px auto;clear: both;}
#top-header .fright{ float: none; width: 100%; clear:both}
.top-nav li{ padding: 0 2%;}
.main-nav{ float: left;  margin: 5px 0 0; width: 100%; padding:0px;}
.navigation-main{margin: 0 0 0 0px !important;  width: 100%;}
.nav-middle{width: 93%;}
#nav li a {  font-size: 15px;  font-weight: normal; padding: 5px 7%;}
#header-bottom-bg #home{font-size: 24px;}
#header-bottom-bg #home span{font-size: 26px;}
.one-third { padding: 0 1%; width: 98%;}
.one-third .figure {clear: both; padding: 0 0%; width: 100%; margin: 10px 0; text-align: center; float:none}
.one-third .figure img{width:auto; height:auto}
.one-third .figcaption{ width:auto; position:absolute;  padding:0px; z-index:10; bottom:15px; left: 50%;margin-left: -98px;}
.one-third .figcaption img{width:auto; height:auto}
.one-third .last{float:none;  padding: 0 0%; width:310px; text-align:center; margin: auto;}
.one-third .last img{width:100%; height:auto}
.enquiry-bg{margin: 34px 1% 0 !important;width: 98% !important;  overflow: hidden; background:url(../images/content-box-top-ipad.png) no-repeat; padding-bottom: 20px !important; min-height:auto !important;}
.col-left { padding: 10px 2% 0 2%; width:96%;}
.col-left p{ width: 100%; font-size: 13px; padding-bottom:20px;}
.enquiry-bg form#contactForm{ position: relative;width: 80%;clear: both;margin: auto;float: none;padding: 20px 2% 20px 2%;border: 16px #cb6129 solid;display: table;}
.enquiry-bg form#contactForm h4{margin: 0 0 0 0px;padding: 0px 0px 10px 0px;position: absolute;top:-16px;left: 50%;background:url(../images/bg-enquiry.png) no-repeat;width: 210px;margin-left: -105px;text-align: center;}
form#contactForm .fieldset ul.form-list .field2{width:100% !important; background: none;}
form#contactForm .fieldset ul.form-list .field2 label.required em{position: inherit;right: inherit;}
form#contactForm .fieldset ul.form-list .field2 .input-box{width:100%}
form#contactForm .fieldset ul.form-list .field2 label{width: 100%;text-align: left;}
.enquiry-bg form#contactForm .fieldset{padding:0px 0 0 !important; width: 100% !important;}
form#contactForm .fieldset ul.form-list .field{width:46%; margin: 0px 1% 0px 0px;  padding: 1.5%;}
form#contactForm .fieldset ul.form-list .field label{width:auto;}
form#contactForm .fieldset ul.form-list .field .input-box {margin-left: 0px;width: 100%;}
form#contactForm .fieldset ul.form-list .field input.input-text{margin: 0 0 0 0%;  padding: 3px 0 0 0px; width: 100%; float:left}
form#contactForm .fieldset ul.form-list .field label.required em{right: -6px;}
.fieldset ul.form-list li.comment-field{width: 46%;margin:20px 0 0px 1%;padding: 1.5%; margin-right:1%;}
form#contactForm .fieldset ul.form-list .field2 .input-box textarea{ margin: 0 0 0 0%;  padding: 3px 0 0 0px; width: 100%; float:right}
.enquiry-bg .form-cotent{margin:20px 0px 0px 0px; padding: 0; width: 48%;}
.form-cotent span.qustions{width:100%}
.button-bg{width: 100%;float: right;}
.button-bg input{ height: 32px; width:32px}
.button-bg p.complete{width:118px;}
.col-left h2.heading1{width:100%}
.one-third .last{}
.main-bg{width:100%}
.main-content-bg{width:100%}
.main-content-heading{width: auto;background: none;margin: 15px 0px 0px 0px !important;padding: 0px;}
.main-content-heading h1{background:none; padding: 0px 0px 0px 20px; margin:0px}
.my-account .main-content-heading h1{background:none; padding: 0px 0px 0px 0px; margin:0px}
.main-content {padding:95px 2% 0; width: 96%;}
.left-content{width: 100%;}
.left-content p {width:100%}
.backyard-bg img { display: table; float: none; height: auto; margin: 0 auto; width: 270px;}
#main-bottom-strip{overflow: hidden; width:100%}
#box-bottom{ width:100%; float:left; margin:35px 0px 0px 0px; padding:0px; height:auto; background:url(../images/banner-bg.png) repeat;}
.corner-right{display: none;}
.corner-left{display: none;}
#main-bottom-strip #home{ font-size: 21px;line-height: 25px;}
#main-bottom-corner	{display:none;}
#footer-left{float: none; margin: auto; overflow: hidden; width: 310px;}
.footer-right{clear: both; text-align: center; width: 100%;}
.footer ul li {display: inline; padding: 0 2px;}
#box-bottom .col-1 {  padding: 21px 0% 0; width:310px; height: auto; float:none; margin:auto}
#box-bottom .col-2 { float: none; margin: auto; padding: 21px 0px 0; width: 310px;}
#box-bottom .col-2  img{ width:100%; height:auto}
#banner-bg{height: auto;  background:url(../images/banner-bg.png) repeat; padding-bottom:20px;}
.footer-menu{padding: 0 0 0 5%; width: 95%;}
#box-bottom .enquire-box{background-size: 100% auto; float: none; height: 200px; margin: auto; overflow: hidden; width: 310px;}
#box-bottom .enquire-box #home{font-size:50px;  padding: 13px 0 0px 0px;}
#box-bottom .enquire-box input{width:50%}
#box-bottom .enquire-box p{font-size: 13px; padding: 12px 0 0 4px;}
#box-bottom{ height:auto; padding-bottom: 20px;}
#box-bottom .enquire-box #home span{font-size: 20px;}
/*---category page start iphone---*/
.col1-layout .products-grid {width: 255px;margin: auto;}
.category-products .toolbar {float: left;width: auto;margin:0px 0px 0px 0px;}
.bredcrum-bg {margin: 7px 0px 0px 0px;padding: 0px;width: auto;float: left; clear: both;}
#inner-header-bottom-bg #aust{font-size: 26px;}
#inner-header-bottom-bg #aust span{font-size: 28px;}
#inner-header-bottom-bg ul.category-link{width: 30%;padding: 12px 0px 0px 2%;margin: auto;float: none;clear: both;display: none;}
#inner-header-bottom-bg span.map {float: none;margin: auto;display: none;}
#inner-header-bottom-bg h1 span{ clear: both;
    float: left;
    font-size: 28px;
    width: 100%;}
#inner-header-bottom-bg h1{ font-size:28px; width:100%; text-align:center; padding: 13px 0 3px;}
.inner-content{width: 96%; padding: 0px 2% 0px 2% !important; overflow: hidden;}
.page-title{background:none; width: auto;}
.page-title h1{padding: 12px 0px 0px 10px;}
.category-title{background:none; margin: 0px !important;}
.cus_satisfy_bg{width: 100%;}
.cus_satisfy_bg ul li.first, .cus_satisfy_bg ul li.last{width: 31%;}
.cus_satisfy_bg ul li{width: 32%; padding: 0px 1% 0px 1% !important;}
.cus_satisfy_bg ul{width:100%}
.cus_satisfy_bg ul li img{width:100%;}
.cus_satisfy_bg ul li.first img, .cus_satisfy_bg ul li.last img{width:100%}
.animal-brand-bg{width: 100%;float: none;clear: both;}
.supporting-brands{width: 100%; height: auto;}
.rspca{padding:0px}
ul.products-grid .one-third{width: 31%; margin:0px 2% 0px 0px}
ul.products-grid .one-third img {width:98%;height: auto;position: absolute;top:-150px;padding: 0px 0px 0px 0px; left:0px}
.product-content-box{padding: 100px 10px 0;}
ul.products-grid .one-third .last img{width:100%; height:auto}
.product-content-box p.capacity span.quantity img{width:auto; height:auto; position: inherit;}
ul.products-grid .one-third{height: auto; margin: 0 10px;  padding: 0 5px;  position: relative; width:215px;}
ul.products-grid li.item .figure{height:198px; margin: 0; width: 100%;}
.product-hover-bg p.search_icon{display:none}
.product-hover-bg p.view-text {display:none}
.products-grid li.item{width: 100%;padding:200px 0px 0px 0px;margin: 0px;}
.products-grid .one-third .figcaption{text-align: left;width: 152px;float: none;margin: auto;float: left;position: inherit;left: 36px;}
.products-grid .product-image {display: block;width: auto;height: auto;}
.scroller-bg{width: 100% !important; height: auto;}
.reviews_bg{ border: 2px solid #572F19; border-radius: 5px 5px 5px 5px; float: left; width: 100%; background:none;  height: 400px;}
.ask_form_bg{width:100%; float:left}
.ask_form fieldset{width:98%; float:left; }
.ask_form{width:100%; height: 400px; border: 2px solid #572F19; border-radius: 5px 5px 5px 5px;  background:none;}
.ask_form fieldset textarea{ height: 110px !important;}
.ask_form fieldset textarea{width:96% !important; padding: 10px 2% !important;}
.submit-button{padding: 10px 0% 0 0 !important;}
.ask_form fieldset { border: medium none; float: left; margin: 0; padding: 12px 5% 0; width: 90%; height: 370px;}
.ask_form fieldset  ul.form-list{width:100%}
.form-list .input-box{width: 100% !important;}
.ask_form fieldset input{ padding: 15px 2%; width:96% !important;}
.shopbrands{width:100%;}
.shopbrands .fleft{display:none}
.middle_section{width: 94%;padding: 0px 3% 0px 3%;}
.middle_section li{padding: 6px 2% 0px 2% !important;  }
.product-hover-bg{display:none !important}
.pro_brands_bg{padding: 0px 0px 0px 0px;}
#second-box {width: 96%;float: left;margin: 35px 0px 0px 0px;padding: 5px 2% 0px 2%;min-height: auto;}
.form-list input.input-text{width:100%;}
#Successmsg{margin-top: 10px !important;}
/*---category page closed iphone---*/
.main-content-bg .inner-topright-bg{clear: both;float: left;margin:70px 0px 0px 0px !important;}
/*---product page start ipad---*/
.buttons-bg ul.category-buttons li{margin: 0 4px 5px 0;}
.cus_satisfy_bg ul li{padding: 9px;}
.detail-content{width: 100%; float:left}
.detail-bg .figure{ float: none;  margin: auto;  padding: 0; width: 80%;}
.product-view .one-half .detail-bg{width: 100%; margin:40px 0 0;}
.detail-bg .figure img{width:100%;  float: left;}
.features-bg .feature-text{width: 40%; float:left}
.features-bg img{width: 100%;}
.features-bg { float: none; margin: auto; padding: 0; width: 80%; position: relative;}
.detail-bg p.chicken-cap{margin:10px auto; padding: 30px 0px 0px 0px; width: 80%;}
.features-bg .feature-text {width: 100%;}
.product-review-box .col-1{text-align: center; width: 96%;padding: 28px 2%;}
.product-review-box .product-review-bg a{padding: 0px 4% 0px 0px;width: 46%;}
.product-review-box .product-review-bg a img{width:100%}
.product-review-box .col-2{width: auto;clear: both; float: none;}
.product-review-box .product-review-bg{border-right: 0 none; width:100%}
.product-review-box{height:auto; padding: 0 0 20px;}
.features-bg1 img{float:left; margin: 10px;}
.features-bg ul.features-link{width:100%}
.product-review-box .col-2 a{padding: 0px 1% 0px 0px;width: 32%;}
.product-review-box .col-2 a img{width:100%;}
.features-bg p{width:100%}
/*---cart page start ipad---*/
.cart {width: 100%;}
.cart .cart-collaterals .col2-set {float: left;width: 100%;}
.about {margin-top:60px;padding: 0px 2% 20px 2%;width: 96%;}
.cart-table td#product-img-iphone{ text-align:center !important; float:none}
.cart-table td#product-img-iphone a{float:none;}
#shopping-cart-table tbody h2.new-price{display: block; float: left; padding: 0 0px 0 0; font-size:15px; color:#333; width:60px;}
#shopping-cart-table tbody h2.new-qty{display: block; float: left; padding: 0 0px 0 0; font-size:15px;  color:#333; width:60px;}
#shopping-cart-table tbody h2.sub{display: block; float: left; padding: 0 0px 0 0; font-size:15px;  color:#333; width:60px;}
.cart .data-table tr {border: 1px dashed #CCCCCC; margin-bottom: 20px; background:url(../images/banner-bg.png) repeat; padding: 2%; width: 96%; float:left}
.cart .data-table td {border: 1px solid #DDDDDD; padding: 5px;}
.cart .cart-table td, .my-account #wishlist-table td { border: medium none !important; display: block; overflow: hidden; text-align: left !important;}
.cart .data-table thead.large {display: none;}
#shopping-cart-table tfoot{background-color:transparent}
.cart-table .last button.button {clear: both; display: table; float: none; margin: auto; padding: 3px 0 0 5px; text-align: center;}
.col-main .cart .cart-collaterals .col2-set .col-2 { float: left; width: 100%;}
.col-main .cart .cart-collaterals .col2-set .col-2 .discount { padding: 10px 2%;  width: 95%;}
.col-main .cart .cart-collaterals .totals{ padding: 2%; width: 95%; float:left}
.col-main .cart .cart-collaterals .col2-set .col-2 .discount .input-box input{width: 96%;}
/*---cart page closed ipad---*/
/*---login page---*/
.account-login #login-form .col2-set .new-users {float: left;width: 100%;}
.account-login #login-form .col2-set .registered-users {float: left;width: 100%;margin: 20px 0px 0px 0px;}
.account-login #login-form .col2-set .registered-users li {padding: 7px 2% 10px 2%;width: 96%;}
.account-login #login-form .col2-set .content .form-list input.input-text {width: 98%;padding: 1%;}
.account-login #login-form .col2-set .buttons-set{width: 98% !important;padding: 1% !important;margin: 0px !important;}
.account-login #login-form .col2-set .new-users .content{padding: 2%;width: 96%;}
.account-login #login-form .col2-set .content{padding: 2%;width: 96%;}
.col1-layout .col-main ul.messages{width:100%}
#login-form .col-1{width: 100%; float:left}
#login-form .col-2{width: 100%; float:left}
.account-login {width: 96%;margin: auto;}
.opc .step-title { width:30%; padding:0px 2% 0px 0px }
.opc li#opc-payment .step-title{}
#opc-shipping_method{height:200px}
.opc:first-of-type .active .step{margin-top:100px; height:1180px; padding: 2%; width: 96% !important;}
.opc .step{margin-top:100px; width:90% !important}
.opc{height:1180px;}
.cart .data-table tr.even{background:#fff} 
.cart .data-table tr{border: 1px dashed #CCCCCC; margin-bottom:20px}
.title-buttons ul.checkout-types li button{display:none}
#bg-iphone-cart{background:#f6f6f6; width:94%; padding:6px 3% !important; font-size:15px;}
.cart .data-table thead.large{display:none}
.cart .totals { float: right; width: 75%;}
.opc .form-list li.wide .input-box, .opc .form-list .input-box { clear: none; float: none; width: 100%;}
.opc .form-list label { text-align: left;}
.member_form form#form-validate input{ margin-right: 0.5%; padding: 0.5%; width: 60%; margin-bottom:10px; float: left;}
.member_form #form-validate label {width: 30%;}
.col2-right-layout .sidebar{padding: 2%;width: 96%; margin: 0px 0px 20px 0px;}
.checkout-onepage-index .col-main{width: 76%;}
.main .col-main #checkoutSteps #checkout-step-login {background: none;margin: 0px;top:200px;width: 92% !important;padding: 4%;}
#checkoutSteps #checkout-step-billing{background: none; margin:0px; top:200px; width: 92%!important; padding: 4%;}
#checkout-step-shipping_method{background: none;margin: 0px;top:200px;width: 92% !important;padding: 4%;}
#checkout-step-payment{top:200px;}
#checkoutSteps #opc-review #checkout-step-review{top:200px;}
#opc-login .col-2 {display: block;width: 49%;float: right;}
.main-bg2 {width: 100%;padding: 0px;}
.main-bg2 .main-content-bg {width: 96%;padding: 0px 2% 20px 2%;}
.checkout-onepage-index .col-main {padding: 0;border: 0;width: 100%;}
#checkoutSteps{margin: 0px 0px 25px 0px;}
#checkout-step-login .col2-set .col-1 {width: 100%;float: left;}
#checkout-step-login .col2-set .col-2 {float: left;width: 100%;}
#opc-login .col-2 fieldset{width: 100%;}
#opc-login .col-2 .input-text {width:98%;}
#scrollbar1 .viewport{ width: 100%;}
.about2 .page-title{margin:0px}
.about2 .std{padding:0px}
#opc-review .step { border-top: 1px solid #BBAFA0; padding: 30px 0 !important; width: 98% !important;}
.main-content-bg .account-create{padding: 35px 0 0; width: 100%;}
.form-list .field { float: left; margin: 0 !important; padding: 0% !important;    width:100%;}
.account-create #form-validate .fieldset label{ padding: 0 0 5px;}
.account-create .fieldset{width: 100%;}
.form-list input.input-text{   width: 97%;}
.account-create .fieldset .form-list li{margin: 0 !important; padding: 2% !important;    width: 94%;}
.col2-left-layout .col-main{width: 100% !important;float: left;}
.col2-left-layout .col-left {float: left; margin: 22px 0 0; padding: 0; width: 100%;}
.my-account .top form .fieldset{ padding: 22px 2% 12px; width: 95%;}
.about2 .std {margin: 0px 0 0; padding: 10px;}
.allprodctspecial {float: none;padding-left: 0px;}
.opc .form-list li fieldset { margin-bottom: 40px; width: 100%;}
.form-list select { width: 100%;}
.form-list li.wide input.input-text {width: 97%;}
#checkout-step-review.step { margin: 0 !important; padding: 20px 0 !important; width:100% !important;}
.main-content-heading { margin: 15px 0 0 !important;}
.ratings {clear: both; width: 45%;  text-align: right;}
.about2 .about .contact_address{width:100%; float:left; min-height: auto;}
.title_new2 {float: left;width: 100%;}
.about2 iframe{width:100% !important; overflow:hidden}
.about2 .about #contactForm .fieldset {width: 280px;float: none;margin: auto;padding: 0px 10px 25px 10px !important;background: url("../images/contact-form-bg.png") no-repeat scroll 0 0 transparent;
height: 356px;background-size: 100%;}
.about #contactForm .form-list {width: 100%;float: left;}
.about form#contactForm .fieldset ul.form-list .field{width: 90%; margin: 0px 5% 12px 5% !important;}
.about .fieldset ul.form-list li.comment-field{width: 90%; margin: 0px 5% 12px 5% !important;}
.about form#contactForm .fieldset ul.form-list .field input.input-text{width:97%}
.about form#contactForm .fieldset ul.form-list .field2 label{width:100%}
.about2 .about #contactForm{width:100%}
.main .col-main .center .main-bg .main-content-bg .about2 .main-content-heading {margin: 2px 0 0 0px !important;}
.about form#contactForm .fieldset ul.form-list .field2 .input-box textarea {width: 96% !important;padding: 0px 2% !important;}
.my-account .dashboard .box-account .col2-set .col-1 {float: left;width: 100%;}
.col2-set .col-2 {float: left;width: 100%;}
.my-account .top form .fieldset .form-list li{padding: 7px 2% 10px 2%;width: 96%;}
.block-cart .block-content .amount{width:auto}
.block-cart .block-content .subtotal{width:auto}
.my-account .top form .buttons-set{width: 93%;padding: 2%;}
.rate{width:100%;clear: both;text-align: right;}
}

/* blog media */

@media screen and (max-width:1024px) and (min-width: 769px) { 
.center .bredcrumb_display {margin: 21px 0 0 10px; height:auto}
.main-nav {
    float: left;
    margin: 5px 0 0;
    padding: 0 0 0 5px;
    width: 98%;
}

.center {
    margin: auto;
    width:100%;
}

.center .blog-content-bg {
    padding: 18px 5px 15px 9px;
    width: 98%;
}

#nav li a {
    color: #3D1304;
    float: left;
    font-weight: normal;
    padding: 5px 5px;
}
.blog-left-content{ width: 69%;}
.post{ width:100%;}
.posttitle{ background:url(../images/heading-text-bg.png) no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); margin: 0 0 0 -5px;  width: 100%;}
.posttitle a{ font-size:18px; padding-left:17px;}
.entry-utility { width:100%;}
.entry-content{ width:100%;}
.entry-content p{ width:100%;}
.postimg img{ width:97%;}
.blog-left-content .wp-paginate li .page { width:auto;}
.blog-aside{ width:30%;}
.category-bg {width: 90%;}
.category-bg ul{ width:100%;}
.archive-bg ul{ width:100%;}
.latest-tweet-bg ul{ width:100%;}
.archive-bg{width: 90%;}
.archive-bg {width: 90%;}
.latest-tweet-bg{width: 90%;}
.category-bg ul li{ width:100%;}
.archive-bg ul li{ width:100%;}

.blog-single-bg {
    padding: 18px 5px 15px 9px !important;
}

}
@media screen and (max-width: 768px) and (min-width: 766px) { 
.center .bredcrumb_display {margin: 21px 0 0 10px; height:auto}
.main-nav {
    float: left;
    margin: 5px 0 0;
    padding: 0 0 0 5px;
    width: 98%;
}
#respond form p textarea{width: 74%;}
.comment-post h2 { clear: both;
    color: #000000;
    margin: 0;
    padding: 10px 0;
    position: inherit;}
	.comment-post{margin: 0;    padding: 0 0 10px;}
#nav li a {
    float: left;
    font-size: 15px;
    font-weight: normal;
    padding: 5px 5px !important;
}
.center {
    margin: auto;
    width: 99%;
}
.center .blog-content-bg {
    padding: 18px 5px 15px 9px;
    width: 98%;
}
.blog-left-content{ width: 69%;}
.post{ width:100%;}
.posttitle{ background:url(../images/heading-text-bg.png) no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); margin: 0 0 0 -5px;  width: 100%;}
.posttitle a{ font-size:18px; padding-left:17px;}
.entry-utility { width:100%;}
.entry-content{ width:100%;}
.entry-content p{ width:100%;}
.postimg img{ width:97%;}
.blog-left-content .wp-paginate li .page { width:auto;}
.blog-aside{ width:30%;}
.category-bg {width: 90%;}
.category-bg ul{ width:100%;}
.archive-bg ul{ width:100%;}
.latest-tweet-bg ul{ width:100%;}
.archive-bg{width: 90%;}
.archive-bg {width: 90%;}
.latest-tweet-bg{width: 90%;}
.category-bg ul li{ width:100%;}
.archive-bg ul li{ width:100%;}
.blog-single-bg {
    padding: 18px 10px 15px !important;
}
.nav-middle li a{ font-size:15px;}

}
@media screen and (max-width: 765px) and (min-width: 481px) { 
#respond form p textarea{ width:78%;}

.nav-middle li a{ font-size:15px;}
.center .bredcrumb_display {margin: 21px 0 0 10px; height:auto}
.center{width: 99%;}
.center .blog-content-bg { padding: 18px 10px 15px; width: 95%;}
.blog-left-content{ width:100%;}
.post{ width:100%;}
.posttitle{height: auto;
    margin: 0 0 0 -5px;
    padding: 0 0 10px;
    width: 100%; background:none}
.posttitle a{ padding:0px;}
.entry-utility{ width:100%;}
.postimg{ width:100%;}
.postimg img{ width:97%; height:100%;}
.entry-content p{ width:100%;}
.content-text{ width:100%; float:left;}
.entry-content{ width:100%;}
.blog-left-content .navigation{ float:left; width:100%; margin-bottom:25px;}
.blog-left-content .wp-paginate li .page { width:auto;}
.blog-aside {float: none; margin: auto; padding: 0; width: 260px;}
.latest-tweet-bg .minitweets .minitweets-end{ border-radius:6px; margin-top:0px !important}
.main-nav{ width:97% !important;}
.blog-single-bg {
    padding: 18px 10px 15px !important;
}
.admin_comment{ width:94%;}
#inner-header-bottom-bg span.map{ display:none;}

}


@media screen and (max-width: 480px) and (min-width: 320px) { 
#respond form p label#captcha_code_label{ width:auto;}
.entry-content p a {}
.entry-content p a img{  height: auto;
    margin: 0;
    padding: 0 0 10px;
    width:300px !important;}
.center{width: 99%;}
.center .blog-content-bg { padding: 18px 2% 15px !important; width: 96%;}
.blog-left-content{ width:100%;}
.post{ width:100%; padding:0px}
.center .bredcrumb_display {margin: 21px 0 0 10px; height:auto}
.posttitle{  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);  height: auto;  margin: 0;  padding: 0 0 10px;  position: inherit;  width: 97%; }
.posttitle a{padding-left: 0;  padding-top: 0;}
.comment-post{padding: 0 0 10px;}
.entry-utility{ width:100%;}
.postimg{ width:100%;}
.postimg img{ width:97%; height:100%;}
.entry-content p{ width:100%;}
.content-text{ width:100%; float:left; }

.entry-content{ width:100%; padding-bottom: 30px;}
.blog-left-content .navigation{ float:left; width:100%; margin-bottom:25px;}
.blog-left-content .wp-paginate li .page { width:auto;}
.blog-aside {float: none; margin: auto; padding: 0; width: 260px;}
.latest-tweet-bg .minitweets .minitweets-end{ border-radius:6px; margin-top:0px !important}

.blog-single-bg {
    padding: 18px 10px 15px !important;
}
.admin_comment{ width:94%;}
.leave_reply{ width:100%;}
#respond form p label{ float:left; width:94%; padding-bottom:5px;}
#respond #commentform p input{ margin:0px !important; width:300px !important;}
#respond form p.form-submit input{ margin-right:0px;}
#respond form p textarea{ margin:0px !important; width:300px !important;}
#respond form p.form-submit input#submit{ width:88px !important; margin:0px 2% 20px 0px !important;}

#respond #commentform p input#captcha_code{ margin: 6px 7px 0 0 !important;
    width: 141px !important;}
.captchaSizeDivSmall{ margin:0px;}	
	
}
@media all and (max-width:980px) {

.header-right {
padding:0;
width:68%;
margin:10px 0 0
}
#top-header {
box-sizing:border-box;
width:100%;
padding:0 10px
}
#logo {
width:30%;
margin:0
}
#logo img {
max-width:100%;
height:auto
}
.header-right .brand-bg {
width:60%;
margin:0;
background-size:100% 100%
}
.header-right .brand-bg .alignleft {
width:80%
}
#logo a {
margin:0;
width:100%
}
.top-nav {
width:62%
}
.top-navigation {
float:left;
width:100%
}
.header_mob_menu {
display:block
}
.small_nav_header {
display:block;
margin:6px;
position:absolute;
width:35%
}
.header-bottom {
width:auto;
float:right;
margin:5px 2% 2%;
display:block
}
.header-bottom .phone-right-box {
float:right
}
.phone-right-box {
float:right;
margin:18px 0%;
word-wrap:break-word
}
#top-header .fright {
float:none;
width:100%;
clear:both
}
.top-nav li {
padding:0;
float:none;
display:inline-block
}
#main-bottom-corner, .corner-left, .corner-right, .phone-right-box .phone, .social-icon {
display:none
}
.top-nav li.cart {
float:none
}
.top-navigation .top-search {
width:32%;
margin:7px 0 0;
float:right
}
.top-navigation .top-search form .form-search input {
font-size:11px;
width:69%;
line-height: 17px;
box-sizing:border-box
}
#search_mini_form button.button span span {

box-sizing:border-box
}
.main-nav {
float:left;
margin:55px 0 0;
width:100%
}
.navigation-main {
margin:0 !important;
width:100%
}
.phone-right-box .email {
	font-size:11px;
height:inherit;
line-height:15px;
min-height:18px
}
.nav-middle {
width:96%;
padding:0 2% !important;
border-radius:5px
}
#nav li {
text-align:left
}
#nav li a {
font-size:15px;
font-weight:400;
padding:5px !important;
float:left
}
.social-icon {
float:right;
width:auto;
margin-right:6px
}
#header-bottom-bg #home {
font-size:24px
}
#header-bottom-bg #home span {
font-size:26px
}
.footer-menu li {
padding:2px
}
.header-right .brand-bg .alignleft .bottom img {
margin:3px 0 0 4px;
float:left
}

}

@media all and (max-width:767px) {

#footersticky-fix-bar-download .formisthis{width:100%; margin:0px}
#nav2button, #nav2content ul li a {
font-weight:700;
text-transform:uppercase
}

#logo, .footer, .footer-menu, .header-right, .phone-right-box, .top-nav {
text-align:center
}

#logo, .about .cart form {
width:100%
}
.phone-right-box .email {

}
#main-bottom-strip {
height:inherit
}
#main-bottom-strip #home2 {
padding:10px 0;
font-size:22px;
line-height:27px
}
#logo {
padding:10px 0 0
}

.social-icon {
display:none
}
#footer-left .secure, .footer ul li, .footer-menu li, .header-right .brand-bg, .icon-bg, .phone-right-box, .phone-right-box h5, .top-nav li {
display:inline-block
}
#header-bottom-bg #home1 {
font-size:20px;
line-height:25px
}
.nav-middle li {
width:100%;
margin:0;
padding:0 !important
}
#nav li a {
padding:8px 0;
width:100%
}
.main-nav {
float:left
}
.nav-middle li ul li a {
text-transform:none
}
#nav div, #nav ul {
clear:both
}
.top-nav li {
float:none;
vertical-align:top;
padding:0 1%
}
.header-right {
margin:0;
float:left;
width:100%;
padding:10px 0
}
.top-nav {
padding:5px 2%;
width:60%
}
#main-bottom-corner, .corner-left, .corner-right, .phone-right-box .phone, .social-icon {
display:none
}
.top-nav li.cart {
float:none
}
.top-navigation .top-search {
width:32%;
margin:7px 0 0;
float:right
}
.top-navigation .top-search form .form-search input {
line-height: 17px;
    width: 70%;
box-sizing:border-box
}
#search_mini_form button.button span {
width:100%;
box-sizing:border-box
}
#search_mini_form button.button span span {

box-sizing:border-box
}
#search_mini_form button.button {
width:28%
}
.top-navigation .top-search {
float:right;
width:100%;
box-sizing:border-box;
margin:10px 0 0
}
.phone-right-box {
width:auto;
float:none;
clear:both;
margin:10px 0px 0px 0px;
padding:5px 0;
max-width:320px
}
.phone-right-box h5 {
width:100%;
text-align:center
}
.phone-right-box .email {
display:inline-block;
width:auto;
float:none
}
.header-right .brand-bg {
float:none;
width:100%
}
.header-right .brand-bg img{max-width:100%; height:auto}
#footer-left {
float:none;
background:0 0;
width:100%
}
.footer ul li {
float:none;
vertical-align:middle
}
.footer-menu {
float:left;
width:100%;
padding:0
}
.footer-menu li {
float:none
}
.icon-bg {
float:none;
vertical-align:top;
padding:20px 0 0
}
#footer-left .secure {
background:url(images/secure-icon.png) no-repeat;
float:none;
padding:23px 0 1px 41px
}
.footer-right {
float:none;
padding:0
}
#bothnav, #nav1content, #nav2content {
float:left;
padding:10px;
border-radius:5px;
box-sizing:border-box
}
#bothnav {
background:#f1e1c9;
width:100%;
display:block;
margin-top:10px
}
.header-right .brand-bg .alignleft .bottom img {
float:left;
width:auto;
height:27px;
margin:3px 4px
}
#nav1button, #nav2button {
cursor:pointer;
height:25px
}
#nav1button {
background:url(../images/icon-topmenu.png) center left no-repeat;
padding:0;
text-indent:-9999px;
width:30px;
float:left
}
#nav2button {
background:url(../images/icon-main-menu.png) center right no-repeat;
padding:0 28px 0 0;
float:right;
line-height:25px;
color:#0670be;
text-align:right;
font-size:14px
}
#nav1content, #nav2content {
background-color:rgba(240, 223, 202, .8);
width:100%;
margin:10px 0 0
}
#nav1content ul, #nav2content ul {
margin:0;
padding:0
}
#nav1content li.bar {
display:none
}
#nav1content ul li, #nav2content ul li {
display:block
}
#nav1content ul li a {
text-transform:uppercase;
color:#702706;
font-size:13px
}
#nav2content ul li a {
color:#702706;
font-size:15px
}
#nav2content ul li ul {
padding:2px 0 2px 20px
}
#nav2content ul li ul li a {
text-transform:none;
color:#702706;
font-size:13px;
padding:1px 5px;
font-weight:400
}
#nav1content ul li a, #nav2content ul li a {
padding:3px;
width:100%;
box-sizing:border-box;
display:block
}
#nav1content, #nav2content, .main-nav, .top-nav {
display:none
}
}
@media all and (max-width:1160px) {
#footersticky-fix-bar-download .center{width:100%}
}
@media all and (max-width:980px) {
	#footersticky-fix-bar-download{padding:10px 0px 35px 0px}
	#footersticky-fix-bar-download .formisthis{padding-left:80px; box-sizing:border-box; margin-top:10px; width:100%}
	#footersticky-fix-bar-download .book-img{top:0px}
	.top-navigation .top-search {float: right; margin: 0; width: 32%;}
	.phone-right-box .phone-header {letter-spacing:3px;}
	.header-right #inner-header-bottom-bg{width:56%}

}
@media all and (max-width:767px) {
	.top-navigation .top-search{width:100%; float:left; padding:0px}
	
}
@media all and (max-width:639px) {
#footersticky-fix-bar-download .book-img, #footersticky-fix-bar-download .secondheading, #footersignupwrapper.formisthis{display:none}
#footersticky-fix-bar-download .firstheading{padding:0px 0px 5px 0px; margin:0px}
#footersticky-fix-bar-download .formisthis{padding:0px}
#footersticky-fix-bar-download .bothheadings{margin:0px}
#footersticky-fix-bar-download{padding:5px 10px 5px 10px}
#footersticky-fix-bar-download input{width:48%}
#getebookbuton{display:block; clear:both; width:115px; float:left}
#footersticky-fix-bar-download .signup-submit{float:left; margin-right:0px; margin-top:10px; width:115px;}
#footer{padding-bottom:100px}
#footersticky-fix-bar-download .formisthis{width:100%}
.thankyoupage{padding:0px;}
.thankyoupage .img{ width:100%; text-align:center}
.thankyoupage .img img{max-width:200px; margin-left:-30px}
}
@media all and (max-width:600px) {
.header-right #inner-header-bottom-bg{width:100% !important}	

}
@media all and (max-width:479px) {
	#post-signup-download .book-img{text-align:center; width:30%}
	#post-signup-download .right-box{width:68%}
	
	#post-signup-download{padding:10px}
	#post-signup-download .book-img img{margin-left:-20px}
	#post-signup-download .firstheading{font-size:13px; padding:0px 0px 10px 0px }
	#post-signup-download .secondheading{padding:0px; line-height:20px; font-size:15px; font-weight:bold; margin:0px 0px 10px 0px}
	.header-right #inner-header-bottom-bg #aust span.shipping-text{font-size:26px;}
	.header-right #inner-header-bottom-bg #aust span.australia-wide{font-size:23px;}
}