@charset "utf-8";*{margin: 0; padding: 0;}
.cl{clear: both;}
body{margin-top: 10px;}
img, a img, img a{border: 0 !important;}

/** External Font Declaration **/
@font-face{
    font-family: 'NovecentowideBold';
    src: url(/templates/youngandbracey/fonts/Novecentowide-Bold-webfont.eot);
    src: url(/templates/youngandbracey/fonts/Novecentowide-Bold-webfont.eot#iefix) format('embedded-opentype'),
         url(/templates/youngandbracey/fonts/Novecentowide-Bold-webfont.woff) format('woff'),
         url(/templates/youngandbracey/fonts/Novecentowide-Bold-webfont.ttf) format('truetype'),
         url(/templates/youngandbracey/fonts/Novecentowide-Bold-webfont.svg#NovecentowideBold) format('svg');
    font-weight: normal; 
  	 /* font-weight: 100; */
    font-style: normal;
}

/** Generic Font **/
h1{color: #990000; font-size: 1.6em;font-family: "NovecentowideBold", sans-serif;}
h2, h3{color: #990000;}
h2, h3, h4, h5, #main-content p, #main-content a, #main-content span{font-family: "Arial", sans-serif;}
p, a, li, div, span{color: #000; font-family: "Arial", sans-serif; }
#main-content p, #testimonials .post-content, #footer p, #main-content ul{ font-size: .9em; }
#main-content p, #main-content li, h1, h2, h3, h4, h5{line-height: 180%;}
#main-content p, #main-content ul{margin-bottom: 10px;}
#main-content a, #testimonials a, #footer a {-webkit-transition: .25s;-moz-transition: .25s;-ms-transition: .25s;-o-transition: .25s;transition: .25s;}
a:hover {color: #990000;}
h1, h2, h3, h4, h5{margin-bottom: 0px !important;}
.product h3 a{color: #990000;font-size:.9em;}
.product h3 a:hover{color: #000;}
#main-content li{margin-left: 20px;}
table.half{width: 100%;}
.half td{width: 50%;}
.blog-meta{font-size: 13px !important;}

.feature{ font-style: italic; font-size: 1.5em !important; }

.wrapper{max-width: 960px; margin-left: auto; margin-right: auto !important;}

/* .item-page:not(:first-child){column: 2;} */



div#entry-57 p:first-child {
    display: none !important;
}


/** Layout **/
#top{float: left; width: 100%; margin: 10px 0;}
#message{float: left; width: 35%; margin-top: 3%; margin-left: 3%;}
#logo{float: left; width: 24%;text-align: center;}
#phone{float: right; text-align: right; width: 35%; margin-top: 3%; margin-right: 3%;}
#nav{float: left; width: 100% !important;}
#nav-toggle-wrapper {display: none; width: 40px; height: 29px; margin: 5px auto; padding: 15px; overflow: hidden !important;}
#nav-toggle {display: inline-block; position: relative; width: 40px; height: 29px; background: #fff; cursor: pointer !important;}

.line, .line:before, .line:after {position: absolute; background: #990000; width: 40px; height: 5px; left: 0px; border-radius: 25%; transition-timing-function: ease; transition-duration: .15s; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform;}

.line:before {top: -10px; content: "";}
.line {top: 50%; margin-top: -3px;}
.line:after {bottom: -10px; content: "";}

.line:before {left: 0; transition: top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335); transition: transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in; transition: transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);}
.opened .line:before {top: -80px; left: -80px; transition: left .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1); transition: left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1); transition: left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1); transform: translate3d(80px,80px,0) rotate(45deg);}

.line {transition: background-color .2s .25s ease-in;}
.opened .line {transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent;}

.line:after {top: 10px; right: 0; transition: top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335); transition: transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in; transition: transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);}
.opened .line:after {top: -80px; left: 80px; transition: left .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1); transition: left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1); transition: left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1); transform: translate3d(-80px,80px,0) rotate(-45deg);}


/* Request a Quote */
#request a {position: fixed; top: 30%; right: -63px; background: #9a0000; font-family: "NovecentowideBold"; color: #fff; padding: 5px 10px; transform: rotate(270deg); z-index: 10;}
#request a:hover, #request a:focus {text-decoration: none;}
div#quote-btn {text-align: center;}
.ce-contact_email {display: inline-block; text-align: left;}

/* Before & After */
.before-after img {width: 50%; margin-bottom: 15px !important;}

.banner-wrapper {max-width: 1170px; margin: auto;}

