html_1, #body_1 { 
    margin: 0; 
    padding: 0;
}
#html_1 {
    height: auto;
}
#body_1 { 
    font: 100%/1.4 Arial, Helvetica, sans-serif; 
    font-size: 15px; 
    min-height: 100%; 
    position: relative; 
    background-color: #c3dcde; 
    background-image: url('https://chipsautoservice.co.uk/maingri2djq23ds/images/front.jpg'); 
    background-size: 100% auto; 
    background-repeat: no-repeat; 
    overflow: auto;
}
ul, ol, dl, p { 
    padding: 0; 
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p { 
    margin-top: 10px;       
    padding-right: 11px; 
    padding-left: 12px;
	margin-bottom: 13px;
}
img { 
    max-width: 100%; 
    height: auto; 
}
a img {
    border: none;
}
a:link, a:visited { 
    color: #ffffff; 
    text-decoration: none;
}
a:visited { 
color: #ffffff; text-decoration: none;
}
a:hover, a:active, a:focus { 
    text-decoration: none;
}
#header { 
    height: auto; 
    width: 100%; 
    position: relative; 
    display: block; 
    float: left; 
    margin-bottom: 5px;
}
#header-top { 
height: auto; 
width:100%; 
position:relative; 
display:block; 
overflow:hidden;
box-sizing:border-box; background-color:#ffffff; background-image:url('https://chipsautoservice.co.uk/maingri2djq23ds/images/front.jpg');
background-size: 100% auto; 
background-repeat: no-repeat; 
    
}
#header-bottom { 
    height: auto; 
    width: 100%; 
    margin: 0 auto; 
    display: block; 
    overflow: hidden; 
    box-sizing: border-box; 
}
.content { 
    display: block; 
    float: left; 
    overflow: hidden;
}
#logo {
    height: auto; 
    width: auto;
}
#logo p {
    width: auto; 
    height: auto; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    display: block; 
    font-size: 30px;
    font-family: Verdana
    font-weight: bold; 
    color: #005170; 
    text-align: center;
}
#logo img {
    max-width: 220px; 
    margin: 0 auto; 
    display: block;
}
#menu {
    width: 100%; 
    height: auto; 
    display: block; 
    padding: 0;
}
#menu ul {
    padding: 0; 
    margin: 0 auto;
    list-style: none;
    display: table; 
    width: 100%;
}
#menu li {
    list-style-type: none; 
    margin: 0 auto; 
    float: left; 
    padding: 0; 
    width: 25%;
}
#menu li a {
    display: block; 
    color: #ffffff; 
    text-decoration: none; 
    transition: 0.4s; 
    font-size: 21px; 
    line-height: 40px; 
    height: 40px; 
    font-weight: normal; 
    font-family: Arial, Helvetica, sans-serif; 
    width: auto; 
    text-align: center; 
    border: 1px solid #ffffff;
}
#menu li a:hover {
    background-color: #FDBF2D !important; 
    border: 1px solid #f26122;
}
#header-center, #footer {
    width: 100%; 
    display: block; 
    overflow: hidden;
}
#header-center img {width:100%; display:block;
}
#footer {width:100%; display:block; overflow:hidden;
}
#footer img {width:100%; display:block;
}
#description { 
    display: block; 
    overflow: hidden; 
    box-sizing: border-box; 
    padding: 8px; 
    width: 100%; 
    font: 100%/1.4 Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #023245; 
    text-align: justify; 
    margin: 0 auto 40px auto; 
    border: 2px solid #eaf2f7; 
    background-color: #d3e2e3;
}
#info {
    display: block; 
    float: left; 
    overflow: hidden; 
    width: 30%; 
    height: auto; 
    box-sizing: border-box; 
    padding-bottom: 25px; 
    margin: 20px 25px 0 auto; 
    padding-top: 20px;
}
.info_block {
    display: block; 
    width: 100%; 
    height: auto; 
    color: #005170; 
    text-align: justify; 
    box-sizing: border-box; 
    font: 100%/1.4 Arial, Helvetica, sans-serif; 
    font-size: 15px; 
    padding-bottom: 20px; 
    margin-bottom: 37px; 
    border: 4px solid #f9fcfa; 
    border-left: 4px solid #f9fcfa; 
    background-color: #e7f4f5;
}
.info_block p {
    padding-left: 27px; 
    padding-right: 27px;
}

.heading {
font-weight:bold; 
font-size:21px; 
height:57px; 
line-height:90px; 
color:#005170; 
text-align:right; 
width:auto; 
font-family:Arial, Helvetica, sans-serif;
background-repeat:no-repeat;
background-position: left 10px center; 
position:relative; 
bottom:3px;
}

.heading img {
    display: block; 
    margin: 0 auto;
}
.gallery { 
width:100%; 
max-width:550px; 
} 
.gallery .g5 { 
width:100%; padding-top:120%; 
}
.gallery .g5 .gal_cells { 
width:96.96%; height:97.46%; 
} 
.gallery .g5 .sm { 
width:18.75%; height:15.62%; margin:0.62%; 
}
.gallery .g5 .lg { 
width:98.75%; height:82.29%; margin:0.62%; 
}
.gallery .g5 .sm img { 
max-width:100%; max-height:100%; 
} 
.gallery .g5 .lg img { 
max-width:100%; max-height:100%; 
} 
.gallery, .gallery * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
}
.gallery, .gallery .gal { position:relative; margin:auto; 
}
.gallery .gal_cells { 
position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; 
}
.gallery img { 
position:absolute; width:100%; height:auto; left:0; top:0; bottom:0; right:0; margin:auto; 
}
.gallery .sm { 
position:relative; overflow:hidden; float:left; display:block; 
}
.gallery .lg { 
position:absolute; overflow:hidden; display:none; left:0%; top:0%; z-index:1; 
}
.gallery .sm div, .gallery .lg div { position:absolute; left:0%; top:0%; right:0%; bottom:0%; 
}
.gallery .lg { 
display:none; 
}
.gallery .lg.main { 
position:relative; display:block; float:left; z-index:0; 
} 
.gallery .set:hover .sm div {
cursor:pointer;
}
.gallery .set:hover .lg { 
display:block; left:0%; top:0%; 
}

@media (max-width: 980px) { 
    #logo {
        height: auto; 
        width: auto; 
        float: none;
    } 
    #logo p {
        text-align: center;
    } 
    #menu {
        width: auto; 
        height: auto; 
        display: block; 
        padding: 0; 
        float: none;
    } 
    #header-bottom {
        height: auto;
    }
}
@media (max-width: 1100px) { 
    #info {
        display: block; 
        float: right; 
        overflow: hidden; 
        width: 40%;
    }
}

@media (max-width: 800px) { 
#info {
width:96%; 
float:none; 
padding-top:40px; 
float:none; 
margin: 0 auto;
} 
#body_1 {
background-image:none;
}
} 
@media (max-width: 580px) { 
#menu li {
float:none; width:100%;
} 
#menu ul {
width:100%;
} 
#menu li a {
width:auto; 
text-align:center;
}
}
@media (max-width: 560px) { 
.heading{
text-align:center;
}
}
@media (max-width: 300px) { 
#header-top {
padding:0;
}
}