.for_mob{display: none;}
#myTopnav{display: none;}


button.icon {
    display: none;
    background: url(http://burrowsconsulting.co.nz/data/uploads/images/menu.png);
    background-size: cover;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    border-color: transparent;color: transparent!important;    margin-left: 30px;
}
button.icon:active,button.icon:focus { outline: none;}
button.icon:hover {
    background-image: url(http://burrowsconsulting.co.nz/data/uploads/images/menu.png);
    color: transparent !important;
}
@media screen and (max-width: 600px) {
#myTopnav {
    display: block;
    margin: 0; padding: 10px 20px;transition: all 7s linear;
}
button.icon {
    display: block;
    float: left;
    position: absolute;
    top: 20px;
    margin: 0 5px;
}
  ul.sf-menu.sf-js-enabled {
    display: none;
}
  .topnav li a {display: none;}
  .topnav li a.icon {
    float: right;
    display: block;
  }
  li.responsive {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    border-bottom: 1px solid #c6c6c6;
}
.main nav {
    display: none;
}
.head-box {
    width: 85%;
    float: right;
}
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;    width: 80%;
    padding-top: 50px;
    text-transform: uppercase;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive li {
    border-bottom: 1px solid #c8b7b7;
    margin-bottom: 7px;
}
  .topnav li.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/*================================RESPONSIVE=============================*/

@media (min-width : 992px) and (max-width: 1024px){
.bg {width: 100% !important;margin: 0px !important;}
body {font-size: 100%;min-width: 100%;}
#toTop {right: 0px !important;}
}

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

.bg {
	width: 100%!important;
	margin: 0px!important;
}
body{
	font-size: 100%;
	min-width: 100%;
}
#toTop {
	right: 0px!important;
}	
.gallery {
	padding: 0px 0 0 77px !important;
}
.sf-menu li {
	width: 117px;
}
nav {
	width: 100%;
}
.main {
	width: 100%!important;
}
.container_24 {
	width: 100% !important;
}
.container_24 .grid_24 {
	width: 100% !important;
}
.container_24 .grid_16 {
width: 90%;
    padding: 10px;
}
.container_24 .grid_7 {
	width: 100%;
}
.container_24 .grid_17 {
	width: 100%;
}
.page2-img1 {
	margin: 0px !important;
	float: left;
	width: 50%;
}
.top_img {
	width: 100%!important;
}
.page2-box4 {
	width: 33%;
	margin-right: 0px!important;
}
.page2-img3 {
	margin-right: 1px;
	width: 33%;
}
.container_24 .grid_23 {
	width: 100%;
}
.container_24 .grid_23 p {
	width: 96%!important;
}
.wrapper.p17 {
	width: 100% !important;
}
.container_24 .grid_6 {
    width: 45%;
    float: left!important;
}
#form1 label {
    width: 90%!important;
}
.container_24 .grid_8 {
    width: 90%!important;
    float: none!important;
    margin: 0 auto!important;
    display: block!important;
}
.container_24 .grid_15 img {
	width: 100%;
}
.container_24 .grid_15 {
	width: 44%;
}
.page2-box1 p {
    width: 100%!important;
}
}

@media (max-width: 767px){
	a.next.car-button, a.prev.car-button {
    display: none;
}
	.for_desk{display: none;}
	.for_mob{display:block;}
.page2-box1 p { width: 100%!important;}
.bg {width: 100% !important;margin: 0px !important;}
body {font-size: 100%;min-width: 100%;}
#toTop {right: 0px !important;}
.gallery {padding: 0 !important;width: 95%!important; margin: 0 auto;}
.head-box a img {  width: 250px;}
.foot-text, .foot-text2 {text-align: center!important; float: none!important;}
.container_24 .push_1 {left: 0!important;}
.sf-menu li {width: 117px;}
nav {width: 100%;}
.main {width: 100% !important;}
.container_24 {width: 100% !important;}
.container_24 .grid_24 {width: 95% !important;}
.container_24 .grid_16 {width: 95%;}
.container_24 .grid_7 {width: 95%;}
.sf-menu a{ font-size: 15px;padding: 27px 3px;}
.container_24 .grid_17 {width: 56%;}
.page2-img1 { margin: 0 auto !important;float: none;width: 100%;}
.top_img { width: 100% !important; height: 100%!important;}
.page2-box4 { width: 100%; margin-right: 0px !important;}
.page2-img3 {margin-right: 1px;width: 33%;}
.container_24 .grid_23 {width: 100%;}
.container_24 .grid_23 p {width: 96% !important;}
.wrapper.p17 {width: 100% !important;}
.container_24 .grid_15 img {width: 100%;}
.container_24 .grid_6 { width: 95%!important;}
.container_24 .grid_15 { width: 100%;}
.container_24 .grid_9 { width: 100%!important;}
}

@media (max-width: 500px){
.sf-menu a {
    font-size: 13px!important;
    padding: 7px 3px!important;
}
}