#banner, #banner-temp {
    width: 100%; 
    float: left; 
    text-align: center; 
    background-position: center bottom;
    background-repeat: no-repeat;
    /*background-image: url('../images/banners/1.jpg');*/
    -webkit-background-size: cover; 
    height: 667px; 
    margin-top: 10px;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
#banner-level-2 { 
    width: 100%;
    position: absolute;
    height: 681px;
    margin-top: -14px;
    background:  no-repeat 50% bottom;
    z-index: 3;
}
#banner-level-2.left { 
    background-position: 30% 80%;
}
#banner-level-2.right { 
    background-position: 75% bottom;
}
#banner-temp {
    display:none;
    position: absolute;
    margin-top: 0px;
    z-index: 2;
}

#banner-overlay{position: absolute; left:0;z-index: 4; background: url(/templates/youngandbracey/images/bg-banner-overlay.png) no-repeat center center; height: 681px; margin-top: -7px; width: 100%;}
#callouts{float: left; width: 100%; margin: 25px 0;}
#main-content{float: left; width: 97%; padding: 25px 1.5% 15px 1.5%; background: url(/templates/youngandbracey/images/bg-main.jpg) no-repeat center top #fff;}
#testimonials{float: left; width: 100%;line-height: 180%;}
#footer{float: left; width: 100%;}

/** Message **/
#message p span{font-weight: bold; color: #990000; font-size: 1.2em;}

/** Logo **/

/** Phone **/
#phone p span {font-weight: bold; color: #990000; font-size: 1.5em;}
#phone p span a {font-weight: bold; color: #990000; font-size: 1.5em;}

/** Banner Layout **/
#banner {position: relative; height: initial;}
#banner-overlay-top {position: absolute; background: url(/templates/youngandbracey/images/banner-overlays/bg-banner-overlay-top.png) top center no-repeat; width: 100%; height: 55px; top: 0; z-index: 6;}
#banner-overlay-bottom {position: absolute; background: url(/templates/youngandbracey/images/banner-overlays/bg-banner-overlay-bottom2.png) bottom center no-repeat; width: 100%; height: 55px; bottom: 0; z-index: 6;}
.nivo-slider-wrapper.theme-light {margin: 6px 0 !important;}
.nivo-caption span p {position: absolute; background: rgba(255, 255, 255, 0.9); bottom: 20%; left: 25%; font-family: 'NovecentowideBold'; font-size: 20px; color: #990000; padding: 20px 15px; text-transform: uppercase; z-index: 9999999999999;
}
.nivo-html-caption span p {position: absolute; background: rgba(255, 255, 255, 0.9); bottom: 20%; left: 25%; font-family: 'NovecentowideBold'; font-size: 20px; color: #990000; padding: 20px 15px; text-transform: uppercase; z-index: 9999999999999;
}
.nivo-caption {position: static; background: none; padding: 0;}
.nivo-directionNav {position: absolute; left: 25%; bottom: 10px; z-index: 10;}
.nivo-directionNav a {position: static; float: left;}



