<style>

/* universal styles */

body {
position: relative;
margin: 0 auto;
margin: none !important;
height: 100% !important;;
}

body .body-wrapper {
min-height: 100% !important;
}

.nav-button-text {
font-family: raleway, sans-serif;
font-weight: 300;
font-style: normal;
letter-spacing: 2px;
color: #ffff;
font-size: 12px;
list-style-type: none;
margin: 10px 0px;
padding: 0;
}

.footer-button-text {
font-family: raleway, sans-serif;
font-weight: 300;
font-style: normal;
letter-spacing: 2px;
color: #ffff;
font-size: 10px;
text-align: center;
list-style-type: none;
padding: 0px;
}

.footer-links-text a{
font-family: raleway, sans-serif;
font-weight: 300;
font-style: normal;
letter-spacing: 2px;
color: #ffff;
font-size: 10px;
list-style-type: none;
margin: 5px 10px;
text-decoration: none;
}

.footer-social-buttons {
list-style-type: none;
margin: 25px 0px;
padding: 0px;
}

.footer-social-buttons img{
padding: 0 10px;
}

.footer-social-buttons img:hover{
opacity: 0.8;
}

.wrapper {
max-width: 1400px;
margin: 0 auto;
}

.booking-wrapper {
max-width: 1000px;
margin: 0 auto;
height: 50vh;
}

.image-wrapper {
max-width: 1400px;
margin: 0 auto;
}

.container {
padding: 60px 170px;
margin: 0 auto;
width: 100%;
}

.greybk {
background-color: #f5f5f5;
}

.darkgreybk {
background-color: #39393b;
}

.white-text {
font-family: raleway, sans-serif;
font-weight: 300;
font-style: normal;
letter-spacing: 2px;
color: #ffff;
font-size: 11px;
list-style-type: none;
}

.logo svg{
height: 108px;
margin-top: 25px;

}

.nav-button-text li{
display: inline-block; 
}

.nav-button-text li a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.15em;
display: inline-block;
margin: 0px 30px;
padding: 4px 2px;
position: relative;
}


.nav-button-text li a:after {    
background: none repeat scroll 0 0 transparent;
bottom: 0;
content: "";
display: block;
height: 1px;
left: 50%;
position: absolute;
background: #fff;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
width: 0;
}
.nav-button-text li a:hover:after { 
width: 100%; 
left: 0; 
}


.footer-button-text li{
display: inline-block; 
}

.footer-button-text li a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.15em;
display: inline-block;
margin: 0px 40px;
padding: 5px 2px;
position: relative;
}


.footer-button-text li a:after {    
background: none repeat scroll 0 0 transparent;
bottom: 0;
content: "";
display: block;
height: 1px;
left: 50%;
position: absolute;
background: #fff;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
width: 0;
}
.footer-button-text li a:hover:after { 
width: 100%; 
left: 0; 
}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
width: 50px;
height: 35px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
display: block;
position: absolute;
height: 2px;
width: 64%;
background: #ffffff;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
top: 1px;
}

#nav-icon1 span:nth-child(2) {
top: 12px;
}

#nav-icon1 span:nth-child(3) {
top: 23px;
}

#nav-icon1.open span:nth-child(1) {
top: 18px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

#nav-icon1.open span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

.mobile-menu {
width: 100%;
}

.mobmanu a {
display: block;
font-family: raleway, sans-serif;
font-weight: 300;
font-style: normal;
letter-spacing: 2px;
color: #ffff;
font-size: 12px;
text-align: center;
list-style-type: none;
padding: 6px;
text-decoration: none;
}

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

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

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

.image-segment-left img{
width: 100%;
padding-left: 30px;
}

.image-segment-right img{
width: 100%;
padding-left: 30px;
}

.greytext {
color: #39393b;
}

.whitetext {
color: #fff;
}

.ct h1 {
font-size: 2px !important;
margin: 0px !important;
padding: 0px !important;
position: absolute;
float: left;
top: 1px;
z-index: -1;
right: 88px;
}

h1 {
font-family: linotype-didot, serif;
font-size: 25px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 26.4px;
}

