@media (max-width: 575px) { 
	.custom-inputfield {
		width: 100%!important;
	}

	.custom-inputgroup {
		display: block;
	}
	
	.custom-btnpadding {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	
    .iboidinput {
        width: 100%;
    }

    .eighty {
        width: 100%;
    }
	
}	

@media (min-width: 576px) { 
	.custom-inputfield {
		width: 100%!important;
	}
	.custom-inputgroup {
		display: block;
	}

	.custom-btnpadding {
		padding-left: 3rem;
		padding-right: 3rem;
	}

    .iboidinput {
        width: 100%;
    }

    .eighty {
        width: 100%;
    }    

}

@media (min-width: 768px) {
	.custom-inputgroup {
		display: block;
	}
	.custom-inputfield {
		width: 100%!important;
	}	

    .iboidinput {
        width: auto;
    }    
}

@media (min-width: 992px) { 

    .eighty {
        width: 80%;
    }

	.custom-inputgroup {
		display: flex;
	}

	.custom-inputfield {
		width: 1%!important;
	}	


}





@media(max-width: 400px) {
    .service-text {
        font-size: 13px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.47;
        letter-spacing: 0.75px;
        text-align: left;
        color: #969696;
    }
}

@media(max-width: 430px) {
    .carousel-control-next {
        width: 12.8px;
        bottom: 96%;
        /* top: 11%; */
        right: 10%;
        z-index: 555;
    }

    .carousel-control-prev {
        width: 12.8px;
        left: 10%;
        bottom: 96%;
        /* top: 11%; */
        z-index: 555;
    }

    .ibo-text {
        color: black;
    }    
}

@media(min-width: 431px) {
    .carousel-control-next {
        width: 12.8px;
        bottom: 92%;
        /* top: 11%; */
        right: 20%;
        z-index: 555;
    }

    .carousel-control-prev {
        width: 12.8px;
        bottom: 92%;
        /* top: 11%; */
        left: 20%;
        z-index: 555;
    } 

    .ibo-text {
        color: black;
    }       
}


@media(max-width: 575px) {
    .card-body {
        padding-bottom: 0px;

    }

    .card .card-body:not(:first-of-type) {
        padding-top: 0px;
    }
}


@media(min-width: 401px) {
    .service-text {
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.47;
        letter-spacing: 0.75px;
        text-align: left;
        color: #969696;
    }
}

@media(max-width: 991px) {

    .footer-after:after {
        padding-left: 5px;
        padding-right: 5px;
        content: "|";
        color: white;
    }

    .xyz {
        left: 8%;
        right: 8%;
        top: 50%;
        transform: translateY(-50%);
        bottom: initial;
    }

    .service-name {
        font-size: 15px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 0.75px;
        text-align: right;
        color: #434343;
    }

    .acn-heading {
        font-family: 'Raleway', sans-serif;
        font-size: 25px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 1.25px;
        text-align: center;
        color: #132650;
    }

    footer li {
        display: inline-block;
        /* padding-right: 15px; */
        text-decoration: none;
    }

    .social_icon_size {
        height: 36px;
        width: 36px;
    }

    .hero-image-fd {
        background-image: url("/images/UK/firstdata/fd_bg.jpg");
        background-color: #cccccc;
        height: 376px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .hero-image-bg {
        background-image: url("/images/UK/bluegreen/bluegreen1920.png");
        background-color: #cccccc;
        height: 376px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .hero-image-verisure {
        background-image: url("/images/UK/verisure/verisure_banner1920.png");
        background-color: #cccccc;
        height: 376px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }


    .hero-image-virgin {
        background-image: url("/images/UK/virgin/virgin_1920.png");
        background-color: #cccccc;
        height: 376px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .hero-image-joi {
        background-image: url("/images/UK/joi/joi_1920.png");
        background-color: #cccccc;
        height: 376px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .hero-image-ee {
        background-image: url("/images/UK/ee/ee_bg.png");
        background-color: #cccccc;
        height: 376px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .hero-image-hb {
        background-image: url("/images/UK/home-business/test.png");
        background-color: #cccccc;
        height: 201px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .blue-banner-bg1 {
        width: 160px;
        height: 47px;
        background-color: #0a467b;
    }

    .blue-banner-bg2 {
        width: 130px;
        height: 47px;
        background-color: #0a467b;
    }

    .top-link {
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.16px;
        text-align: left;
        color: #002855;
    }

    .f-reverse {
        flex-direction: column-reverse;
    }

    .mainb {
        top: 7%;
        left: 5%;
        right: 5%;
        max-height: 300px;
    }

    .bg-banner-blue {
        background-color: #0a467b;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .banner1-text {
        font-size: 19px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.16;
        letter-spacing: normal;
    }

    .nav-item {
        font-family: 'Raleway', sans-serif;
        font-size: 25px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 0.25px;
        text-align: center;
        color: #ffffff;
    }

    .nav-item:hover {
        font-family: 'Raleway', sans-serif;
        font-size: 25px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 0.25px;
        text-align: center;
        color: #ffffff;
    }

    .nav-item:active {
        font-family: 'Raleway', sans-serif;
        font-size: 25px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 0.25px;
        text-align: center;
        color: #ffffff;
    }



    .def {
        right: 3%;
        left: 3%;
    }

    .abc {
        min-height: 900px;
    }

    .founder-bg {
        background-color: #f6f6f6;
    }

    .hero-image-c {
        background-image: url("/images/UK/contact/contact1920.png");
        background-color: #cccccc;
        height: 201px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .yt-embed-responsive {
        position: relative;
        display: block;
        width: 445px;
        padding: 0;
        overflow: hidden;
        height: 243px;
    }

}

@media (min-width:992px) {

    .nav-item {
        font-family: 'Raleway', sans-serif;
        font-size: 25px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 0.25px;
        text-align: center;
        color: #ffffff;
    }

    .nav-item:hover {
        font-family: 'Raleway', sans-serif;
        font-size: 25px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 0.25px;
        text-align: center;
        color: #ffffff;
    }

    .nav-item:active {
        font-family: 'Raleway', sans-serif;
        font-size: 25px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 0.25px;
        text-align: center;
        color: #ffffff;
    }


    .footer-after:after {
        padding-left: 15px;
        content: "|";
        color: white;
    }

    .svc-caption {}

    .xyz {
        left: 15%;
        right: 15%;
        top: 50%;
        transform: translateY(-50%);
        bottom: initial;
    }

    .service-name {
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 1px;
        color: #434343;
    }

    .acn-heading {
        color: #132650;
        font-size: 25px;
        line-height: 1.6;
        letter-spacing: 1.25px;
    }

    footer li {
        display: inline-block;
        padding-right: 15px;
        text-decoration: none;
    }

    .social_icon_size {
        height: 27px;
        width: 27px;
    }

    .hero-image-fd {
        background-image: url("/images/UK/firstdata/fd_bg.jpg");
        background-color: #cccccc;
        height: 312px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .hero-image-bg {
        background-image: url("/images/UK/bluegreen/bluegreen1920.png");
        background-color: #cccccc;
        height: 312px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .hero-image-verisure {
        background-image: url("/images/UK/verisure/verisure_banner1920.png");
        background-color: #cccccc;
        height: 312px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .hero-image-ee {
        background-image: url("/images/UK/ee/ee_bg.png");
        background-color: #cccccc;
        height: 312px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .hero-image-virgin {
        background-image: url("/images/UK/virgin/virgin_1920.png");
        background-color: #cccccc;
        height: 312px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .hero-image-joi {
        background-image: url("/images/UK/joi/joi_1920.png");
        background-color: #cccccc;
        height: 312px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .yt-embed-responsive {
        position: relative;
        display: block;
        width: 445px;
        padding: 0;
        overflow: hidden;
        height: 243px;
    }

    .hero-image-c {
        background-image: url("/images/UK/contact/contact1920.png");
        background-color: #cccccc;
        height: 323px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .hero-image-hb {
        background-image: url("/images/UK/home-business/homebusiness1920.png");
        background-color: #cccccc;
        height: 378px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .blue-banner-bg1 {
        width: 361px;
        height: 107px;
        object-fit: contain;
        background-color: #0a467b;
    }

    .blue-banner-bg2 {
        width: 295px;
        height: 107px;
        object-fit: contain;
        background-color: #0a467b;
    }

    .top-link {
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.16px;
        text-align: left;
        color: #002855;
    }


/*
    .nav-item {
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: 0.14px;
        text-align: left;
        color: #ffffff;
    }

    .nav-item:hover {
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: 0.14px;
        text-align: left;
        color: #ffffff;
    }

    .nav-item:active {
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: 0.14px;
        text-align: left;
        color: #ffffff;
    }
*/
    .banner1-text {
        font-size: 44px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.16;
        letter-spacing: normal;
        text-align: center;
    }



    .mainb {
        top: 7%;
        left: auto;
        right: 5%;
        max-height: 300px;
    }

    .bg-banner-blue {
        background-color: #0a467b;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .def {
        right: 15%;
        left: 15%;
        /*  text-align: center; */
    }

    .abc {
        min-height: 500px;
    }

    .founder-bg {
        background-color: #ffffff;
    }
}

@media (min-width:1200px) {
    .f-reverse {
        flex-direction: row;
    }
    .ibo-text {
        color: white;
    }  

    .nav-item {
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: 0.14px;
        text-align: left;
        color: #ffffff;
    }

    .nav-item:hover {
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: 0.14px;
        text-align: left;
        color: #ffffff;
    }

    .nav-item:active {
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: 0.14px;
        text-align: left;
        color: #ffffff;
    }       
}    

@media (max-width:1199px) {
    .f-reverse {
        flex-direction: column-reverse;
    }
    .ibo-text {
        color: black;
    }     
}   


.ibo-size {
    font-size: 13px;
}