p.ls-l {width: 100% !important; height: 100% !important;}
p.ls-l span {position: absolute; background: rgba(255, 255, 255, 0.9); bottom: 20%; left: 20%; font-family: 'NovecentowideBold'; font-size: 20px; color: #990000; padding: 20px 15px; text-transform: uppercase;}
#layerslider_1 {margin: 6px auto !important;}


/** Callouts **/
a.button{width: 32%; float: left; background: #990000; color: #fff; font-family: "NovecentowideBold", sans-serif; text-align: center; text-decoration: none; padding: 15px 0; font-size: 1.6em;}
a.button:first-child{margin-right: 2%;}
a.button:last-child{margin-left: 2%;}
a.button:hover{background: #000;}

#quote-btn p{text-align: center;}
#quote-btn a{width: 100%; margin-bottom: 10px;}
.quote-btn{width: 100%; float: left; /*background: #990000;*/ color: #fff; font-family: "NovecentowideBold", sans-serif !important; text-align: center; text-decoration: none; padding: 5px 0; font-size: 1.6em !important; color: #990000;}

.quote-btn {display: none;}

#quote-btn .contactenhanced_email{width: 96%; margin: 0 auto;}

/** Request a Quote **/
.ce-introtext {width: 100%; float: left; /* background: #990000; */ color: #fff; font-family: "NovecentowideBold", sans-serif !important; text-align: center; text-decoration: none; padding: 5px 0; font-size: 1.6em !important; color: #990000;}
.span12.col-md-12 {margin: 0;}

/** Testimonials **/
#testimonials{margin-top: 20px;}
#testimonials .testimonial{width: 49%; padding: 0 0.5%; float: left;}
#testimonials .custom{border-bottom: 1px solid #990000; border-top: 1px solid #990000; float: left; padding: 10px 0;}
#testimonials h3{font-family: "NovecentowideBold", sans-serif; }

.tes-wrap {width: 100%; float: left; margin: 25px 0;}
.tes-head {text-align: center; float: left; width: 100%; margin: 15px 0; font-family: "NovecentowideBold", sans-serif !important; font-size: 20px; color: #8f000c; text-transform: uppercase;}
.tes-body {float: left; width: 100%; display: flex; justify-content: center;}
.tes-left, .tes-center, .tes-right {width: 30%; float: left; padding: 2%;}
.tes-thumb, .tes-text {text-align: center;}
.tes-thumb img {margin-bottom: 10px;}
.tes-text span {display: block; line-height: 1.5;}
.text-row1 {font-weight: bold; font-size: 18px;}
.text-row2 {font-size: 16px;}
.text-row3 {margin: 10px 0; line-height: 1.3; font-size: 14px;}
.tes-text a {color: #8f000c; font-weight: bold; text-decoration: none;}
.tes-text a:hover {text-decoration: underline;}

.navigation-container {top: 45% !important;}
.moduletable h3 {display: none;}

/*
.nivo-caption {float: left; position: static; margin-top: 0px; background: #fff; color: #000; line-height: 1.5;}
.nivo-slider-wrapper.theme-pure {max-height: none !important; max-width: 912px !important;}
.theme-pure .nivo-directionNav a {background: url(../images/navi.png) no-repeat; width: 65px; height: 65px;}
.theme-pure a.nivo-nextNav {background-position: -65px 0;}
.theme-pure a.nivo-prevNav:hover {background: url(../images/navi2.png) no-repeat;}
.theme-pure a.nivo-nextNav:hover {background: url(../images/navi2.png) no-repeat; background-position: -65px 0;}
.nivo-main-image {float: left}
.nivo-controlNav {display: none;}
.nivo-directionNav a {top: 215px;}
.nivo-caption span {transition: 0.5s ease-in;}
*/


/** Gallery **/
.casestudy { width: 49%; float: left; }
.casestudy.before { margin-right: 2%;}

/** Footer **/
#footer{margin: 20px 0; float: left;}
#footer p{text-align: center;}

/** Products **/
.product{width: 27.166666666666666%; float: left; background: #ebebeb; margin: 1.041666666%; padding: 2.041666666%; height: 351px;}
.product h3 {font-size: 24px; line-height: 26px; margin: 0; text-align: initial;}
.product p {margin: 10px 0;}
.product img {max-width: 100%;}

#nav{text-align: center;}

/** Main Nav **/
ul.menu {
    /*display: inline-block !important;*/
    list-style-type: none;
    margin: 5px 0;
}

ul.menu a {
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 10px !important;
    font-weight: bold;
    font-size: 1em;
      font-family: 'NovecentowideBold';
      color: #000;

}

ul.menu li {float: left;}

ul.menu li:hover > a, ul.menu li.active a {
    background: #990000;
    color: #fff;
}

ul.menu ul {
    display: none;
    float: left;
    list-style-type: none;
   /* margin-top: 4px;*/
    position: absolute;
    width: 200px;
    z-index: 100000000000;
}

ul.menu li:hover > ul {
    display: block !important;
}

ul.menu ul a {
    
  	background: rgb(136,0,0);
    background: -moz-linear-gradient(top, rgba(136,0,0,1) 0%, rgba(155,3,3,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,0,0,1)), color-stop(100%,rgba(155,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(136,0,0,1) 0%,rgba(155,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(136,0,0,1) 0%,rgba(155,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(136,0,0,1) 0%,rgba(155,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(136,0,0,1) 0%,rgba(155,3,3,1) 100%);
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#880000', endColorstr='#9b0303',GradientType=0 ); */
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#880000, endColorstr=#9b0303);   */ 
 /* -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#880000, endColorstr=#9b0303); */
    border-bottom: 1px solid #aa2727;
    padding: 5px 10px;
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 0.9em;
}

ul.menu ul li {
    float: left;
    text-align: left !important;
    width: 199px;
}

ul.menu ul li:hover > a {
    background: #000;
}

/** Products Table **/
table td{vertical-align: top;}

/** Colours table **/
#colours-table, #colours-table2 {width: 100%; text-align: center;}


/** Contact Form **/
.contactenhanced_email{font-family: "Arial", sans-serif;}
label.requiredField{font-weight: normal !important;}
.required {background-image: none !important;background: #fff;}
.ce-contact_email input, .ce-contact_email textarea,.ce-contact_email select{border: 1px solid #999; padding: 3px;}
.contactenhanced_email .button{padding: 4px;}
.validation-advice {
padding-bottom: 0px;
font-weight: normal;
color: #f00;
font-size: 12px;
}
.ce-button-reset{display: none;}
.ce-button-submit{
background: #990000;
color: #fff;
border: 0; 
  cursor: pointer;
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px !important;
}

.securimage-container{width: 50%; float: left; clear:none;}

@media screen {
    div#preloader {
        position: absolute;
        left: -9999px;
        top:  -9999px;
    }
    div#preloader img {
        display: block;
    }
}
@media print {
    div#preloader, 
    div#preloader img {
        visibility: hidden;
        display: none;
    }
}

#banner-nav {
    position: absolute;
    z-index: 500;
    width: 100px;
    height: 31px;
    margin-top: 620px;
    left: 50%;
    margin-left: -450px;
}

#next, #previous {
    float: left;
    width: 31px;
    height: 31px;
    margin-left: 5px;
    background: url(/templates/youngandbracey/images/next.png) center center no-repeat;
    cursor: pointer;
}

#previous {
    background-image: url(/templates/youngandbracey/images/previous.png);
}

#debug {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    border: 1px solid #999;
    background: #EEE;
    height: 100%;
    overflow: auto;
    width: 100px;
}

/** contact **/
.fleft{width: 50%; float: left;}
.fright{width: 46%; float: left; padding: 10px 2%;}
.ce-contact_email input, .ce-contact_email textarea, .ce-contact_email select{width: 270px;}
.ce-contact_email #email_copy{width: 20px;}
.row-fluid.row {margin: 0 !important;}

/** Latest news feed**/
.moduletable, #ezblog-latestpost{float: left; width: 100%;}
#ezblog-latestpost ul{list-style-type: none;}
/*#ezblog-latestpost li{width: 48%; float: left; padding: 0 0.5%;}*/
.mod_easybloglatestblogs .mod-item{width: 48%; float: left; padding: 0 0.5%;}
/*#ezblog-latestpost{border-bottom: 1px solid #990000; border-top: 1px solid #990000; float: left; padding: 10px 0;}*/
.mod_easybloglatestblogs{border-bottom: 1px solid #990000; border-top: 1px solid #990000; float: left; padding: 10px 0 10px 25px;}
#ezblog-latestpost .post-head a{font-weight: bold; margin-bottom: 5px;}
#ezblog-latestpost .post-head{margin-bottom: 5px;}
#ezblog-latestpost .post-date{font-style: italic;}

div#fd.eb .mod-item+.mod-item {border-top: 0; margin-top: 0; padding-top: 0;}
/*.mod-item:nth-child(2) .eb-mod-image img {padding: 25px 0;}*/
.mod-item div.eb-mod-thumb {min-height: 200px;}

#eb .mod-item+.mod-item {border: 0; margin: 0; padding: 0;}
#eb .eb-mod-thumb.is-left {float: none; margin-right: 0;}

#idealCaptcha {margin-bottom: 20px !important;}


.ebd-block.ebd-block--legacy {display: block !important; text-align: center;}
div#fd.eb .eb-post-thumb .eb-post-image {max-width: 500px; margin: auto !important;}


.half50 {
  
  float: left;
   padding: 1.2%;  
}

.video-body 
{
	float: left;
	width: 100%; 
	display: fixed; 
	justify-content: center;
	
}

iframe{
    border-width: 0px;
}

/* Colour Chart */
.overlay {position: fixed; background: rgba(0, 0, 0, 0.75); width: 100%; height: 0; top: 0; left: 0; z-index: 5; transition: .5s ease;}
.overlay.showUp {height: 100%;}
.test .main_images_wrapper {position: fixed; background: #fff; bottom: -100%; left: 50%; margin: 0 0 -400px -350px; padding: 50px; z-index: 10; transition: .5s ease;}
.main_images_wrapper.showUp {bottom: 50%;}

.colour-palette {position: relative; font-size: 0; text-align: center;}
.colour-tile {display: inline-block; width: 25%; margin-bottom: 30px;}
.colour-tile img {cursor: pointer;}
.colour-tile span {display: block; font-size: 14px;}

.closeIt {position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; border-radius: 50%; cursor: pointer;}
.closeIt span.bar {position: absolute; background: #000; width: 25px; height: 5px; top: 10px; transition: .5s ease;}
.closeIt span.bar.one {transform: rotate(45deg);}
.closeIt span.bar.two {transform: rotate(-45deg);}

.closeIt:hover span.bar {background: #990000;}




/* Colour Swatches */
.swatches-wrap {font-size: 0; margin-top: 30px;}
.swatches-wrap .colour {display: inline-block; width: 30%; margin: 0 1% 50px 1%; text-align: center;}
.swatches-wrap .colour img {float: none;}
.swatches-wrap .colour span {display: block; margin-top: 10px; font-size: 18px;}
.swatches-wrap .colour a span {max-width: 250px !important;}

.vinyl-wall.swatches-wrap {margin-right: 300px;}
.vinyl-wall.swatches-wrap .colour {width: 48%;}
@media screen and (max-width: 1170px) {
  p.ls-l span {left: 5%;}
}
@media screen and (min-width: 768px) {
  .wrapper {padding: 0 20px;}
}
@media screen and (min-width: 911px) {
  ul.menu {display: inline-block !important;}
}
@media screen and (max-width: 910px) {
  #nav-toggle-wrapper {display: flex;}
  ul.menu li {width: 100%;}
  ul.menu ul {position: static; width: 100%;}
  ul.menu ul li {width: 100%;}
  ul.menu ul li a {padding: 5px 0 !important;}
}
@media screen and (max-width: 850px) {
  .product {width: 44%; margin: 1%; padding: 2%;}
}
@media screen and (max-width: 800px) {
  #message p span {display: block;}
  #phone {margin-top: 4%;}
}
@media screen and (max-width: 767px) {
  #callouts {text-align: center;}
  #callouts a {display: inline-block; width: 60%; float: none; margin: 5px 0;}
  #quote-btn .requiredsign {text-align: center;}
  #quote-btn #ce-custom-fields-container div {width: 250px; float: none; margin: auto;}
  #quote-btn #ce-custom-fields-container div#idealCaptcha div {width: initial;}
  div#idealCaptcha {margin: 0 auto !important; transform: scale(0.82); transform-origin: 5px 0;}
  div#ce-cf-container-ce-submit-button {text-align: center;}
  
  #ce-custom-fields-container div {width: 100%;}
  #ce-custom-fields-container input, #ce-custom-fields-container select, #ce-custom-fields-container textarea {width: 100% !important; height: 30px; box-sizing: border-box;}
  
  .casestudy.before {margin: 0;}
  .casestudy {width: 100%;}
}
@media screen and (max-width: 700px) {
  .tes-body {flex-flow: row wrap;}
  .tes-left, .tes-center, .tes-right {width: 100%;}
}
@media screen and (max-width: 650px) {
  #request a {position: fixed; width: 100%; top: inherit; left: 0; bottom: 0; text-align: center; transform: rotate(0deg); height: 20px;}
}
@media screen and (max-width: 600px) {
  #message {width: 100%; margin: 0; text-align: center;}
  #message p span {display: inline;}
  #logo {display: inline-block; width: 100%;}
  #phone {width: 100%; margin: 5px 0 0; text-align: center;}
  #message p span, #phone p span {font-size: 12px;}
  
  #quote-btn #ce-custom-fields-container input, #quote-btn #ce-custom-fields-container select, #quote-btn #ce-custom-fields-container textarea {width: 100% !important; height: 30px; box-sizing: border-box;}
  
  p.ls-l span {font-size: 14px; padding: 10px;}
}
@media screen and (max-width: 600px) {
  .item-page ul {float: left; margin: 0;}
  .item-page p img {display: block; float: none !important; padding-left: 0 !important;}
  .eb-mod {padding: 0;}
  .eb-mod .mod-item {width: 100%; float: left; margin: 30px 0; text-align: center;}
  .mod-cell {display: inline-block !important;}
  .before-after img {width: 300px; margin: auto; margin-bottom: 15px;}
}
@media screen and (max-width: 600px) {
  #colours-table td {display: inline-block; width: 33%; min-height: 110px;}
  div#footer {text-align: center;}
  #footer a, #footer span {display: block;}
  #footer p {display: inline-block; color: #fff;}
}
@media screen and (max-width: 575px) {
  .fleft {width: 100%;}
  .fright {width: 100%;}
}
@media screen and (max-width: 475px) {
  .product {width: 88%; margin: 2%; padding: 4%;}
}
@media screen and (max-width: 450px) {
  #callouts a {width: 90%; float: left; margin: 5px 5%; font-size: 16px;}
  #colours-table td {display: inline-block; width: 50%; min-height: 110px; padding: 0 10px;}
  #colours-table2 td {display: inline-block; width: 50%; min-height: 110px; padding: 0 10px;}
  p.ls-l span {font-size: 12px; padding: 10px;}
}
@media screen and (max-width: 400px) {
  
}