h2 {
font-family: linotype-didot, serif;
font-size: 25px;
letter-spacing: 3px;
font-style: normal;
font-variant: normal;
font-weight: 300;
line-height: 26.4px;
text-transform: uppercase;
}

h3 {
font-family: linotype-didot, serif;
font-size: 25px;
letter-spacing: 3px;
font-style: normal;
font-variant: normal;
font-weight: 300;
line-height: 26.4px;
text-transform: uppercase;
}

h4 {
font-family: linotype-didot, serif;
font-size: 18px;
color: #39393b;
text-align: left;
margin: 0;
padding: 0;

}

h5 {
margin: 0;
padding: 0;
font: 13px/30px RalewayR;
font-family: raleway, sans-serif;
line-height: 18px;
overflow: hidden;

}

p {
margin: 0;
padding: 0;
font: 13px/30px RalewayR;
font-family: raleway, sans-serif;
line-height: 18px;
overflow: hidden;
}

.numbers {
padding: 10px 0; 
}

.sub-text h4{
padding: 5px 0;
}

.center-text p{
margin: 10px 0;
padding-bottom: 7px;
font: 12px/30px RalewayR;
font-family: raleway, sans-serif;
text-align: center;
line-height: 18px;
overflow: hidden;
}

.panel-center {
padding: 60px 120px;
}

.panel-center-left {
padding: 60px 60px 60px 180px;
}

.panel-center-right {
padding: 60px 180px 60px 60px;
}


.panel-bottom {
padding: 0 120px 60px 120px;
}

.gallery-panel {
padding: 60px 40px;
}

.services-panel {
padding: 0 0 0 100px;
}

.book-panel {
padding: 0px 40px;  
}

.footer-panel {
padding: 20px 0;
}

.panel-20 {
padding: 20px 0;
}

.panel-40 {
padding: 40px 40px 0px 40px;
}

.panel-220 {
padding: 220px 220px;
margin-bottom: 60px;
}

.panel-right {
padding: 60px 32% 60px 60px;
}

.panel-right p{
padding-bottom: 10px;
}

.panel-right-about {
padding: 60px 32% 60px 0;
}

.panel-left {
padding: 60px 60px 60px 32%;
}
.panel-left p{
padding-bottom: 10px;
}


.panel-50 {
padding: 60px 0;
}

.grey-button {
margin-top: 14px;
color: #fff;
font-family: raleway, sans-serif;
font-weight: 300;
font-size: 12px;
text-align: center;
padding: 6px;
font-style: normal;
text-decoration: none !important;
letter-spacing: 2px;
max-width: 160px;
height: 29px;
background-color: #39393b;
border: 0;
}

.grey-button:hover {
opacity: 0.8;
}

.grey-input-button {
margin-top: 14px;
color: #fff;
font-family: raleway, sans-serif;
font-weight: 300;
font-size: 12px;
text-align: center;
text-transform: uppercase;
padding: 10px 30px 10px 30px;
font-style: normal;
text-decoration: none !important;
letter-spacing: 2px;
max-width: 220px;
height: 38px;
background-color: #39393b;
border: 0;
}

.grey-input-button:hover {
opacity: 0.8;
}


.white-button {
margin-top: 14px;
color: #39393b;
font-family: raleway, sans-serif;
font-weight: 300;
font-size: 12px;
text-align: center;
padding: 6px;
font-style: normal;
text-decoration: none !important;
letter-spacing: 2px;
width: 161px;
height: 29px;
background-color: #fff;
z-index: 2;
cursor: pointer;
}

.white-button:hover {
opacity: 0.8;
}

