@media (min-width: 10px) and (max-width: 500px){

* {
		margin: 0;
		padding: 0;
				}

html, body {
        background: #fff;
		color: #000;
		font-family: Calibri, Verdana, Helvetica, Arial, sans-serif;
		font-size: 101%;		
		font-weight: 500;		
        line-height: 150%;
		scroll-behavior: smooth;		
        text-align: left;
                }
					

h1 {
        font-size: 140%;
                    }
					
h2, .h2 {
        font-size: 130%;
		padding-top: 30px;
		padding-bottom: 10px;
                    }
					
h3 {
        font-size: 120%;
		padding-bottom: 2px;
                    }					
					
h4 {
		padding-top: 0;
				}
				

p {
        width: 100%;
                    }
					
p white {
        color: #fff;
		width: 100%;
                    }
					
					
strong {
		font-weight: 600;
				}					
					

*, *::before, *::after {
        box-sizing: border-box;
                    }

header {
		background-color: transparent;
				}
				
header .container, .navbar-mobile {
		margin-left: auto;
		background-color: #343a40;
				}					

.sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
                    }

.container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
                    }

.px-0 {
        padding-right: 0;
        padding-left: 0;
                    }

.navbar {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem 1rem;
                     }

.navbar-brand {
        display: inline-block;
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem;
        margin-right: 1rem;
        white-space: nowrap;
                    }
					
.navbar-desktop {
		display: none;
				}
				
.navbar-mobile {
		width: fit-content;
		position: absolute;
		right: 0;
				}			

a {
        display: inline-block;
        color: #000080;
        text-decoration: none;
        background-color: transparent;
		font-weight: 600;
                    }

a:not([href]) {
        color: inherit;
        text-decoration: none;
                    }

img {
        vertical-align: middle;
        border-style: none;
                    }

.navbar-toggler {
        padding: 0.25rem 0.75rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 0.25rem;
                    }

.navbar-toggler:hover, .navbar-toggler:focus {
        text-decoration: none;
                    }

header span {
        display: block;
        text-align: center;
                    }


.navbar-collapse {
		display: none;
		flex-basis: 100%;
		flex-grow: 1;
		align-items: center;
		justify-content: center;
				}
				

.navbar-collapse.active{
		display: flex;
				}				

.navbar-nav {
        padding-top: 20px;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
                    }
					

header .navbar-nav .nav-link {
		font-size: 103%;
		font-weight: 500;
        padding-right: 1rem;
        padding-left: 1rem;
        color: #fff;
        text-align: center;
                    }

.nav-link {
        display: block;
        padding: 0.5rem 1rem;
                    }

.banner-img {
        padding: 40px 0;
                    }
					
.ml-auto, .mx-auto {
        margin-left: auto;
                    }					

ol, ul, dl {
        margin-top: 0;
        margin-bottom: 1rem;
                    }					

.text-center {
        text-align: center;
                    }

.about-us {
		padding: 20px 0;
		background-image: url(../_a_img-buckinghamshire-pest-control/about.webp);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		color: #fff;
		background-attachment: scroll;
				}

.common-text h1 {
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 10px;
        color: #fff;
                    }

.about-us .about-us-inner p {
		color: #fff;
        margin: 0 auto;
        text-align: left;
        margin-bottom: 20px;
                    }


.img-fluid {
		width: 450px;
        max-width: 100%;
        height: auto;
                    }
					
.service {
        padding: 16px 0 24px 0;
                    }					

.service .service-inner .img-fluid {
        max-width: 90%;
                    }

.service .service-inner p {
        margin: 0 auto;
                    }

.contact-link {
        margin-top: 20px;
                    }

.contact-link a {
        background: #000080;
        border: transparent;
        text-align: center;
		font-size: 125%;			
        font-weight: 700;
		margin: 30px auto 0 auto;
        padding: 15px 35px;
        border-radius: 5px;
        transition: all ease .6s;
		color: #fff;
                    }
					
.contact-link a:hover {
        color: #fff;
        background-color: #e6be1a;
        opacity: .9;
        text-decoration: none;
                    }					
					
.contact {
        padding: 0 0 20px 10px;
                    }					

.why-bpc {
        background: #F0F1F1;
                    }

.row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
                    }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
                     }

.why-bpc .why-bpc-inner p {
        padding-left: 0;
                    }

.why-bpc .why-bpc-inner p i {
        color: #FDCC03;
        margin: 5px;
                    }

.why-bpc .why-bpc-inner h4 {
        margin-top: 30px;
        margin-bottom: 0;
                    }

.col-6 {
        flex: 0 0 50%;
        max-width: 50%;
                    }

.d-none {
        display: none;
                    }

