@charset "utf-8";


@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-Regular.eot');
    src: url('../fonts/BwGradual-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BwGradual-Regular.woff2') format('woff2'),
        url('../fonts/BwGradual-Regular.woff') format('woff'),
        url('../fonts/BwGradual-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-Bold.eot');
    src: url('../fonts/BwGradual-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BwGradual-Bold.woff2') format('woff2'),
        url('../fonts/BwGradual-Bold.woff') format('woff'),
        url('../fonts/BwGradual-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-ExtraBold.eot');
    src: url('../fonts/BwGradual-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BwGradual-ExtraBold.woff2') format('woff2'),
        url('../fonts/BwGradual-ExtraBold.woff') format('woff'),
        url('../fonts/BwGradual-ExtraBold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: url('../fonts/BwGradual-Medium.eot');
    src: url('../fonts/BwGradual-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BwGradual-Medium.woff2') format('woff2'),
        url('../fonts/BwGradual-Medium.woff') format('woff'),
        url('../fonts/BwGradual-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('../fonts/MinionPro-Regular.eot');
    src: url('../fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MinionPro-Regular.woff2') format('woff2'),
        url('../fonts/MinionPro-Regular.woff') format('woff'),
        url('../fonts/MinionPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Using a url */

/* Default Reset Css Starts Here
===============================================================*/
*, *:after, *:before { box-sizing: border-box; }
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent;box-sizing: border-box;}
article,aside,figure,footer,header,nav,section,details,summary{display:block;}
img,object,embed{max-width:100%;}
html{overflow-y:scroll;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
th{font-weight:bold;vertical-align:bottom;}
td{font-weight:normal;vertical-align:top;}
hr{display:block;height:1px;border:0;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
pre{white-space:pre; /* CSS2 */white-space:pre-wrap; /* CSS 2.1 */white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */word-wrap:break-word; /* IE */}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom;}
select,input,textarea{font:99% sans-serif;}
table{font-size:inherit;}
small{font-size:85%;}
strong{font-weight:bold;}
td,td img{vertical-align:top;}
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre,code,kbd,samp{font-family:monospace,sans-serif;}
.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer;}
button,input,select,textarea{margin:0;}

/* make buttons play nice in IE */
button,input[type=button]{width:auto;overflow:visible;}
/*body { font-family: 'Roboto'; font-size: 16px; line-height: 1.2; color: #343434; font-weight: 300; }*/
/* Let's Clear Some Floats
===================================================*/
body { word-wrap: break-word; font-family: 'Bw Gradual'; font-size: 16px; color: #000000; }
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

input[type="text"], input[type="number"], input[type="email"] { background-color: #F0F0F0; border-radius: 4px; font-size: 16px; line-height: 1.26; font-weight: 300; font-family:"sofia-pro"; letter-spacing: -0.033em; padding: 11px 18px; width: 100%; border: 1px solid #F0F0F0; color: #918982; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type='number'] { -moz-appearance:textfield; }
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder
{ /* Chrome/Opera/Safari */
  color: #918982; position: relative; z-index: 1;
    font-weight: 300; font-family: 'Bw Gradual';
}
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder
{ /* Firefox 19+ */
  color: #918982; position: relative; z-index: 1;
    font-weight: 300; font-family: 'Bw Gradual';
}
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder
{ /* IE 10+ */
  color: #918982; position: relative; z-index: 1;
    font-weight: 300; font-family: 'Bw Gradual';
}
input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder
{ /* Firefox 18- */
  color: #918982; position: relative; z-index: 1;
    font-weight: 300; font-family: 'Bw Gradual';
}


/* ~~~~~ Typography ~~~~~ */
img{max-width:100%;}

h1 { font-size: 45px; line-height: 1.2; color: #000000; font-weight: 400; }
h2 { font-size: 40px; line-height: 1.2; color: #000000; font-weight: 400; }
h3 { font-size: 40px; line-height: 1.2; color:#000000; font-weight: 400; }
h4 { font-size: 30px; line-height: 1.2; color:#000000; font-weight: 400; }
h5 { font-size: 24px; line-height: 1.2; color:#000000; font-weight: 400; }
h6 { font-size: 18px; line-height: 1.2; color:#000000; font-weight: 400; }

p { font-size: 16px; line-height: 1.19; color: #000000; font-weight: 300; padding: 20px 0; }
a { font-size: 16px; line-height: 1.19; color: #000000; font-weight: 500; transition: 0.3s all ease-in-out; }
a:hover { color: #E5517B; }

ul, ol { padding: 10px 0; }
ul li { font-size: 16px; line-height: 1.19; font-weight: 300; color: #000000; display: block; position: relative; padding-left: 15px; }
ul li:before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #000000; position: absolute; left: 0; top: 10px; }

ol { list-style: none; counter-reset: item; }
ol li{font-size: 16px; line-height: 1.19; font-weight: 300; color: #000000; display: block; counter-increment: item; margin-bottom:5px; }
ol li:before { margin-right: 10px; content: counter(item); font-weight: 300;  border-radius: 100%; width: 12px; text-align: center; display: inline-block; font-size: 16px; line-height: 1.2; color: #000000; }

.d-flex { display: flex; flex-wrap: wrap; }

/* -------------------------------------------------
            header
------------------------------------------------- */
.wrapper { overflow: hidden; }
.grid-container.fluid { padding: 0 30px; }
.bg-cover { background-size: cover; background-repeat: no-repeat; background-position: center; }
header { position: fixed; width: 100%; left: 0; top: 0; z-index: 11; transition: 0.3s all ease-in-out; opacity: 0; visibility: hidden; background: #fff}
header.fixed { opacity: 1; visibility: visible; }
header .title, header .menu-part { padding: 5px 0; }
header nav { opacity: 0; visibility: hidden; transition: 0.3s all ease-in-out; }
header nav.active { opacity: 1; visibility: visible; }

header .title h1 { font-size: 40px; line-height: 1.13; text-transform: uppercase; color: #18233E; margin-bottom: 0; font-family: 'Bw Gradual'; font-weight: 400; }
header nav ul { align-items: center; padding: 0; }
header .humberger-icon { display: inline-block; align-items: flex-end; width: 30px; flex-wrap: wrap; height: 20px; cursor: pointer; position: relative; top: 22px; margin:0 15px; }
header .humberger-icon span { display: block; margin: 0 0 7px 0; background-color: #c6b279; width: 100%; height: 4px; transition: 0.3s all ease-in-out; }
header .humberger-icon span:last-child { margin-bottom: 0; }
header .humberger-icon.active span:first-child { opacity: 0; }
header .menu ul li:before { display: none; }
header .menu ul li a { font-size: 20px; line-height: 1.13; text-transform: uppercase; color: #000000;margin-bottom: 0; font-family: 'Bw Gradual'; font-weight: 400; position: relative; transition: 0.3s all ease-in-out; padding: 0 12px; }
header .menu ul li a:after { content: "/"; display: block; width: 2px; height: 100%; position: absolute; right: 5px; top: 0; font-size: 20px; text-transform: uppercase; color: #000000; }
header .menu ul li:last-child a:after { display: none; }
header .menu ul li a:hover, header .menu ul li.active a:hover { color: #c6b279; }
header .menu ul li { padding: 0; }
header .for-border { position: relative; background-color: #FFFFFF; }
header .for-border:after { content: ""; background-color: #c6b279; position: absolute; left: 15px; bottom: -3px; height: 2px; width: calc(100% - 30px); display: block; }


.banner-block { position: relative; height: 100vh; overflow: hidden; background-size: cover; min-height: 786px; background-image:url("https://griffenpark.co.uk/images/heroBG.jpg"); background-position: top; background-attachment: fixed;}
.hero-banner { transform: rotate(36deg); height: 100%; width: 100%; top: -42px; position: relative; left: 65px; }
.banner-block .box-top { display: flex; height: 50%; }
.banner-block .box-bottom { display: flex; height: 50%; margin-top: -12px; }
.banner-block img { height: auto; max-height: 100%; }
.banner-block .wrap { width: 80%; margin: 0 auto; position: relative; }
.banner-block .wrap .single-line { position: absolute; width: 120vw; height: 15px; background-color: #C5B277; position: absolute; transform: rotate(37deg); top: 27vw; left: -15vw; right: auto; }
.banner-block .wrap .single-line-second { content: ""; display: block; position: absolute; width: 45vw; height: 15px; background-color: #C5B277; transform: rotate(-53deg); top: 10vw; right: -2.8vw; }
.banner-block .wrap .single-line-third { content: ""; display: block; position: absolute; width: 44vw; height: 15px; background-color: #C5B277; transform: rotate(-53deg); top: 42vw; left: 7vw; }

.banner-block ul li a { font-size: 30px; line-height: 1.2; text-transform: uppercase; font-family: 'Bw Gradual'; font-weight: normal; color: #18233E; }
.banner-block ul li.active a, .banner-block ul li:hover a { color: #C5B277; }
.banner-block ul li:before { display: none; }
.banner-block ul { border-top: 15px solid #C5B277; border-left: 15px solid #C5B277; flex: 0 0 50%; position: relative;   left: -12px; padding: 20px 10px 0 10px; }

.banner-block ul:after { content: ""; display: block; width: 15px; height: 5000px; background-color: #C5B277; position: absolute; left: -15px; top: -18px; }

.banner-block ul:before { content: ""; display: block; width: 15px; height: 1000px; background-color: #C5B277; position: absolute; left: 925px; top: -508px; z-index: 1; transform: rotate(-90deg); transform-origin: center center; }

.banner-block .icon-griffen { border-bottom: 15px solid #C5B277; border-right: 15px solid #C5B277; flex: 0 0 55%; display: flex; align-items: flex-end; justify-content: flex-end; position: relative; }
.banner-block .icon-griffen:after {  content: ""; display: block; width: 15px; height: 5000px; background-color: #C5B277; position: absolute; right: -15px; bottom: 0; }

.banner-block .icon-griffen:before {
    content: "";
    display: block;
    width: 5000px;
    height: 15px;
    background-color: #C5B277;
    position: absolute;
    right: 0;
    bottom: -15px;
    z-index: 1;
}

.banner-block .icon-griffen img { margin: 0 33px 29px 0; width: 610px; }
.banner-block .address-cust { flex: 0 0 45%; display: flex; align-items: flex-end; justify-content: flex-start; padding: 20px 20px 25px 28px; }
.banner-block .address-cust > div { transform: rotate(-90deg);
        transform-origin: left center; }
.banner-block .icon-leicester { flex: 0 0 50%; justify-content: flex-end; display: flex; align-items: flex-start;     left: 0; position: relative; top: 0; height: 100%; padding: 35px 35px 25px 25px; }
.banner-block .icon-leicester img { max-height: 440px; }

.banner-block .address-cust h1 { font-size: 18px; line-height: 1.2; color: #001E42; text-transform: uppercase; font-family: 'Bw Gradual'; font-weight: 900; display: inline-block; }
.banner-block .address-cust small { font-size: 18px; line-height: 1.2; color: #001E42; text-transform: uppercase; font-family: 'Bw Gradual'; font-weight: normal; margin-left: 5px; }

.site-overview { padding: 55px 0 0; }
.site-overview .right-img .bg-cover,
.sustainability-focused  .right-img .bg-cover { padding-bottom: 76.6%; border-radius: 30px; overflow: hidden; }
.site-overview .left-content h2, .sustainability-focused .left-content h2 { color: #C5B277; font-size: 40px; line-height: 1.13; text-transform: uppercase; font-family: 'Bw Gradual'; font-weight: 400; margin: 0; padding-bottom: 43px; letter-spacing: -0.03em; }
.sustainability-focused .left-content h2 span {color: #18233E; font-size: 40px; line-height: 1.13; text-transform: uppercase;  margin-bottom: 0; font-family: 'Bw Gradual'; font-weight: 900; margin: 0; padding-bottom: 70px; }
.site-overview .left-content h3{ color: #18233E; font-size: 40px; line-height: 1.13; text-transform: uppercase;  margin-bottom: 0; font-family: 'Bw Gradual'; font-weight: 900; margin: 0; padding-bottom: 70px; }
.site-overview .list-row, .sustainability-focused .list-row { margin: 0 -25px; justify-content: center; }
.site-overview .list-box { width: 50%; padding: 0 25px; margin-bottom: 50px;  }
.site-overview .list-box h4{ color: #C5B277; font-size: 18px; line-height: 1.2; letter-spacing: -0.03em; font-family: 'Bw Gradual'; font-weight: 500; margin: 0; text-align: center; max-width: 255px; margin:0 auto; }
.site-overview .list-box .img { max-width: 43px; margin: 0 auto 5px; text-align: center; }
.sustainability-focused .list-box { width: 33.333%; padding: 0 25px; margin-top: .5em; margin-bottom:1em  }
.sustainability-focused .list-box h4 {color: #011E41; font-size: 16px; line-height: 1.2; letter-spacing: -0.03em; font-family: 'Bw Gradual'; font-weight: 500; margin: 0; text-align: center; max-width: 255px; margin:0 auto; }
.sustainability-focused .list-box .img { height: 50px; width: 50px; margin: 0 auto 1rem; text-align: center; }

.location { padding: 55px 0 0; }
.location iframe { border: 2px solid #c6b279; border-radius: 24px; }
.location table {margin: 1em 0}
.location table tr.top td {color: #C5B277; font-size: 18px; line-height: 1.2; letter-spacing: -0.03em; font-family: 'Bw Gradual'; font-weight: 700;}
.location table tbody td {border-bottom: 1px solid #C5B277; padding:0.5rem 0;color: #011E41; font-size: 16px; line-height: 1.2; letter-spacing: -0.03em; font-family: 'Bw Gradual'; font-weight: 500; }
.location table tbody td.right {text-align: right;}
.location tbody tr:nth-child(even) {background: none;}
.contact-main  { padding: 55px 0; }
.contact-main .left-map .bg-cover { padding-bottom: 74.8%; border-radius: 12px; }
.contact-main .details-box .img-block { width: 25%; }
.contact-main .details-box .content { width: 75%; padding-left: 35px; }
.contact-main .details-box .content strong { color: #C5B277; font-size: 18px; line-height: 1.12; font-family: 'Bw Gradual'; font-weight: 500; margin: 0;  padding-bottom: 5px; width: 100%; display: block; }
.contact-main .details-box .content a { color: #011e41; font-size: 18px; line-height: 1.12; font-family: 'Bw Gradual'; font-weight: 500; margin: 0;  padding-bottom: 5px; width: fit-content; display: block; }
.contact-main .details-box .content a:hover { opacity: 0.5; }
.contact-main .details-box { padding-bottom: 45px; }
.contact-main .details-box .content a + strong { margin-top: 25px; }
.contact-main .btn-block { width: 75%; margin-left: auto; padding-left: 35px; }
.contact-main .btn-block a { border-radius: 30px; background-color: #c5b277; color: #011e41; text-align: center; padding: 22px; font-size: 18px; line-height: 1.2; font-family: 'Bw Gradual'; font-weight: normal;  text-transform: uppercase; display: inline-block; min-width: 313px; transition: 0.5s all ease-in-out; }
.contact-main .btn-block a:hover { background-color:#001E42; color: #c5b277; }

.gallery { padding: 55px 0; position: relative; }
.gallery .bg-img { height: 480px; border-radius: 30px; }
/*.gallery .slick-list .slick-track { padding: 0; }*/

/* the slides */
.gallery .slick-slide { margin: 0 15px; }
/* the parent */
.gallery .slick-list {  padding:0 30% !important; }

.accommodation { padding: 55px 0 0; }
.accommodation .inner-wrap { position: relative; }
.accommodation .tabs { display: flex; align-items: center; padding: 0; margin: 0; border: 0; position: absolute; left: 0; width: 30%; top: 0; z-index: 1; }
.accommodation .tabs:after, .accommodation .tabs:before { display: none; }
.accommodation .tabs li:after, .accommodation .tabs li:before { display: none; }
.accommodation .tabs li { background-color: #011e41; border-radius: 18px; text-align: center; font-size: 40px; line-height: 1.13; text-transform: uppercase; color: #C5B277; margin-bottom: 0; font-family: 'Bw Gradual'; padding: 15px; cursor: pointer; margin: 0 7px; width: calc(50% - 14px); transition: 0.3s all ease-in-out; }
.accommodation .tabs li.current, .accommodation .tabs li:hover { background-color: #C5B277; color: #011e41; }
.accommodation .table-responsive { overflow-x:auto; padding-top: 28px; }
.accommodation .table-responsive table { width: 100%; }
.accommodation .table-responsive table tr th { color: #C5B277; font-family: 'Bw Gradual'; font-weight: bold; text-transform:  uppercase; font-size: 18px; line-height: 1.23; padding: 5px 0; text-align: left; border-bottom: 1px solid #C5B277; }

.accommodation .table-responsive table tr:last-child td { color: #C5B277; font-family: 'Bw Gradual'; font-weight: bold; text-transform:
uppercase; font-size: 18px; line-height: 1.23; padding: 5px 0; border-bottom: 1px solid #C5B277; }


.accommodation .table-responsive table tr th:last-child, .table-responsive table tr th:nth-child(2){text-align: right; }
.accommodation .table-responsive table tr td { font-family: 'Bw Gradual'; font-weight: 400; text-transform: uppercase; font-size: 18px; line-height: 1.23; padding: 5px 0; color: #011E42; background-color: #FFFFFF; border-bottom: 1px solid #C5B277; }
.accommodation .table-responsive table tr td:last-child, .table-responsive table tr td:nth-child(2) { text-align: right; }
.accommodation .left-block h2 { font-size: 40px; line-height: 1.13; text-transform: uppercase; color: #001E42; margin-bottom: 0; font-family: 'Bw Gradual'; font-weight: 400; }
.accommodation .left-block { width: 30%; padding-top: 100px; }
.accommodation .right-block { width: calc(70% - 15px); border-radius: 30px; background-color: #001E42; margin-left: auto; padding: 50px 0; display: inherit; align-items: center; }
.accommodation .right-block img { width: 54.5%; margin: 0 auto; display: block; }

.accommodation .wrape { padding: 0 20px; }
.accommodation .lists { margin: 0 -20px; padding-top: 36px; justify-content: center; }
.accommodation .lists .box { width: 33.33%; padding: 0 20px; margin-bottom: 32px; }
.accommodation .lists .box .img { max-width: 42px; margin: 0 auto; display: block; text-align: center; }
.accommodation .lists .box .img img { max-height: 40px; }
.accommodation .lists .box h3 { font-size: 18px; line-height: 1.2; color: #011E41; font-family: 'Bw Gradual'; font-weight: normal; margin: 10px 0 0; text-align: center; }

/*Tab css*/
.tab-content{ display: none; }
.tab-content.current{ display: inherit; }



/*--------------Media start from here--------------*/

@media (max-width:1600px) {
    .banner-block ul li a { font-size: 26px; }
/*
    .banner-block .icon-griffen { width: 22vw; top: 9.5vw; left: 26vw; position: relative; }
    .banner-block .address-cust { top: 19.5vw; right: 14vw; }
    .banner-block .icon-leicester { width: 13vw; top: 24.5vw; left: 26.5vw; }
*/
    .hero-banner { left: 0; top: 0; }
    .banner-block .address-cust small, .banner-block .address-cust h1 { font-size: 14px; }

    .site-overview .left-content h2 { font-size: 32px; padding-bottom: 26px; }
    .site-overview .left-content h3 { font-size: 32px; padding-bottom: 36px; }
    .site-overview .list-box { margin-bottom: 30px; }
    .accommodation .tabs li { font-size: 32px; }
    .accommodation .left-block h2 { font-size: 32px; }

    .accommodation .lists .box { padding: 0 15px; margin-bottom: 22px; }
    .accommodation .lists { margin: 0 -15px; }
    .accommodation .wrape { padding: 0; }
    .accommodation .table-responsive table tr th, .table-responsive table tr:last-child td { font-size: 16px; }
    .accommodation .lists .box h3 { font-size: 16px; }
    .accommodation .right-block { padding: 30px 0; }
    .contact-main .details-box .content strong { font-size: 16px; }
    .contact-main .details-box .content a { font-size: 16px; }
    .contact-main .details-box .content a + strong { margin-top: 15px; }
    .contact-main .details-box { padding-bottom: 30px; }
    .contact-main .btn-block a { min-width: 250px; padding: 15px; font-size: 16px; }
    .site-overview .list-box h4  { font-size: 16px; }
    header .title h1 { font-size: 32px; }
    header .menu ul li a  { font-size: 18px; }
    header .menu ul li a:after  { font-size: 18px; }



}

@media (max-width:1440px) {

    header .title h1 { font-size: 26px; }
    header .menu ul li a  { font-size: 18px; }
    header .menu ul li a:after  { font-size: 18px; }
    .banner-block ul li a { font-size: 24px; }

    .site-overview .left-content h2 { font-size: 26px; padding-bottom: 20px; }
    .site-overview .left-content h3 { font-size: 26px; padding-bottom: 30px; }
    .site-overview .list-box { margin-bottom: 22px; }
    .accommodation .tabs li { font-size: 26px; }
    .accommodation .left-block h2 { font-size: 26px; }

    .accommodation .lists .box { margin-bottom: 15px; }
    .accommodation .table-responsive table tr th, .table-responsive table tr:last-child td { font-size: 14px; }
    .accommodation .lists .box h3 { font-size: 14px; }
    .accommodation .right-block { padding: 20px 0; }
    .contact-main .details-box .content strong { font-size: 14px; }
    .contact-main .details-box .content a { font-size: 14px; word-break: break-word; }
    .contact-main .details-box .content a + strong { margin-top: 12px; }
    .contact-main .details-box { padding-bottom: 20px; }
    .contact-main .btn-block a { min-width: 220px; padding: 12px; font-size: 14px; }
    .site-overview .list-box h4  { font-size: 14px; }
    .trusted-block .b-content { width: 25%; margin-left: 0; }



}

@media (max-width:1366px) {
    header .humberger-icon { top: 10px; }
    /*.banner-block .address-cust { top: 18.5vw; right: 11vw; }
    .banner-block ul { top: 29.5vw; left: 35.5vw; }*/


}
@media (max-width:1280px) {
    /*.banner-block .address-cust { top: 17.5vw; right: 10vw; }*/
    header .humberger-icon { margin: 0 8px; }
    header .title h1 { font-size: 20px; }
    header .menu ul li a { font-size: 16px; }
    header .menu ul li a:after { font-size: 16px; }
    .site-overview .left-content h2 { font-size: 22px; }
    .site-overview .left-content h3 { font-size: 22px; }
    .site-overview .list-box .img { max-width: 33px; }
    .accommodation .tabs li { font-size: 22px; }
    .accommodation .left-block h2 { font-size: 22px; }
    .accommodation .left-block { padding-top: 80px; }
    .contact-main .details-box .content { padding-left: 20px; }
    .accommodation { padding: 50px 0 0; }
    .site-overview { padding: 50px 0 0; }
    .contact-main { padding: 50px 0; }
    .location { padding: 50px 0 0; }
    .gallery { padding: 50px 0; }
    .contact-main .right-content { padding-top: 25px; }
    .contact-main .btn-block  { padding-left: 20px; }
    .banner-block ul li a { font-size: 22px; }
    .banner-block .icon-griffen img { width: 370px; }
    .banner-block .icon-leicester img { max-height: 250px; }
    .banner-block { min-height: 720px; }
    .gallery .bg-img { height: 300px; }


}

@media (max-width:1100px) {
    header nav.menu { position: fixed; width: 100%; opacity: 1; visibility: visible; height: 100vh; background-color: #FFFFFF; align-items: flex-start; top: 38px; transition: 0.5s all ease-in-out; left: -100%; }
    header nav.active { left: 0; }
    header nav.menu ul.d-flex { padding-top: 30px; }
    header .menu ul li {
        width: 100%;
        padding: 0 0 10px 0;
    }
    header .menu ul li a:after { display: none; }
    header .humberger-icon { position: absolute; top: 15px; right: 0; }
}

@media (max-width:1024px) {
  .trusted-block .inner-wrrap { margin-top: 17%; }
  header .humberger-icon { top: 8px; }
  .contact-main .btn-block a { min-width: 180px; }
  .site-overview .list-row { margin: 0 -15px; }
  .site-overview .list-box { padding: 0 15px; }
  .accommodation .tabs li { font-size: 20px; }
  .site-overview .left-content h2 { font-size: 20px; }
  .site-overview .left-content h3 { font-size: 20px; }
  .accommodation .left-block h2  { font-size: 20px; }
  .gallery .slick-slide {  margin: 0 10px; }
  .contact-main .details-box .content { padding-left: 0; width: 100%; margin-top: 15px; }
  .contact-main .btn-block  { padding-left: 0; width: 100%; }
  .banner-block .icon-griffen img { width: 350px; margin: 0 20px 20px 0; }
  .banner-block .icon-leicester img {  max-height: 270px; }
  .banner-block .icon-leicester { padding: 30px 30px 0 0; }
  .banner-block ul li a { font-size: 22px; }
    .banner-block ul { padding: 15px 10px 0 5px; }


}

@media (max-width:991px) {
    header .grid-container.fluid { padding: 0 15px; }
    header .title h1 { font-size: 16px; }
    header .menu ul li a { font-size: 16px; padding: 0 10px; }
    header .humberger-icon { margin: 0 15px 0 5px; top: 5px; }
    header .menu ul li a:after { font-size: 20px; }
    .banner-block { height: 600px; }
    /*.banner-block .wrap .single-line { top: 28vw; left: -25vw; }
    .banner-block .wrap .single-line-second { width: 55vw; top: 16vw; right: -2.1vw; }
    .banner-block .address-cust { top: 19.5vw; right: 6.8vw; }
    .banner-block .icon-griffen { top: 13vw; left: 21vw; }*/
    .banner-block .address-cust small, .banner-block .address-cust h1 { font-size: 11px; }
    /*.banner-block .wrap .single-line-third { top: 50vw; }
    .banner-block .icon-leicester { top: 34vw; left: 24.5vw; }
    .banner-block ul { top: 42vw; left: 32.5vw; }       */
    .banner-block ul:before { left: 825px; }

  .contact-main .btn-block a { min-width: auto; }
  .accommodation .left-block { width: 50%; }
    .accommodation .tabs { width: 50%; }
  .accommodation .right-block { width: calc(50% - 15px); padding: 30px; }
  .accommodation .right-block img  { width: 90%; }
  .tab-content > .d-flex { align-items: flex-start; }
  .gallery .slick-list { padding: 0 20% !important; }
  .gallery .bg-img { height: 300px; }
  .accommodation .left-block { padding-top: 70px; }
  .banner-block ul li a { font-size: 24px; }
  .banner-block ul li { padding-left: 0; padding-bottom: 5px; }
  .site-overview { padding: 10px 0 0; }
  .contact-main .details-box .img-block { width: 125px; }


}

@media (max-width:767px) {
    header .menu ul li a { font-size: 14px; }
    header .title h1 { font-size: 14px; }
    .banner-block .address-cust small, .banner-block .address-cust h1 { font-size: 9px; }
    .banner-block .address-cust { padding: 0 10px 20px 18px; }
    .banner-block ul:before { left: 764px; }
    .banner-block .icon-leicester img { max-height: 240px; }
}

@media (max-width:640px) {
    body { padding-top: 55px; }
    header { z-index: 0; opacity: 1; visibility: visible; z-index: 11; background-color: #FFFFFF; }


    body.nav-open header { z-index: 11; }
    .hero-banner { transform: rotate(0); }
    .banner-block .icon-griffen img { width: 100%; margin: 0; padding: 10px; }

  

    header .title h1 { font-size: 18px; width: 100%; padding: 5px 0; }
    header .menu ul li a  { font-size: 18px; padding: 0 20px; }
    /* header .menu ul li { width: 100%; padding: 0 0 10px 0; } */
   

    .banner-block { height: auto; min-height: auto; padding: 25px 0; }
    .banner-block .address-cust > div { transform: rotate(0); }
    .banner-block ul { position: static; width: 100%; transform: rotate(0); padding: 10px 10px 0 10px; }
    .banner-block .address-cust { position: relative; width: 100%; transform: rotate(0); padding: 10px 10px 20px 10px; }
    .banner-block .icon-leicester { position: relative; width: 32%; transform: rotate(0); margin: 0; }
    .banner-block .icon-leicester { padding: 25px 15px 0 15px; }
    .banner-block .icon-leicester img { max-height: 140px; }
    .banner-block ul li a { font-size: 16px; }
    .banner-block .icon-griffen  { position: relative; width: 50%; transform: rotate(0); margin: 0; }
    .banner-block ul:after { display: none; }
    .banner-block .box-bottom { margin-top: -8px; }
    .banner-block ul { border-top-width: 8px; border-left-width: 8px; }
    .banner-block .icon-griffen { border-bottom-width: 8px; border-right-width: 8px; }
    .banner-block .icon-griffen:before, .banner-block .icon-griffen:after { display: none; }
    .banner-block .address-cust small, .banner-block .address-cust h1 { font-size: 12px; display: inline-block;
    margin: 0; }
    .banner-block .wrap .single-line, .banner-block .wrap .single-line-second, .banner-block .wrap .single-line-third
    { display: none; }

    .banner-block .wrap { width: 100%; margin: 0 auto; padding: 0 20px; }
    .accommodation .tabs li { font-size: 18px; }
    .accommodation .left-block { width: 100%; padding-bottom: 15px; }
    .accommodation .right-block { width: 100%; }
    .accommodation .tabs { position: static; width: 100%; }
    .accommodation .left-block { padding-top: 30px; }
    .accommodation .lists .box { width: 50%; }
    .gallery .slick-list { padding: 0!important; }
    .contact-main .details-box .img-block { width: 125px; }
    .contact-main .left-map .bg-cover { padding-bottom: 56.26%; }
    .grid-container.fluid { padding: 0 20px; }
    .site-overview .right-img .bg-cover { padding-bottom: 56.6%; }

}