.book-background-image-segment { 
background: url(https://wminteriors.co.uk/images/wm-interiors-st-johns-wood-bathroom.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.about-background-image-segment {
height: 75vh;
background: url(https://wminteriors.co.uk/images/wm-interiors-curtains.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

.services-02-background{
height: 600px;
background: url(https://wminteriors.co.uk/images/wm-interiors-application.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

.services-03-background{
height: 600px;
background: url(https://wminteriors.co.uk/images/wm-interiors-bedroom.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

.footer-bar {
z-index: 9999;
position: relative;
bottom: 0vh;
height: 212px;
width: 100vw;
margin: 0px auto;
}

#social-icon {
height: 20px;
width: auto;
padding: 0 8px;
}

#social-icon:hover {
opacity: 0.8;
}

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

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

.padding-left-150 {
padding: 0 60px 0 150px;
}

.padding-right-150 {
padding: 0 150px 0 60px;
}

.how-we-work {
position: relative;
flex-direction: row;
}

.how-we-work-reverse {
position: relative;
}

.background-number-left {
position: absolute;
font-family: linotype-didot, serif;
font-size: 650px;
opacity: 0.05;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 26.4px;
padding: 10px;
right: 50%;
top: 55%;
user-select: none;
}


.background-number-right {
position: absolute;
font-family: linotype-didot, serif;
font-size: 650px;
opacity: 0.05;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 26.4px;
padding: 10px;
left: 50%;
top: 55%;
user-select: none;
}

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

.form-control {
width: 480px;
border-radius: 0px;
border: 10px solid #ffff;
padding: 10px 10px 10px 10px;
background: #ebebeb;
}

.form-control:focus {
opacity: 0.8;
border: 10px solid #ffff;
padding-bottom: 10px;
outline: none;
}

.form-control-message {
width: 100%;
margin: 0;
}
.thankyou-message {
padding: 200px 20px;
width: 100%;
height: 64vh;
z-index: 9999;
text-align: center;
position: relative;
top: 50%;
bottom: 50%;
display: flex;
justify-content: center;
align-items: center; 
}

.about-section .image-segment-left img {
margin-top: -90px;
padding-left: 160px;
}

#mc_embed_signup form {
text-align: center;
height: 60vh;
padding: 50px 0;
}

/* universal styles */

/* gallery images */


/* chiswick images */

.chiswick-gallery-image-1{ 
    background: url(https://wminteriors.co.uk/images/cheswick-london-bedroom-curtains-luxury-wm-interiors.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.chiswick-gallery-image-2{ 
    background: url(https://wminteriors.co.uk/images/cheswick-london-curtains-luxury-wm-interiors.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.chiswick-gallery-image-3{ 
    background: url(https://wminteriors.co.uk/images/cheswick-london-livingtoom-curtains-luxury-wm-interiors.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.chiswick-gallery-image-4{ 
    background: url(https://wminteriors.co.uk/images/cheswick-london-livingtoom-curtains-luxury-landscapewm-interiors.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.chiswick-gallery-image-5{ 
    background: url(https://wminteriors.co.uk/images/cheswick-london-livingtoom-curtains-luxury-landscapewm-interiors.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.chiswick-gallery-image-6{ 
    background: url(https://wminteriors.co.uk/images/cheswick-london-curtains-luxury-wm-interiors-landscape.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
}

/* elm-park images */

.elm-park-gallery-image-1{ 
    background: url(https://wminteriors.co.uk/images/elm-park-livingroom-curtains-luxury-wm-interiors.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.elm-park-gallery-image-2{ 
    background: url(https://wminteriors.co.uk/images/elm-park-bedroom-curtains-luxury-wm-interiors.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.elm-park-gallery-image-3{ 
    background: url(https://wminteriors.co.uk/images/elm-park-dining-curtains-luxury-wm-interiors.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.elm-park-gallery-image-4{ 
    background: url(https://wminteriors.co.uk/images/elm-park-bedroom-curtains-luxury-wm-interiors-landscape.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.elm-park-gallery-image-5{ 
    background: url(https://wminteriors.co.uk/images/elm-park-livingroom-curtains-luxury-wm-interiors-landscape.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.elm-park-gallery-image-6{ 
    background: url(https://wminteriors.co.uk/images/elm-park-dining-curtains-luxury-wm-interiors-landscape.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
}

/* stjohns images */

.stjohns-gallery-image-1{ 
background: url(https://wminteriors.co.uk/images/curtains-living-rooms.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}
.stjohns-gallery-image-2{ 
background: url(https://wminteriors.co.uk/images/curtains-dining-rooms.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}
.stjohns-gallery-image-3{ 
background: url(https://wminteriors.co.uk/images/curtains-bathrooms.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}
.stjohns-gallery-image-4{ 
background: url(https://wminteriors.co.uk/images/curtains-childerens-bedrooms.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.stjohns-gallery-image-5{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-st-johns-wood-montage.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.stjohns-gallery-image-6{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-st-johns-wood-montage-bedroom.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

/* woodhouse images */

.woodhouse-gallery-image-1{ 
background: url(https://wminteriors.co.uk/images/curtains-luxury-bedroom.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}
.woodhouse-gallery-image-2{ 
background: url(https://wminteriors.co.uk/images/curtains-luxury-living-area.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}
.woodhouse-gallery-image-3{ 
background: url(https://wminteriors.co.uk/images/luxury-curtains-poll.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}
.woodhouse-gallery-image-4{ 
background: url(https://wminteriors.co.uk/images/luxury-curtains-blinds-bedroom.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.woodhouse-gallery-image-5{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-woodhouse-montage.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.woodhouse-gallery-image-6{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-woodhouse-montage-curtains.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

/* berkshire images */

.berkshire-gallery-image-1{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-berkshire.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.berkshire-gallery-image-2{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-berkshire-curtains.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}


.berkshire-gallery-image-3{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-berkshire-blinds.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.berkshire-gallery-image-4{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-berkshire-bedroom.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.berkshire-gallery-image-5{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-berkshire-montage.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.berkshire-gallery-image-6{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-berkshire-montage-bedrooms.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.berkshire-gallery-image-7{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-berkshire-sofa.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.berkshire-gallery-image-8{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-berkshire-blinds-close-up.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.berkshire-gallery-image-9{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-berkshire-pillows.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

/* belgrave images */

.belgrave-gallery-image-1{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-belgrave-square.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.belgrave-gallery-image-2{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-belgrave-square-living-room.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.belgrave-gallery-image-3{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-belgrave-square-luxury.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.belgrave-gallery-image-4{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-belgrave-square-bedroom.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.belgrave-gallery-image-5{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-belgrave-square-montage.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.belgrave-gallery-image-6{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-belgrave-square-montage-bathroom.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}


/* services images */

.service-01{
height: 75vh;
background: url(https://wminteriors.co.uk/images/wm-interiors-brief-laptop.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.service-02{ 
    height: 75vh;
background: url(https://wminteriors.co.uk/images/wm-interiors-survey.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.service-03{ 
    height: 75vh;
background: url(https://wminteriors.co.uk/images/wm-interiors-drawings.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.service-04{ 
    height: 75vh;
background: url(https://wminteriors.co.uk/images/wm-interiors-brief.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.service-05{ 
    height: 75vh;
background: url(https://wminteriors.co.uk/images/curtains-luxury-living-area.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

/* gallery images */

.gallery-spacer {
width: 100%;
height: 12vh;
}

#cookieConsent {
background-color: rgb(57 57 59);
min-height: 117px;
opacity: 90%;
width: 360px;
font-family: raleway, sans-serif;
text-align: center;
margin: 20px;
font-size: 14px;
color: #fff;
line-height: 20px;
padding: 15px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: none;
z-index: 98;
}
#cookieConsent a {
color: #4B8EE7;
text-decoration: none;
}
#closeCookieConsent {
float: right;
display: inline-block;
cursor: pointer;
height: 20px;
width: 20px;
font-weight: bold;
}
#closeCookieConsent:hover {
color: #FFF;
}
#cookieConsent a.cookieConsentOK {
background-color: #ffffff;
color: #000;
display: inline-block;
padding: 6px 20px 2px 20px;
cursor: pointer;
text-align: center;
margin: 12px auto;
width: 190px;
}
#cookieConsent a.cookieConsentOK:hover {
opacity: 90%;
}

@media (min-width: 1400px) {

p {
margin: 0;
padding: 0;
font: 13px/30px RalewayR;
font-family: raleway, sans-serif;
line-height: 18px;
overflow: hidden;
}

.center-text p {
margin: 0;
padding-bottom: 7px;
font: 13px/30px RalewayR;
font-family: raleway, sans-serif;
line-height: 18px;
overflow: hidden;
}

.desktop-navigation {
width: 100%;
height: 182px;
background-color: #39393b;
position: relative;
}

.mobile-container {
display: none;
}
.contact-number {
position: absolute;
right: 0px;
padding: 20px;
font-family: raleway, sans-serif;
font-weight: 300;
font-style: normal;
letter-spacing: 2px;
color: #ffff;
font-size: 11px;
}
.contact-number a{
text-decoration: none;
}

.background-number-left {
font-size: 35vw;
padding: 10px;
right: 53%;
top: 55%;
}
.background-number-right {
font-size: 35vw;
padding: 10px;
left: 53%;
top: 55%;
}
.booking-group {
flex-direction: row;
}
.handcrafted-section {
flex-direction: row;
}
.book-background {
background-color: #fff;
}
.numbers h3{
margin: 9px 20px 0 0;
}
}

@media (max-width: 1400px) {
.desktop-navigation {
width: 100%;
height: 175px;
background-color: #39393b;
position: relative;
}

.mobile-container {
display: none;
}

.logo svg{
height: 100px;
margin-top: 20px;
}
.contact-number {
position: absolute;
right: 0px;
padding: 20px;
}

.background-number-left {
font-size: 40vw;
padding: 10px;
right: 50%;
top: 55%;
}

.background-number-right {
font-size: 40vw;
padding: 10px;
left: 50%;
top: 55%;
}
.panel-center-left {
padding: 10px;
}
.panel-center-right {
padding: 10px;
}
}

@media (max-width: 1000px) {

.desktop-navigation {
width: 100%;
height: 162px;
background-color: #39393b;
position: relative;
}
.mobile-container {
display: none;
}
.logo svg{
height: 105px;
margin-top: 20px;
}
.nav-button-text li a {
margin: 0px 17px;
padding: 5px 2px;
}

.footer-button-text li a {
margin: 0px 17px;
padding: 5px 2px;
}

.container {
padding: 60px 50px;
}

.panel-center {
padding: 40px 40px;
}
.panel-center-left {
padding: 10px;
}

.panel-center-right {
padding: 10px;
}
.panel-bottom {
padding: 0 40px 40px 40px;
}
.gallery-panel {
padding: 40px 40px;
}
.services-panel {
padding: 40px 0 40px 40px;
}
.book-panel {
padding: 0px 40px;  
}
.panel-left {
padding: 60px 60px 60px 100px;
}
.panel-right {
padding: 60px 100px 60px 60px;
}
.panel-right-about {
padding: 60px 100px 60px 0;
}
h5 {
font-size: 13px;
}
.background-number-left {
font-size: 40vw;
right: 50%;
top: 55%;
}

.background-number-right {
font-size: 40vw;
left: 50%;
top: 55%;
}
.form-control {
width: 100%;
border-radius: 0px;
border: 10px solid #ffff;
padding: 10px 10px 10px 10px;
background: #ebebeb;
}
.about-section .image-segment-left img {
padding: 20px 100px;
margin: 0 auto;
}

}

@media (max-width: 900px) {

.panel-220 {
padding: 120px 120px;
margin-bottom: 30px;
}
.panel-left {
padding: 60px 29px 60px 100px;
}
.panel-right {
padding: 60px 100px 60px 29px;
}
.panel-right-about {
padding: 60px 100px 60px 29px;
}
.background-number-left {
font-size: 40vw;
right: 50%;
top: 55%;
}

.background-number-right {
font-size: 350px;
left: 40%;
right: 50%;
left: 50%;
}
}

@media (max-width: 800px) {
.background-number-left {
font-size: 40vw;
right: 50%;
left: 50%;
top: unset;
}

.background-number-right {
font-size: 40vw;
left: 40%;
right: 50%;
left: 50%;
top: unset;
}
}

@media (max-width: 750px) {
.panel-left {
padding: 60px 40px 60px 40px;
text-align: center;
}
.panel-right {
padding: 60px 40px 60px 40px;
text-align: center;
}
.panel-right-about {
padding: 60px 40px 60px 40px;
}
.grey-button {
margin: 10px auto;
}
.white-button {
margin: 10px auto;
}
.background-number-left {
font-size: 30vw;
right: 0;
left: 0;
bottom: 70px;
top: unset;
}
.background-number-right {
font-size: 30vw;
right: 0;
left: 0;
bottom: 70px;
top: unset;
}
.panel-60 {
padding: 0 15px;
}
.numbers {
flex-direction: column;
text-align: center;
padding: 20px;
}
.numbers h4{
text-align: center;
}
.greytext {
text-align: center;
}
.blacktext {
text-align: center;
}
.padding-right-60 {
padding: 40px;
}
.text-left-segment {
text-align: center;
}
.how-we-work {
flex-direction: column;
}
.how-we-work-reverse {
flex-direction: column-reverse;
}
.padding-top-40 {
padding: 40px 0 40px 0;
}
.booking-group {
flex-direction: column;
}
.handcrafted-section {
flex-direction: column-reverse;
}
.gallery-spacer {
height: 1px;
}
.padding-left-150 {
padding: 40px;
}

.padding-right-150 {
padding: 40px;
}
.about-wm h4{
text-align: center;
}

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

/* portrait images */


.elm-park-gallery-image-1{ 
    background: url(https://wminteriors.co.uk/images/elm-park-livingroom-curtains-luxury-wm-interiors-portrait.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.elm-park-gallery-image-2{ 
    background: url(https://wminteriors.co.uk/images/elm-park-bedroom-curtains-luxury-wm-interiors-portrait-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.elm-park-gallery-image-3{ 
    background: url(https://wminteriors.co.uk/images/elm-park-dining-curtains-luxury-wm-portrait-interiors.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.elm-park-gallery-image-4{ 
    background: url(https://wminteriors.co.uk/images/elm-park-bedroom-curtains-luxury-wm-interiors-portrait.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.elm-park-gallery-image-5{ 
    background: url(https://wminteriors.co.uk/images/elm-park-dining-curtains-luxury-wm-portrait-interiors-portrait-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.elm-park-gallery-image-6{ 
    background: url(https://wminteriors.co.uk/images/elm-park-dining-curtains-luxury-wm-portrait-interiors-close.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
}


.chiswick-gallery-image-1{ 
    background: url(https://wminteriors.co.uk/images/cheswick-london-bedroom-curtains-luxury-wm-interiors-detail-portrait.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.chiswick-gallery-image-2{ 
    background: url(https://wminteriors.co.uk/images/cheswick-london-curtains-luxury-wm-interiors-portait.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.chiswick-gallery-image-3{ 
    background: url(https://wminteriors.co.uk/images/cheswick-london-livingtoom-curtains-luxury-wm-interiors-detail-portrait.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.chiswick-gallery-image-4{ 
    background: url(https://wminteriors.co.uk/images/cheswick-london-livingtoom-curtains-luxury-wm-interiors-portrait.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.chiswick-gallery-image-5{ 
    background: url(https://wminteriors.co.uk/images/cheswick-london-bedroom-curtains-luxury-wm-interiors-detail-portrait.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
    }

.chiswick-gallery-image-6{ 
    background: url(https://wminteriors.co.uk/images/cheswick-london-curtains-luxury-wm-interiors-portait.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;   
}

.stjohns-gallery-image-5{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-st-johns-wood-portrait-2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.stjohns-gallery-image-6{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-st-johns-wood-portrait-1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.woodhouse-gallery-image-5 {
background: url(https://wminteriors.co.uk/images/wm-interiors-woodhouse-portrait-1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center; 
}

.woodhouse-gallery-image-5 {
background: url(https://wminteriors.co.uk/images/wm-interiors-woodhouse-portrait-2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center; 
}

.belgrave-gallery-image-3{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-belgrave-square-portrait-1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.belgrave-gallery-image-5{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-belgrave-square-portrait.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.belgrave-gallery-image-6{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-belgrave-square-portrait-2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.berkshire-gallery-image-5{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-berkshire-portrait.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

.berkshire-gallery-image-6{ 
background: url(https://wminteriors.co.uk/images/wm-interiors-berkshire-portrait-2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;   
}

/* portrait images */

}
@media (max-width: 600px) {
.desktop-navigation {
display: none!important;
}
.nav-buttons {
display: none;
}
.contact-number {
display: none;
}
.mobile-container {
display: flex;
background-color: #39393b;
min-height: 200px;
z-index: 999;
}
.logo svg{
display: none;
}
.topnav a{
color: #fff;
}
.topnav {
overflow: hidden;
position: relative;
padding: 15px;
}
#myLinks {
display: none;
padding: 15px 0px;
}
.nav-button-text li a {
margin: 0px 10px;
padding: 5px 2px;
}
.mobcontainer {
width: 100%;
}
.moblogo{
margin-top: -30px;
}
.moblogo svg{
display: block;
height: 124px;
}

.footer-bar {
z-index: 9999;
position: relative;
height: auto;
width: 100vw;
margin: 0px auto;
}

.container {
padding: 10px;
}
.panel-right {
padding: 25px;
text-align: center;
}
.panel-right-about {
padding: 25px;
text-align: center;
}
.panel-left {
padding: 25px;
text-align: center;
}
.how-we-work-reverse {
flex-direction: column-reverse;
}

.image-segment-right img {
padding: 20px;
}

.grey-button {
margin: 12px auto;
}
.white-button {
margin: 12px auto;
float: none !important;
}

.panel-220 {
padding: 80px 20px;
margin: 0;
}
.gallery-Slider .item .img-fill img {
object-fit: none;
}

.panel-center {
padding: 25px 20px;
}
.panel-center-left {
padding: 10px;
}

.panel-center-right {
padding: 10px;
}
.panel-bottom {
padding: 0 20px 20px 20px;
}

.gallery-panel {
padding: 25px 25px;
}
.services-panel {
padding: 25px 0 25px 50px;
}

.book-panel {
padding: 0;  
}

.mobile-image{
padding-bottom: 190px;
}
.about-background-image-segment {
height: 350px;
}

.service-01 {
height: 350px;
}

.service-02 {
height: 350px;
}

.service-03 {
height: 350px;
}

.service-04 {
height: 350px;
}

.service-05 {
height: 350px;
}

.woodhouse-gallery-image-6 {
background: url(https://wminteriors.co.uk/images/wm-interiors-woodhouse-montage-curtains.jpg);
}

.footer-button-text li a {
margin: 0px 5px;
}
h5 {
font-size: 13px;
}

.image-segment-left img {
padding: 20px;
}

.background-number-left {
font-size: 60vw;
right: 0;
left: 0;
bottom: 90px;
top: unset;
}
.background-number-right {
font-size: 60vw;
right: 0;
left: 0;
bottom: 90px;
top: unset;
}
.booking-content  {
margin-bottom: 40px;
}
.booking-wrapper {
margin: 0 auto;
height: 100%;
}
.services-02-background {
height: 450px;
}
.services-03-background {
height: 450px;
}
.book-background {
background-color: #fff;
}
.gallery-spacer {
height: 1px;
}
.numbers h3 {
margin: 0 !important;
}
#cookieConsent {
width: 100%;
margin: 0;
}
}

@media (max-width: 400px) {

.desktop-navigation {
display: none !important;
}
.nav-buttons{
display: none;
}
.mobile-container {
display: flex;
background-color: #39393b;
min-height: 200px;
z-index: 999;
}
.logo svg{
display: none;
}
.contact-number {
display: none;
}
.moblogo svg{
display: block;
height: 124px;
}
.container {
padding: 10px;
}
.panel-right {
padding: 15px;
text-align: center;
}
.panel-right-about {
padding: 15px;
text-align: center;
}
.how-we-work-reverse {
flex-direction: column-reverse;
}
.grey-button {
margin: 12px auto;
float: none;
}
.white-button {
margin: 12px auto;
float: none im !important;
}
.panel-220 {
padding: 80px 20px;
}
.gallery-Slider .item .img-fill img {
object-fit: none;
}
.mobile-image{
padding-bottom: 160px;
}
.about-background-image-segment {
height: 300px;
}
.footer-button-text li {
width: 100%;
}
.footer-button-text li a {
margin: 0px 10px;
}
h5 {
font-size: 13px;
}
.services-02-background {
height: 400px;
}
.services-03-background {
height: 400px;
}
.footer-bar {
z-index: 9999;
position: relative;
height: auto;
width: 100vw;
margin: 0px auto;
}
.booking-wrapper {
max-width: 1000px;
margin: 0 auto;
height: 100%;
}
.gallery-spacer {
height: 1px;
}
}