html,body{min-width:640px}
body {font-size:30px;background:#fff}
h1, .post-title,.blog-entry h3 a {font-size:40px}
.mobile {display:block !important}
.no-mobile {display:none !important}
.inside {width:100%;margin:0;padding:0}
.m30 {margin-top:30px}
#container {width:580px;padding:0 30px}

#header {padding:25px 0 23px}
#header-logo {margin:8px 0 0}
#header-logo img {width:370px}
.button {font-size:26px;width:auto !important;height:auto !important;line-height:normal !important;padding:20px 15px}

/* Hidden elements */
#column-left, #column-right, #slideshow.lower-slideshow, #breadcrumbs,#breadcrumbs-after, .home-blocks-pc, .blog-entry .button, .blog-entry .excerpt, #footer .col-1.not-home, #quote-form,#contact-strip,.home-blocks-bottom, #footer .col-2, #footer .col-3, #footer .col-1 h5, #header #header-contact {display:none}
#nav .sub-menu {left:-99999px}

body.home #column-right {display:block;float:none;width:100%}
body.home .call-to-action:before {background:none}

body.home .inline-cta-holder{
  margin: 0;
}
body.home .inline-cta-holder .inline-cta {
  width: auto;
  float: none;
  margin: 5px 0;
}
body.home .inline-cta .call-to-action {
  /*height: 275px;*/
}
body.home .inline-cta .call-to-action p {
  width: 100%;
  font-size: 20px;
}

#subpage-dropdown, #category-dropdown,#select-supplier {display:block;border:1px solid #bbbbbb;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;width:100%;margin-bottom:20px;font-size:26px}
/*#category-dropdown-heading {font-size:40px;color:#60ac3a;text-transform:uppercase;border-bottom:4px solid #60ac3a;padding-bottom:20px;margin-bottom:20px}*/
#category-dropdown-heading {display:block;margin:33px 0 26px;font-size:40px}

#header .right {float:none;width:100%}
#menu_icons {float:right}
#menu_icons .menu_icon:first-child {margin-right:10px}
.menu_icon {background-color:#c9c9c9;border-radius:4px;width:70px;height:70px;float:left;text-decoration:none;position:relative;text-align:center}
.menu_icon.active {background-color:#d52751;height:95px;border-radius:4px 4px 0 0}

#contact_icon .icon {display:inline-block;width:53px;height:36px;background-image:url(/wp-content/themes/csdfriction/images/phone.png);margin-top:17px;}

#nav_icon:before,#nav_icon .icon,#nav_icon:after {display:block;width:50px;height:6px;background-color:#fff;border-radius:1px;content:''}
#nav_icon:before {margin:16px auto 0}
#nav_icon .icon {margin:10px auto}
#nav_icon:after {margin:0 auto}

#header #header-logo {float:left;margin-top:15px;}
#header #header-logo img {width:410px;height:40px;}
#header #partners-logo {display:none;}
#header #nav_contact {}
#header #nav_contact ul {}
#header #nav_contact ul li {float:none;clear:both;width:auto;padding:0;border-bottom:1px solid #b7193f;height:100px;}
#header #nav_contact ul li a {border:0;line-height:100px;}
#header #nav_contact ul li:before {display:none !important;}
#header #nav_contact ul li:after {display:none !important;}
#header #nav_contact ul li .wrap {float:none}
#header #nav_contact ul li .title,#nav_contact li .tel {font-size:28px;font-weight:bold;color:#fff;line-height:100px;}
#header #nav_contact ul li .title {float:left}
#header #nav_contact ul li .tel {float:right;color:#fff;text-decoration:none;border:0 none;font-size:28px;}
#header #nav_contact ul li .tel a {color:#fff;text-decoration:none;border:0 none;}
#header #nav_contact .menu {padding:15px 30px}

.menu {position:absolute;height:auto !important;background:#d52751 !important;display:none;left: 0px;top:120px;width:640px !important;z-index:200;padding:15px 30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0}
.menu:after {display:none}
.menu li {float:none !important;width:100% !important;height:auto !important}
.menu li:after {display:none}
.menu a {font-size:33px;float:none !important;color:#fff;border-bottom:1px solid #b7193f;display:block;width:100% !important;height:68px;line-height:68px;text-transform:uppercase;padding:0 10px;text-align:left}
.menu li:first-child a, #nav_contact li:first-child {border-top:1px solid #b7193f}

#nav {height:auto !important}
#nav_contact {height:auto !important}
#nav_contact a.title {width:auto !important;float:left !important}

#slideshow {height:298px;overflow:hidden;border-bottom:8px solid #ebebeb;border-top:8px solid #d52751;margin-top:0}
#slideshow .left,#slideshow .cycle-pager {display:none}
#slideshow .slide .img-overlay {width:100%}
#slideshow .slide .img-overlay img {width:100%;z-index:0}

#content, #home-content {float:none;width:100%}
#content p, #home-content p {font-size:30px;line-height:36px}
.the-content .image {margin-left:0;float:none;width:100% !important;height:auto !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
body.single-supplier .the-content .image {display:none}
.the-content h3 {font-size:34px}

.blog-entry {padding-bottom:30px;margin-top:30px}
.blog-entry .excerpt, .blog-entry .more-info {display:none}
.blog-entry .image, .blog-entry .image img {width:100%;height:auto;float:none}
.blog-entry h3,.blog-entry .date, .post-title h1, .post-title .date {font-size:52px;line-height:52px}
.blog-entry .date {margin:22px 0 0}
.blog-entry .right {float:none;width:100%;clear:both;margin-top:30px}
.blog-entry .image {border:0 none}
.blog-entry .image img {border:1px solid #ccc}

.post-title .date, .post-title h1 {float:none}
.post-title {border-bottom:0 none}

.pagination {margin-bottom:40px}
.pagination a, .pagination span {height:60px;line-height:60px;font-size:20px;padding:0 15px}
.pagination .next, .pagination .prev {width:140px;padding:0;font-size:20px}

#shareme {margin-top:48px}
#shareme .left {font-size:40px;top:8px}
#shareme .right {width:auto;clear:none;margin-top:0;margin-left:20px}
#shareme .right a {background-image:url(/wp-content/themes/csdfriction/images/share-icons-big.png);width:52px;height:52px;margin-right:19px}
#shareme .twitter {background-position:-52px 0}
#shareme .linkedin {background-position:-104px 0}

.back-to-blog {font-size:36px;height:60px;line-height:60px}

.supplier_logo_wrap {width:100%;height:581px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

.select-supplier select {height:auto;line-height:normal}
.select-supplier {background:transparent;border:0 none;height:auto}
.select-supplier:after {display:none}
.select-supplier p {font-size:42px;padding-bottom:20px;border-bottom:8px solid #ebebeb;margin-bottom:20px}
.select-supplier .inner {margin:0;width:100%}
.select-supplier .text {width:322px;height:70px}
.select-supplier .button {font-size:40px;padding:19px 40px}

#select-supplier {margin-left:0}

#popular-suppliers-heading {font-size:42px}
#popular-suppliers {margin-right:-52px}
#popular-suppliers li {width:263px;height:263px;margin:0 52px 30px 0}
#popular-suppliers li a img {width:214px}

#suppliers .top h5 {font-size:33px}
#suppliers .top .button {font-size:33px;background:transparent;padding:0;color:#d52751}
#suppliers .pc-carousel {display:none}
#suppliers .mobile-carousel {display:block;height:355px;border:1px solid #ebebeb}
#suppliers .mobile-carousel .cycle-slideshow {width:100%;height:100%;margin:0 auto;list-style-type:none;padding:0}
#suppliers .mobile-carousel .cycle-slide {width:100%;height:100%;text-align:center;margin:0}
#suppliers .mobile-carousel .cycle-slide a {display:block;width:100%;height:100%;position:relative}
#suppliers .mobile-carousel .cycle-slide img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}

#suppliers .mobile-carousel .arrow {z-index:200;top:140px;width:80px;height:80px}
#suppliers .carousel .arrow span {background-image:url(/wp-content/themes/csdfriction/images/carousel_arrows_m.png);display:inline-block;width:30px;height:44px;margin-top:18px}
#suppliers .carousel .arrow-prev {left:-30px}
#suppliers .carousel .arrow-next {right:-30px}

#suppliers.related #popular-suppliers, #suppliers.related h5 {display:none}
#suppliers.related .top {border:0 none}
#suppliers.related .button {width:100%;height:60px !important;line-height:60px !important;background:#d52751;text-align:center;float:none;color:#fff;display:block;font-size:32px}

#specials li {float:none;width:100%;height:auto;padding:25px;margin:0 0 30px 0}
#specials h3 {font-size:42px}
#specials img {width:100%;height:auto}

#map-wrap {height:498px}
#map-wrap .infoBox {font-size:16px;height:107px;width:456px}

#bottom {border-top:3px solid #ebebeb;padding-top:0}
#bottom .location {display:block;float:none;background:transparent;height:103px;border-bottom:3px solid #ebebeb;width:100%;margin:0;padding:40px 0 0}
#bottom .location:after {display:none}
#bottom .location .title {font-size:28px;color:#d52751;float:left}
#bottom .location .tel {font-size:32px;color:#4d4d4f;float:right}
#bottom .location .tel a {color:inherit}
#bottom .location .email, #bottom .location .map, #bottom .location .t {display:none}

.contact-details {
  line-height:36px;
  flex-direction: column;
}
.contact-details .details-section{
  width: 100%;
  margin-top: 1rem;
}
.contact-details .details-section:first-child{
  margin-top: 0;
}
.contact-details address, .contact-details .right {width:100%;clear:both;float:none}
.contact-details .right {margin-top:55px}

#contact-form {margin-bottom:40px}
#contact-form .left, #contact-form .right {float:none}
#contact-form .text {height:70px}
#contact-form .text, #contact-form textarea {width:100% !important}

#contact-form .divsubmit .button {clear:both;float:none;display:block;width:100% !important;font-size:32px}

.depot .depot-selector{
  width: 100%;
  float: left;
  margin: 5px 0;

}

#footer {height:auto;background:transparent;position:relative;padding-bottom:44px}
#footer .left {float:right;font-size:22px;margin-right:100px;margin-top:50px}
#footer .right {float:left}

#back-to-top {display:block;position:absolute;right:0px;bottom:44px;width:60px;height:60px;line-height:50px;text-align:center}
#back-to-top:before {position:absolute;top:0;left:0;width:60px;height:60px;background:#cccccc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;content:''}
#back-to-top span {display:inline-block;width:25px;height:10px;background-image:url(/wp-content/themes/csdfriction/images/top.png);position:relative}

#exleysmith {font-size:22px}
#exleysmith .text {top:0}
#exleysmith .logo {width:208px;height:26px;background-image:url(/wp-content/themes/csdfriction/images/exleyandsmith-big.png);display:block;top:0}