@media screen and (min-width:1px) and (max-width:567px) {
h1.page-heading{font-size:31px; padding-top:4px;}

.customise-page{ margin:0px;}
.our-products-bottom-button{ padding:20px 0;}

.site-map .site-mappart1 ul{ width:100%;}
.site-map .site-mappart1 .last li{ width:100%;}
.site-map .site-mappart-new ul{ width:100%; min-height:inherit;}

.site-map .site-mappart1 ul.site-map-part1{ width:100%;}
.site-map .site-mappart1 ul.site-map-part1 li{ width:50%;}
.site-map .site-mappart1 ul.site-map-part2 li{ width:50%;}
.site-map .site-mappart1 ul.site-map-part3 li{ width:50%;}
.site-map .site-mappart1 ul.site-map-part4{width:50%;}
.site-map .site-mappart1 ul.site-map-part5{width:50%;}
.site-map .site-mappart1 ul.site-map-part6 li{ width:100%;}

}


@media screen and (min-width:1px) and (max-width:414px) {
h1.page-heading{font-size:31px;}
.our-products-bottom-button a{ margin:0 5px; width:180px;}
.site-map .site-mappart1 ul.site-map-part1 li{ width:50%;}
.site-map .site-mappart1 ul.site-map-part2 li{ width:100%;}
.site-map .site-mappart1 ul.site-map-part3 li{ width:100%;}
}

@media screen and (min-width:1px) and (max-width:400px) {
.our-products-bottom-button a{ width:90%; margin:0 0 15px;}

.site-map .site-mappart1 ul.site-map-part1 li{ width:100%;}
.site-map .site-mappart1 ul.site-map-part4{ width:100%;}
.site-map .site-mappart1 ul.site-map-part5{ width:100%;}

}

@media screen and (min-width:568px) and (max-width:666px) {
h1.page-heading{font-size:31px; padding-top:4px;}

.site-map .site-mappart1 ul{ width:100%;}
.site-map .site-mappart1 .last li{ width:100%;}
.site-map .site-mappart-new ul{ width:100%; min-height:inherit;}
}

@media screen and (min-width:667px) and (max-width:767px) {
h1.page-heading{font-size:33px;}

.site-map .site-mappart1 ul{ width:100%;}
.site-map .site-mappart1 .last li{ width:100%;}
.site-map .site-mappart-new ul{ width:100%; min-height:inherit;}

.site-map .site-mappart1 ul.site-map-part1{ width:100%;}
.site-map .site-mappart1 ul.site-map-part2 li{ width:33%;}
.site-map .site-mappart1 ul.site-map-part3 li{ width:33%;}
.site-map .site-mappart1 ul.site-map-part4{width:50%;}
.site-map .site-mappart1 ul.site-map-part5{width:50%;}
.site-map .site-mappart1 ul.site-map-part6 li{ width:50%;}

}

@media screen and (min-width:768px) and (max-width:1023px) {
h1.page-heading{font-size:33px;}

.site-map .site-mappart1 ul{ width:50%;}
.site-map .site-mappart1 .last li{ width:50%;}
.site-map .site-mappart-new ul{ width:50%;}
}