.common-service {
        padding: 20px 0;
        background-image: url(../_a_img-buckinghamshire-pest-control/bg_4.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
                    }

.common-service .common-service-inner .img-fluid {
        border: 5px solid #fff;
        border-radius: 5px;
                    }


.rats {
        padding: 10px 0;
        background-image: url(../_a_img-buckinghamshire-pest-control/bg_3.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
                    }

.rats .rats-inner {
        background: #fff;
        padding: 40px;
        border-radius: 10px;
        box-shadow: 0 0 18px -6px rgba(255,255,255,.9);
                    }

.rats .rats-inner-item {
        background: #fff;
        box-shadow: 0 0 16px -6px rgba(0,0,0,.5);
        border-radius: 5px;
        padding: 20px;
                    }

.rats .rats-inner-item img {
        margin-bottom: 20px;
                    }

.rats .rats-inner-item p {
        margin-bottom: 0;
                    }

.mt-5, .my-5 {
        margin-top: 3rem;
                    }

.mt-lg-0, .my-lg-0 {
        margin-top: 0;
                    }

.commercial {
        padding: 20px 0;
        background-image: url(../_a_img-buckinghamshire-pest-control/pest-control-in-bucks-3.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        color: #fff;
        background-attachment: fixed;
                    }

.commercial .commercial-inner .img-fluid {
        border: 5px solid #fff;
        border-radius: 5px;
        margin-top: 0;
                    }

.commercial .commercial-inner p:first-child {
        margin-top: 40px;
                    }
					
.commercial .commercial-inner p {
        color: #fff;
                    }
					
.commercial .commercial-inner h2 {
        color: #fff;
                    }					

.commercial .commercial-inner ul {
		list-style: none;
        padding: 0;
                    }

.commercial .commercial-inner ul li {
		color: #fff;
        margin-bottom: 10px;
                    }

.commercial .commercial-inner ul li i {
        margin-right: 10px;
        color: #e85836;
                    }

.text-left {
        text-align: left;
                    }

.mb-0, .my-0 {
        margin-bottom: 0;
                    }

.commercial .contact-link {
        margin-top: 10px;
                    }

.weed-insect {
        padding: 0 0 2px 0;
        background: #F0F2F2;
                    }
					
.weed-insect .weed-img img {
        width: 80%;
        border: 5px solid #fff;
        border-radius: 5px;
        margin-bottom: 20px;
                    }

.weed-insect p:nth-child(2) {
        margin-bottom: 20px;
                    }

.invasive-non-native .invasive-img-1 img {
        max-width: 280px;
                    }

.invasive-non-native .invasive-img-1 img {
        position: relative;
        width: 410px;
                    }

.invasive-non-native .invasive-img-1 h3 {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        width: 280px;
        background: rgba(0, 0, 0, .7);
        color: #fff;
        padding: 8px 0;
                    }

.invasive-non-native p {
        margin: auto;
        text-align: left;
                    }

.reviews {
        margin-bottom: -2px;
        margin-top: -2px;
        padding-bottom: 1px;
        padding-top: 10px;
        font-style: italic;
                }

.review-author {
        margin-bottom: 6px;
                }

.replies {
        padding-bottom: 8px;
        padding-left: 24px;
        padding-top: 4px;
                    }


.form-group {
        margin-bottom: 1rem;
                    }

.contact label {
        font-size: inherit;
                    }

label {
        display: inline-block;
        margin-bottom: 0.5rem;
                     }

.contact input {
        height: calc(2em + .75rem + 2px);
                    }

.form-control {
        display: block;
        width: 100%;
  /*      height: calc(1.5em + 0.75rem + 2px);  */
        padding: 0.375rem 0.75rem;
        color: #000;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                    }

button, input {
        overflow: visible;
                    }

input, button, select, optgroup, textarea {
        margin: 0;
                    }
					
input, textarea {
		font-family: inherit;
		font-size: inherit;
				}					

.text-danger {
        color: #dc3545;
                    }

.contact input[type="submit"] {
        background: #FDCC03;
        border: transparent;
        text-align: center;
        font-weight: 600;
        padding: 10px 45px;
        border-radius: 5px;
		margin-bottom: 20px;
		margin-top: 0;
        transition: all ease .6s;
                    }

.contact input[type="submit"]:hover{
        color: #fff;
        background-color: #caa305;
        opacity: .9;
                    }

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
        cursor: pointer;
                    }
					
.contact h4 {
        margin-bottom: 0;
                    }					


address {
        margin-bottom: 1rem;
                    }

.contact ul {
        list-style: none;
        padding: 0;
                    }

.contact ul li {
        margin-bottom: 15px;
                    }

.contact ul li p {
        margin-bottom: 0;
                    }

.contact ul li a {
        font-size: 104%;
                    }
					
					
/*  FOOTER  */									
					
footer {
        background-color: #0B0B45;
        padding: 30px 0 0 0;
        color: #fff;
                    }
					
footer a {
        color: #fff;
		text-decoration: underline;
                    }
					
footer a:hover{
        color: #fff;
		text-decoration: none;
                    }
					
footer p {
		color: #fff;
		font-size: 92%;
        text-align: center;
        margin-bottom: 0;
                    }
					
					
					
.mobile-menu svg {
		cursor: pointer;
		display: none;
		color: white;
				}

.mobile-menu .active {
		display: block;
				}
				
				
ul.buckinghamshire-pest-control-ticks {
        list-style-type: none;
        margin-top: 2px;
        margin-bottom: 0;
        margin-left: 2px;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 13px;
                }
    
ul.buckinghamshire-pest-control-ticks li {
        list-style-type: none;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 10px;
        padding-top: 0;
        padding-bottom: 4px;
        padding-left: 4px;
                }					
				
				/*


.contact_header {
		font-size: 142%;
		margin: 0;
		padding-bottom: 10px;
					}	
					
					*/
					
#service .contact-link a[name="service-pest-control-in-buckinghamshire"], div#commercial .contact-link a:first-child {
		display: none;
				}

}